/* A readable arcade wardrobe: clear typesetting, generous targets, original art. */
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light dark}
@supports(font:-apple-system-body){html{font:-apple-system-body}}
body{font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.4}
#shell{--ink:#143859;--muted:#345f78;--surface:linear-gradient(150deg,#268dbb,#17497f);--panel:#1c5c8b;--card:linear-gradient(145deg,#d0f2f5bb,#95d5e399);--line:#d2f9ff;--blue:#b9edff;--page:radial-gradient(ellipse at 48% 40%,#a9f1e5,transparent 72%),linear-gradient(130deg,#62b8d8,#82d8df 55%,#5ca6d2);color:var(--ink)}
#shell[data-appearance=light]{color-scheme:light}
#shell[data-appearance=dark]{--ink:#edf9ff;--muted:#c5e4f2;--card:linear-gradient(145deg,#2c617b,#254866);--page:radial-gradient(ellipse at 48% 40%,#286476,transparent 72%),linear-gradient(130deg,#1d4363,#204654);color-scheme:dark}
@media(prefers-color-scheme:dark){#shell:not([data-appearance=light]){--ink:#edf9ff;--muted:#c5e4f2;--card:linear-gradient(145deg,#2c617b,#254866);--page:radial-gradient(ellipse at 48% 40%,#286476,transparent 72%),linear-gradient(130deg,#1d4363,#204654);color-scheme:dark}}
#shell :is(button,input,select,textarea){font-family:inherit;font-style:normal;letter-spacing:normal;font-weight:600}
#shell :is(h1,h2,h3,h4,strong,b){font-style:normal;font-weight:700;font-synthesis:none;letter-spacing:normal}
#shell :is(em,i){font-style:normal}#shell :is(h2,h3,h4,p,label,small){text-shadow:none}
#shell button,#shell input:not([type=checkbox]):not([type=radio]),#shell select,#shell a{min-width:44px;min-height:44px}
#shell :is(button,input,select,a):focus-visible{outline:3px solid #ffb728;outline-offset:3px}
#shell #account-panel .account-input input:focus-visible{outline:0}
#shell #account-panel .account-input:focus-within{border-color:#168fbd;box-shadow:0 0 0 3px #168fbd2d,0 3px 9px #14598512}
#shell button:disabled{opacity:.6}#shell input[type=checkbox],#shell input[type=radio]{width:24px;height:24px;margin:10px}
#shell :is(input[type=text],input[type=number],select){color:#163d60;background:#f5fcff}
.overlay{padding:calc(env(safe-area-inset-top) + 78px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 22px) calc(env(safe-area-inset-left) + 24px)}
.small-overlay,.menu-page.small-overlay{padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 22px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 22px)}
.menu-page.small-overlay{background:var(--page);align-items:flex-start;color:var(--ink)}
.topbar{padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 24px) 8px calc(env(safe-area-inset-left) + 24px)}
.icon-button{width:44px;height:44px;font-size:1.5rem;color:#fff}.wordmark{color:#fff;font-weight:700;text-shadow:0 2px #153659}
.primary{background:linear-gradient(#fff185,#ffc52d);color:#583513;border:2px solid #fff0a5;box-shadow:0 4px #ab6928,inset 0 2px #fff9c0;text-shadow:none;font-weight:700}
/* Main menu: explore a collection, then play with the equipped look below. */
.lobby-card{width:min(1200px,100%);max-width:none;grid-template-columns:minmax(180px,.9fr) minmax(330px,2.5fr) minmax(140px,.85fr);grid-template-rows:auto minmax(240px,1fr) auto;gap:16px;align-items:stretch;color:#fff}
.menu-heading{grid-column:1/-1;grid-row:1}.menu-heading h1{color:#fff;font-size:clamp(2rem,3.8vw,3rem);font-weight:800;letter-spacing:-.04em;text-shadow:0 3px #244b69}.menu-heading small{font-size:.75rem;letter-spacing:.1em;color:#163d60;text-shadow:none;font-weight:700}
.best-plaque{padding:8px 16px}.best-plaque strong{font-size:1.1rem}
.player-dock{grid-column:1;grid-row:2/4;background:var(--surface);border:2px solid #c0efff;box-shadow:0 6px #16457780,inset 0 2px #ffffff70;padding:14px;gap:11px;align-content:start;color:#fff}
.profile-plaque,#player-name,#player-name.saved{color:#fff;background:#173f69;opacity:1;border:2px solid #a8e8ff;box-shadow:inset 0 2px #ffffff26;font-size:1rem}
.profile-plaque{min-height:48px;padding:10px;font-weight:700}.profile-plaque :is(span,b){color:#fff}
.name-form>label{font-size:.75rem;letter-spacing:.03em;color:#e5f6ff}.name-form p{font-size:.8125rem;color:#e5f6ff;line-height:1.4}.name-row{flex-wrap:wrap}.name-row input{min-width:80px!important}.name-row button{font-size:.875rem;padding:7px}#cancel-name{color:#fff!important}
.dock-button{padding:10px;gap:9px;background:linear-gradient(#2bc5e9,#0864ab);border:2px solid #9adff6;box-shadow:0 4px #093c7580,inset 0 2px #ffffff60;color:#fff;font-size:1rem;font-weight:700}.dock-button small{color:#eafaff;font-size:.75rem;line-height:1.35}.dock-icon{font-size:1.8rem}.dock-tip{font-size:.8125rem;color:#dcefff}
.player-dock>.secondary{padding:10px;background:#195381;border:2px solid #8ad4f2;color:#fff;font-size:.9375rem}.store-shortcut{background:linear-gradient(#ae82f0,#6843af)!important;border-color:#dac3ff!important}
.featured-collection{grid-column:2;grid-row:2;position:relative;display:grid;grid-template-columns:1fr 1.12fr;grid-template-rows:1fr auto;gap:10px;padding:22px;border:3px solid #eaffff;border-radius:23px;box-shadow:0 7px #20558470,inset 0 3px #ffffff9c;color:#153f60;background:radial-gradient(ellipse at 76% 34%,#fffcc9 0,transparent 57%),linear-gradient(130deg,#b4f4cc,#83dfdc 65%,#51bbd6);overflow:hidden;isolation:isolate}
.featured-collection::before{content:"";position:absolute;inset:14px 7% 60px 44%;border:2px solid #ffffff75;border-radius:50%;background:#f1ffef35;z-index:-1}
.featured-collection[data-collection=halloween]{background:radial-gradient(ellipse at 76% 32%,#ffcb70,transparent 57%),linear-gradient(130deg,#dfc1f9,#d595db 65%,#9982d0);color:#392449}
.featured-collection[data-collection=christmas]{background:radial-gradient(ellipse at 76% 32%,#fff8d1,transparent 57%),linear-gradient(130deg,#d5f7ff,#91d9d0 65%,#63bfa9);color:#194b48}
.feature-copy{align-self:center;z-index:1;min-width:0}.feature-eyebrow{display:inline-block;padding:5px 9px;border-radius:20px;background:#ffffffbe;color:#194d64;font-size:.75rem;letter-spacing:.07em;font-weight:700}.feature-copy h2{font-size:clamp(1.8rem,3.1vw,2.8rem);line-height:1.07;margin:13px 0 9px}.feature-copy p{font-size:.9375rem;line-height:1.5;margin:0 0 16px;max-width:29ch}.feature-copy .primary{font-size:1rem;padding:11px;max-width:230px}
.featured-art{display:flex;align-items:center;justify-content:center;min-width:0;padding:0;background:transparent;border:0;border-radius:25px;animation:feature-bob 4s ease-in-out infinite;box-shadow:none;align-self:center}.featured-art canvas{width:100%;height:auto;max-height:285px;object-fit:contain;filter:drop-shadow(0 12px 7px #225d572e)}.featured-art:hover{filter:brightness(1.07)}.featured-art:active{transform:scale(.96);animation-play-state:paused}
.featured-themes{grid-column:1/-1;display:flex;gap:7px;background:#1c4b6433;padding:4px;border-radius:12px;z-index:1}.featured-themes button{flex:1;min-width:0;padding:7px 9px;border:2px solid transparent;border-radius:9px;color:#194467;background:#e0ffff5c;font-size:.875rem}.featured-themes [aria-pressed=true]{background:#fff;color:#163958;border-color:#fff;box-shadow:0 2px #23638344}
@keyframes feature-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
.menu-paused .featured-art,.needs-rotation .featured-art{animation-play-state:paused}
.career-strip{grid-column:3;grid-row:2;display:grid;grid-template-columns:1fr;gap:12px}.career-strip>button{background:var(--surface);color:#fff;border:2px solid #bce9ff;box-shadow:0 4px #16477888,inset 0 2px #ffffff60;padding:10px}.career-strip strong{font-size:1rem}.career-strip :is(span:not(.feature-icon),b){font-size:.8125rem;color:#e1f5ff}.career-strip .feature-icon{font-size:1.7rem;color:#ffe385}.career-strip progress{height:7px}
.loadout-bar{grid-column:2/4;grid-row:3;display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1.7fr) minmax(150px,1.2fr);align-items:center;gap:12px;min-height:92px;padding:10px 12px;border:2px solid #d5f5ff;border-radius:17px;background:linear-gradient(125deg,#1d86abdc,#1b548ada);box-shadow:0 5px #1a4b7360}
.showcase-edit{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;width:100%;padding:7px 10px;background:#f3fdff;color:#173d62;border:2px solid #fff;box-shadow:0 3px #21527b80;border-radius:10px}.showcase-edit b{font-size:1rem}.showcase-edit span{font-size:.8125rem}.showcase-edit .loadout-label{font-size:.6875rem;letter-spacing:.04em;color:#426c7d}
.loadout-bar .snake-preview{min-width:0;width:100%;margin:0;aspect-ratio:1000/260}.loadout-bar .snake-preview canvas{width:100%;height:auto;display:block}.loadout-bar .quick-play{margin:0;min-height:64px;font-size:2rem;padding:10px;border-radius:12px}.power-tip{grid-column:1/-1;font-size:.8125rem;text-align:center;color:#173f60;margin:0}
/* The gallery keeps its navigation and action visible beside a tall preview. */
.collection-dialog{width:min(1280px,100%);height:100%;max-height:none;min-height:0;margin:auto;display:grid;grid-template-rows:52px minmax(min-content,1fr);gap:12px;color:var(--ink)}
.collection-header{grid-column:1;grid-row:1;gap:12px;min-width:0}.collection-dialog>.collection-header h2,.collection-dialog>.collection-header .menu-pill{display:none}.collection-header h2{color:var(--ink);font-size:1.5rem;text-shadow:none}.collection-header .back-button{width:48px;height:48px;background:var(--surface);color:#fff;border:2px solid #c8f3ff;box-shadow:0 3px #15497666;border-radius:12px;font-size:1.9rem}.coin-pill{margin-left:auto;background:#1c5280;color:#ffe58b;border:2px solid #c5efff;font-size:1rem;padding:8px 12px}
.collection-tabs{grid-column:1;grid-row:1;margin-left:65px;width:min(530px,calc(100% - 185px));max-width:none;align-self:center;z-index:1}.collection-tabs,.settings-tabs{background:linear-gradient(#2b87b4,#1c598b);border:1px solid #9cdef0;border-radius:10px;box-shadow:0 3px #245c8144;padding:3px;gap:3px}.collection-tabs button,.settings-tabs button{font-size:1rem;padding:8px 12px;min-height:44px;color:#fff;font-weight:700}.collection-tabs [aria-selected=true],.settings-tabs [aria-selected=true]{background:#fff;color:#173f63;border-color:#fff;box-shadow:none}
.collection-body{grid-column:1;grid-row:2;display:grid;grid-template-columns:112px 218px minmax(0,1fr);gap:16px;min-height:18rem;overflow:visible}
.collection-filters{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0;padding:0 3px 5px 0;scrollbar-width:thin;scrollbar-color:#28668b transparent}.collection-filters button{flex:none;padding:10px 8px;min-height:48px;background:transparent;color:var(--ink);font-size:.875rem;line-height:1.3;text-align:left;font-weight:700;border:2px solid transparent;border-radius:10px}.collection-filters button span{font-size:.75rem;opacity:1}.collection-filters [aria-pressed=true]{color:#fff;background:var(--surface);border-color:#e4fbff;box-shadow:0 3px #1c527b44}
.collection-preview,.store-detail{position:static;align-self:stretch;min-width:0;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px;background:linear-gradient(#f5fdff,#c6edf2);color:#153d60;border:2px solid #fff;border-radius:14px;box-shadow:0 5px #255f8033;overflow:visible}
.collection-name{min-height:44px;color:#173d60;background:#fff;font-size:.9375rem!important;padding:7px 10px;flex-shrink:0}.collection-preview canvas,.store-detail canvas{display:block;width:100%;height:0;min-height:140px;max-height:440px;object-fit:contain;flex:1}.collection-preview h3,.store-detail h3{font-size:1.25rem;line-height:1.25;margin:4px 0;text-align:center}.selection-tag{font-size:.8125rem;line-height:1.4;color:#315d76}.favorite-button{font-size:.875rem!important;background:#fff;border:1px solid #90bccb;color:#6c366d;padding:8px 12px;min-height:44px;flex-shrink:0;margin-top:0}
.collection-catalog,.store-browser{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.catalog-heading{position:absolute;right:0;top:0;margin:0;height:48px;z-index:2}.catalog-heading>div:first-child{display:none}.view-switch{gap:5px}.view-switch button{width:44px;height:48px;font-size:1.5rem;background:#2a6b96;border:2px solid #d3f4ff;color:#fff;border-radius:10px}.view-switch [aria-pressed=true]{background:#fff;color:#194268}
.catalog-paging{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;flex-shrink:0;padding:0;color:var(--ink);font-size:.875rem;font-weight:700}.collection-catalog>.catalog-paging{margin-right:104px}.catalog-paging button{width:48px;height:48px;padding:0;margin:0;flex:0 0 48px;background:var(--surface);color:#fff;border:2px solid #c9f4ff;border-radius:10px;box-shadow:0 3px #285b7b44;font-size:1.5rem}.catalog-paging button:disabled{opacity:.4}
.collection-cards,.collection-cards[data-view=row],.collection-cards[data-view=grid],.store-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;padding:3px;flex:1;min-height:160px;max-height:none;align-content:stretch;overflow:visible;scroll-snap-type:none}
.collection-cards[data-view=grid]{grid-template-rows:repeat(2,minmax(150px,1fr))}
#shell .collection-card,#shell .store-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0;min-width:0;width:100%;padding:13px 6px 9px;margin:0;border:2px solid #e8ffff;border-radius:12px;background:var(--card);color:var(--ink);box-shadow:inset 0 2px #ffffff40,0 4px #215d7d33;text-align:center}
#shell .collection-card canvas,#shell .store-card canvas{display:block;flex:1;width:100%;height:0;min-height:110px;max-height:440px;object-fit:contain}
#shell .collection-cards[data-view=grid] canvas{min-height:75px;max-height:200px}
#shell .collection-card strong,#shell .store-card strong{font-size:.9375rem;line-height:1.25;flex-shrink:0;max-width:100%}.collection-card small,.store-price{font-size:.8125rem;color:var(--muted);line-height:1.25;margin:0;flex-shrink:0}.card-badge{right:7px;top:4px;font-size:1rem}
#shell .collection-card[aria-pressed=true],#shell .store-card[aria-pressed=true]{color:#173d60;background:#fff;border-color:#edb436;box-shadow:0 0 0 2px #fff6bf,0 4px #1d557b33}
.collection-card[aria-pressed=true] small,.store-card[aria-pressed=true] .store-price{color:#365f75}
.collection-footer,.store-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:13px;border:2px solid #a9e2f5;border-radius:12px;background:var(--surface);box-shadow:0 4px #1e5a7d44;color:#fff;flex-shrink:0}.collection-footer p,.store-footer p{font-size:.9375rem;line-height:1.5;margin:0;color:#eef9ff}.collection-actions,.store-actions{display:flex;flex-direction:row;gap:7px;max-width:230px;min-width:124px}.collection-actions button,.store-actions button{flex:1}
.collection-actions .primary,.store-actions .primary{width:100%;max-width:none;min-height:44px;font-size:1rem;padding:8px 14px;background:linear-gradient(#67ef89,#24c357);color:#123f2b;border:2px solid #b7ffbd;box-shadow:0 3px #086645;text-shadow:none}.store-actions .secondary{font-size:.875rem;padding:8px;background:#fff;color:#194c72;border-color:#a7d6e8;box-shadow:0 3px #16477577}
.equipped-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.slot-chip{min-width:0!important;min-height:44px;padding:7px!important;border:1px solid #78afc7;border-radius:9px;background:#e5f8ff;color:#174567;font-size:.8125rem!important;line-height:1.3}
.collection-catalog>p[role=status],#store-status{font-size:.875rem;line-height:1.4;color:var(--ink);margin:0;min-height:0}.collection-catalog>p[role=status]:empty,#store-status:empty{display:none}
.collection-store{grid-column:1;grid-row:2;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;min-height:18rem;padding:0;overflow:visible}.store-intro{display:none}.store-sidebar{min-height:0;display:flex;flex-direction:column;gap:14px;overflow:auto;padding:0 2px 5px 0;scrollbar-width:thin;scrollbar-color:#28668b transparent}.store-filters,.store-collections{display:flex;flex-direction:column;gap:7px;flex-wrap:nowrap;margin:0}.store-filters button,.store-collections button{flex:none;min-height:48px;padding:10px 8px;border:2px solid transparent;border-radius:10px;background:#2374a044;color:var(--ink);font-size:.875rem;line-height:1.3;text-align:left}.store-filters button span{display:block;font-size:.75rem}.store-filters [aria-pressed=true],.store-collections [aria-pressed=true]{background:var(--surface);border-color:#e2faff;color:#fff}.store-collections{border-top:1px solid #5a9fba77;padding-top:12px}.store-collections button{background:transparent}.store-sidebar #store-quests{margin:0;padding:8px;color:var(--ink);font-size:.875rem}
.store-layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-width:0;min-height:0;gap:16px}.store-detail .menu-pill{background:#1c5280;border:0;color:#fff;align-self:center;font-size:.75rem;padding:7px 12px}.store-detail h3{margin:10px 0}
/* Consistent settings, loading, results, and in-game text. */
.settings-dialog{height:auto;max-height:none;gap:14px}.settings-tabs{margin-left:0;max-width:none}.settings-grid{overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setting-tile,.control-instructions,.guide-grid article{color:#fff;background:var(--surface);border:2px solid #bce7f5;box-shadow:0 4px #1b4c7266,inset 0 2px #ffffff33}.setting-tile{padding:20px}.setting-tile h3,.setting-tile .graphics-label{font-size:1.125rem}.setting-tile p,.setting-tile .volume-label{font-size:.875rem;line-height:1.5;color:#e0f4ff}.segmented{background:#194c76}.segmented button{font-size:.9375rem;padding:8px;min-height:44px}.segmented [aria-pressed=true]{background:#fff;color:#173e63}.setting-tile #graphics{min-height:44px;font-size:1rem}.setting-tile #settings-fullscreen{font-size:.875rem;color:#fff}
.control-choices button{min-height:56px;font-size:1rem}.control-instructions h3,.guide-grid h3{font-size:1.25rem}.control-instructions p,.guide-grid p{font-size:1rem;line-height:1.5;color:#e1f5ff}.boost-options legend,.boost-options p{font-size:.875rem;color:var(--ink)}
#shell :is(.dialog,.career-dialog,.results-dialog){color:#fff}#shell .dialog :is(p,label,small){font-size:max(.875rem,1em);line-height:1.45}#shell .dialog h2{font-size:1.75rem}#shell .dialog h3{font-size:1.25rem}#shell :is(.quest-card span,.panel-heading small,.results-heading small,.daily-status){font-size:.8125rem}
#shell .loading-screen{color:#fff;background:radial-gradient(ellipse at 50% 30%,#21699ad9,#101d47ee 80%),url('/assets/game/lagoon-menu.webp') center/cover}#shell .loading-title{color:#fff;font-size:clamp(2.25rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;text-shadow:0 3px #091530}.loading-title em{color:#ffe07d}#shell .loading-card p{color:#eef8ff;font-size:1rem;line-height:1.5}#loading-retry{color:#fff;background:#205f8b;border:2px solid #91d9ff}
#hud{color:#fff}.score-card strong{font-family:inherit;font-weight:800;letter-spacing:-.04em;text-shadow:0 2px #24425d,2px 0 #24425d,-2px 0 #24425d,0 -2px #24425d;font-variant-numeric:tabular-nums}.score-card small,.score-card>span{font-weight:700}.leaderboard{background:#1c4c77c9;border:1px solid #dff5ffb0;box-shadow:none;width:180px}.leaderboard li{font-weight:700;line-height:1.2}#shell :is(.leaderboard li,.leaderboard h2,.leader-caption small,.room-chip,.room-chip b,.run-stats,#boost-label){font-size:.75rem}
#joystick,#boost{border-color:#ffffffc9;background:#d5f0fa85;box-shadow:inset 0 1px #fff8}#boost:active{background:#eafaffba}#stick{background:#fff}.arena-exit{min-height:44px;bottom:calc(env(safe-area-inset-bottom) + 6px);font-size:.8125rem;background:#214f77d9}.score-card,.leaderboard,.leader-caption{margin-top:env(safe-area-inset-top)}#minimap{bottom:calc(env(safe-area-inset-bottom) + 24px)}
.system-edge{position:absolute;top:0;bottom:0;width:max(16px,env(safe-area-inset-left));z-index:7;touch-action:pan-y pinch-zoom;background:transparent}.edge-left{left:0}.edge-right{right:0;width:max(16px,env(safe-area-inset-right))}
@media(orientation:landscape) and (max-height:600px){
 .overlay{padding-top:calc(env(safe-area-inset-top) + 60px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px);align-items:flex-start}.topbar{padding-top:calc(env(safe-area-inset-top) + 6px)}.menu-page.small-overlay{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}
 .lobby-card{grid-template-columns:minmax(168px,.9fr) minmax(270px,2.5fr) minmax(120px,.85fr);grid-template-rows:36px minmax(170px,1fr) 65px;gap:9px}.menu-heading{display:flex}.menu-heading small{display:none}.menu-heading h1{font-size:1.75rem}.best-plaque{padding:4px 10px}.best-plaque strong{font-size:.9375rem}
 .player-dock{padding:9px;gap:7px}.profile-plaque{padding:7px;min-height:44px}.dock-button,.player-dock>.secondary{font-size:.9375rem;padding:7px;min-height:44px}.dock-button small,.dock-tip{display:none}.dock-icon{font-size:1.6rem}.name-form p{font-size:.75rem}.name-form>label{font-size:.6875rem}
 .featured-collection{padding:10px;gap:6px;border-radius:15px}.feature-copy h2{font-size:1.65rem;margin:8px 0 6px}.feature-copy p{font-size:.8125rem;margin-bottom:9px;line-height:1.4}.feature-eyebrow{font-size:.6875rem;padding:3px 7px}.feature-copy .primary{font-size:.875rem;padding:7px}.featured-art canvas{max-height:150px}.featured-themes{gap:3px;padding:3px}.featured-themes button{font-size:.8125rem;padding:5px;min-height:44px}
 .career-strip{gap:8px}.career-strip>button{padding:7px}.career-strip strong{font-size:.875rem}.career-strip :is(span:not(.feature-icon),b){font-size:.75rem}.career-strip .feature-icon{font-size:1.3rem;margin-bottom:0}.career-strip progress{margin-top:5px}
 .loadout-bar{min-height:65px;grid-template-columns:minmax(115px,1fr) minmax(90px,1.3fr) minmax(120px,1.1fr);gap:8px;padding:6px 8px;border-radius:12px}.showcase-edit{padding:5px 7px}.showcase-edit b{font-size:.875rem}.showcase-edit span{font-size:.75rem}.showcase-edit .loadout-label{display:none}.loadout-bar .quick-play{min-height:48px;padding:7px;font-size:1.65rem}.power-tip{display:none}
 .collection-dialog{grid-template-rows:48px minmax(min-content,1fr);gap:10px}.collection-body{grid-template-columns:92px 150px minmax(0,1fr);gap:10px;min-height:17rem}.collection-filters{gap:5px}.collection-filters button{min-height:44px;padding:8px 5px;font-size:.8125rem}.collection-tabs{margin-left:60px}.collection-tabs button{font-size:.9375rem;padding:7px 10px}
 .collection-preview,.store-detail{padding:8px;gap:5px}.collection-preview canvas,.store-detail canvas{min-height:115px}.collection-preview h3,.store-detail h3{font-size:1rem}.collection-name{font-size:.8125rem!important;padding:6px}.selection-tag{font-size:.75rem}.favorite-button{font-size:.8125rem!important;padding:7px}
 .collection-catalog,.store-browser{gap:7px}.collection-cards,.collection-cards[data-view=row],.store-cards{gap:8px;min-height:140px}.collection-cards[data-view=grid]{grid-template-rows:repeat(2,minmax(140px,1fr))}#shell .collection-card,#shell .store-card{padding:9px 4px 6px;gap:4px}#shell .collection-card strong,#shell .store-card strong{font-size:.8125rem}.collection-card small,.store-price{font-size:.75rem}#shell .collection-card canvas,#shell .store-card canvas{min-height:85px}
 .collection-footer,.store-footer{padding:9px;gap:9px}.collection-footer p,.store-footer p{font-size:.875rem;line-height:1.4}.collection-actions,.store-actions{min-width:112px;gap:5px}.collection-actions .primary,.store-actions .primary,.store-actions .secondary{font-size:.875rem;padding:7px}.slot-chip{font-size:.75rem!important;padding:6px!important}
 .collection-store{grid-template-columns:92px minmax(0,1fr);gap:10px;min-height:17rem}.store-layout{grid-template-columns:150px minmax(0,1fr);gap:10px}.store-filters button,.store-collections button{font-size:.8125rem;min-height:44px;padding:8px 5px}.store-sidebar{gap:9px}.store-collections{padding-top:8px}.leaderboard{width:168px}.score-card small{font-size:.8125rem}
}
@media(max-width:760px){
 .collection-body{grid-template-columns:130px minmax(0,1fr)}.collection-filters{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:5px;padding-bottom:5px}.collection-filters button{flex:0 0 auto;min-width:70px;white-space:nowrap}.collection-filters button span{font-size:.75rem}
 .collection-store{grid-template-columns:1fr}.store-sidebar{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;min-height:54px}.store-filters,.store-collections{flex-direction:row;flex:none;gap:5px;padding:0;border:0}.store-sidebar button{white-space:nowrap}.store-filters button span{display:none}.store-sidebar #store-quests{flex:none}.store-layout{grid-template-columns:130px minmax(0,1fr)}
 .collection-footer,.store-footer{grid-template-columns:1fr}.collection-actions,.store-actions{flex-direction:row;max-width:none;min-width:0}.collection-actions button,.store-actions button{flex:1}.equipped-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(orientation:portrait){
 .lobby-card{grid-template-columns:minmax(150px,1fr) minmax(200px,1.5fr);grid-template-rows:auto auto auto auto}.player-dock{grid-column:1;grid-row:2}.featured-collection{grid-column:2;grid-row:2;grid-template-columns:1fr}.featured-art{display:none}.career-strip{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,1fr)}.loadout-bar{grid-column:1/-1;grid-row:4}
 .collection-dialog{height:auto;grid-template-rows:52px auto}.collection-body,.store-layout{min-height:0}.collection-preview,.store-detail{position:sticky;top:0;align-self:start;max-height:none}.collection-preview canvas,.store-detail canvas{flex:none;height:220px}.collection-catalog,.store-browser{min-height:0}.collection-cards,.collection-cards[data-view=row],.collection-cards[data-view=grid],.store-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;flex:none;max-height:none}.catalog-heading{position:static;justify-content:flex-end}.collection-catalog>.catalog-paging{margin-right:0}#shell .collection-card canvas,#shell .store-card canvas{height:155px;flex:none}.settings-grid{grid-template-columns:1fr}
}
@media(max-width:500px){.collection-tabs{width:calc(100% - 148px);margin-left:52px}.collection-tabs button{font-size:.8125rem;padding:6px 4px}.collection-header .coin-pill{padding:8px;font-size:.875rem}.collection-body,.store-layout{grid-template-columns:112px minmax(0,1fr);gap:9px}.collection-name{font-size:.75rem!important;max-width:100%}.collection-preview,.store-detail{padding:7px}.collection-preview h3,.store-detail h3{font-size:1rem}.collection-preview canvas,.store-detail canvas{height:180px}.catalog-paging{font-size:.75rem;gap:4px}#shell .collection-card strong,#shell .store-card strong{font-size:.8125rem}.equipped-slots{grid-template-columns:1fr}.lobby-card{display:flex;flex-direction:column}.featured-art{display:block}.loadout-bar{grid-template-columns:1fr 1fr}.loadout-bar .snake-preview{display:none}}
/* Bigger text reflows into a scrollable layout instead of clipping the controls. */
#shell[data-text-size=large] :is(.overlay,.small-overlay) :is(button,input,select,p,small,span,strong,label,output,legend,td,th){font-size:max(1.1875rem,1em)!important;line-height:1.5}
#shell[data-text-size=large] .lobby-card{grid-template-rows:auto auto auto}#shell[data-text-size=large] .featured-collection{grid-template-columns:1fr}#shell[data-text-size=large] .featured-art{display:none}#shell[data-text-size=large] .loadout-bar{grid-template-columns:1fr 1fr}#shell[data-text-size=large] .loadout-bar .snake-preview{display:none}
#shell[data-text-size=large] .collection-dialog{height:auto;grid-template-rows:auto auto auto}#shell[data-text-size=large] .collection-header{grid-row:1}#shell[data-text-size=large] .collection-tabs{grid-row:2;margin:0;width:100%}#shell[data-text-size=large] :is(.collection-body,.collection-store){grid-row:3;height:auto;grid-template-columns:1fr}#shell[data-text-size=large] :is(.collection-filters,.store-sidebar){grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
#shell[data-text-size=large] :is(.collection-preview,.store-detail){position:static;max-height:none}#shell[data-text-size=large] :is(.collection-preview canvas,.store-detail canvas){height:220px;flex:none}#shell[data-text-size=large] :is(.collection-cards,.store-cards){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}#shell[data-text-size=large] :is(.collection-card canvas,.store-card canvas){height:180px;flex:none}#shell[data-text-size=large] .catalog-heading{position:static}#shell[data-text-size=large] .collection-catalog>.catalog-paging{margin-right:0}#shell[data-text-size=large] :is(.collection-footer,.store-footer){grid-template-columns:1fr}#shell[data-text-size=large] :is(.collection-actions,.store-actions){max-width:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.menu-swimmer{will-change:auto}}
@media(prefers-contrast:more){#shell{--line:#fff}.menu-page button{border-width:2px}.leaderboard{background:#173955}.selection-tag,.collection-card small{font-weight:700}}

@media(orientation:landscape) and (max-height:600px){.collection-cards[data-catalog=accessories]{min-height:110px}#shell .collection-cards[data-catalog=accessories] canvas{min-height:65px}.collection-actions,.store-actions{max-width:210px}.collection-cards[data-view=grid]{grid-template-rows:repeat(2,minmax(120px,1fr))}}

.featured-art{position:relative;padding-bottom:22px}.featured-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;color:#19425e;background:#ffffffbb;padding:3px 8px;border-radius:14px}
@media(orientation:landscape) and (max-height:450px){
 .feature-eyebrow,.feature-copy p{display:none}.featured-art canvas{max-height:115px}.featured-hint{font-size:.6875rem}.featured-art{padding-bottom:18px}
 .feature-copy h2{font-size:1.5rem;margin:0 0 12px}.featured-collection{grid-template-rows:minmax(120px,1fr) auto}
 .career-strip>button{display:grid;grid-template-columns:24px 1fr;gap:2px 5px;align-content:center;text-align:left;padding:6px}.career-strip .feature-icon{grid-column:1;grid-row:1/3;font-size:1.3rem}.career-strip strong{grid-column:2;grid-row:1;font-size:.8125rem}.career-strip span:not(.feature-icon){grid-column:2;grid-row:2;margin:0;font-size:.75rem}.career-strip progress,.career-strip b{display:none}
}
@media(orientation:landscape) and (max-height:600px){#shell .collection-card canvas,#shell .store-card canvas{min-height:60px}#shell .collection-cards[data-view=grid] canvas{min-height:48px}.collection-cards[data-view=grid]{grid-template-rows:repeat(2,minmax(130px,1fr))}}
@media(orientation:landscape) and (max-height:450px){.featured-collection{padding:6px;gap:4px;grid-template-rows:minmax(100px,1fr) auto}.featured-art canvas{max-height:90px}.feature-copy h2{font-size:1.35rem;margin-bottom:8px}.featured-themes{padding:2px}}