*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
/* Hidden menus must not retain animated compositing layers during a flight. */
.screen:not(.active):not(.app-page),.app-page[hidden]{display:none!important}
.screen:not(.active):not(.app-page) *,.screen:not(.active):not(.app-page)::before,.screen:not(.active):not(.app-page)::after{animation-play-state:paused!important;will-change:auto!important}
:root{color-scheme:dark;--accent:#ffd164;--muted:#a3bdcc;--panel:#123849;--ink:#082a3b;font-family:"Bahnschrift","Trebuchet MS","Segoe UI",sans-serif}
html,body{margin:0;min-height:100%;overscroll-behavior:none}body{height:100dvh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#205263,#071b2c 65%);color:#f6f7ec}
button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #72eff0;outline-offset:3px}button:disabled{cursor:default}
.shell{width:min(100%,460px);height:100dvh;max-height:1080px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;padding:max(12px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#174459,#0c2c3d);border-inline:1px solid #85ced022;box-shadow:0 0 100px #0005}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 3px}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(#ffecac,#edac39);border:2px solid #fff0b1;border-radius:11px 11px 15px 15px;box-shadow:0 3px #876028;color:#254352;font-size:23px;font-weight:900;transform:rotate(-7deg)}
.brand strong,.brand small{display:block}.brand strong{font-size:13px;font-weight:900;letter-spacing:.035em}.brand small{font-size:8px;color:#91bdcb;letter-spacing:.1em;margin-top:3px}.quick-settings{display:flex;gap:5px}
.icon-button,.close-button{border:1px solid #7ab7c447;background:#234d5e;color:#f4f4e9;border-radius:11px;min-width:36px;min-height:38px;font-weight:700;font-size:13px}.icon-button[aria-pressed="false"]{opacity:.55}.wallet{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;min-width:63px;border:1px solid #e0b859;border-radius:11px;background:linear-gradient(#3a5049,#1d393b);color:#ffe28a;font-weight:800;font-size:14px}
.loadout{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;text-align:left;padding:9px 13px;border:1px solid #78b5c344;border-radius:14px;background:linear-gradient(110deg,#25546a,#193d50);color:#e9f6f5;box-shadow:inset 0 1px #fff1}.loadout-copy small,.loadout-copy strong{display:block}.loadout-copy small{font-size:8px;color:#acd5df;letter-spacing:.15em}.loadout-copy strong{font-size:12px;letter-spacing:.1em;margin-top:2px}.loadout-copy>span,.loadout-skin small{display:none}.loadout-skin{font-size:10px;padding:6px 10px;background:#0e3143;border-radius:8px;color:#ffe398}.loadout-arrow{font-size:24px;color:#c9ecec}
.game{position:relative;isolation:isolate;justify-self:center;width:auto;height:100%;min-height:0;max-width:100%;aspect-ratio:9/16;overflow:hidden;border:2px solid #5b94a4;border-radius:22px;background:#13778b;box-shadow:0 5px #061e2d,0 18px 35px #00182555}
canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}
.hud{position:absolute;z-index:3;top:17px;left:0;right:0;text-align:center;pointer-events:none}.score-label{display:none}.hud strong{display:block;font-size:46px;line-height:1;font-weight:900;color:#fff7dd;text-shadow:0 3px #163f50,2px 0 #163f50,-2px 0 #163f50}.hud #tier{font-size:8px;font-weight:800;color:#fff;text-shadow:0 1px 3px #062c3a;letter-spacing:.1em}
.run-wallet{position:absolute;z-index:4;left:12px;top:16px;display:flex;align-items:center;gap:6px;padding:5px 9px 5px 5px;background:#10384cdb;border:1px solid #ffe49c80;border-radius:20px;color:#ffe093;font-size:15px}.coin-symbol{display:grid;place-items:center;background:linear-gradient(#fff0a5,#f3af30);border:2px solid #b77c24;color:#81591e;width:23px;height:23px;border-radius:50%;font-size:19px;font-weight:900}
.game-pause{position:absolute;right:12px;top:16px;z-index:4;border:1px solid #accfd1;background:#113d4edd;border-radius:12px;min-width:42px;height:38px;color:#fff6d9;font-size:10px;font-weight:800;opacity:0;pointer-events:none}.game[data-active="true"] .game-pause{opacity:1;pointer-events:auto}
.status-wrap{position:absolute;bottom:25px;left:12px;right:12px;z-index:3;text-align:center;pointer-events:none}.status-wrap p{display:inline-block;font-size:11px;font-weight:600;padding:9px 13px;background:#0b354cda;border:1px solid #9fe6e555;border-radius:20px;color:#ebffff;margin:0}
.screen{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:18px;background:#092f48aa;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.screen.active,.app-page:not([hidden]){opacity:1;visibility:visible;pointer-events:auto}.screen-card{width:min(100%,320px);max-height:100%;overflow-y:auto;text-align:center;padding:24px 20px;border:1px solid #8ecac477;border-radius:24px;background:linear-gradient(145deg,#205065,#11374b);box-shadow:0 8px 0 #05223566,inset 0 1px #eef8ea33;scrollbar-width:thin;scrollbar-color:#598b9b #143a4c;overscroll-behavior:contain}.eyebrow{font-size:9px;letter-spacing:.14em;color:#ade5e4;font-weight:800}
#home-screen{background:linear-gradient(#04314c14 30%,#07385300 45%,#052e4ee0 100%);padding:15px}.home-orbit{display:none}.home-card{padding:10px 6px 8px;border:0;background:none;box-shadow:none;overflow:visible;width:min(100%,300px)}.home-card .eyebrow{font-size:8px;letter-spacing:.15em;text-shadow:0 1px 4px #123f51}.home-card h1{margin:12px 0 0;line-height:.76;font-size:72px;font-weight:950;font-style:italic;letter-spacing:-.06em;color:#fff8de;text-shadow:0 5px #19536b,0 7px #062e43,3px 1px #22576a,-2px -1px #e4ffff;transform:rotate(-5deg)}.home-card h1 span{font-size:.60em;letter-spacing:-.02em}.home-card h1 em{font-style:inherit;color:#ffda65;text-shadow:0 5px #956228,0 7px #103b4c,2px 0 #ffe4a1}
.hero-bird{width:200px;height:157px;margin:4px auto -2px;animation:hover-flight 3.2s ease-in-out infinite;filter:drop-shadow(0 15px 10px #10344844);touch-action:auto}@keyframes hover-flight{50%{transform:translateY(-9px) rotate(3deg)}}.pilot-signature{font-size:8px;letter-spacing:.1em;font-weight:800;color:#d6f7f3;display:flex;align-items:center;justify-content:center;gap:8px}.live-dot{width:5px;height:5px;background:#6deacb;border-radius:50%;box-shadow:0 0 6px #6deacb}.home-card p{font-size:13px;line-height:1.4;margin:9px 0 18px;color:#fff5d9;text-shadow:0 2px 8px #062a3c}
.primary,.secondary,.text-button{min-height:45px;width:100%;border-radius:13px;font-weight:800}.primary{border:2px solid #fff1a180;background:linear-gradient(#ffe891,#ffc44c);color:#204351;box-shadow:0 5px #a7762b,0 9px 14px #04263655;font-size:17px;text-shadow:0 1px #fff9}.primary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(3px);box-shadow:0 2px #a7762b}.hero-button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:21px;letter-spacing:.015em}.secondary{margin-top:10px;border:1px solid #78acbb66;background:#2a576a;color:#edf7f4;font-size:13px;box-shadow:0 3px #0c2f42}.text-button{border:0;background:transparent;color:#bad7de;font-size:11px;min-height:34px}.mission-shortcut{display:block;width:100%;min-height:39px;margin-top:15px;border:1px solid #8dc9d266;border-radius:11px;background:#153f50c9;color:#f0f5dd;font-size:12px;font-weight:700}.home-card .text-button{margin-top:6px}
h2{font-size:26px;margin:8px 0 18px;line-height:1.05;letter-spacing:-.025em}h3{font-size:14px;margin:15px 0 8px}.tutorial-card p,.purchase-layer p{font-size:13px;line-height:1.65;color:#c4dee3}.step-orb{display:grid;place-items:center;background:#ffdc71;color:#244552;border-radius:12px;width:42px;height:42px;margin:auto;font-weight:800}.gesture-demo{height:85px;display:flex;align-items:center;justify-content:center;gap:10px}.finger{font-size:40px;color:#c5fcf2;animation:tap 1.2s infinite}.boost-lines{color:#ffda73;letter-spacing:-.2em;font-weight:900}@keyframes tap{50%{transform:translateY(12px) scale(.85)}}
.result-score{margin:18px 0 12px}.result-score strong,.result-score span{display:block}.result-score strong{font-size:78px;line-height:1;color:#ffe07b;text-shadow:0 4px #9c742e}.result-score span{font-size:11px;color:#b6d8e1;margin-top:8px}.run-reward{font-size:13px;color:#ffe593;font-weight:700}.best-line{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px;background:#0c3044;padding:12px;border-radius:12px;color:#a9cdda;font-size:12px}.best-line strong{color:#f7f5dd}
.panel-heading{display:flex;justify-content:space-between;align-items:start;text-align:left}.panel-heading h2{margin:5px 0 10px}.close-button{font-size:24px;width:36px;height:36px}.hangar-card{padding:18px 14px}.hangar-card>p{text-align:left;font-size:11px;color:#b6d5dc;margin:15px 0 8px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.choice-grid button{min-width:0;border:1px solid #8db9c655;background:#12384d;border-radius:11px;color:#d5e7e9;font-weight:700;font-size:10px;position:relative}.choice-grid button.selected{border:2px solid #ffdc70;background:#385c62;color:#ffe69a}.choice-grid button.locked{opacity:.68}.choice-grid button.locked:after{content:'◉';position:absolute;right:4px;top:3px;color:#ffda70;font-size:10px}.world-grid button{height:43px}.skin-grid button{padding:3px}.skin-grid canvas{width:100%;height:auto;aspect-ratio:1}.skin-grid span{display:block;padding:4px;font-size:11px}.hangar-card>.primary{margin-top:18px}
.app-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:5px;gap:2px;background:#0b3041;border:1px solid #6598aa55;border-radius:17px;box-shadow:inset 0 1px #c6f6f011}.app-nav button{border:0;background:none;color:#8cb4c3;font-size:10px;font-weight:700;border-radius:11px;min-height:53px;padding:5px 0;transition:background .15s}.app-nav b{display:block;font-size:24px;line-height:1.1;margin-bottom:4px}.app-nav button:hover,.app-nav button:focus-visible{background:#2d5967;color:#ffe492}
body[data-screen="home"] [data-nav="home"],body[data-screen="hangar"] [data-nav="hangar"],body[data-screen="shop"] [data-nav="shop"],body[data-screen="records"] [data-nav="records"],body[data-screen="settings"] [data-nav="settings"]{background:linear-gradient(#3a646f,#214955);color:#ffe18e;box-shadow:inset 0 2px #ffde78}
body[data-screen="game"] .app-nav{visibility:hidden;pointer-events:none}body[data-screen="game"] .loadout{pointer-events:none}body:not([data-screen="game"]) .hud,body:not([data-screen="game"]) .status-wrap,body:not([data-screen="game"]) .run-wallet{display:none}
.app-page[hidden],.purchase-layer[hidden]{display:none}.app-page .wide-card{width:100%;padding:20px 14px}.page-intro,.fineprint{font-size:11px;color:#b0cfd9;line-height:1.6}.fineprint{margin:20px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.stat-grid>div{padding:15px 4px;border-radius:14px;background:linear-gradient(#3e6671,#204959);border:1px solid #81abb855}.stat-grid strong{display:block;font-size:33px;color:#ffe094}.stat-grid span{font-size:10px}.medal{display:grid;grid-template-columns:40px 1fr;text-align:left;gap:4px;align-items:center;border-bottom:1px solid #81a6b433;padding:10px 0;color:#7296a7}.medal b{grid-row:span 2}.medal span{font-size:12px;font-weight:700}.medal small{font-size:10px}.medal.earned{color:#ffde8a}
#shop-items{display:grid;gap:11px}.shop-item{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:12px 10px;text-align:left;border:1px solid #86b3bf55;border-radius:16px;background:linear-gradient(130deg,#315d70,#183e52);box-shadow:0 4px #05283c55}.shop-art{height:83px;align-self:center;display:grid;place-items:center;border-radius:13px;background:radial-gradient(#9ad5d961,#183c5033)}.shop-art canvas{width:88px;height:75px}.shop-art.world{font-size:40px;color:#fae4ac;background:radial-gradient(circle at 65% 35%,#bc87da,#415282 70%)}.shop-art.verdant{background:radial-gradient(circle at 65% 35%,#819d8b,#284b43 70%)}.shop-art.forge{background:radial-gradient(circle at 65% 35%,#ffd19f,#be6d4b 70%)}.shop-copy small{font-size:8px;letter-spacing:.09em;color:#9ad5db}.shop-copy h3{font-size:17px;margin:3px 0 4px}.shop-copy p{font-size:10px;line-height:1.4;color:#bad5df;margin:4px 0 8px}.shop-copy button,.mission button{border:1px solid #ffe29677;border-radius:9px;min-height:38px;padding:8px;background:linear-gradient(#ffdf85,#f3bd58);color:#234150;font-size:11px;font-weight:800}.shop-copy button:disabled,.mission button:disabled{background:#2f5667;border-color:#759ba955;color:#b5cdd4}#shop-message{font-size:12px;color:#ffe38f;min-height:1em}
.mission{padding:13px;margin-top:10px;text-align:left;background:#234d60;border:1px solid #86b3bf44;border-radius:14px}.mission h3{margin:0 0 6px}.mission p{font-size:11px;color:#b3d3dc;line-height:1.4}.mission progress{width:100%;height:9px;accent-color:#6cdec9}.mission>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:9px}.purchase-layer{position:absolute;inset:0;display:grid;place-items:center;padding:18px;z-index:30;background:#061f33ee}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.lab[hidden]{display:none}
@media(max-height:740px){.shell{gap:6px;padding-top:8px;padding-bottom:6px}.loadout{padding:6px 11px}.brand small{display:none}.app-nav button{min-height:45px}.app-nav b{font-size:21px}.home-card h1{font-size:58px;margin-top:8px}.hero-bird{width:145px;height:114px;margin:0 auto}.home-card p{font-size:11px;margin:7px 0 12px}.home-card .eyebrow{font-size:7px}.hero-button{min-height:45px;font-size:18px}.mission-shortcut{min-height:34px;margin-top:11px}.home-card .text-button{margin-top:3px;min-height:30px}.screen-card{padding:18px 14px}.game{border-radius:18px}}
@media(max-height:590px){.loadout{display:none}.shell{grid-template-rows:auto minmax(0,1fr) auto}.home-card h1{font-size:43px}.hero-bird{width:105px;height:82px}.pilot-signature,.home-card .eyebrow{display:none}.home-card p{margin:4px 0 10px}.screen{padding:10px}.game{overflow:auto}.home-card{padding:0 4px}.app-nav button{min-height:40px}.app-nav b{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Nexus 6.1 — cinematic AI district; coin gold remains reserved for currency. */
body{background:radial-gradient(ellipse at 50% 20%,#15394d,#050d1a 70%)}
.shell{background:linear-gradient(140deg,#132d43,#081828);border-color:#47708455}
.loadout{background:linear-gradient(110deg,#183e55,#12273e);border-color:#4cb6cf55}.loadout-copy strong{color:#91eff3}
.screen-card{background:linear-gradient(145deg,#193f56f5,#0a2036fa);border-color:#63bdd077}
.app-nav{background:#091e32}.icon-button{background:#163449}.home-card{background:none;border:0}

/* Premium interface pass — consistent native iconography and quieter motion. */
.app-nav svg{display:block;width:24px;height:24px;margin:0 auto 4px}
.audio-mixer{margin:18px 0;padding:14px;background:#091f33;border:1px solid #65aab944;border-radius:15px;text-align:left}
.audio-mixer label{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;font-size:12px;margin:16px 0 4px;color:#e3f5f3}.audio-mixer label span{justify-self:end;font-size:9px;color:#8daebb}.audio-mixer label output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;color:#fff2b3}
.audio-mixer input{width:100%;height:32px;accent-color:#69e7e7;touch-action:pan-x}.audio-mixer .text-button{color:#9febe6}
.screen.active>.screen-card:not(.home-card),.app-page:not([hidden])>.screen-card{animation:panel-arrive .2s ease-out}
@keyframes panel-arrive{from{opacity:.3;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.shop-item{transition:border-color .15s,box-shadow .15s}.shop-item:focus-within{border-color:#6de5e5;box-shadow:0 0 0 2px #6de5e51a}
.hero-bird{image-rendering:auto}.home-card .pilot-signature strong{font:inherit}
@media(pointer:coarse){.icon-button,.wallet{min-height:44px}.game-pause{height:44px;min-width:44px}.shop-copy button,.mission button{min-height:44px}.text-button{min-height:40px}.app-nav button{min-height:48px}}

/* Edition arcade: quiet playfield, collectible cards, original display typography. */
.shell{background:linear-gradient(150deg,#153e75,#102542)}
.screen-card{background:linear-gradient(145deg,#234c78f5,#102946fa);border-color:#8dbee57a;box-shadow:0 7px 0 #07182c88,inset 0 2px #fff2}
.home-card{background:none;box-shadow:none;border:0}.home-card h1{letter-spacing:-.035em}
.flight-quote{min-height:3.4em;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.45;padding:8px 12px;border-radius:12px;background:#061d3fb0;color:#eef8ff}
.home-card .flight-quote{margin:8px 0 12px}.result-card .flight-quote{font-size:11px;margin:10px 0 16px}
.hero-bird{width:180px;height:132px}.home-card h1{margin-top:9px}
body[data-flight="playing"] .status-wrap,body[data-flight="playing"] #tier{display:none}
body[data-screen="game"] .topbar,body[data-screen="game"] .loadout,body[data-screen="game"] .app-nav{display:none}
body[data-screen="game"] .shell{display:flex;align-items:center;justify-content:center}
body[data-screen="game"] .game{width:min(100%,calc((100dvh - 36px)*9/16));height:auto;max-height:100%;aspect-ratio:9/16}
.game-pause{font-size:20px}.hud strong{font-variant-numeric:tabular-nums}
.shop-art.world{height:116px;overflow:hidden;background:#16314d}.shop-art.world canvas{height:100%;width:100%;object-fit:cover}
.shop-actions{display:flex;gap:6px;flex-wrap:wrap}.shop-copy .preview-button{background:#204b71;color:#d9eeff;border-color:#8ab9e2}
.shop-copy progress{width:100%;height:6px;accent-color:#ffd369;margin-top:9px}.shop-copy small{text-transform:uppercase;color:#9fcbe9}
.collection-progress{padding:12px;border:1px solid #6eabe855;background:#102b49;border-radius:12px;text-align:left}
.collection-progress strong,.collection-progress span{display:block}.collection-progress strong{color:#ffdf85;font-size:14px}.collection-progress span{font-size:10px;line-height:1.5;margin-top:5px;color:#b8d5e9}
.mastery-list{margin:20px 0;text-align:left}.mastery{display:flex;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid #a1c2e21c;color:#8ca8c0;font-size:10px}.mastery.earned{color:#ffdc7e}.mastery small{white-space:nowrap}
#cosmetic-preview{z-index:29}.preview-card{padding:16px;max-height:100%;overflow:auto}.preview-card h2{margin:8px}.preview-card canvas{width:100%;height:auto;aspect-ratio:9/10;border-radius:15px;border:1px solid #a7c9e877}.preview-card p{font-size:11px;line-height:1.5}.preview-card .fineprint{margin:8px 0;color:#ffe093}
@media(max-height:720px){.home-card h1{font-size:58px}.hero-bird{width:150px;height:103px}.home-card .eyebrow{font-size:7px}.home-card .flight-quote{font-size:10px;margin:6px 0 10px}.home-card .mission-shortcut{margin-top:10px}.hero-button{min-height:46px}}

/* World App public build: English-first and one rotating in-universe signal. */
#language{display:grid;place-items:center}
.flight-quote{position:relative;justify-content:flex-start;min-height:58px;padding:25px 34px 11px 13px;text-align:left;border:1px solid #69cde14f;background:linear-gradient(110deg,#071d3be8,#11385ce8);box-shadow:inset 3px 0 #62def2,0 5px 14px #03152b55;overflow:hidden;text-shadow:none}
.flight-quote:before{content:attr(data-signal);position:absolute;top:7px;left:13px;font-size:7px;line-height:1;letter-spacing:.14em;font-weight:900;color:#6fe6f3}
.flight-quote:after{content:'⌁';position:absolute;right:10px;top:50%;transform:translateY(-46%);font-size:28px;color:#ffd56b;opacity:.8}
.home-card .flight-quote{animation:signal-arrive .28s ease-out}
.result-card .flight-quote{min-height:62px;padding-top:25px}
@keyframes signal-arrive{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-height:720px){.home-card .flight-quote{min-height:49px;padding:21px 29px 8px 11px}.flight-quote:before{top:6px;left:11px}.flight-quote:after{font-size:23px}}

/* Mobile pass: generous touch targets, safe areas, and a stable portrait stage. */
html,body{width:100%;height:100%;height:100dvh;overflow:hidden}
body{display:block}
.shell{width:min(100%,480px);height:100%;height:100dvh;min-height:0;max-height:none;margin-inline:auto;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(5px,1dvh,10px);padding:calc(env(safe-area-inset-top,0px) + 10px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(12px,env(safe-area-inset-left,0px))}
.shell>*{min-width:0;min-height:0}
.topbar{min-height:44px}.brand-mark{width:40px;height:40px}.brand strong{font-size:13px}.loadout{min-height:48px}
.game{height:100%;max-height:100%;max-width:100%;overflow:hidden}
.screen{min-height:0;padding:clamp(10px,3vw,18px)}
.screen-card{max-height:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.app-page>.screen-card,.hangar-card{width:min(100%,360px)}
.app-nav{min-height:58px}.app-nav button{min-height:50px;font-size:11px;line-height:1.15}
.icon-button,.wallet,.game-pause,.close-button{min-height:44px;min-width:44px}
.choice-grid button{min-height:48px}.world-grid button{height:auto}
.primary,.secondary,.mission-shortcut,.shop-copy button,.mission button{min-height:44px}
.eyebrow,.home-card .eyebrow{font-size:10px;line-height:1.3}
.flight-quote{font-size:clamp(11px,3vw,13px);line-height:1.35;min-height:64px;max-width:100%;padding:23px 32px 11px 14px;border-radius:15px;background:linear-gradient(115deg,#12375edc,#092748ee);box-shadow:inset 0 2px #b9eaf42b,0 5px 12px #06152655}
.flight-quote:before{top:8px;left:14px;color:#ffe18c;font-size:8px;letter-spacing:.11em}
.flight-quote:after{content:'✦';font-size:17px;right:12px;color:#78e3f3}
.flight-quote{width:100%;font-family:inherit;cursor:pointer}.flight-quote:after{content:'↻'}.flight-quote:focus-visible{outline:3px solid #ffe18c;outline-offset:2px}.flight-quote:active{transform:scale(.99)}
.home-card .flight-quote{margin:8px 0 11px}.result-card .flight-quote{font-size:12px;min-height:64px}
body[data-screen="game"] .shell{padding:calc(env(safe-area-inset-top,0px) + 8px) max(8px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 8px) max(8px,env(safe-area-inset-left,0px))}
body[data-screen="game"] .game{width:min(100%,calc((100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px)*9/16));height:auto;max-height:100%;aspect-ratio:9/16}
@media(max-width:360px){.shell{padding-inline:8px}.brand strong{font-size:11px}.quick-settings{gap:4px}.loadout{padding:7px 9px}.loadout-copy strong{font-size:10px}.app-nav{padding:3px}.app-nav button{font-size:10px}.app-nav svg{width:21px;height:21px}.screen-card{padding:15px 12px}.home-card h1{font-size:clamp(42px,16vw,57px)}.hero-bird{width:145px;height:105px}.shop-item{grid-template-columns:72px 1fr;padding:9px 7px}.shop-art{width:72px}.shop-art canvas{max-width:100%}}
@media(max-height:680px){.shell{gap:5px;padding-top:calc(env(safe-area-inset-top,0px) + 5px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5px)}.topbar{min-height:40px}.loadout{min-height:43px;padding-block:5px}.app-nav{min-height:46px}.app-nav button{min-height:44px;padding:3px 0}.app-nav svg{height:18px;width:18px;margin-bottom:1px}.home-card h1{font-size:clamp(42px,11vw,57px);margin-top:5px}.hero-bird{height:95px;width:140px;margin:0 auto -1px}.home-card .flight-quote{min-height:54px;margin:5px 0 8px;padding:20px 29px 7px 11px;font-size:11px}.home-card .flight-quote:before{top:5px;left:11px}.hero-button{min-height:44px;font-size:18px}.mission-shortcut{min-height:36px;margin-top:7px}.home-card .text-button{margin-top:1px;min-height:30px}}
@media(max-height:590px){.shell{grid-template-rows:auto minmax(0,1fr) auto}}
@media(max-height:530px){.loadout{display:none}.home-card .eyebrow,.pilot-signature{display:none}.home-card h1{font-size:42px}.hero-bird{height:66px;width:100px}.home-card .flight-quote{min-height:48px;font-size:10px}.mission-shortcut{min-height:32px}.screen-card{padding:10px}.app-nav button{min-height:40px}}
@media(max-width:740px) and (orientation:landscape) and (max-height:480px){.shell{width:100%;max-width:none;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr);padding:4px max(8px,env(safe-area-inset-right,0px)) 4px max(8px,env(safe-area-inset-left,0px))}.topbar{grid-column:1;grid-row:1}.loadout{display:none}.game{grid-column:2;grid-row:1/3;justify-self:center}.app-nav{grid-column:1;grid-row:2;align-self:center;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.app-nav button{min-height:44px}.app-nav button:last-child{grid-column:1/-1}body[data-screen="game"] .shell{display:flex}.screen{padding:6px}.screen-card{padding:10px}.home-card h1{font-size:38px}.hero-bird{height:52px;width:78px}.home-card .flight-quote{min-height:44px}.pilot-signature{display:none}}

/* One-focus mobile menus: a single cosmetic or mission card per view. */
.card-switch{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:7px;margin:8px 0 10px;min-height:44px;color:#ffdc8b;font-size:10px;font-weight:900;letter-spacing:.09em}
.card-switch button{width:44px;height:44px;border:1px solid #7ecfe5a0;border-radius:12px;background:#143e64;color:#eaffff;font-size:27px;line-height:1}
.card-switch button:active{transform:scale(.96)}
#shop-items{display:block}.shop-item{display:grid;grid-template-columns:1fr;gap:8px;padding:11px;background:linear-gradient(155deg,#315f7e,#163654);box-shadow:inset 0 1px #d4fbff2a,0 5px #061d3280}
.shop-art,.shop-art.world{width:100%;height:clamp(100px,18dvh,165px);overflow:hidden;background:radial-gradient(ellipse at center,#75bfd24d,#12345b77 70%)}
.shop-art canvas,.shop-art.world canvas{width:100%;height:100%;object-fit:contain}
.shop-copy h3{font-size:21px;margin:1px 0 3px}.shop-copy p{font-size:12px;line-height:1.3;margin:2px 0 9px;min-height:1.3em}.shop-copy small{font-size:9px}
.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shop-actions button{min-width:0;min-height:44px!important;padding:5px!important;font-size:11px!important}
#shop-message{margin:5px 0;font-size:11px}.app-page[data-page="shop"] .page-intro{font-size:11px;line-height:1.3;margin:2px 0 5px}
.app-page[data-page="shop"] .screen-card,.app-page[data-page="missions"] .screen-card{width:min(100%,360px)}
#mission-items{display:block}.mission{margin:0;padding:16px}.mission h3{font-size:18px}.mission p{font-size:12px}.mission button{min-height:44px}
.mastery-list{margin:10px 0}.mastery-list details{border:1px solid #8fc9dc55;border-radius:12px;background:#133856;padding:0 9px}.mastery-list summary{min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#d3efff;cursor:pointer;list-style:none}.mastery-list summary::-webkit-details-marker{display:none}.mastery-list summary:after{content:'⌄';margin-left:auto;color:#ffe19a;font-size:18px}.mastery-list details[open] summary:after{content:'⌃'}
.hangar-card>p{margin:9px 0 5px;font-size:11px}.hangar-card .collection-progress{padding:9px}.hangar-card>.primary{margin-top:9px}
.app-page[data-page="settings"] .screen-card{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px;text-align:left}
.app-page[data-page="settings"] .eyebrow,.app-page[data-page="settings"] h2,.app-page[data-page="settings"] .audio-mixer,.app-page[data-page="settings"] .fineprint,.app-page[data-page="settings"] .primary{grid-column:1/-1}
.app-page[data-page="settings"]>.screen-card>.eyebrow{grid-row:1}.app-page[data-page="settings"] h2{grid-row:2;margin:0 0 4px}
#settings-sound{grid-row:3;grid-column:1}#settings-haptics{grid-row:3;grid-column:2}#settings-help{grid-row:5;grid-column:1}#export-save{grid-row:5;grid-column:2}
.app-page[data-page="settings"] .audio-mixer{grid-row:4;margin:2px 0;padding:9px}.audio-mixer label{margin:8px 0 2px}.audio-mixer input{height:26px}.audio-mixer .text-button{min-height:28px}
.app-page[data-page="settings"] .fineprint{margin:2px 0;font-size:9px;line-height:1.2}.app-page[data-page="settings"] .primary{margin-top:2px}
.app-page[data-page="settings"] .secondary{margin:0;font-size:11px;padding:5px}
.app-page[data-page="records"] h2{margin-bottom:12px}
@media(max-height:680px){.shop-art,.shop-art.world{height:100px}.shop-item{gap:4px;padding:8px}.shop-copy h3{font-size:18px}.app-page[data-page="shop"] .screen-card,.app-page[data-page="missions"] .screen-card{padding:10px}.app-page[data-page="shop"] h2,.app-page[data-page="missions"] h2{margin:3px 0 7px;font-size:24px}.hangar-card .skin-grid canvas{max-height:58px}.hangar-card .skin-grid button{min-height:72px}.app-page[data-page="settings"] .screen-card{padding:9px}}
.portrait-notice{display:none}
@media (orientation:landscape) and (pointer:coarse) and (hover:none){
  .shell{visibility:hidden;pointer-events:none}
  .portrait-notice{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,#215b80,#08182d 72%);text-align:center}
  .portrait-notice>div{display:grid;gap:14px;max-width:360px;padding:28px;border:1px solid #84e5e899;border-radius:22px;background:#092d47;box-shadow:0 12px 34px #0008}
  .portrait-notice strong{font-size:clamp(26px,6vw,42px);font-weight:950;letter-spacing:.07em;color:#ffe18a}
  .portrait-notice span{font-size:16px;line-height:1.45;color:#efffff}
}
/* Pico's one-line digital message display. The message itself is the only label. */
.flight-quote,.home-card .flight-quote,.result-card .flight-quote{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;width:100%;margin:8px 0 11px;padding:10px 18px;border:3px solid #728d9c;border-radius:13px;background:repeating-linear-gradient(0deg,#061923 0 2px,#0b2934 3px 4px);box-shadow:inset 0 0 0 2px #142e3a,inset 0 0 17px #010a12,0 4px 0 #071625,0 7px 12px #0006;color:#b5fff3;font-family:Consolas,'Lucida Console',ui-monospace,monospace;font-size:clamp(10px,2.8vw,13px);font-weight:700;line-height:1.35;letter-spacing:.035em;text-align:center;text-shadow:0 0 4px #51efd8aa,0 0 10px #28dcbb44;cursor:pointer;overflow:hidden}
.flight-quote::before{content:'';position:absolute;top:7px;right:8px;left:auto;width:5px;height:5px;border-radius:50%;background:#72ffe0;box-shadow:0 0 7px #72ffe0}
.flight-quote::after{content:'';position:absolute;inset:0;right:0;top:0;transform:none;background:linear-gradient(115deg,#ffffff0d,transparent 38%,#ffffff07 64%,transparent 77%);opacity:1;pointer-events:none}
.flight-quote:focus-visible{outline:3px solid #ffe18c;outline-offset:3px}
.flight-quote:active{transform:translateY(1px)}
.flight-quote.channel-swap{animation:channel-tune .24s ease-out both}
@keyframes channel-tune{0%{opacity:.42;filter:brightness(1.35)}55%{opacity:.8;filter:brightness(1.12)}100%{opacity:1;filter:none}}
.hero-bird{animation:pico-hop 2.8s ease-in-out infinite;transform-origin:50% 70%;will-change:transform}
#home-screen:not(.active) .hero-bird{animation-play-state:paused;will-change:auto}
@keyframes pico-hop{0%,21%,54%,100%{transform:translateY(0) rotate(-1deg)}31%{transform:translateY(-9px) rotate(-4deg)}39%{transform:translateY(-13px) rotate(-2deg)}68%{transform:translateY(-5px) rotate(1deg)}76%{transform:translateY(0) rotate(-1deg)}}
.result-card #retry{display:block;width:100%;min-height:54px;font-size:19px;box-shadow:0 5px 0 #6e3f20,0 10px 20px #0006}
@media(max-height:680px){.result-card{padding:12px 14px}.result-card .result-score{margin:6px 0}.result-card .result-score strong{font-size:58px}.result-card .run-reward{margin:5px 0 10px;font-size:11px}.result-card .best-line{margin:12px 0 8px;padding:8px}.result-card #retry{min-height:50px}}
@media(max-height:680px){.home-card .flight-quote,.result-card .flight-quote{min-height:56px;margin:5px 0 8px;padding:8px 15px;font-size:10px}}
@media (min-width:600px) and (orientation:portrait){.shell{width:min(100%,600px);max-height:none}.screen-card{width:min(100%,390px)}.home-card{width:min(100%,360px)}.app-page>.screen-card,.hangar-card{width:min(100%,420px)}}
/* At the shortest phone size, the persistent navigation replaces duplicate Back buttons. */
@media(max-height:680px){
 .app-page[data-page="shop"] [data-close-page],.app-page[data-page="records"] [data-close-page]{display:none}
 .app-page[data-page="shop"] .page-intro{display:none}
 .shop-art,.shop-art.world{height:88px}
 .hangar-card>#hangar-apply{display:none}
 .app-page[data-page="settings"] .fineprint{display:none}
 .app-page[data-page="records"] h2{margin:3px 0 7px}
 .app-page[data-page="records"] h3{margin:7px 0 5px}
 .app-page[data-page="records"] .stat-grid{margin:6px 0;gap:5px}
 .app-page[data-page="records"] .stat-grid>div{padding:7px 3px}
 .app-page[data-page="records"] .stat-grid strong{font-size:27px}
 .app-page[data-page="records"] #stats-content p{margin:4px 0;font-size:11px}
 .app-page[data-page="records"] #medal-content{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 .app-page[data-page="records"] .medal{display:block;min-height:54px;padding:5px;border:1px solid #81a6b433;border-radius:9px}
 .app-page[data-page="records"] .medal b,.app-page[data-page="records"] .medal span,.app-page[data-page="records"] .medal small{display:block}
}
/* Arcade 7.4: composited home art, real globe letterform, compact portrait layout. */
body[data-world="aether"]{--world-glow:#48dff0;--world-deep:#135878}
body[data-world="rift"]{--world-glow:#b17cff;--world-deep:#453080}
body[data-world="verdant"]{--world-glow:#819d8b;--world-deep:#284b43}
body[data-world="forge"]{--world-glow:#ffad66;--world-deep:#a54837}
.shell{background:radial-gradient(circle at 50% 7%,var(--world-deep,#135878),#081626 54%);border-color:var(--world-glow,#48dff0)}
.topbar{padding:3px 5px}.brand-mark{background:radial-gradient(circle at 37% 30%,#ffec9b,#ee9d34 65%,#7a3f26);box-shadow:0 3px #5a3540,0 0 14px #ffd16a77}.brand strong{font-size:14px;letter-spacing:.07em;color:#fff4cc;text-shadow:0 2px #102e4f}.icon-button,.wallet{border-color:var(--world-glow,#48dff0);box-shadow:inset 0 1px #ffffff33,0 3px 0 #071625}
.loadout{border-color:var(--world-glow,#48dff0);background:linear-gradient(120deg,var(--world-deep,#135878),#142b48)}
.game{border-color:var(--world-glow,#48dff0);box-shadow:0 5px #061e2d,0 18px 35px #00182577,0 0 20px #48dff044}
.app-nav{border-color:var(--world-glow,#48dff0);background:linear-gradient(#12384b,#0a2238)}.app-nav button:hover,.app-nav button:focus-visible{color:#fff7cc}body[data-screen="home"] [data-nav="home"],body[data-screen="hangar"] [data-nav="hangar"],body[data-screen="shop"] [data-nav="shop"],body[data-screen="records"] [data-nav="records"],body[data-screen="settings"] [data-nav="settings"]{background:linear-gradient(var(--world-deep,#135878),#20475a);border:1px solid var(--world-glow,#48dff0)}
.screen-card:not(.home-card){border-color:var(--world-glow,#48dff0);background:linear-gradient(145deg,#1a4e64,#102b43)}
.home-card{width:min(100%,335px);padding:4px 2px 6px;max-height:100%;overflow-y:auto;scrollbar-width:none}.home-card::-webkit-scrollbar{display:none}
.hero-stage{position:relative;isolation:isolate;height:clamp(180px,35dvh,270px);overflow:hidden;border:2px solid #9eeeffa8;border-radius:23px;background:#061c3b;box-shadow:inset 0 0 20px #b8edff22,0 7px 0 #082135,0 11px 24px #0007}
.hero-earth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(1.12) brightness(.88)}
.hero-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#04152b55,transparent 38%,#00163322 76%,#061a37aa)}
.home-card h1.worldfly-logo{position:absolute;z-index:3;top:7px;left:0;right:0;margin:0;display:grid;justify-items:center;gap:0;transform:rotate(-4deg);font-family:Impact,"Arial Black","Bahnschrift",sans-serif;font-style:italic;line-height:.82;letter-spacing:-.045em;filter:drop-shadow(0 4px 0 #093558)}
.home-card h1.worldfly-logo .logo-world{display:flex;align-items:center;font-size:clamp(35px,12vw,49px);font-weight:950;letter-spacing:-.065em;color:#fffbe8;-webkit-text-stroke:1.3px #183d57;text-shadow:0 2px #1f6781,0 5px #082038,1px -1px #fff}
.home-card h1.worldfly-logo .earth-o{display:inline-block;flex:none;font-size:1em;width:.78em;height:.78em;margin:0 .015em;border:2px solid #d4f9ff;border-radius:50%;background:radial-gradient(circle at 37% 33%,#e5ffff 0 7%,transparent 9%),radial-gradient(ellipse at 35% 62%,#6ee6a0 0 22%,transparent 25%),radial-gradient(ellipse at 68% 34%,#d3e87a 0 13%,transparent 16%),linear-gradient(135deg,#57e3ff,#1674c2 64%,#082e78);box-shadow:inset -4px -5px 5px #061f63aa,0 0 0 2px #174c7b,0 0 12px #7eefff;transform:rotate(15deg)}
.home-card h1.worldfly-logo em{display:block;margin-left:1.5em;font-size:clamp(52px,19vw,82px);color:#ffdd66;-webkit-text-stroke:1.5px #a65632;text-shadow:0 3px #9d5b2e,0 6px #12314d,0 0 20px #ffd86366}
.hero-stage .hero-bird{position:absolute;z-index:2;left:50%;bottom:-3%;translate:-50% 0;width:min(94%,270px);height:auto;aspect-ratio:420/330;margin:0;filter:drop-shadow(0 5px 6px #021e3c) drop-shadow(0 0 9px #62eaff88)}
.pilot-signature{margin-top:8px;font-size:9px;color:#ddf8ff}.home-card .flight-quote{border-color:var(--world-glow,#48dff0);box-shadow:inset 0 0 20px #010b14,0 4px 0 #041727,0 0 12px #48dff055}.hero-button{background:linear-gradient(#fff0ad,#ffc549 55%,#f4a947);box-shadow:0 5px #835024,0 9px 18px #0007,0 0 14px #ffd16a66}.mission-shortcut{border-color:var(--world-glow,#48dff0);background:linear-gradient(110deg,#164a63,#142a48)}
@media(max-height:740px){.hero-stage{height:205px}.hero-stage .hero-bird{width:215px}.home-card h1.worldfly-logo .logo-world{font-size:39px}.home-card h1.worldfly-logo em{font-size:65px}}
@media(max-height:680px){.hero-stage{height:170px}.hero-stage .hero-bird{width:180px}.home-card h1.worldfly-logo .logo-world{font-size:34px}.home-card h1.worldfly-logo em{font-size:54px}.pilot-signature{margin-top:5px}.home-card .mission-shortcut{margin-top:6px}}
@media(max-height:530px){.hero-stage{height:120px}.hero-stage .hero-bird{width:135px}.home-card h1.worldfly-logo .logo-world{font-size:26px}.home-card h1.worldfly-logo em{font-size:40px}.pilot-signature{display:none}}
/* Arcade 7.5: opening splash is deliberately separate from the flight deck. */
body[data-screen="home"] .shell{grid-template-rows:minmax(0,1fr);gap:0;padding:0;background:#040b1d}
body[data-screen="home"] .topbar,body[data-screen="home"] .loadout,body[data-screen="home"] .app-nav{display:none}
body[data-screen="home"] .game{width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
#home-screen{display:block;padding:0;overflow:hidden;background:#040d20}
.splash-space,.splash-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.splash-space{object-fit:cover;object-position:center center}
.splash-vignette{background:linear-gradient(#020a1b44 0%,transparent 27%,#04133112 65%,#020916cc 100%),radial-gradient(circle at 50% 48%,transparent 16%,#02091a66 85%)}
.splash-sound{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid #9be9fc;border-radius:50%;background:#082a48da;color:#fff0ad;font-size:25px;box-shadow:0 0 14px #68dfff66;touch-action:manipulation}
.splash-logo{position:absolute;z-index:3;top:clamp(22px,5dvh,56px);left:0;right:0;margin:0;display:grid;justify-items:center;font-family:Impact,"Arial Black","Bahnschrift",sans-serif;font-style:italic;line-height:.8;transform:rotate(-4deg);filter:drop-shadow(0 7px 0 #081b38)}
.splash-world{display:flex;align-items:center;color:#fff4d8;font-size:clamp(52px,15vw,82px);font-weight:950;letter-spacing:-.075em;-webkit-text-stroke:1.8px #1d5379;text-shadow:0 3px #319ab9,0 6px #073a66,0 0 18px #b7f8ff55}
.meteor-o{position:relative;display:inline-block;flex:none;width:.77em;height:.78em;margin:0 .02em;border-radius:48% 52% 44% 56%/53% 43% 57% 47%;border:2px solid #ffdea0;background:radial-gradient(circle at 28% 31%,#3f281d 0 9%,transparent 11%),radial-gradient(circle at 70% 62%,#513626 0 11%,transparent 13%),radial-gradient(circle at 62% 23%,#60412c 0 5%,transparent 7%),radial-gradient(circle at 34% 26%,#ffe8ae,#b97135 44%,#663c30 78%,#321f2c);box-shadow:inset -5px -6px 6px #170f23b8,0 0 0 2px #4d2a32,0 0 13px #ffa84cbb;transform:rotate(19deg)}
.meteor-o:after{content:'';position:absolute;left:-.36em;top:.1em;width:.3em;height:.14em;border-radius:100% 0 0 100%;background:linear-gradient(90deg,transparent,#ffb355);filter:blur(1px);transform:rotate(-18deg)}
.meteor-o img{position:absolute;inset:-11%;width:122%;height:122%;object-fit:contain;filter:drop-shadow(0 0 7px #ff9a4c);border-radius:50%}
.earth-logo-o{position:relative;display:inline-block;flex:none;width:1em;height:1em;margin:0 -.025em;filter:drop-shadow(0 0 7px #7de9ff);transform:translateY(-.025em)}
.earth-logo-o img{position:absolute;display:block;left:-14%;top:-14%;width:128%;height:128%;object-fit:contain}
.splash-logo em{margin-left:1.3em;color:#ffd45d;font-size:clamp(88px,25vw,132px);font-weight:950;-webkit-text-stroke:2px #944e2f;text-shadow:0 4px #aa5c2d,0 8px #112446,0 0 20px #ffa34188}
.splash-pico{position:absolute;z-index:2;top:24%;left:50%;width:min(92%,390px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 14px 17px #000b) drop-shadow(0 0 14px #67dfff66);animation:splash-drift 3.2s ease-in-out infinite;pointer-events:none}
@keyframes splash-drift{50%{transform:translate(-50%,-13px) rotate(3deg)}}
.splash-footer{position:absolute;z-index:4;left:16px;right:16px;bottom:max(19px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:14px}
.splash-footer>*{width:min(100%,360px)}.splash-footer #play{min-height:62px;font-size:25px;letter-spacing:.09em;background:linear-gradient(#fff4b3,#ffca50 55%,#f8a52e);box-shadow:0 6px #8c4624,0 11px 22px #000b,0 0 24px #ffbb5980}
.splash-footer #home-tagline{min-height:68px;margin:0;border-color:#7bdaf1;background:repeating-linear-gradient(0deg,#061522 0 2px,#0b2836 3px 4px);font-size:12px}
.lobby-card{display:grid;gap:9px;width:min(100%,330px);max-height:100%;padding:17px 16px 14px}.lobby-card h2{font-size:27px;margin:0;color:#ffdc79}.lobby-card .hero-bird{width:190px;height:145px;margin:0 auto;animation:pico-hop 2.8s ease-in-out infinite}.lobby-card .pilot-signature{margin:0 0 4px}.lobby-card .hero-button{margin-top:4px}
.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-actions .secondary{margin:0;min-height:45px;background:linear-gradient(#32718a,#1a475e);border-color:#8ddbe2;font-size:12px}.lobby-card .text-button{min-height:28px;color:#bfe5ed}
body[data-screen="lobby"] [data-nav="home"]{background:linear-gradient(var(--world-deep,#135878),#20475a);border:1px solid var(--world-glow,#48dff0);color:#ffe18e}
@media(max-height:650px){.splash-logo{top:18px}.splash-world{font-size:clamp(45px,13vw,64px)}.splash-logo em{font-size:clamp(72px,21vw,100px)}.splash-pico{top:24%;width:min(79%,315px)}.splash-footer{gap:9px;bottom:max(10px,env(safe-area-inset-bottom))}.splash-footer #play{min-height:51px;font-size:21px}.splash-footer #home-tagline{min-height:58px}.lobby-card .hero-bird{width:145px;height:112px}.lobby-card{gap:5px;padding:10px}.lobby-card h2{font-size:23px}.lobby-actions .secondary{min-height:39px}}
@media(max-height:500px){.splash-pico{top:23%;width:min(67%,260px)}.splash-world{font-size:42px}.splash-logo em{font-size:66px}.splash-footer #home-tagline{min-height:50px}.lobby-card .hero-bird{display:none}.lobby-card .pilot-signature{display:none}}
/* Touch-first flight deck and short-screen safety. */
body[data-screen="lobby"] .game{border-color:#ffc667;box-shadow:0 0 0 1px #ffda9355,0 15px 30px #0009}
body[data-screen="lobby"] #lobby-screen{background:radial-gradient(circle at 50% 20%,#3b789466,#061c36dc 67%)}
.lobby-card{border:2px solid #7bd7ed;border-radius:27px;background:linear-gradient(165deg,#245978,#112943 55%,#0b1d35)!important;box-shadow:inset 0 2px #d3faff66,0 8px 0 #06223c,0 18px 30px #0008}
.lobby-card .eyebrow{color:#88eafb;letter-spacing:.2em}.lobby-card h2{text-shadow:0 3px #4e3460,0 0 18px #ffce7a55}
.lobby-card .hero-bird{filter:drop-shadow(0 0 12px #62dcff77)}
.lobby-actions .secondary{min-height:48px;border-radius:13px;box-shadow:inset 0 2px #ffffff33,0 3px #081c32}
.lobby-card button{touch-action:manipulation}.lobby-card button:focus-visible{outline:3px solid #ffe396;outline-offset:3px}
@media(max-height:620px){.lobby-card{gap:5px;padding:9px 12px}.lobby-card .hero-bird{height:85px;width:120px}.lobby-card h2{font-size:21px}.lobby-actions .secondary{min-height:42px}.lobby-card .text-button{min-height:25px}}
@media(max-height:480px){.lobby-card .hero-bird,.lobby-card .pilot-signature{display:none}.lobby-card{gap:3px;padding:7px 11px}.lobby-actions .secondary{min-height:38px}.lobby-card .hero-button{min-height:40px}}

/* Arcade 7.8: premium mobile polish for icons, menus and in-flight readability. */
.shell{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 2%,#2a6a89 0,#0d2a46 36%,#061222 76%);box-shadow:0 0 0 1px #7de9ff33,0 20px 60px #0008}
.shell:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff10,transparent 24%,transparent 70%,#ffd66b10),repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 16px);mix-blend-mode:screen;opacity:.45}
.topbar,.loadout,.game,.app-nav{position:relative;z-index:1}
.topbar{padding:4px 6px 2px}.brand-mark{border-radius:10px;background:radial-gradient(circle at 35% 26%,#fff7ba,#ffd057 44%,#f08b38 74%,#7f3340);color:#10334d;box-shadow:0 4px 0 #5b2744,0 0 17px #ffc65caa}.brand strong{font-size:15px;color:#fff7c8}.brand small{color:#b9f3ff}
.quick-settings{gap:6px}.wallet,.icon-button{border-radius:12px;background:linear-gradient(180deg,#1d5b75,#102a47);border:1px solid #8beaffaa;box-shadow:inset 0 1px #ffffff55,0 3px 0 #03152b,0 0 11px #58e8ff30}.wallet{color:#ffe283;background:linear-gradient(180deg,#395f5f,#17344b)}
.loadout{border-radius:16px;background:linear-gradient(120deg,#164966,#102841 58%,#281f50);box-shadow:inset 0 1px #bdf8ff33,0 5px 0 #06192c,0 9px 18px #0005}.loadout-skin{background:linear-gradient(180deg,#213e61,#111f3d);border:1px solid #ffd36d70;color:#ffe598}
.game{border-width:3px;background:#08182c;box-shadow:0 6px 0 #031425,0 18px 40px #0009,0 0 0 1px #ffffff1a,0 0 32px var(--world-glow,#48dff0)}
.hud strong{color:#fffbe9;text-shadow:0 4px #0d3150,0 0 18px #9cf7ff99,2px 0 #12395a,-2px 0 #12395a}.run-wallet{background:linear-gradient(180deg,#173e5feb,#0b233ceb);border-color:#ffe38db0;box-shadow:inset 0 1px #ffffff45,0 4px 0 #061426}.coin-symbol{box-shadow:inset 0 1px #fff8,0 0 10px #ffc84e99}
.screen-card:not(.home-card){border-radius:20px;border:2px solid color-mix(in srgb,var(--world-glow,#48dff0) 78%,#fff 22%);background:linear-gradient(155deg,#2a6683,#122e4d 54%,#0b1d35);box-shadow:inset 0 2px #e7ffff44,0 8px 0 #06182b,0 20px 38px #0009}
.eyebrow{color:#9ff5ff;text-shadow:0 0 8px #61eaff66}.screen-card h2{color:#ffdc75;text-shadow:0 3px #673552,0 0 18px #ffd56b50}
.primary{border-radius:14px;border:2px solid #fff1a8;background:linear-gradient(180deg,#fff8bf,#ffd45d 48%,#f59d31);box-shadow:inset 0 2px #ffffff9a,0 5px 0 #7c3e22,0 10px 18px #0007;color:#153b50}.secondary{border-radius:13px;border:1px solid #8ee9f3a8;background:linear-gradient(180deg,#337894,#17435f);box-shadow:inset 0 1px #ffffff44,0 3px 0 #071a2d;color:#f0fdff}.text-button{color:#ccf6ff}
.lobby-card{width:min(100%,345px);background:radial-gradient(circle at 50% 14%,#3f94aa66,transparent 34%),linear-gradient(165deg,#286c8a,#122d4b 58%,#0b1d35)!important}.lobby-card .hero-bird{width:210px;height:158px;filter:drop-shadow(0 0 13px #63eaffaa) drop-shadow(0 16px 12px #02132688)}.lobby-actions{gap:9px}.lobby-actions .secondary{min-height:51px;font-size:12px}
.app-nav{padding:6px;border-radius:18px;border:1px solid #8beaff8a;background:linear-gradient(180deg,#123852,#071d33);box-shadow:inset 0 1px #ffffff26,0 5px 0 #041425}.app-nav button{position:relative;color:#b6d7e5;font-size:9px}.app-nav b{width:30px;height:28px;margin:0 auto 3px;display:grid;place-items:center;border-radius:10px;background:#071d3300}.app-nav svg{width:22px;height:22px;filter:drop-shadow(0 0 4px currentColor)}body[data-screen="home"] [data-nav="home"],body[data-screen="lobby"] [data-nav="home"],body[data-screen="hangar"] [data-nav="hangar"],body[data-screen="shop"] [data-nav="shop"],body[data-screen="records"] [data-nav="records"],body[data-screen="settings"] [data-nav="settings"]{background:linear-gradient(180deg,#326d83,#173d5d);box-shadow:inset 0 2px #ffffff40,0 2px 0 #061626;color:#ffe28d}.app-nav button:hover b,.app-nav button:focus-visible b{background:#ffffff16}
.choice-grid{gap:7px}.choice-grid button{min-height:45px;border-radius:13px;background:linear-gradient(180deg,#1f5270,#102d4a);box-shadow:inset 0 1px #ffffff2f,0 3px 0 #07192b}.choice-grid button.selected{background:linear-gradient(180deg,#606a77,#274f67);box-shadow:inset 0 1px #fff8,0 0 14px #ffd76a55;color:#fff1aa}.skin-grid canvas{filter:drop-shadow(0 0 9px #7de9ff88)}
#shop-items{filter:drop-shadow(0 10px 16px #0005)}.shop-item{border-radius:18px;border:1px solid #9deeff8a;background:linear-gradient(160deg,#2f7890,#153857 56%,#17294c);box-shadow:inset 0 1px #e8ffff35,0 6px 0 #06182b,0 13px 26px #0006}.shop-art{border:1px solid #ffffff25;box-shadow:inset 0 0 22px #ffffff12}.shop-copy h3{color:#ffdf7b;text-shadow:0 2px #4a2b43}.shop-copy p{color:#d5eef6}.card-switch{border:1px solid #9deeff55;background:linear-gradient(90deg,#102d4a,#173f61,#102d4a);box-shadow:inset 0 1px #ffffff26}
.splash-logo{filter:drop-shadow(0 8px 0 #081b38) drop-shadow(0 0 16px #6feaff66)}.splash-world{color:#fff8df;text-shadow:0 3px #35a4c0,0 6px #073a66,0 0 22px #b7f8ffaa}.earth-logo-o{width:1.06em;height:1.06em;margin:0 -.045em;filter:drop-shadow(0 0 9px #7de9ff) drop-shadow(0 2px 0 #173b64)}.earth-logo-o img{left:-16%;top:-16%;width:132%;height:132%}.splash-logo em{text-shadow:0 4px #aa5c2d,0 8px #112446,0 0 28px #ffa341aa}.splash-pico{filter:drop-shadow(0 14px 17px #000c) drop-shadow(0 0 20px #67dfff9c)}.splash-footer #home-tagline{border-width:2px;box-shadow:inset 0 0 21px #010b14,0 4px 0 #041727,0 0 16px #48dff077}
@media(max-height:680px){.lobby-card .hero-bird{width:150px;height:112px}.lobby-actions .secondary{min-height:42px}.screen-card:not(.home-card){border-radius:18px}.app-nav{padding:4px}.app-nav button{min-height:43px}.app-nav svg{width:20px;height:20px}}

/* Phone fit: keep navigation and primary actions visible on compact screens. */
@media (pointer:coarse){
  .shell:before{display:none}
  .game{box-shadow:0 5px 0 #031425,0 10px 24px #0008}
  .screen{padding:clamp(6px,2.5vw,12px)}
  .screen-card{width:min(100%,380px);padding:clamp(10px,3vw,17px);max-height:100%;}
  .app-page>.screen-card,.hangar-card{width:min(100%,380px)}
  .lobby-card{width:min(100%,360px)}
}
@media (pointer:coarse) and (max-height:740px){
  .shell{gap:5px}
  .lobby-card{gap:4px;padding:10px 12px}
  .lobby-card h2{font-size:clamp(19px,5vw,24px);margin:3px 0}
  .lobby-card .hero-bird{width:130px;height:96px}
  .lobby-card .hero-button{min-height:44px}
  .lobby-actions{gap:6px}
  .lobby-actions .secondary{min-height:43px}
  .app-nav button{min-height:44px}
}

/* Arcade 7.9: one large flight deck instead of a duplicate bottom tab bar. */
.app-nav{display:none}
.shell{grid-template-rows:auto auto minmax(0,1fr)}
body[data-screen="lobby"] .topbar,body[data-screen="lobby"] .loadout{display:none}
body[data-screen="lobby"] .shell{grid-template-rows:minmax(0,1fr);gap:0;padding:calc(env(safe-area-inset-top,0px) + 6px) 6px calc(env(safe-area-inset-bottom,0px) + 6px)}
body[data-screen="lobby"] .game{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-color:#ffca68;border-radius:24px}
body[data-screen="lobby"] #game{position:absolute;top:50%;left:0;width:100%;height:auto;aspect-ratio:9/16;transform:translateY(-50%)}
body[data-screen="lobby"] #lobby-screen{padding:clamp(9px,2vw,18px);background:linear-gradient(#06152cbb,#081d37dc)}
.lobby-card{width:min(100%,400px);min-height:min(720px,100%);align-content:center;gap:clamp(8px,1.1dvh,13px);padding:clamp(15px,4vw,24px)}
.lobby-card .hero-bird{width:min(68vw,250px);height:auto;aspect-ratio:420/330}
.lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lobby-actions .secondary{min-height:48px}
.app-page [data-close-page]{display:block!important}
.splash-pico{top:50%;transform:translate(-50%,-50%)}
@keyframes splash-drift{50%{transform:translate(-50%,calc(-50% - 13px)) rotate(3deg)}}
@media(max-height:700px){.lobby-card{min-height:0;gap:6px}.lobby-card .hero-bird{width:min(38vw,170px)}.lobby-actions .secondary{min-height:42px}.splash-pico{top:48%}}

/* Arcade 8.0: bottom navigation returns, with a larger focused flight deck. */
.app-nav{display:grid}
body[data-screen="home"] .app-nav,body[data-screen="game"] .app-nav{display:none}
.shell{grid-template-rows:auto auto minmax(0,1fr) auto}
body[data-screen="lobby"] .shell{grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 6px) 6px calc(env(safe-area-inset-bottom,0px) + 6px)}
body[data-screen="lobby"] .app-nav{width:100%;margin:0 auto}
body[data-screen="lobby"] .lobby-card{width:min(100%,390px);min-height:0;padding:clamp(14px,3vw,22px);gap:clamp(8px,1dvh,13px)}
body[data-screen="lobby"] .lobby-card .hero-bird{width:min(67vw,245px);height:auto;aspect-ratio:420/330}
#lobby-shop,#lobby-records,#lobby-settings{display:none}
body[data-screen="lobby"] .lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-screen="lobby"] .lobby-actions #tutorial-open{grid-column:1/-1;min-height:38px;background:transparent;border-color:#8ee9f366;box-shadow:none}
/* Reserve the square PNG before decoding, so percentage translation is stable
   on a cold load as well as a cached reload. Keep the approved optical offset. */
.splash-pico{left:calc(50% - 18px);top:50%;aspect-ratio:1 / 1;object-fit:contain}
@keyframes splash-drift{0%,100%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,calc(-50% - 13px)) rotate(3deg)}}
@media(max-height:700px){body[data-screen="lobby"] .lobby-card .hero-bird{width:min(42vw,175px)}.splash-pico{top:50%}}

/* Arcade 8.1: compact loadout, illustrated pilot school, browseable shop. */
.lobby-skins{position:relative;z-index:12;width:100%;border:1px solid #8fe7f0a0;border-radius:14px;background:#092a41;box-shadow:inset 0 1px #d2fbff44;text-align:left}
.lobby-skins>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;min-height:46px;cursor:pointer}.lobby-skins>summary::-webkit-details-marker{display:none}.lobby-skins>summary span:first-child{font-size:9px;letter-spacing:.12em;color:#9cdae7}.lobby-skins>summary strong{font-size:14px;color:#ffe08b}.lobby-skins[open]{border-color:#ffe08b}.lobby-skin-list{max-height:min(255px,40dvh);overflow-y:auto;padding:4px;display:grid;gap:4px}.lobby-skin-list button{width:100%;display:grid;grid-template-columns:53px 1fr 18px;align-items:center;gap:5px;text-align:left;min-height:57px;padding:3px 8px;border:1px solid #7bbaca55;border-radius:9px;color:#eefaff;background:#17455d}.lobby-skin-list button.selected{border-color:#ffe083;background:#315976}.lobby-skin-list canvas{width:48px;height:48px}.lobby-skin-list button.locked canvas{filter:brightness(0) drop-shadow(0 0 3px #76b7cd);opacity:.7}.lobby-skin-list strong,.lobby-skin-list small{display:block}.lobby-skin-list strong{font-size:12px}.lobby-skin-list small{font-size:10px;color:#a3cbd4}.lobby-skin-list b{color:#ffe083}
body[data-screen="lobby"] .lobby-card{gap:clamp(5px,.8dvh,9px)}body[data-screen="lobby"] .lobby-card .hero-bird{width:min(51vw,190px)}
.tutorial-card{width:min(100%,360px)}.tutorial-steps{display:grid;gap:10px;margin:14px 0}.tutorial-steps>div{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid #8bcee377;background:linear-gradient(100deg,#225877,#11344f);text-align:left}.tutorial-steps svg{width:67px;height:55px;flex:none;filter:drop-shadow(0 3px 3px #0006)}.tutorial-steps strong,.tutorial-steps small{display:block}.tutorial-steps strong{font-size:15px;color:#ffe18d}.tutorial-steps small{font-size:11px;color:#d1ecf1;line-height:1.3}
.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.shop-tabs button{min-height:40px;border:1px solid #8bc7d5;border-radius:11px;background:#194862;color:#d9f2f3;font-weight:800}.shop-tabs button[aria-selected="true"]{background:linear-gradient(#ffe69a,#edb95f);border-color:#ffebaa;color:#18364c}.shop-balance{font-size:11px;color:#ffdf84;margin:5px 0 10px}.shop-catalog{display:grid;gap:10px}.shop-catalog .shop-item{display:grid;grid-template-columns:83px 1fr;gap:10px;align-items:center;padding:9px}.shop-catalog .shop-art{width:80px;height:82px}.shop-catalog .shop-art canvas{width:75px;height:73px}.shop-catalog .shop-copy h3{font-size:16px}.shop-catalog .shop-copy p{font-size:10px;margin:2px 0 5px}.shop-catalog .shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.shop-catalog .shop-actions button{padding:5px 3px;min-height:35px;font-size:10px}.shop-catalog progress{width:100%;height:6px}.app-page[data-page="shop"] .screen-card{width:min(100%,390px)}
.rank-hype{margin:12px 0;padding:15px 12px;border:1px solid #ffe08b88;border-radius:15px;background:radial-gradient(circle at 85% 15%,#e5ac4c33,transparent 42%),linear-gradient(135deg,#204d69,#122d4b);text-align:left}.rank-hype strong{display:block;font-size:17px;color:#ffe18d;margin:3px 0}.rank-hype p{font-size:12px;line-height:1.4;margin:5px 0}.rank-hype small{display:block;color:#bad5e0;font-size:10px;line-height:1.4}
@media(max-height:700px){body[data-screen="lobby"] .lobby-card .hero-bird{width:min(34vw,130px)}.lobby-skins>summary{min-height:39px;padding:6px 9px}.tutorial-steps{gap:6px}.tutorial-steps>div{padding:6px}.tutorial-steps svg{width:55px;height:47px}}
#preview-worlds{width:100%;min-height:39px;margin:7px 0 0;border-color:#ffe18d;color:#ffe18d;background:#143d58;font-size:11px;font-weight:800}#preview-worlds:disabled{opacity:.75}.world-preview-note{margin:4px 0 9px;color:#b7d8e0;font-size:10px;line-height:1.3;text-align:center}

/* Arcade 8.3: menu pages use the full portrait viewport. */
body[data-screen="lobby"] .shell,body[data-screen="hangar"] .shell,body:has(.app-page:not([hidden])) .shell{width:100%;max-height:none;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;background:#081a2e}
body[data-screen="lobby"] .topbar,body[data-screen="hangar"] .topbar,body:has(.app-page:not([hidden])) .topbar,
body[data-screen="lobby"] .loadout,body[data-screen="hangar"] .loadout,body:has(.app-page:not([hidden])) .loadout{display:none}
body[data-screen="lobby"] .game,body[data-screen="hangar"] .game,body:has(.app-page:not([hidden])) .game{width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
body[data-screen="hangar"] .game>canvas#game,body:has(.app-page:not([hidden])) .game>canvas#game{position:absolute;inset:0;object-fit:cover;opacity:.3}
body[data-screen="hangar"] .screen,body:has(.app-page:not([hidden])) .app-page{display:block;padding:0;background:linear-gradient(155deg,#103d53,#08182f 68%)}
body[data-screen="hangar"] .hangar-card,body:has(.app-page:not([hidden])) .app-page>.screen-card{width:100%;height:100%;max-height:none;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) clamp(16px,5vw,28px) 28px;border:0;border-radius:0;background:none!important;box-shadow:none;text-align:left}
body[data-screen="hangar"] .hangar-card h2,body:has(.app-page:not([hidden])) .app-page h2{font-size:clamp(25px,7vw,34px);line-height:1.1;margin:6px 0 16px}
body[data-screen="hangar"] .hangar-card>.primary,body:has(.app-page:not([hidden])) .app-page [data-close-page]{margin-top:20px}
body[data-screen="hangar"] .hangar-card{display:block}
body[data-screen="hangar"] .world-grid button{min-height:55px}
body[data-screen="hangar"] .skin-grid button{min-height:94px}
body:has(.app-page:not([hidden])) .app-nav,body[data-screen="hangar"] .app-nav,body[data-screen="lobby"] .app-nav{width:100%;border-inline:0;border-bottom:0;border-radius:0;margin:0;padding:5px max(5px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #0005}
body:has(.app-page:not([hidden])) .app-nav button,body[data-screen="hangar"] .app-nav button,body[data-screen="lobby"] .app-nav button{min-height:54px}
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .screen-card{width:100%}
body:has(.app-page:not([hidden])) .shop-catalog{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
body:has(.app-page:not([hidden])) .shop-catalog .shop-item{grid-template-columns:100px minmax(0,1fr);min-height:140px}
body:has(.app-page:not([hidden])) .shop-catalog .shop-art{width:96px;height:104px}
body:has(.app-page:not([hidden])) .shop-catalog .shop-art canvas{width:92px;height:96px}
body:has(.app-page:not([hidden])) .shop-catalog .shop-copy h3{font-size:18px}
body:has(.app-page:not([hidden])) .shop-catalog .shop-copy p{font-size:11px}
body:has(.app-page:not([hidden])) .shop-catalog .shop-actions button{min-height:44px;font-size:11px}
body:has(.app-page:not([hidden])) .shop-balance{font-size:13px}
body:has(.app-page:not([hidden])) .audio-mixer{margin:16px 0}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .fineprint{display:block}
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .page-intro{display:block}
body[data-screen="game"] .topbar,body[data-screen="game"] .loadout{display:none}
body[data-screen="game"] .shell{grid-template-rows:minmax(0,1fr);gap:0;padding:0}
body[data-screen="game"] .game{height:100%;max-width:100%;aspect-ratio:9/16}
@media(max-height:680px){body:has(.app-page:not([hidden])) .app-page[data-page="shop"] [data-close-page],body:has(.app-page:not([hidden])) .app-page[data-page="records"] [data-close-page]{display:block!important}}

/* Arcade 8.4: one useful mission on the flight deck and world-led collection. */
#lobby-skins,#skin-heading,.hangar-card .skin-grid{display:none!important}
body[data-screen="lobby"] .lobby-card{gap:clamp(6px,.8dvh,10px)}
#lobby-missions{grid-column:1/-1;display:grid;gap:3px;min-height:86px;padding:10px 13px;text-align:left;background:linear-gradient(105deg,#365a69,#142b49);border-color:#f3d17a;box-shadow:inset 0 1px #fff6,0 4px #0005}
#lobby-records{display:block}
#lobby-missions small{font-size:9px;color:#ffe18a}#lobby-missions strong{font-size:16px;color:#fff9e6}#lobby-missions span{font-size:10px;color:#c6e8ec;line-height:1.25}#lobby-missions em{font-style:normal;font-size:11px;font-weight:900;color:#ffe18a}#lobby-missions[data-claimable="true"]{border-color:#9cffc4;background:linear-gradient(100deg,#18614f,#133d55)}
body[data-screen="hangar"] .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 24px}
body[data-screen="hangar"] .world-grid button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;overflow:hidden;min-height:clamp(130px,21dvh,195px);padding:13px;border-radius:8px;text-align:left;background:#18344d center/cover;border:1px solid #9bdce7aa;box-shadow:0 7px 17px #03112188;text-shadow:0 2px 5px #000}
body[data-screen="hangar"] .world-grid button::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#03111fdc);pointer-events:none}
body[data-screen="hangar"] .world-grid button>*{position:relative;z-index:1}
body[data-screen="hangar"] .world-grid strong{font-size:18px;color:#fff}body[data-screen="hangar"] .world-grid span{font-size:10px;color:#d5eef5}
body[data-screen="hangar"] .world-grid button.selected{border:3px solid #ffe08b;color:#fff}
body[data-screen="hangar"] .collection-progress{border-radius:8px;background:#102f47}
#pilot-mastery{margin-top:20px}#pilot-mastery h3{font-size:19px;margin:0 0 4px}#pilot-mastery p{font-size:11px;color:#b9dbe8;margin:0 0 12px}
.collection-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.collection-badge{display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;padding:7px 3px;text-align:center;border:1px solid #668fa5;border-radius:8px;background:#12324a}
.collection-badge img{width:min(100%,66px);aspect-ratio:1;object-fit:contain}.collection-badge strong{font-size:9px;line-height:1.1;overflow-wrap:anywhere}.collection-badge small{font-size:8px;color:#b5d5e0}.collection-badge.locked img{filter:grayscale(1);opacity:.5}.collection-badge.earned{border-color:#eecb79}
body:has(.app-page[data-page="profile"]:not([hidden])) .app-page>.screen-card{width:100%}
.profile-page{overflow-y:auto}.profile-heading h2{margin-top:5px}.player-card{position:relative;overflow:hidden;min-height:232px;padding:19px;border:1px solid #b3e8ef;border-radius:8px;background:#0b223b;box-shadow:0 8px 24px #0006;isolation:isolate}
.player-card::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--profile-art);background-size:cover;background-position:center;filter:brightness(.65)}.player-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04111bdf,transparent 85%),linear-gradient(transparent 45%,#06192cd9)}
.player-card-top{display:flex;align-items:center;gap:15px}.player-avatar{flex:none;width:90px;height:90px;object-fit:contain;border:2px solid #f7d783;border-radius:50%;background:#103650;box-shadow:0 0 18px #ffe09a66}.player-card-top div{display:grid;gap:5px}.player-card-top small{font-size:9px;color:#b8e6f0}.player-card-top strong{font-size:19px;color:#fff5d8}.player-card-top span{font-size:11px;color:#d8f2f4}
.pinned-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.pinned-slot{display:grid;justify-items:center;align-content:center;min-height:82px;padding:4px;border:1px solid #a4c9d088;border-radius:6px;background:#082238bc;text-align:center}.pinned-slot img{width:54px;height:54px;object-fit:contain}.pinned-slot span{font-size:9px;color:#e8f7f7}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:13px 0}.profile-stats>div{display:grid;gap:3px;padding:10px 4px;text-align:center;border-bottom:2px solid #3a768a;background:#102e43}.profile-stats strong{font-size:22px;color:#ffe099}.profile-stats span{font-size:9px;color:#bfdae2}.profile-status{font-size:11px;line-height:1.4;color:#bad9e4}
.profile-page h3{margin:23px 0 10px;font-size:17px}.profile-page h3 small{font-size:11px;color:#9fc6d0}.profile-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-options button{display:grid;justify-items:center;align-content:center;gap:4px;min-height:94px;padding:6px;border:1px solid #6fabb9;border-radius:7px;background:#133950;color:#f2fafa}.profile-options button.selected,.badge-gallery button.selected{border:2px solid #ffe094}.profile-options button.locked,.badge-gallery button.locked{opacity:.48}.profile-options img{width:64px;height:64px;object-fit:contain}.profile-options span{font-size:10px}.profile-options.themes button{min-height:67px;background-color:#193a52;background-size:cover;background-position:center;text-shadow:0 2px 4px #000;font-weight:900}.profile-options.themes button span{padding:3px 5px;background:#071727ad}
.badge-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.badge-gallery button{display:flex;align-items:center;gap:7px;min-height:73px;padding:5px;border:1px solid #729eaf;border-radius:7px;background:#11334a;color:#f1f8f8;text-align:left}.badge-gallery img{width:54px;height:54px;object-fit:contain}.badge-gallery span{display:grid;gap:3px}.badge-gallery strong{font-size:11px}.badge-gallery small{font-size:9px;color:#afced7}
.app-nav [data-nav="profile"] b{position:relative;width:22px;height:22px;margin:0 auto 5px;border:2px solid currentColor;border-radius:50%;font-size:0}.app-nav [data-nav="profile"] b::before{content:'';position:absolute;left:7px;top:3px;width:5px;height:5px;border-radius:50%;background:currentColor}.app-nav [data-nav="profile"] b::after{content:'';position:absolute;left:4px;bottom:3px;width:11px;height:5px;border-radius:6px 6px 2px 2px;background:currentColor}
body[data-screen="profile"] [data-nav="profile"]{color:#ffe18e;background:#1f526c}
.profile-options button small{font-size:8px;line-height:1.15;color:#fff2c8;text-align:center}.profile-options.themes button small{padding:2px 4px;background:#071727c9}

/* Flight deck uses the same full viewport as the collection, with compact choices. */
body[data-screen="lobby"] #lobby-screen{display:block;padding:0;background:#071626 var(--lobby-space) center/cover}
body[data-screen="lobby"] #lobby-screen::before{content:"";position:absolute;inset:0;background:#061527bd;pointer-events:none}
body[data-screen="lobby"] .lobby-card{position:relative;width:100%;height:100%;max-height:none;display:flex;flex-direction:column;align-items:center;gap:clamp(5px,.9dvh,12px);overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) clamp(13px,4vw,28px) 18px;border:0;border-radius:0;background:none;box-shadow:none}
body[data-screen="lobby"] .lobby-card h2{font-size:clamp(23px,6vw,33px);margin:2px 0;line-height:1.1}
body[data-screen="lobby"] .lobby-card>:not(.hero-bird):not(.pilot-signature){max-width:620px}
body[data-screen="lobby"] .lobby-card .hero-bird{flex:none;width:clamp(94px,21dvh,170px);height:auto;aspect-ratio:420/330;margin:0}
.launch-picks{width:100%;display:grid;gap:9px;text-align:left}.launch-picks h3{margin:0 0 5px;font-size:12px;color:#e4f7fa}.launch-world-list,.launch-skin-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.launch-pick{display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;min-height:89px;padding:4px 2px;border:1px solid #7bb1bc;border-radius:7px;background:#0d2a42dd;color:#fff;text-align:center}
.launch-pick.selected{border:2px solid #f7d783;background:#183e58}.launch-pick-art{display:block;width:100%;height:48px;border-radius:4px;background:#203c59 center/cover}.launch-pick-art.skin-art{background-size:contain;background-repeat:no-repeat}
.launch-pick.locked .launch-pick-art{background:#071829}.launch-pick.locked .launch-pick-art::after{content:"?";display:grid;place-items:center;height:100%;color:#8fa6b7;font-size:28px;font-weight:900}.launch-pick strong{max-width:100%;font-size:10px;overflow-wrap:anywhere}.launch-pick small{font-size:8px;color:#b6ced7}
.profile-mystery{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#071827;color:#91aab8;font-size:28px;font-weight:900}
.profile-options.themes button.locked{background-image:none!important;background-color:#071827;text-shadow:none}
body[data-screen="hangar"] .world-grid button.locked{background-image:none!important;background-color:#081a2b}
@media(max-height:720px){body[data-screen="lobby"] .lobby-card .hero-bird{width:85px}.launch-pick{min-height:74px}.launch-pick-art{height:34px}.launch-picks{gap:5px}}
.shop-art.skin.locked canvas{filter:brightness(0) drop-shadow(0 0 7px #8fd4eaaa)}

/* Arcade menu finish: bright enamel, strong type, and restrained depth. */
body{font-family:"Avenir Next","Trebuchet MS",system-ui,sans-serif;letter-spacing:0}
body[data-screen="lobby"] #lobby-screen::before{background:linear-gradient(#071322b8,#071322d9)}
body[data-screen="lobby"] .lobby-card h2{font-family:"Avenir Next","Trebuchet MS",system-ui,sans-serif;font-weight:900;color:#fff9e9;text-shadow:0 3px 0 #163447,0 8px 16px #000b}
.eyebrow{color:#ffc66d!important;font-weight:900;letter-spacing:0!important}
.pilot-signature{color:#f1e7d0}
.launch-picks h3{color:#ffcf88;font-size:13px;text-transform:uppercase;font-weight:900}
.launch-pick{border:1px solid #a8c6c7;background:linear-gradient(160deg,#24485a,#102a39);box-shadow:inset 0 1px #fff5,0 3px 0 #07151d,0 6px 12px #0008;transition:transform .15s,box-shadow .15s}
.launch-pick:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5,0 1px 0 #07151d}
.launch-pick.selected{border-color:#ffd384;background:linear-gradient(150deg,#785a3c,#253f4a);box-shadow:inset 0 0 0 1px #fff4,0 0 0 2px #ffd384,0 4px 0 #392b24,0 8px 15px #0008}
.launch-pick strong{font-size:11px;color:#fff8e8}.launch-pick small{font-size:9px;color:#c9d6d2}
body[data-screen="lobby"] .lobby-actions{width:100%;max-width:620px;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-screen="lobby"] .lobby-actions #lobby-missions{grid-column:1/-1}
body[data-screen="lobby"] .lobby-actions .secondary{border-radius:6px;background:linear-gradient(#31546a,#163246);border:1px solid #9ab6b7;box-shadow:inset 0 1px #fff5,0 3px 0 #0a1b29;color:#fff7e8}
body[data-screen="lobby"] #lobby-flight,.app-page .primary,.hangar-card .primary{border-radius:6px;background:linear-gradient(#ffe29b,#e99d46);border:1px solid #fff0bc;box-shadow:inset 0 1px #fff9,0 4px 0 #73462c,0 8px 18px #0008;color:#1c2e38;font-weight:900}
body[data-screen="hangar"] .screen,body:has(.app-page:not([hidden])) .app-page{background:linear-gradient(160deg,#173542,#0c1d2b 58%,#1b2d39)}
body[data-screen="hangar"] .hangar-card h2,body:has(.app-page:not([hidden])) .app-page h2{color:#fff6e4;font-weight:900;text-shadow:0 3px #0a2632}
body[data-screen="hangar"] .world-grid button{border-radius:6px;box-shadow:inset 0 1px #fff6,0 4px 0 #061922,0 8px 18px #0008}
body[data-screen="hangar"] .world-grid button[hidden],.hangar-card .skin-grid button[hidden]{display:none!important}
body[data-screen="hangar"] .hangar-card .skin-grid{display:grid!important}
body[data-screen="hangar"] .hangar-card .skin-grid.single-skin button:not([hidden]){grid-column:1/-1}
body[data-screen="hangar"] #skin-heading{display:block!important;margin-top:22px}
.shop-catalog .shop-item{border-radius:6px;background:linear-gradient(150deg,#244758,#152e3b);border-color:#809da2;box-shadow:inset 0 1px #fff5,0 3px 0 #081c25,0 9px 17px #0007}
.shop-catalog .shop-item.mystery{background:linear-gradient(150deg,#25323b,#14252f);border-color:#60767b}
.shop-catalog .shop-art.sealed{display:grid;place-items:center;background:radial-gradient(circle,#203b49,#091b27);border:2px solid #7494a0}
.shop-catalog .shop-art.sealed span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:3px solid #9eb8bb;color:#c3d0cd;font-size:34px;font-weight:900;text-shadow:0 2px #071d29;box-shadow:inset 0 4px 10px #0008,0 2px 4px #0008}
.shop-catalog .shop-copy h3{color:#fff6de;text-shadow:none}.shop-catalog .shop-copy p{color:#b9cbd0}
.shop-catalog .shop-actions{grid-template-columns:1fr}.shop-catalog .shop-actions button{font-weight:900;border-radius:5px;background:#e7aa5b;color:#152732}
.collection-badges{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.collection-badge{padding:9px 5px 8px;border-radius:6px;background:linear-gradient(#284957,#142b37);box-shadow:inset 0 1px #fff4,0 3px 0 #081b24}
.collection-badge .badge-medal{display:grid;place-items:center;width:72px;height:72px;border:3px solid #c87842;border-radius:50%;background:radial-gradient(circle,#8f4d2b,#4c3025);box-shadow:inset 0 2px 7px #fff6,0 4px 8px #0008}
.collection-badge.tier-silver .badge-medal{border-color:#d1e2e5;background:radial-gradient(circle,#728e9a,#354957)}
.collection-badge.tier-gold .badge-medal{border-color:#ffe293;background:radial-gradient(circle,#c6953e,#694b27)}
.collection-badge img{width:66px;height:66px;object-fit:contain}.collection-badge strong{font-size:11px}.collection-badge small{font-size:9px;color:#f5d38e}
.collection-badge.locked{opacity:.65}.collection-badge.locked img{filter:grayscale(.75)}
.pinned-slot.tier-bronze,.badge-gallery .tier-bronze{border-color:#bd794d}
.pinned-slot.tier-silver,.badge-gallery .tier-silver{border-color:#c6dee2}
.pinned-slot.tier-gold,.badge-gallery .tier-gold{border-color:#f4ce75}
@media(max-height:720px){body[data-screen="lobby"] .lobby-actions .secondary{min-height:36px}}

/* Shared ceramic, glass and minted-gold finish. No gameplay dimensions change. */
@font-face{font-family:"WF Oxanium";src:url("assets/fonts/Oxanium-Latin-Variable.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:"WF Rajdhani";src:url("assets/fonts/Rajdhani-Latin-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"WF Rajdhani";src:url("assets/fonts/Rajdhani-Latin-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#e5eeed;--ink:#173b43;--muted:#455f68;--line:#b9cdd0;--teal:#087f75;--gold:#ffd078;--wf-display:"WF Oxanium","Bahnschrift",system-ui,sans-serif;--wf-ui:"WF Rajdhani","Trebuchet MS",system-ui,sans-serif}
body{font-family:"Avenir Next","Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:#0d232e;letter-spacing:0}
button,input{font:inherit;letter-spacing:0}
button{touch-action:manipulation}
button:focus-visible{outline:3px solid #d97828;outline-offset:3px}
.eyebrow{color:var(--teal)!important;letter-spacing:0!important;font-size:10px}
body[data-screen="lobby"] .shell,body[data-screen="hangar"] .shell,body:has(.app-page:not([hidden])) .shell{background:var(--paper)}
body[data-screen="lobby"] #lobby-screen{background:#142938 var(--lobby-space) center top/cover}
body[data-screen="lobby"] #lobby-screen::before{background:linear-gradient(#06151b45,transparent 45%,#071c2c55)}
body[data-screen="lobby"] .lobby-card{padding:0;gap:0;align-items:stretch;background:none!important;overflow-y:auto;overscroll-behavior:contain}
body[data-screen="lobby"] .lobby-card>:not(.hero-bird):not(.pilot-signature){max-width:none}
.deck-header{display:flex;align-items:center;gap:8px;width:100%;padding:max(16px,env(safe-area-inset-top)) 18px 8px}
body[data-screen="lobby"] .deck-header h2{font-size:22px;line-height:1.2;margin:0 auto 0 0;text-align:left;color:white;text-shadow:0 2px 8px #08242c}
#lobby-shop.deck-wallet{display:flex;align-items:center;justify-content:center;gap:9px;min-width:88px;min-height:38px;padding:6px 10px;border:1px solid #ffffff66;border-radius:6px;background:#102c3dd9;color:#fff;box-shadow:inset 0 1px #ffffff33}
.deck-wallet span:first-child{color:#ffd079;font-size:23px}.deck-wallet span:last-child{color:#90eee0;font-size:20px}
#lobby-settings.deck-settings{display:grid;place-items:center;width:38px;height:38px;min-height:38px;border:1px solid #ffffff66;border-radius:6px;background:#102c3dd9;color:#fff;font-size:23px}
.deck-stage{flex:1 0 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;padding:0 0 9px}
body[data-screen="lobby"] .lobby-card .hero-bird{display:block;width:210px;height:165px;max-width:70%;margin:-9px 0 -8px;filter:drop-shadow(0 9px 6px #061a2866);animation:hover-flight 4s ease-in-out infinite}
.deck-stage .pilot-signature{display:flex;font-size:10px;color:#fff;letter-spacing:0;text-shadow:0 1px 4px #000;gap:6px;margin:0}
.live-dot{background:#9effd2;box-shadow:none}
.deck-loadout{flex:none;width:100%;padding:16px 18px 10px;background:var(--paper);border-top:1px solid #ffffffbd;box-shadow:0 -6px 28px #071c2b40;text-align:left}
.deck-loadout>*,.deck-header,.deck-stage{box-sizing:border-box}
.deck-loadout .launch-picks{gap:12px;margin:0 auto;max-width:620px}
.launch-picks h3{font-size:11px;line-height:1.2;font-weight:800;text-transform:uppercase;color:var(--muted);margin:0 0 6px;letter-spacing:0}
.launch-world-list,.launch-skin-list{gap:8px}
.launch-pick{position:relative;min-height:88px;padding:4px;gap:2px;border:1px solid #c2d0d4;border-radius:7px;background:#fff;color:var(--ink);box-shadow:0 2px 0 #b3c5cb,inset 0 1px white;transition:transform .12s}
.launch-pick.selected{border:2px solid var(--teal);padding:3px;background:#fff;box-shadow:0 2px 0 #086c64,inset 0 1px #fff}
.launch-pick-art{height:44px;border-radius:4px;background-color:#dce6e9}
.launch-pick strong{color:var(--ink);font-size:11px;line-height:1.1}.launch-pick small{color:var(--muted);font-size:9px;line-height:1.1}
.launch-pick.selected small{color:#078378;font-weight:800}
.launch-pick.locked{background:#dce5e7;box-shadow:0 2px 0 #b9cace;border-color:#c5d2d5}
.launch-pick.locked .launch-pick-art{background:#bacbd1;box-shadow:inset 0 2px 3px #647e8a26}
.launch-pick.locked .launch-pick-art::after{color:#3e5c6b;font-size:26px;text-shadow:0 1px #fff8}
body[data-screen="lobby"] #lobby-flight,.app-page .primary,.hangar-card .primary,.screen-card .primary{border:1px solid #62d5bb;border-radius:7px;background:linear-gradient(#20bba4,#0a9485);box-shadow:inset 0 1px #acffe299,0 4px 0 #09685f,0 6px 9px #174b4325;color:white;text-shadow:0 1px #06635b;font-size:16px;font-weight:900;min-height:48px}
body[data-screen="lobby"] #lobby-flight{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:620px;margin:16px auto 13px;padding:11px 18px;font-size:21px}
body[data-screen="lobby"] .lobby-actions{margin:0 auto;gap:8px;grid-template-columns:1fr 1fr;max-width:620px}
body[data-screen="lobby"] .lobby-actions .secondary{min-height:36px;font-size:11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#e1e9eb;box-shadow:inset 0 1px #fff}
body[data-screen="lobby"] .lobby-actions #tutorial-open{grid-column:auto;min-height:36px;border:1px solid var(--line);background:#e1e9eb;color:var(--muted)}
body[data-screen="lobby"] .lobby-actions #lobby-missions{display:grid;grid-template-columns:1fr auto;column-gap:8px;min-height:78px;padding:10px 12px;border:1px solid #c8d6d7;border-left:4px solid #c6953f;background:#fff;box-shadow:0 2px 0 #cedbdd}
#lobby-missions small{grid-column:1;color:#807048;font-size:9px}#lobby-missions strong{grid-column:1;color:var(--ink);font-size:15px}#lobby-missions span{grid-column:1/-1;grid-row:3;color:var(--muted);font-size:10px}#lobby-missions em{grid-column:2;grid-row:1/3;align-self:center;color:#926317;font-size:12px;max-width:100px;text-align:right}
body[data-screen="lobby"] .lobby-actions #lobby-missions[data-claimable="true"]{border-left-color:#099786;background:#e6fff1}
#lobby-records{display:block}#lobby-splash{display:block;margin:7px auto 0;min-height:26px;color:#667e86;font-size:10px}
body[data-screen="hangar"] .screen,body:has(.app-page:not([hidden])) .app-page{background:var(--paper);color:var(--ink)}
body[data-screen="hangar"] .hangar-card,body:has(.app-page:not([hidden])) .app-page>.screen-card{padding:max(22px,env(safe-area-inset-top)) 20px 24px;color:var(--ink)}
body[data-screen="hangar"] .hangar-card h2,body:has(.app-page:not([hidden])) .app-page h2{font-size:28px;color:var(--ink);text-shadow:none;line-height:1.15;margin:6px 0 20px}
.app-page .page-intro,.app-page .fineprint,.profile-status,.world-preview-note{color:var(--muted);line-height:1.5}
.app-page h3,.hangar-card h3{color:var(--ink)}
.app-page .secondary,.hangar-card .secondary{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 0 #c4d2d6;min-height:44px}
.app-page .text-button,.hangar-card .text-button{color:var(--teal)}
.app-nav,body:has(.app-page:not([hidden])) .app-nav,body[data-screen="hangar"] .app-nav,body[data-screen="lobby"] .app-nav{background:#fff;border-top:1px solid #c7d7dc;box-shadow:0 -2px 8px #17353f0c;padding-top:4px}
.app-nav button{color:#627b83;background:transparent;border-radius:6px;font-size:10px;text-shadow:none}
.app-nav button.active,.app-nav button[aria-current="page"],body[data-screen="lobby"] [data-nav="home"],body[data-screen="hangar"] [data-nav="hangar"],body[data-screen="profile"] [data-nav="profile"]{background:#deefeb;color:#087d74;box-shadow:inset 0 2px #0aa895}
.app-nav svg{width:22px;height:22px;filter:none}
.close-button{color:var(--ink);background:#dfe9eb;border:1px solid #bacdd2;border-radius:6px}
body[data-screen="hangar"] .collection-progress{background:#dce8e8;color:var(--muted);border:0;border-radius:0;box-shadow:none;padding:12px}
body[data-screen="hangar"] .world-grid button{min-height:190px;border:1px solid #afc6cd;box-shadow:0 3px 0 #bbcbcf}
body[data-screen="hangar"] .world-grid button.selected{border:3px solid #159d8f;box-shadow:0 3px 0 #096a60}
.skin-grid button{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);box-shadow:0 2px 0 #c4d2d6}
.skin-grid button.selected{background:#e5f5ee;border-color:#159d8f;color:#096a60}
#pilot-mastery p{color:var(--muted)}
.collection-badge{background:#fff;border:1px solid #cedadb;box-shadow:0 2px 0 #c7d4d6;color:var(--ink);border-radius:7px;gap:5px;padding:12px 5px}
.collection-badge small{color:#6e7e7f}.collection-badge.locked{opacity:.7}.collection-badge.earned{border-color:#cda758}
.shop-tabs{gap:0;border-bottom:1px solid #bbcfd2;margin:16px 0}
.shop-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none}
.shop-tabs button[aria-selected="true"]{background:transparent;border-color:var(--teal);color:var(--teal)}
.shop-balance{font-weight:800;font-size:14px}
.shop-catalog .shop-item,.shop-catalog .shop-item.mystery{background:#fff;border:1px solid #c7d6d9;border-radius:7px;box-shadow:0 3px 0 #c7d6d9}
.shop-catalog .shop-copy h3{color:var(--ink)}.shop-catalog .shop-copy p{color:var(--muted)}
.shop-catalog .shop-art.sealed{background:#dce7eb;border:1px solid #b0c5cc;border-radius:6px;box-shadow:inset 0 3px 6px #678a9620}
.shop-catalog .shop-art.sealed span{color:#486773;border-color:#7899a5;background:#d2e1e5;text-shadow:0 1px white;box-shadow:inset 0 2px white,0 3px 0 #9bb4bf}
.shop-catalog .shop-actions button{background:#ffdc95;color:#674618;border-color:#e2b55b;border-radius:5px;box-shadow:0 2px 0 #c89f4e}
.rank-hype{background:#dceae9;border:0;border-left:4px solid #0c9a89;border-radius:0;box-shadow:none}.rank-hype strong{color:var(--ink)}.rank-hype p,.rank-hype small{color:var(--muted)}
.profile-stats>div{background:#e0eaea;border-color:#1a9c8e}.profile-stats strong{color:var(--ink)}.profile-stats span{color:var(--muted)}
.profile-page h3 small{color:var(--muted)}.profile-options button,.badge-gallery button{background:white;color:var(--ink);border-color:#bccdd3;box-shadow:0 2px 0 #c9d8db}
.profile-options button small,.badge-gallery small{color:var(--muted)}.profile-options.themes button span,.profile-options.themes button small{color:#fff}.profile-options.themes button.locked{background:#183341;color:#fff}
.audio-mixer{background:#e1ebec;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.audio-mixer label span{color:var(--muted)}input[type="range"]{accent-color:var(--teal)}
.screen-card.result-card,.screen-card.compact-card,.screen-card.tutorial-card,.purchase-layer>.screen-card{background:var(--paper)!important;color:var(--ink);border:1px solid #fff;border-radius:8px;box-shadow:0 12px 40px #00152066}
.result-score strong{color:var(--ink);text-shadow:0 3px #bfd2d5}.result-score span,.best-line,.run-reward{color:var(--muted)}
.result-card .secondary,.compact-card .secondary{background:#dbe8e9;color:var(--ink);border-color:#afc7ca;box-shadow:0 2px 0 #a8bfc4;border-radius:6px}
.tutorial-steps>div{background:#e0eaeb;border:0;border-radius:0}.tutorial-steps strong{color:var(--ink)}.tutorial-steps small{color:var(--muted)}
body:is([data-screen="game"],[data-screen="pause"],[data-screen="result"]) .shell{display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;padding:0;gap:0;background:#0d232e}
body:is([data-screen="game"],[data-screen="pause"],[data-screen="result"]) .game{flex:none;width:min(100vw,56.25dvh);height:min(100dvh,177.777778vw);max-width:none;aspect-ratio:9/16;border:0;border-radius:0;box-shadow:none;overflow:hidden}
body:is([data-screen="game"],[data-screen="pause"],[data-screen="result"]) :is(.topbar,.loadout,.app-nav){display:none}
body:is([data-screen="game"],[data-screen="pause"],[data-screen="result"]) #game{width:100%;height:100%;object-fit:contain}
.hud strong{color:#fff;text-shadow:0 3px #173c4b,2px 0 #173c4b,-2px 0 #173c4b;font-size:clamp(50px,8dvh,60px)}
.run-wallet{border:1px solid #ffffff88;background:#173947dd;box-shadow:inset 0 1px #ffffff30;border-radius:6px;color:#fff0bf}
.coin-symbol{box-shadow:inset 0 1px #fff9;border-color:#c88a29;background:linear-gradient(#ffe79b,#f6b53c);color:#87541c}
@media(min-width:700px){.deck-header{padding-inline:max(24px,calc((100% - 620px)/2))}.deck-loadout{padding-inline:max(24px,calc((100% - 620px)/2))}body[data-screen="hangar"] .hangar-card,body:has(.app-page:not([hidden])) .app-page>.screen-card{padding-inline:max(24px,calc((100% - 800px)/2))}.deck-stage{min-height:170px}body[data-screen="lobby"] .lobby-card .hero-bird{width:240px;height:188px}}
@media(max-height:740px){.deck-header{padding-top:max(9px,env(safe-area-inset-top));padding-bottom:4px}.deck-stage{flex:1 0 80px;min-height:80px;padding-bottom:5px}body[data-screen="lobby"] .lobby-card .hero-bird{width:128px;height:100px;margin:-8px 0}.deck-loadout{padding:10px 14px 5px}.deck-loadout .launch-picks{gap:8px}.launch-pick{min-height:74px}.launch-pick-art{height:34px}.launch-picks h3{margin-bottom:4px}body[data-screen="lobby"] #lobby-flight{margin:12px auto 10px;min-height:44px;font-size:19px}body[data-screen="lobby"] .lobby-actions #lobby-missions{min-height:70px;padding:7px 10px}#lobby-splash{margin-top:3px;min-height:23px}}
@media(prefers-reduced-motion:reduce){.hero-bird,.splash-pico{animation:none!important}.launch-pick{transition:none}}

/* Explicit text/surface pairs prevent old dark-theme rules leaking into light pages. */
h2,h3,.pilot-signature,.app-nav button{letter-spacing:0}
.hangar-card>p,.hangar-card #world-heading,.hangar-card #skin-heading{color:var(--muted)}
.app-page .shop-copy small,.app-page #shop-message{color:#765416}
.app-page .mission{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink)}
.app-page .mission h3{color:var(--ink)}.app-page .mission p{color:var(--muted)}
.app-page .mission button:disabled,.shop-copy button:disabled{background:#e1e9eb;color:#506770;border-color:#bdcfd2}
.stat-grid>div{background:#d5e4e5;border-color:#b9cdd0;border-radius:7px;color:var(--ink)}
.stat-grid strong{color:#0b726c}.stat-grid span{color:var(--muted)}
.medal,.medal.earned{color:#375963}.medal.earned b{color:#9c651c}
.purchase-layer p,.tutorial-card p{color:var(--muted)}
.best-line{background:#d6e5e5;color:var(--muted);border-radius:6px}.best-line strong{color:var(--ink)}
.collection-progress strong{color:var(--ink)}
.profile-options button.locked,.badge-gallery button.locked{opacity:1;background:#dbe6e7;color:#536a72}
.profile-options button.locked small,.badge-gallery button.locked small{color:#536a72}
.profile-options button.locked img,.badge-gallery button.locked img{opacity:.6}
.profile-mystery{background:#bccfd5;color:#365966;border:1px solid #a6c0c9;box-shadow:inset 0 2px 4px #6e8c9820}
.profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #abc4c7;margin:22px 0 0;gap:4px}
.profile-tabs button{min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:#4a6871;font-size:13px;font-weight:800}
.profile-tabs button[aria-selected="true"]{border-color:#088c80;color:#076d65;background:#d3e6e2}
.profile-page h3{margin-top:16px}
.profile-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.profile-options button{position:relative;min-width:0;width:100%;min-height:125px;padding:9px 5px;gap:7px;border-radius:7px;overflow-wrap:anywhere}
.profile-options img{width:76px;height:76px;object-fit:cover;border-radius:50%;border:2px solid #d1ad64;box-shadow:0 3px 6px #16333c30}
.profile-options span{font-size:11px;font-weight:800;line-height:1.2}.profile-options button small{font-size:9px;line-height:1.4}
.profile-options button.selected,.badge-gallery button.selected{border:2px solid #0c8f80;box-shadow:0 2px 0 #096c62}
.profile-options.themes{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-options.themes button{min-height:110px;aspect-ratio:16/10;align-content:end;padding:7px;background-size:cover;background-position:center;border-radius:7px}
.profile-options.themes button span{width:100%;padding:6px;background:#071c2de8;border-radius:4px;text-shadow:none;line-height:1.25}
.profile-options.themes button.locked{background:#d4e2e4!important;color:#385c67}
.profile-options.themes button.locked span,.profile-options.themes button.locked small{background:none;color:#385c67;text-shadow:none}
.profile-options.themes button.locked::before{content:"?";font-size:24px;line-height:1;color:#61818c;text-align:center}
.player-card{min-height:300px;padding:135px 16px 14px;border:1px solid #bcd3da;box-shadow:0 4px 0 #a8bfc4,0 10px 22px #17384324;background:#092332}
.player-card::before{filter:none;background-position:center top;background-size:cover}
.player-card::after{background:linear-gradient(transparent 18%,#051c2d22 35%,#041925ef 70%,#041925 100%)}
.player-card-top{gap:12px}.player-avatar{width:72px;height:72px;border:3px solid #ffda87;object-fit:cover;box-shadow:0 3px 12px #0006}
.player-card-top strong{font-size:20px;color:#fff}.player-card-top small{color:#bddce5}.player-card-top span{color:#d6e8eb}
.pinned-badges{gap:8px;margin-top:13px}.pinned-slot{min-height:64px;border:0;border-top:1px solid #7293a16b;border-radius:0;background:transparent;box-shadow:none}
.pinned-slot span{color:#c6dde5;font-size:10px}.pinned-slot img{width:48px;height:48px}
.profile-stats{gap:0;border-bottom:1px solid #bdcfd1}.profile-stats>div{background:transparent;border:0;border-right:1px solid #bdcfd1;padding:12px 3px}.profile-stats>div:last-child{border-right:0}
.profile-status{font-size:10px;line-height:1.5;color:#506b74}
body[data-screen="shop"] [data-nav="shop"],body[data-screen="records"] [data-nav="records"]{background:#deefeb;color:#087d74;box-shadow:inset 0 2px #0aa895}
.deck-loadout .secondary{margin-top:0}
@media(max-width:350px){.deck-header{padding-inline:12px}.deck-header h2{font-size:20px}.profile-options{gap:6px}.profile-options img{width:65px;height:65px}.player-card-top strong{font-size:17px}}
/* Arcade 8.7: readable, compact controls and inspectable collection. */
.game #lobby-records.pvp-entry{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:min(100%,578px);min-height:55px;margin:8px auto;padding:8px 15px;border:2px solid #99dce7;border-radius:13px;background:linear-gradient(120deg,#183a57,#285673);color:#fff;box-shadow:0 3px 0 #0c273e;text-align:left}
.pvp-entry .pvp-icon{font-size:29px;color:#ffe09c}.pvp-entry strong{display:block;font-size:16px}.pvp-entry small{display:block;font-size:10px;color:#badfe6;letter-spacing:.6px}
.game .lobby-actions{grid-template-columns:1fr 1fr}
.preview-worlds{width:100%;margin-top:9px;min-height:44px}.collection-progress>small{display:block;font-size:10px;line-height:1.4;margin-top:6px}
.collection-badge[role=button]{cursor:pointer}.collection-badge[role=button]:focus-visible{outline:3px solid #19a6b8;outline-offset:2px}.collection-badge.locked img{opacity:.7;filter:saturate(.45)}
.shop-art.sealed>svg,.profile-mystery>svg{width:64px;height:64px;filter:drop-shadow(0 4px 2px #102d3a40)}
.profile-mystery{display:grid;place-items:center}.profile-options.themes button.locked::before{content:'◇';color:#487a89}.profile-options button.locked{cursor:pointer;opacity:1}
.profile-options img[src*="svg"],.player-avatar[src*="svg"]{background:#fff;object-fit:contain;padding:5px}
#studio-detail{box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:22px;border:2px solid #a9c7cc;border-radius:22px;background:#edf5f4;color:#163548;box-shadow:0 20px 60px #0008;text-align:center;font:inherit}
#studio-detail::backdrop{background:#061626bd}#studio-detail h2{font-size:23px;margin:0 0 12px}#studio-detail p{font-size:14px;line-height:1.5}#studio-detail button{width:100%;min-height:44px;margin-top:8px}#studio-detail .badge-detail-art{width:100px;height:112px}#studio-detail progress{width:100%;accent-color:#20a594}#studio-detail .eyebrow{text-transform:uppercase}
.record-barracks{display:block;width:100%;border:1px solid #92c5ce;text-align:left;padding:18px;border-radius:18px;color:#fff;cursor:pointer;background:linear-gradient(#071b3040,#071b30e0),var(--profile-art);background-size:cover;background-position:center}
.record-barracks .player-card-top>span{display:grid;gap:4px}.record-barracks .player-card-top strong{font-size:19px}.record-totals{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:12px}.record-totals>span{display:grid;gap:5px;font-size:11px;color:#d9ebf2}.record-totals b{font-size:28px;color:#fff}.rank-empty{display:grid;gap:8px;place-items:center;padding:22px 10px;border:1px dashed #809ea7;border-radius:12px;margin:16px 0}.rank-empty>span:first-child{font-size:32px;color:#3b8999}.rank-hype h3{margin:8px 0}.rank-hype p,.rank-hype small{line-height:1.5}
@media(max-height:740px){.game #lobby-records.pvp-entry{min-height:46px;margin:5px 0;padding:5px 12px}.pvp-entry strong{font-size:14px}.pvp-entry .pvp-icon{font-size:24px}}
/* Arcade 8.8: play is a one-tap launch; customization stays in Collection and Shop. */
.deck-loadout .launch-picks,.deck-loadout #lobby-skins{display:none!important}
.deck-loadout{padding-top:6px!important}
.pinned-slot[data-card-badge]{cursor:pointer;width:100%;font:inherit;text-align:center}
.pinned-slot[data-card-badge]:focus-visible{outline:2px solid #ffe09c;outline-offset:2px}
.card-badge-hint{display:block;color:#bedce6;font-size:10px;margin:7px 0 0}
.challenge-heading{font-size:16px;margin:24px 0 8px;color:#123448}
.challenge-footnote,.daily-clock{font-size:11px;line-height:1.5;color:#47616e}
.app-nav [data-nav="home"]{background:#e4f3ee;border-top:3px solid #24a991;color:#085f5b;font-weight:900}
/* Arcade 8.9: one cohesive sky, readable collection, and the badge archive on the card. */
body[data-screen="lobby"] #lobby-screen{background-color:#06113e;background-image:var(--lobby-space);background-position:center center;background-size:cover}
.deck-stage .pilot-signature{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:7px 12px;border:1px solid #89c5ee77;border-radius:999px;background:#081e49bf;box-shadow:0 4px 14px #020c2f88;color:#dff7ff;font-size:10px;letter-spacing:.06em}
.deck-stage .pilot-signature .live-dot{width:6px;height:6px;background:#a9e8fb;box-shadow:0 0 8px #a9e8fb}
body[data-screen="hangar"] .collection-progress{border:1px solid #78b6c477;border-radius:12px;background:linear-gradient(115deg,#153c53,#0a2339);padding:14px}
body[data-screen="hangar"] .world-grid{gap:12px;margin-bottom:16px}
body[data-screen="hangar"] .world-grid button{min-height:clamp(145px,23dvh,205px);border-radius:13px;border:2px solid #93cbd6a6;box-shadow:0 5px 0 #071925,0 10px 20px #0006}
body[data-screen="hangar"] .world-grid button.locked{background:linear-gradient(140deg,#1a374b,#061a2a)!important;border-color:#60808b}
body[data-screen="hangar"] .world-grid button.locked::after{content:'◇';position:absolute;top:15px;left:15px;color:#c9e6e9;font-size:24px}
body[data-screen="hangar"] .hangar-card .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}
body[data-screen="hangar"] .skin-grid button{display:grid;grid-template-columns:80px 1fr;align-items:center;min-height:102px;padding:10px;border:2px solid #8faeb6;border-radius:13px;background:linear-gradient(145deg,#214d65,#122c42);text-align:left;color:#fff;box-shadow:0 4px 0 #061c2d}
body[data-screen="hangar"] .skin-grid button.selected{border-color:#ffe093;background:linear-gradient(145deg,#315a69,#173748)}
body[data-screen="hangar"] .skin-grid canvas{width:78px;height:78px;max-height:none;filter:none}
body[data-screen="hangar"] .skin-grid span{font-size:13px;line-height:1.3;color:#fff4da}
body[data-screen="hangar"] .skin-grid button.locked{border-color:#5b7886}
body[data-screen="hangar"] .skin-grid button.locked canvas{filter:grayscale(1) brightness(.22);opacity:.9}
body[data-screen="hangar"] .skin-grid button.locked span{color:#c0d0d6}
.collection-profile-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #699fb2;border-radius:12px;background:#112f45;color:#e4f4f4}
.collection-profile-link strong{font-size:12px}.collection-profile-link button{width:auto;min-width:128px;margin:0!important}
.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.profile-page #profile-panel-avatar>p,.profile-page #profile-panel-theme>p,.profile-page #profile-panel-badge>p{font-size:11px;line-height:1.5;color:#56717a;margin:4px 0 12px}
.profile-page .collection-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.profile-page .collection-badge{min-height:126px;border:1px solid #9ab7bf}
.profile-page .collection-badge.selected{border:2px solid #f0bd5b;box-shadow:0 0 0 2px #f7d38277}
.profile-page .collection-badge small{font-size:9px;line-height:1.2}
@media(max-width:370px){body[data-screen="hangar"] .skin-grid button{grid-template-columns:58px 1fr;min-height:86px;padding:6px}body[data-screen="hangar"] .skin-grid canvas{width:58px;height:58px}body[data-screen="hangar"] .skin-grid span{font-size:11px}.collection-profile-link{flex-direction:column;align-items:stretch}}
/* Crash feedback affects the playfield only; the replay panel stays sharp and still. */
/* Primary screens use .active; secondary pages use [hidden]. Never pause
   a visible page's entrance animation at its initial 30% opacity. */
.screen:not(.app-page):not(.active) *,.app-page[hidden] *{animation-play-state:paused!important}
/* Tint is painted inside the game canvas, never over navigation or menus. */
body[data-screen="game"][data-crash="impact"] #game,body[data-screen="game"][data-crash="impact"] .hud,body[data-screen="game"][data-crash="impact"] .run-wallet{animation:world-fly-crash-jolt .26s ease-out both}
@keyframes world-fly-crash-jolt{0%,100%{transform:translate(0,0)}18%{transform:translate(5px,-3px) rotate(.4deg)}38%{transform:translate(-6px,3px) rotate(-.35deg)}58%{transform:translate(4px,2px)}78%{transform:translate(-2px,-1px)}}
@media(prefers-reduced-motion:reduce){body[data-crash="impact"] #game,body[data-crash="impact"] .hud,body[data-crash="impact"] .run-wallet{animation:none}}
/* The crash tint belongs only to the flight and result screens. */
body:not([data-screen="game"]):not([data-screen="result"]):not([data-screen="pause"]) canvas#game{visibility:hidden!important}
body[data-screen="hangar"] .world-grid button[hidden],body[data-screen="hangar"] .skin-grid button[hidden]{display:none!important}
/* Match Collection: pale ceramic page, deep blue cards, dark headings. */
body[data-screen="shop"] .app-page[data-page="shop"],body[data-screen="records"] .app-page[data-page="records"],body[data-screen="profile"] .app-page[data-page="profile"],body[data-screen="tournaments"] .app-page[data-page="tournaments"]{background:var(--paper)!important;opacity:1!important;filter:none!important;isolation:isolate;color:var(--ink)}
body[data-screen="shop"] .app-page[data-page="shop"]>.screen-card,body[data-screen="records"] .app-page[data-page="records"]>.screen-card,body[data-screen="profile"] .app-page[data-page="profile"]>.screen-card,body[data-screen="tournaments"] .app-page[data-page="tournaments"]>.screen-card{background:transparent!important;box-shadow:none!important;color:var(--ink)}
body:is([data-screen="shop"],[data-screen="records"],[data-screen="profile"],[data-screen="tournaments"]) .app-page :is(h2,h3){color:var(--ink);text-shadow:none}
body:is([data-screen="shop"],[data-screen="records"],[data-screen="profile"],[data-screen="tournaments"]) .app-page :is(.page-intro,.profile-status){color:var(--muted)}
body:is([data-screen="shop"],[data-screen="records"],[data-screen="profile"],[data-screen="tournaments"]) .app-page .eyebrow{color:var(--teal)}
.app-page[data-page="shop"] .shop-tabs button{color:var(--muted)}.app-page[data-page="shop"] .shop-tabs button[aria-selected="true"]{color:var(--teal);border-color:var(--teal)}
.app-page[data-page="shop"] .shop-balance{color:#674618}
/* Shop and leaderboard retain their original light palette; avatars stay blue. */
.app-page[data-page="shop"] .shop-catalog .shop-copy small{color:#765416}
.app-page[data-page="records"] .rank-hype :is(strong,h3){color:var(--ink)}
.app-page[data-page="records"] .rank-hype :is(p,small){color:var(--muted)}
.app-page[data-page="profile"] .profile-stats>div{background:#173a4b;border-color:#7294a0}.app-page[data-page="profile"] .profile-stats strong{color:#ffe095}.app-page[data-page="profile"] .profile-stats span{color:#c5dce2}
.app-page[data-page="profile"] .profile-tabs{border-color:#abc4c7}.app-page[data-page="profile"] .profile-tabs button{color:var(--muted)}.app-page[data-page="profile"] .profile-tabs button[aria-selected="true"]{background:#d3e6e2;color:#076d65;border-color:#088c80}
.app-page[data-page="profile"] .profile-page h3 small,.app-page[data-page="profile"] .profile-page :is(#profile-panel-avatar,#profile-panel-theme,#profile-panel-badge)>p{color:var(--muted)}
.app-page[data-page="profile"] .profile-options button,.app-page[data-page="profile"] .collection-badge{background-color:#173b4d;color:#f4f8ee;border-color:#668d9b;box-shadow:0 3px 0 #071a26}
.app-page[data-page="profile"] .profile-options:not(.themes) button,.app-page[data-page="profile"] .collection-badge{background:linear-gradient(145deg,#214d65,#122c42);border:2px solid #8faeb6;border-radius:13px;box-shadow:0 4px 0 #061c2d}
.app-page[data-page="profile"] .profile-options.themes button{border:2px solid #8faeb6;border-radius:13px;box-shadow:0 4px 0 #061c2d}
.app-page[data-page="profile"] .profile-options button small,.app-page[data-page="profile"] .collection-badge small{color:#c5dce2}
.app-page[data-page="profile"] .profile-options button.locked{background:#243c48!important;color:#d0dfe0}.app-page[data-page="profile"] .profile-options button.locked small,.app-page[data-page="profile"] .profile-options.themes button.locked span{color:#bbd0d4}
/* Readability audit: explicit opaque text/surface pairs, verified numerically. */
.app-page[data-page="shop"] .shop-balance{color:#674618;background:#fff0cc}
.app-page[data-page="shop"] #shop-message{color:#674618;background:#e5eeed}
.app-page[data-page="shop"] .shop-copy h3{color:#173b43;background:#ffffff}
.app-page[data-page="shop"] .shop-copy p{color:#455f68;background:#ffffff}
.app-page[data-page="shop"] .shop-copy small{color:#765416;background:#ffffff}
.app-page[data-page="records"] .rank-hype{color:#455f68;background:#dceae9}
.app-page[data-page="records"] .rank-hype h3{color:#173b43;background:#dceae9}
.app-page[data-page="records"] .rank-empty{color:#455f68;background:#dceae9}
body[data-screen="hangar"] .collection-progress strong{color:#fff6de;background:#153c53}
body[data-screen="hangar"] .collection-progress>span,body[data-screen="hangar"] .collection-progress>small{color:#d5e6ec;background:#153c53}
.app-nav button{color:#455f68;background:#ffffff}
.app-page .mission p{color:#455f68;background:#ffffff}
.app-page .fineprint{color:#455f68;background:#e5eeed}
.audio-mixer label span{color:#455f68;background:#e1ebec}
.screen-card .primary,.app-page .primary,.hangar-card .primary,body[data-screen="lobby"] #lobby-flight{color:#ffffff;background:#08786b}
.app-page .mission button:disabled,.shop-copy button:disabled{color:#455f68;background:#e1e9eb}
/* Expedition atlas: a destination map, not a catalogue of thumbnails. */
body[data-screen="hangar"] .world-map-page{width:min(100%,430px);padding:14px 14px 18px;color:#173544;text-align:left}
body[data-screen="hangar"] .world-map-page h2{margin:2px 0 7px;font-size:26px}
.world-map-page .panel-heading{align-items:center}.world-map-page .panel-heading .eyebrow{color:#127b7e}
body[data-screen="hangar"] .world-map-page .collection-progress{margin:0 0 6px;padding:8px 10px;border-radius:9px}
body[data-screen="hangar"] .world-map-page .collection-progress strong{font-size:12px}
body[data-screen="hangar"] .world-map-page .collection-progress>span{margin:2px 0 0;font-size:10px}
.world-map-page .map-intro{margin:4px 0 7px!important;color:#385b64!important;font-size:11px!important}
.world-atlas{position:relative;width:100%;height:clamp(300px,46dvh,430px);overflow:hidden;border:2px solid #668dab;border-radius:18px;background:#07162a;isolation:isolate;box-shadow:inset 0 0 24px #06182d,0 5px 0 #a9c6c9}
.atlas-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.world-atlas::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent 56%,#06182b4d),linear-gradient(90deg,#05142124,transparent 25%,transparent 75%,#05142124)}
.atlas-route{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.atlas-route path{fill:none;stroke:#fce6bb;stroke-width:1.5;stroke-dasharray:3 6;opacity:.72;filter:drop-shadow(0 1px 3px #142a43)}
body[data-screen="hangar"] .world-map-page .world-grid{position:absolute;inset:0;z-index:3;display:block;margin:0;pointer-events:none}
body[data-screen="hangar"] .world-map-page .world-grid .map-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:82px;height:66px;min-height:0;padding:2px;border:0!important;border-radius:12px;background:transparent!important;box-shadow:none!important;text-align:center;text-shadow:0 2px 4px #061324;color:#fff;opacity:1;transform:translate(-50%,-50%);pointer-events:auto;touch-action:manipulation}
body[data-screen="hangar"] .world-map-page .map-node::before,body[data-screen="hangar"] .world-map-page .map-node::after{display:none!important}
.world-map-page .map-node .map-beacon{display:grid;place-items:center;width:39px;height:39px;border:2px solid #d9faff;border-radius:50%;background:#173d67;color:white;font-size:18px;box-shadow:0 0 0 4px #082b408c,0 0 12px #a9efff}
.world-map-page .map-node.locked .map-beacon{background:#385369;border-color:#b2bdc8;color:#e2e7eb;box-shadow:0 0 0 4px #112a3d}
.world-map-page .map-node.focused .map-beacon{border-color:#ffe29a;box-shadow:0 0 0 4px #75562d,0 0 15px #ffe29a}
body[data-screen="hangar"] .world-map-page .map-node strong{font-size:12px;line-height:1.1;color:#fff;background:#102d42e6;padding:2px 5px;border-radius:4px}
.world-map-page .map-node small{font-size:8px;font-weight:900;color:#fff1ba;background:#18354ad9;padding:1px 4px;border-radius:3px}
.world-map-page .node-aether{left:26%;top:55%}.world-map-page .node-rift{left:29%;top:26%}.world-map-page .node-verdant{left:74%;top:27%}.world-map-page .node-forge{left:74%;top:56%}
.world-map-page .world-dossier{min-height:112px;margin:9px 0 7px;padding:11px 13px;border:1px solid #739fb0;border-radius:11px;background:linear-gradient(125deg,#183a51,#0a243a);color:#e3f2f2}
.world-map-page .world-dossier .eyebrow{color:#9ee0df}.world-map-page .world-dossier h3{margin:3px 0;color:#fff3d4;font-size:19px}.world-map-page .world-dossier p{margin:0 0 5px;color:#e3f2f2;font-size:11px;line-height:1.3}.world-map-page .world-dossier small{color:#ffd48b;font-size:10px}
body[data-screen="hangar"] .world-map-page #world-action{display:block;width:100%;margin:0 0 8px;min-height:43px;font-size:14px}
.world-map-page .pvp-signal{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px dashed #99b5bd;border-radius:9px;background:#dce9e9}.world-map-page .pvp-signal>span{font-size:24px;color:#35667b}.world-map-page .pvp-signal div{display:grid;gap:1px}.world-map-page .pvp-signal strong{font-size:11px;color:#1e4656}.world-map-page .pvp-signal small{font-size:10px;color:#43606a}
.world-map-page .map-pico-drawer{margin-top:8px;border-bottom:1px solid #a9c4c8}.world-map-page .map-pico-drawer summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:8px 3px;color:#1b5363;font-size:12px;font-weight:800}.world-map-page .map-pico-drawer summary::-webkit-details-marker{display:none}.world-map-page .map-pico-drawer[open] summary span{transform:rotate(180deg)}
.world-map-page .map-pico-drawer #skin-heading{margin:4px 0;color:#405e68;font-size:10px}.world-map-page .map-pico-drawer .skin-grid{margin:0 0 10px}
.world-map-page #pilot-mastery{display:none}
.world-map-page .map-test-access{margin-top:4px;color:#60777c;font-size:10px}.world-map-page .map-test-access summary{cursor:pointer;padding:5px 3px}.world-map-page .map-test-access .preview-worlds{margin-top:3px;font-size:10px;min-height:36px}.world-map-page .map-test-access small{display:block;margin:4px 0;line-height:1.3}
@media(max-height:740px){.world-atlas{height:clamp(260px,42dvh,345px)}.world-map-page .world-dossier{min-height:95px;padding:8px 11px}}
@media(max-height:600px){.world-atlas{height:250px}.world-map-page .map-intro{display:none}.world-map-page .pvp-signal{padding:5px 8px}}
.app-page[data-page="shop"] .shop-balance{display:inline-block;padding:10px 14px;border:1px solid #bc8b38;border-radius:8px;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}
.app-page[data-page="shop"] .shop-intro{padding:10px 12px;margin:0 0 8px;border-radius:10px;background:#123c55;color:#e5f6f5;text-align:left}.app-page[data-page="shop"] .shop-intro .eyebrow{color:#92e4e1}.app-page[data-page="shop"] .shop-intro p{margin:4px 0 0;font-size:12px;line-height:1.4;color:#e5f6f5}
.app-page[data-page="shop"] .shop-catalog .shop-art.skin{background:radial-gradient(circle at 50% 40%,#428da270,#10374d 75%);border-color:#88bcca}.app-page[data-page="shop"] .shop-catalog .shop-item.mystery .shop-art.skin canvas{filter:none;opacity:1}.app-page[data-page="shop"] .shop-catalog .shop-item.mystery{border-style:dashed}.app-page[data-page="shop"] .shop-catalog .shop-copy h3{font-size:19px}
.app-page[data-page="shop"] #shop-message{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.app-page[data-page="shop"] .shop-copy :is(p,small),.app-page .fineprint{font-size:12px;line-height:1.5}
.app-page[data-page="records"] .rank-hype :is(strong,p,small){color:inherit}
.app-page .mission button:disabled,.shop-copy button:disabled{opacity:1}
#tournament-info{width:auto;max-width:92%;cursor:pointer;appearance:none;font:inherit}
#tournament-info:focus-visible{outline:3px solid #ffe28d;outline-offset:3px}
.tournament-page{text-align:left}.tournament-page .eyebrow{color:var(--teal)}.tournament-page h2{color:var(--ink)!important;text-shadow:none!important}.tournament-rule{padding:15px;margin:12px 0;border:1px solid #668d9b;border-radius:12px;background:#173b4d;box-shadow:0 3px 0 #071a26}.tournament-rule strong{color:#ffe095}.tournament-rule p{color:#c5dce2;font-size:13px;line-height:1.45;margin:7px 0 0}.tournament-note{padding:12px;border-left:3px solid #c9973f;background:#263b48;color:#d6e4df;font-size:12px;line-height:1.55}
/* WORLD FLY type system: expressive display, compact controls, calm long copy. */
body{font-family:var(--wf-ui);font-weight:500}
button,input,select{font-family:var(--wf-ui)}
:is(.screen-card,.app-page) h2,body[data-screen="lobby"] .lobby-card h2{font-family:var(--wf-display);font-weight:800;letter-spacing:-.035em;line-height:1.08}
:is(.app-page,.screen-card) h3,.rank-hype strong,.player-card-top strong{font-family:var(--wf-display);font-weight:700;letter-spacing:-.02em}
.eyebrow{font-family:var(--wf-ui);font-weight:700;letter-spacing:.13em!important;text-transform:uppercase}
.primary,.hero-button,#retry,#world-action{font-family:var(--wf-display);font-weight:800;letter-spacing:.025em}
.secondary,.shop-actions button,.mission button,.profile-tabs button{font-family:var(--wf-ui);font-weight:700;letter-spacing:.02em}
.app-nav button{font-family:var(--wf-ui);font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;line-height:1.05}
.launch-pick strong,.lobby-skin-list strong,.shop-catalog .shop-copy h3,.profile-options button span,.collection-badge strong{font-family:var(--wf-display);font-weight:700;letter-spacing:-.015em}
.stat-grid strong,.profile-stats strong,.record-totals b,.best-line strong,.result-score strong,.hud #score{font-family:var(--wf-display);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.065em}
.hud #score{font-size:clamp(47px,13vw,58px);text-shadow:0 3px 0 #12354c,2px 0 #12354c,-2px 0 #12354c,0 0 12px #081a2da0}
.flight-quote{font-family:Consolas,'Lucida Console',ui-monospace,monospace}
.app-page :is(.page-intro,.fineprint),.world-map-page :is(.map-intro,.world-dossier p),.shop-copy p,.rank-hype p,.tournament-note{font-family:"Avenir Next","Trebuchet MS",system-ui,sans-serif}
body[data-screen="hangar"] .world-map-page h2{font-size:clamp(24px,6vw,29px);letter-spacing:-.04em}
body[data-screen="hangar"] .world-map-page .world-grid .map-node strong{max-width:96px;padding:4px 6px 3px;border:1px solid #a8dbea9e;border-radius:5px;background:linear-gradient(135deg,#0b293deF,#163c55ee);box-shadow:0 2px 0 #07192b;font-family:var(--wf-display);font-size:clamp(11px,2.9vw,13px);font-weight:800;line-height:1;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}
body[data-screen="hangar"] .world-map-page .map-node.locked strong{border-color:#a5b6c4a6;background:#172c3feb}
body[data-screen="hangar"] .world-map-page .map-node.focused strong{border-color:#ffe29a;box-shadow:0 2px 0 #352414,0 0 9px #ffe29a78}
body[data-screen="hangar"] .world-map-page .map-node small{font-family:var(--wf-ui);font-size:9px;letter-spacing:.08em}
.world-map-page .world-dossier h3{display:inline-block;margin:2px 0 7px;padding-bottom:3px;border-bottom:2px solid #e8bf78;font-family:var(--wf-display);font-size:23px;font-weight:800;letter-spacing:.025em;text-transform:uppercase;line-height:1.05}
.world-map-page .world-dossier p{font-size:12px;line-height:1.35}
.world-map-page .world-dossier small{font-family:var(--wf-ui);font-size:11px;font-weight:700;letter-spacing:.015em}
body[data-screen="hangar"] .world-map-page #world-action{font-size:14px;line-height:1.15;text-transform:uppercase}
@media(max-width:350px){.app-nav button{font-size:10px}body[data-screen="hangar"] .world-map-page .world-grid .map-node strong{font-size:10px;padding-inline:4px}.world-map-page .world-dossier h3{font-size:20px}}

/* Galaxy home: light-weight sprites and static space; no WebGL or animated filters. */
.app-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.app-nav [data-nav="hangar"]{display:none!important}
body[data-screen="hangar"] .app-nav [data-nav="home"]{color:#173550;background:#e4f4ff;border-color:#efc56e}
body[data-screen="hangar"] #hangar-screen{background:#071221}
body[data-screen="hangar"] .hangar-card.galaxy-menu{width:min(100%,480px);height:100%;max-height:100%;margin:auto;padding:12px 16px 18px;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 70% 30%,#16395270,transparent 65%),#071221;color:#f4f8ff;border:0;border-radius:0;box-shadow:none}
body[data-screen="hangar"] .galaxy-menu .panel-heading{display:flex;gap:8px;align-items:center;margin:0 0 6px}
.galaxy-menu .panel-heading>div{flex:1}
body[data-screen="hangar"] .galaxy-menu .panel-heading h2{color:#f4f8ff;font-size:clamp(21px,6vw,28px);margin:2px 0}
body[data-screen="hangar"] .galaxy-menu .eyebrow{color:#a6c9e6;font-size:10px;letter-spacing:.15em}
body[data-screen="hangar"] .galaxy-menu .icon-button,body[data-screen="hangar"] .galaxy-menu .close-button{width:44px;height:44px;min-width:44px;background:#173149;color:#f4f8ff;border:1px solid #3d607d;border-radius:12px}
body[data-screen="hangar"] .galaxy-menu .collection-progress{display:flex;flex-direction:column;gap:2px;padding:0;background:transparent;border:0;box-shadow:none;color:#e7bf78;font-size:10px;line-height:1.3}
body[data-screen="hangar"] .galaxy-menu .collection-progress span{color:#b8ccdf;font-size:11px}
.galaxy-menu .map-intro{display:none}
body[data-screen="hangar"] .galaxy-menu .world-atlas{position:relative;isolation:isolate;width:100%;height:clamp(330px,48dvh,420px);min-height:330px;margin:3px 0 8px;border:0;border-radius:20px;overflow:visible;background:radial-gradient(circle at 14% 23%,#c6e4ff 0 1px,transparent 1.6px),radial-gradient(circle at 72% 65%,#84a5c6 0 1px,transparent 1.6px),radial-gradient(circle at 45% 39%,#fff 0 .6px,transparent 1.3px);background-size:83px 109px,137px 81px,57px 143px;box-shadow:none}
body[data-screen="hangar"] .galaxy-menu .world-atlas::after{display:none}
.galaxy-menu .atlas-route{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.galaxy-menu .atlas-route path{fill:none;stroke:#6388a9;stroke-width:1.2;stroke-dasharray:3 7}
body[data-screen="hangar"] .galaxy-menu .world-grid{position:absolute;inset:0;display:block;margin:0;padding:0}
body[data-screen="hangar"] .galaxy-menu .world-grid .map-node{position:absolute;width:96px;height:116px;min-height:116px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;transform:translate(-50%,-50%);background:transparent!important;border:0!important;border-radius:12px;box-shadow:none!important;opacity:1;filter:none!important;color:#fff}
body[data-screen="hangar"] .galaxy-menu .map-node .planet-body{position:relative;display:grid;place-items:center;width:86px;height:83px;flex:none}
.galaxy-menu .planet-body img{width:100%;height:100%;object-fit:contain;filter:none;pointer-events:none}
body[data-screen="hangar"] .galaxy-menu .map-node strong{display:block;position:relative;max-width:100%;padding:3px 7px;margin:-1px 0 0;font-size:11px;line-height:1.15;white-space:nowrap;color:#f4f8ff;background:#10283e;border:1px solid #395978;border-radius:6px;box-shadow:0 2px 0 #020913;text-shadow:none}
body[data-screen="hangar"] .galaxy-menu .map-node small{color:#b9cddd;font-size:9px;line-height:1.3;margin-top:4px;white-space:nowrap}
body[data-screen="hangar"] .galaxy-menu .map-node.focused strong{color:#fff1ce;border:1px solid #edc67c;background:#25374b;box-shadow:0 2px 0 #020913}
.galaxy-menu .map-node.focused .planet-body::after{content:"";position:absolute;inset:4px;border:1px solid #edc67c;border-radius:50%;pointer-events:none}
.galaxy-menu .map-node:focus-visible{outline:2px solid #f8dc9e;outline-offset:4px}
.galaxy-menu .node-aether{left:22%!important;top:17%!important}
.galaxy-menu .node-rift{left:76%!important;top:17%!important}
.galaxy-menu .node-verdant{left:83%!important;top:50%!important}
.galaxy-menu .node-forge{left:69%!important;top:83%!important}
.galaxy-menu .node-unknown-one{left:22%!important;top:83%!important}
.galaxy-menu .node-earth-pvp{left:49%!important;top:48%!important}
.galaxy-menu .node-aether .planet-body{background:radial-gradient(ellipse,#317caa44,transparent 66%);border-radius:50%;border-bottom:2px solid #7bbcdc}
.galaxy-menu .node-aether .planet-body img{width:70%;height:80%;transform:rotate(-8deg)}
.galaxy-menu .node-earth-pvp .planet-body img{width:77%;height:77%}
.galaxy-menu .unknown-sphere{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#6d739c,#343953 45%,#111a2c 77%);border:1px solid #687e9b;color:#bbc9dd;font:700 25px var(--wf-display);box-shadow:inset -5px -6px 7px #071221}
body[data-screen="hangar"] .galaxy-menu .world-dossier{min-height:0;padding:12px 14px;margin:0;border:1px solid #35516c;border-radius:14px;background:linear-gradient(120deg,#172c43,#0d2034);color:#eff6ff;box-shadow:none;text-align:left}
body[data-screen="hangar"] .galaxy-menu .world-dossier h3{font-size:22px;color:#fff;margin:4px 0 5px;padding:0;border:0;line-height:1.1}
body[data-screen="hangar"] .galaxy-menu .world-dossier p{color:#c7d8e9;font-size:12px;line-height:1.4;margin:0 0 6px}
body[data-screen="hangar"] .galaxy-menu .world-dossier small{display:block;color:#f3cd83;font-size:12px}
body[data-screen="hangar"] .galaxy-menu #world-action{display:block;width:100%;min-height:48px;margin:9px 0 8px;background:linear-gradient(#ffe4a1,#ecb950);border:1px solid #ffedbd;border-bottom:4px solid #a66a25;border-radius:13px;color:#222d41;font:800 15px var(--wf-display);box-shadow:none}
body[data-screen="hangar"] .galaxy-menu #world-action:disabled{background:#20364c;border-color:#3e5872;color:#bdccdc;opacity:1;cursor:default}
.galaxy-shortcuts{display:flex;gap:8px;margin:8px 0}
body[data-screen="hangar"] .galaxy-menu .galaxy-shortcuts button{flex:1;min-height:44px;margin:0;background:#173149;color:#dceaff;border:1px solid #3d607d;font-size:12px;box-shadow:none}
body[data-screen="hangar"] .galaxy-menu .map-pico-drawer,body[data-screen="hangar"] .galaxy-menu .map-test-access{color:#dceaff;background:#102439;border:1px solid #35516c;border-radius:10px;margin-top:8px}
.galaxy-menu details summary{min-height:44px;padding:12px;cursor:pointer}
.galaxy-menu #hangar-apply,.galaxy-menu #pilot-mastery{display:none!important}
@media(max-width:350px){body[data-screen="hangar"] .hangar-card.galaxy-menu{padding-inline:10px}body[data-screen="hangar"] .galaxy-menu .world-grid .map-node{width:84px}.galaxy-menu .planet-body{max-width:76px}}
@media(prefers-reduced-motion:reduce){.galaxy-menu *{animation:none!important;transition:none!important}}
body[data-screen="hangar"] .galaxy-menu .map-node::after{display:none!important}
body[data-screen="hangar"] .galaxy-menu .map-pico-drawer summary,body[data-screen="hangar"] .galaxy-menu #skin-heading{color:#dceaff}
body[data-screen="hangar"] .hangar-card.galaxy-menu{padding-top:max(12px,env(safe-area-inset-top))}
body[data-screen="hangar"] .galaxy-menu #world-action{text-shadow:none}
body[data-screen="hangar"] .galaxy-menu .collection-progress strong{color:#e7bf78;background:transparent}
body[data-screen="hangar"] .galaxy-menu .collection-progress>span{color:#b8ccdf;background:transparent}
/* The map shares the game's original star field; route and planet labels stay above it. */
body{--wf-galaxy-art:url("assets/galaxy-starfield-v1.webp")}
body[data-screen="hangar"] .hangar-card.galaxy-menu{position:relative;background:#06101f var(--wf-galaxy-art) center top/cover no-repeat!important}
body[data-screen="hangar"] .hangar-card.galaxy-menu::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07142620 0%,#07142650 63%,#071426d9 100%)}
body[data-screen="hangar"] .hangar-card.galaxy-menu>*{position:relative;z-index:1}
body[data-screen="hangar"] .galaxy-menu .world-atlas{background-image:radial-gradient(circle at 19% 33%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 70% 19%,#d9edff 0 .8px,transparent 1.6px),radial-gradient(circle at 43% 64%,#f3d4a5 0 .8px,transparent 1.7px),radial-gradient(circle at 80% 75%,#b8daff 0 .6px,transparent 1.5px);background-size:61px 83px,113px 91px,79px 121px,143px 101px}
body[data-screen="hangar"] .galaxy-menu .world-atlas::before{content:"";position:absolute;inset:9% 9%;border:1px solid #8cb5d84d;border-radius:50%;box-shadow:0 0 30px #3b8db326;pointer-events:none}
body[data-screen="hangar"] .galaxy-menu .map-node.focused .planet-body{transform:scale(1.12);filter:drop-shadow(0 0 12px #b4dffa8a)}
body[data-screen="hangar"] .galaxy-menu .map-node .planet-body{transition:transform .18s ease,filter .18s ease}
body[data-screen="hangar"] .galaxy-menu .world-dossier{border-color:#698eaa;background:#0a1d31ed}
body[data-screen="hangar"] .galaxy-menu .collection-progress{color:#ffe2a5}
body[data-screen="hangar"] .galaxy-menu .collection-progress .expedition-meter{display:block;width:100%;height:5px;margin:5px 0 2px;overflow:hidden;background:#31516a;border:1px solid #5f8098;border-radius:3px}
.galaxy-menu .expedition-meter i{display:block;height:100%;background:#f4c878;box-shadow:0 0 8px #ffd995}
.galaxy-menu .atlas-route .atlas-route-progress{stroke:#f6cf8d;stroke-width:2.5;stroke-dasharray:0 100;stroke-linecap:round;opacity:1;filter:drop-shadow(0 0 5px #f6c875);transition:stroke-dasharray .45s ease}
body[data-screen="hangar"] .galaxy-menu .map-node.focused{z-index:5}
body[data-screen="hangar"] .galaxy-menu .map-node.focused .planet-body{transform:scale(1.22);filter:drop-shadow(0 0 18px #c5e6ffad)}
.galaxy-menu .map-node.focused .planet-body::before{content:"";position:absolute;inset:-5px;border:2px solid #f7d595a8;border-radius:50%;box-shadow:0 0 16px #e8bc76a0;pointer-events:none}
body[data-departure] .game::after{content:"";position:absolute;inset:0;z-index:100;pointer-events:none;background:#081524 var(--wf-galaxy-art) center/cover no-repeat;animation:world-departure .52s ease-out both}
@keyframes world-departure{0%{opacity:1;transform:scale(1)}55%{opacity:.92}100%{opacity:0;transform:scale(1.42)}}
@media(prefers-reduced-motion:reduce){.galaxy-menu .atlas-route .atlas-route-progress{transition:none}body[data-departure] .game::after{display:none}}
.trail-heading{font:800 20px var(--wf-display);color:#17354c;margin:22px 0 10px}
.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 14px;border:1px solid #799ca8;background:#d3e4e8;border-radius:6px;overflow:hidden}
.shop-tabs button{min-height:45px;background:transparent;color:#31586a;border:0;border-radius:0;box-shadow:none;font:800 15px var(--wf-display)}
.shop-tabs button[aria-selected="true"]{background:#153f58;color:#f7f8ed!important;box-shadow:inset 0 -3px #efc06c}
.shop-catalog[hidden],.trail-shop[hidden],.trail-gallery[hidden]{display:none!important}
.trail-shop{display:grid;grid-template-columns:1fr;gap:9px}
.trail-choice{display:flex;align-items:center;gap:13px;min-height:74px;padding:8px;text-align:left;background:#edf6f8;color:#17354c;border:1px solid #9fbfc9;border-radius:6px}
.trail-choice.selected{border:2px solid #d79f43;background:#fff6dd}
.trail-choice:disabled{opacity:.62;cursor:default}
.trail-choice strong,.trail-choice small{display:block;line-height:1.15}
.trail-choice strong{font:800 13px var(--wf-display)}
.trail-choice small{font:600 11px var(--wf-ui);margin-top:4px}
.trail-swatch{width:90px;min-width:90px;height:48px;border-radius:4px;background:#071b2d;display:block}
.galaxy-menu .collection-progress{display:grid!important;grid-template-columns:minmax(0,1fr) 64px;grid-template-rows:auto auto auto;column-gap:8px;align-items:start}
.galaxy-menu .collection-progress>strong,.galaxy-menu .collection-progress>span:not(.expedition-meter){grid-column:1;min-width:0}
.galaxy-menu .collection-progress .expedition-meter{grid-column:1/-1;grid-row:3;width:100%}
body[data-screen="hangar"] .galaxy-menu #preview-worlds{grid-column:2;grid-row:1/3;width:64px;min-width:64px;height:39px;min-height:39px;margin:0;padding:3px 5px;background:#173e52;color:#ffe6ad;border:1px solid #e2b86e;border-radius:5px;box-shadow:0 2px 0 #071827;font:800 10px var(--wf-display);line-height:1.05;white-space:normal}
body[data-screen="hangar"] .galaxy-menu #preview-worlds[aria-pressed="true"]{background:#16786e;border-color:#a9f1d8;color:#f2fff7}
body :is(.app-page,.galaxy-menu,.app-nav,.home-card) :is(h1,h2,h3,button,strong,small,p,.eyebrow){letter-spacing:0!important}
body:has(.app-page:not([hidden])) .app-page{background:#dbe8e9}
body:has(.app-page:not([hidden])) .app-page h2{color:#123542;text-shadow:none;text-transform:uppercase;font-size:clamp(27px,7vw,34px);margin:5px 0 12px}
body:has(.app-page:not([hidden])) .app-page .eyebrow{color:#0b776f;font-size:11px}
body:has(.app-page:not([hidden])) .app-page .page-intro{color:#385c67;font-size:13px;line-height:1.4}
.app-page[data-page="shop"] .shop-balance{display:block;width:100%;margin:4px 0 12px;padding:0;border:0;background:transparent;box-shadow:none;color:#325869;font:700 13px var(--wf-ui)}
.app-page[data-page="shop"] .shop-catalog .shop-item{position:relative;overflow:hidden;background:#f5f9f7;border:1px solid #9dbac2;border-radius:5px;box-shadow:0 2px 0 #a7c0c3}
.app-page[data-page="shop"] .shop-catalog .shop-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#c29852}
.app-page[data-page="shop"] .shop-catalog .shop-item.mystery{border-style:solid}
.app-page[data-page="shop"] .shop-catalog .shop-copy h3{color:#173d4c;font-size:18px}
.app-page[data-page="shop"] .shop-catalog .shop-copy p{color:#42606a;font-size:12px;line-height:1.3}
.app-page[data-page="shop"] .shop-catalog .shop-copy small{color:#80612b;font-size:11px}
.app-page[data-page="shop"] .shop-art.skin{border-radius:4px}
body:has(.app-page:not([hidden])) .app-nav,body[data-screen="hangar"] .app-nav,body[data-screen="lobby"] .app-nav{background:#091e2c;border-top:1px solid #567f8f;box-shadow:0 -3px 12px #05131a66}
.app-nav button{color:#c0d8df;background:transparent}
.app-nav button.active,.app-nav button[aria-current="page"],body[data-screen="hangar"] .app-nav [data-nav="home"]{background:#173b4d!important;color:#ffe0a1!important;box-shadow:inset 0 3px #e8b960!important}
.app-nav svg{filter:none}
#home-screen .flight-quote{min-height:45px;margin:8px 0;padding:4px 15px;border:0;background:transparent;box-shadow:none;color:#d0e7e8;font:700 13px/1.3 var(--wf-ui);text-shadow:0 2px 8px #020c17}
#home-screen .flight-quote::before{display:none}
#home-screen #play{font-family:var(--wf-display);font-weight:800}

/* The workshop and pilot dossier share one readable in-universe instrument finish. */
body:has(.app-page:not([hidden])) .app-page{--ink:#eef3ed;--muted:#b6c9c5;--line:#55716e;background:#182325!important;color:#eef3ed}
body:has(.app-page:not([hidden])) .app-page>.screen-card{color:#eef3ed;background:transparent!important}
body:has(.app-page:not([hidden])) .app-page h2{color:#fff0cc!important;font-family:var(--wf-display);font-size:clamp(27px,7vw,34px);text-shadow:0 2px #091a1b}
body:has(.app-page:not([hidden])) .app-page h3{color:#f4eee0!important}
body:has(.app-page:not([hidden])) .app-page .eyebrow{color:#60d4bf!important}
body:has(.app-page:not([hidden])) .app-page :is(.page-intro,.profile-status,.fineprint){color:#b9cfca!important;background:transparent}
body:has(.app-page:not([hidden])) .app-page .secondary{color:#e5f1e9;background:#26393b;border-color:#718e87;box-shadow:0 2px 0 #0c181a}
body:has(.app-page:not([hidden])) .app-page .secondary:focus-visible{outline-color:#ffd278}
body:has(.app-page:not([hidden])) .app-page .page-intro{font-size:14px;line-height:1.45}
.app-page[data-page="shop"] .shop-balance{color:#f0cf8b;background:transparent}
.app-page[data-page="shop"] #shop-message:empty{display:none}
.app-page[data-page="shop"] #shop-message:not(:empty){padding:8px 10px;color:#ffdb8e;background:#354039;border-left:3px solid #f4c775}
.app-page[data-page="shop"] .shop-tabs{background:#263b3e;border-color:#668c88;box-shadow:none}
.app-page[data-page="shop"] .shop-tabs button{color:#c0d7d1}
.app-page[data-page="shop"] .shop-tabs button[aria-selected="true"]{color:#162825!important;background:#f0c66d;border-color:#f0c66d;box-shadow:inset 0 -3px #ae7437}
.app-page[data-page="shop"] .shop-catalog .shop-item{background:#273638;border:1px solid #64807a;box-shadow:0 3px 0 #0c181a}
.app-page[data-page="shop"] .shop-catalog .shop-item::before{background:#f3c46f}
.app-page[data-page="shop"] .shop-catalog .shop-copy :is(h3,p,small){background:transparent}
.app-page[data-page="shop"] .shop-catalog .shop-copy h3{color:#f9f4e9;font-size:18px}
.app-page[data-page="shop"] .shop-catalog .shop-copy p{color:#c3d5cf;font-size:12px}
.app-page[data-page="shop"] .shop-catalog .shop-copy small{color:#f2cd85;font-size:11px}
.app-page[data-page="shop"] .shop-actions button{color:#302b20;background:#f4ca73;border-color:#ffe1a2;box-shadow:0 2px 0 #936735}
.app-page[data-page="shop"] .shop-actions button:disabled{color:#bdcec8;background:#405858;border-color:#71918b;box-shadow:none}
.app-page[data-page="shop"] .trail-choice{color:#f1f5ea;background:#273638;border-color:#64807a;box-shadow:0 2px 0 #0c181a}
.app-page[data-page="shop"] .trail-choice.selected{color:#302b20;background:#f4cf80;border-color:#ffe5a9}
.app-page[data-page="shop"] .trail-choice strong{font-size:15px}
.app-page[data-page="shop"] .trail-choice small{font-size:12px}
.app-page[data-page="shop"] .trail-gallery{position:relative;overflow:hidden;margin:4px -12px 14px;min-height:150px;border-top:2px solid #f3cb80;border-bottom:2px solid #65858e;background:#061725 var(--wf-galaxy-art) center/cover no-repeat}
.app-page[data-page="shop"] .trail-gallery::after{content:"";position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(transparent,#07131d);pointer-events:none}
.app-page[data-page="shop"] .trail-gallery-head{position:absolute;z-index:1;top:12px;left:14px;display:grid;gap:2px;text-shadow:0 2px 3px #020b13}
.app-page[data-page="shop"] .trail-gallery-head span{color:#f4ce87;font:800 10px var(--wf-ui)}
.app-page[data-page="shop"] .trail-gallery-head strong{color:#fff9e8;font:800 20px var(--wf-display)}
.app-page[data-page="shop"] .trail-gallery canvas{display:block;width:100%;height:auto;aspect-ratio:12/5}
.app-page[data-page="shop"] .trail-choice{min-height:84px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:7px 10px;position:relative;overflow:hidden}
.app-page[data-page="shop"] .trail-choice .trail-swatch{width:90px;height:48px;background:#091b2b;border:1px solid #496e79;border-radius:3px}
.app-page[data-page="shop"] .trail-choice>span{min-width:0}
.app-page[data-page="shop"] .trail-choice progress{display:block;width:100%;height:5px;margin-top:6px;accent-color:#f2c46d}
.app-page[data-page="shop"] .trail-choice:disabled{opacity:.85}

/* Menu artwork must never swallow a vertical swipe; only the flight surface owns touch input. */
canvas{touch-action:pan-y}
#game{touch-action:none}
.app-page>.screen-card,body[data-screen="hangar"] .hangar-card,body[data-screen="lobby"] .lobby-card{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}

/* One material and value hierarchy across the expedition's utility screens. */
body:has(.app-page:not([hidden])) .app-page{background:#172426!important}
body:has(.app-page:not([hidden])) .app-page>.screen-card>.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:19px;color:#8de5d3!important;font:800 12px var(--wf-ui)}
body:has(.app-page:not([hidden])) .app-page>.screen-card>.eyebrow::before{content:"";width:17px;height:2px;background:#e6bd70;box-shadow:0 0 7px #e6bd7066}
body:has(.app-page:not([hidden])) .app-page>.screen-card>h2{margin:5px 0 15px;color:#fff0cc!important;text-shadow:0 2px #091a1b}
body:has(.app-page:not([hidden])) .app-page>.screen-card>h2::after{content:"";display:block;width:54px;height:3px;margin-top:9px;background:#e3bb70}
body[data-screen="hangar"] .galaxy-menu .panel-heading .eyebrow,body[data-screen="hangar"] .galaxy-menu .world-dossier .eyebrow{color:#9ce7d6!important;text-shadow:0 1px 3px #06111f}

.app-page[data-page="missions"] .daily-clock,.app-page[data-page="missions"] .challenge-footnote{color:#bfd4d0;font-size:12px;line-height:1.5}
.app-page[data-page="missions"] .daily-clock{margin:5px 0 13px;padding:0 0 9px;border-bottom:1px solid #526e69}
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission{position:relative;display:grid;gap:7px;margin:0 0 9px;padding:14px 15px 12px;border:1px solid #647e77;border-left:4px solid #e6bd70;border-radius:5px;background:#263638;color:#edf2e9;box-shadow:0 2px 0 #0c191a}
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission h3{margin:0;color:#fff1cf!important;font:800 18px/1.1 var(--wf-display)}
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission p{margin:0;color:#c6d9d3;background:transparent;font-size:12px;line-height:1.3}
.app-page[data-page="missions"] .mission progress{width:100%;height:7px;margin:2px 0 0;accent-color:#e9c170}
.app-page[data-page="missions"] .mission>div{margin:1px 0 0;color:#e4d6b4;font:700 12px var(--wf-ui)}
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission button{min-width:100px;min-height:39px;padding:5px 10px;border:1px solid #f6d897;border-radius:4px;background:#e9c170;color:#203432;box-shadow:0 2px 0 #77582b;font:800 13px var(--wf-display)}
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission button:disabled{color:#d5e0dc;background:#405655;border-color:#72918a;box-shadow:none}
.app-page[data-page="missions"] .challenge-heading{margin:23px 0 10px;padding-top:13px;border-top:1px solid #526e69;color:#f6e6bd!important;font-size:17px}
.app-page[data-page="missions"] .card-switch{margin-bottom:9px}
.app-page[data-page="missions"] .mastery-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 12px}
.app-page[data-page="missions"] .mastery-tabs button{min-width:0;min-height:40px;padding:4px 2px;border:1px solid #73948b;border-radius:4px;background:#304946;color:#d8e9df;font:700 11px var(--wf-ui)}
.app-page[data-page="missions"] .mastery-tabs button.active{border-color:#ffe5a2;background:#dbc27e;color:#263635}
.app-page[data-page="missions"] .mastery-mission.tier-bronze{border-left-color:#c9986b}
.app-page[data-page="missions"] .mastery-mission.tier-silver{border-left-color:#c8d6dc}
.app-page[data-page="missions"] .mastery-mission.tier-gold{border-left-color:#f5d16b}
.app-page[data-page="missions"] .mastery-mission.tier-bronze progress{accent-color:#c9986b}
.app-page[data-page="missions"] .mastery-mission.tier-silver progress{accent-color:#c8d6dc}
.app-page[data-page="missions"] .mastery-mission.tier-gold progress{accent-color:#f5d16b}

body:has(.app-page:not([hidden])) .app-page[data-page="records"] .rank-hype{background:#263638;color:#d9e9e1;border:1px solid #68837c;border-left:4px solid #60c8b3;padding:16px;box-shadow:0 2px 0 #0b1719}
body:has(.app-page:not([hidden])) .app-page[data-page="records"] .rank-hype :is(h3,strong){background:transparent;color:#fff0cc!important}
body:has(.app-page:not([hidden])) .app-page[data-page="records"] .rank-hype :is(p,small){background:transparent;color:#c5d9d3!important}
body:has(.app-page:not([hidden])) .app-page[data-page="records"] .rank-empty{background:#1b3033;color:#dbece7;border:1px dashed #71968d}
body[data-screen="hangar"] .galaxy-menu .world-dossier .eyebrow{display:block;margin-bottom:5px;font-size:11px}
body[data-screen="hangar"] .galaxy-menu .world-dossier h3{display:block;margin:0 0 8px}
.app-page[data-page="missions"] .card-switch{height:46px;border:1px solid #607e77;border-radius:4px;background:#243638;box-shadow:none;color:#f3d38f;font:800 12px var(--wf-ui)}
.app-page[data-page="missions"] .card-switch button{width:43px;height:43px;border:0;border-radius:3px;background:#354f4c;color:#f5e4b5;box-shadow:none}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .audio-mixer{padding:13px 15px;border:1px solid #68837c;border-left:4px solid #60c8b3;border-radius:5px;background:#263638;color:#eaf2e9;box-shadow:0 2px 0 #0b1719}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .audio-mixer label{color:#f8ecd2;font-size:13px;font-weight:700}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .audio-mixer label span{color:#c5d9d3;background:transparent;font-size:11px}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .audio-mixer .text-button{color:#91e4d2;font-size:12px;font-weight:800}
body:has(.app-page:not([hidden])) .app-page[data-page="settings"] .audio-mixer input[type="range"]{touch-action:auto}
body[data-screen="hangar"] .galaxy-menu .collection-progress .preview-note{grid-column:1/-1;grid-row:4;margin-top:6px;color:#f4d593;font:800 11px var(--wf-ui)}
.app-page[data-page="shop"] .shop-preview-note{margin:0 0 12px;padding:9px 11px;border-left:3px solid #f4ca73;background:#36443e;color:#ffe8af;font:800 12px/1.3 var(--wf-ui)}
.app-page[data-page="shop"] .shop-item.preview-only::before{background:#60d4bf}
.app-page[data-page="profile"] .player-card,.app-page[data-page="records"] .record-barracks{min-height:246px;padding:88px 16px 16px}
.app-page[data-page="profile"] .player-card::after,.app-page[data-page="records"] .record-barracks::after{background:linear-gradient(transparent 8%,#04192588 34%,#041925f2 72%,#041925 100%)}
.app-page[data-page="profile"] .pinned-slot:not([data-card-badge])::before{content:"+";display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border:1px solid #92bbb6;border-radius:50%;color:#e5d29e;font:700 23px var(--wf-display);background:#102e38b8}
.app-page[data-page="shop"] .shop-item.mystery{--seal:#9ec3ca}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(1){--seal:#e59967}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(2){--seal:#bccbdf}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(3){--seal:#83c5a2}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(4){--seal:#cba778}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(5){--seal:#e9c975}
.app-page[data-page="shop"] .shop-item.mystery:nth-child(6){--seal:#bca6e5}
.app-page[data-page="shop"] .shop-item.mystery::before{background:var(--seal)}
.app-page[data-page="shop"] .shop-item.mystery .shop-art.sealed{border-color:var(--seal);box-shadow:inset 0 0 22px #061d25,0 0 0 1px #091d21}
@media(max-width:350px){.app-page[data-page="profile"] .player-card,.app-page[data-page="records"] .record-barracks{padding-top:72px;min-height:230px}}
.app-page[data-page="shop"] .shop-item[data-rarity="signature"],.launch-pick[data-rarity="signature"]{--skin-rarity:#66ddc2}
.app-page[data-page="shop"] .shop-item[data-rarity="elite"],.launch-pick[data-rarity="elite"]{--skin-rarity:#89bcff}
.app-page[data-page="shop"] .shop-item[data-rarity="prestige"],.launch-pick[data-rarity="prestige"]{--skin-rarity:#f5ca73}
.app-page[data-page="shop"] .shop-item[data-rarity="legendary"],.launch-pick[data-rarity="legendary"]{--skin-rarity:#e6a6ef}
.app-page[data-page="shop"] .shop-catalog .shop-item[data-rarity]::before{background:var(--skin-rarity)}
.app-page[data-page="shop"] .shop-catalog .shop-item[data-rarity] .shop-art.sealed{border-color:var(--skin-rarity)}
.app-page[data-page="shop"] .shop-catalog .shop-item[data-rarity] progress{accent-color:var(--skin-rarity)}
.app-page[data-page="shop"] .shop-catalog .shop-copy small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:transparent}
.app-page[data-page="shop"] .shop-catalog .rarity-badge{display:inline-block;padding:3px 6px;border-radius:3px;background:var(--skin-rarity);color:#102c31;font:800 10px/1.2 var(--wf-ui)}
.app-page[data-page="shop"] .shop-catalog .skin-state{color:#d4e2dd;font:700 10px/1.2 var(--wf-ui)}
.launch-pick[data-rarity]:not([data-rarity="starter"]){border-color:var(--skin-rarity)}
.launch-pick[data-rarity]:not([data-rarity="starter"]) small{color:var(--skin-rarity)}
.app-page[data-page="shop"] .trail-shop{gap:11px}
.app-page[data-page="shop"] .trail-choice{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:7px 12px;min-height:0;padding:9px;border-left:3px solid var(--trail-accent);background:#223437;box-shadow:0 2px 0 #0b1719}
.app-page[data-page="shop"] .trail-choice.focused{border-color:var(--trail-accent);background:#2a4040}
.app-page[data-page="shop"] .trail-choice.selected{color:#f4f4e7;background:#294743;border-color:#f5d485}
.app-page[data-page="shop"] .trail-preview-button{display:block;width:140px;height:68px;padding:0;border:1px solid #68858a;border-radius:3px;background:#091c2a;overflow:hidden;cursor:pointer}
.app-page[data-page="shop"] .trail-preview-button:focus-visible{outline:2px solid #ffe0a2;outline-offset:2px}
.app-page[data-page="shop"] .trail-choice .trail-swatch{width:100%;height:100%;border:0;border-radius:0}
.app-page[data-page="shop"] .trail-copy{min-width:0;align-self:start;padding-top:3px}
.app-page[data-page="shop"] .trail-copy strong{display:block;color:#f5f7ea;font:800 17px/1.1 var(--wf-display)}
.app-page[data-page="shop"] .trail-copy small{display:block;color:#c4d9d4;font:700 11px/1.25 var(--wf-ui);margin-top:6px}
.app-page[data-page="shop"] .trail-copy progress{display:block;width:100%;height:5px;margin-top:7px;accent-color:var(--trail-accent)}
.app-page[data-page="shop"] .trail-actions{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid #6b8a844f;padding-top:7px}
.app-page[data-page="shop"] .trail-actions button{min-width:132px;min-height:34px;padding:4px 12px;border:1px solid #ffdf9e;border-radius:3px;background:#f2c977;color:#2c2b23;font:800 12px var(--wf-ui);cursor:pointer}
.app-page[data-page="shop"] .trail-actions button:disabled{background:#365652;border-color:#6b9a91;color:#e2efe8;cursor:default}
@media(max-width:350px){.app-page[data-page="shop"] .trail-choice{grid-template-columns:112px minmax(0,1fr);gap:7px 9px}.app-page[data-page="shop"] .trail-preview-button{width:112px}.app-page[data-page="shop"] .trail-copy strong{font-size:15px}}
.app-page[data-page="profile"] .profile-tabs{border-color:#607e78}
.app-page[data-page="profile"] .profile-tabs button{color:#c2d5cc;background:transparent}
.app-page[data-page="profile"] .profile-tabs button[aria-selected="true"]{color:#24302b;background:#edc473;border-color:#edc473}
.app-page[data-page="profile"] .profile-page :is(#profile-panel-avatar,#profile-panel-theme,#profile-panel-badge)>p{color:#b9cfca}
.app-page[data-page="profile"] .profile-page h3 small{color:#b9cfca}
body:has(.app-page:not([hidden])) .app-nav [data-nav="home"]:not(.active):not([aria-current="page"]){color:#c0d8df!important;background:transparent!important;box-shadow:none!important;border:0!important}
@media(hover:none){.app-nav button:hover:not(.active):not([aria-current="page"]){background:transparent;color:#c0d8df}}
.world-records{width:100%;border-collapse:collapse;margin:16px 0;color:#f2f5fa;font-size:14px}
.world-records caption{text-align:left;padding:8px 0;color:#c4e6ee;font-weight:700}
.world-records th,.world-records td{padding:9px 4px;border-bottom:1px solid #ffffff24;text-align:left}
.world-records td{text-align:right;font-variant-numeric:tabular-nums;color:#ffe394}
#result-next-goal{color:#244b56;line-height:1.5;overflow-wrap:anywhere}
#reward-reveal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;z-index:90;display:grid;place-items:center;background:#06131bf5;--reward-color:#77e2dd;overflow:hidden}
#reward-reveal::backdrop{background:transparent}
body[data-training="true"][data-screen="game"] .status-wrap{display:block}
body[data-training="true"] .status-wrap p{border-radius:0;border-color:#84d9d4;color:#e9fff8;background:#0a2639ed;max-width:90%;box-sizing:border-box}
#reward-reveal[hidden]{display:none}
#reward-reveal[data-rarity="legendary"]{--reward-color:#ffcd70}
#reward-reveal[data-rarity="epic"]{--reward-color:#df9df7}
#reward-reveal[data-rarity="elite"]{--reward-color:#89cfff}
#reward-reveal[data-rarity="prestige"]{--reward-color:#df9df7}
.reward-stage{position:relative;width:min(320px,88%);text-align:center;padding:24px 12px;color:#f8f0db;box-sizing:border-box}
.reward-stage p{color:var(--reward-color);font-size:14px;line-height:1.4;margin:18px 0 6px}
.reward-stage h2{font-size:25px;line-height:1.2;margin:0 0 24px;overflow-wrap:anywhere;letter-spacing:0}
.reward-stage button{pointer-events:auto;border:2px solid var(--reward-color);background:#10323c;color:#fff5da;min-height:44px;padding:9px 24px;font:inherit;border-radius:0}
.reward-art{height:180px;display:grid;place-items:center;position:relative;z-index:2}
.reward-art img{max-width:180px;max-height:160px;object-fit:contain;image-rendering:pixelated}
.reward-art canvas{width:180px;height:160px;image-rendering:pixelated}
.reward-art [hidden]{display:none}
.reward-capsule{position:absolute;top:50px;left:calc(50% - 57px);width:114px;height:128px;z-index:3}
.reward-capsule i,.reward-capsule b{position:absolute;left:0;right:0;height:62px;background:#153c4c;border:4px solid var(--reward-color);box-shadow:inset 0 0 0 5px #071b29;clip-path:polygon(12% 0,88% 0,100% 20%,100% 100%,0 100%,0 20%)}
.reward-capsule i{top:0}.reward-capsule b{bottom:0;transform:rotate(180deg)}
.reward-capsule i:after{content:'';position:absolute;inset:18px 30px;background:var(--reward-color);box-shadow:0 8px #fff3ce}
.reward-sparks{position:absolute;top:116px;left:50%;width:1px;height:1px}
.reward-sparks i{position:absolute;width:5px;height:5px;background:var(--reward-color);transform:rotate(calc(var(--spark)*30deg)) translateX(105px);opacity:0}
.reveal .reward-capsule i{animation:reward-lid .85s ease-out both}
.reveal .reward-capsule b{animation:reward-base .85s ease-out both}
.reveal .reward-art{animation:reward-item 1s cubic-bezier(.2,.8,.2,1) both}
.reveal .reward-stage p,.reveal .reward-stage h2{animation:reward-copy 1.1s ease-out both}
.reveal .reward-sparks i{animation:reward-spark 1.4s ease-out both}
@keyframes reward-lid{0%,25%{transform:translateY(0);opacity:1}100%{transform:translateY(-72px);opacity:0}}
@keyframes reward-base{0%,25%{transform:rotate(180deg);opacity:1}100%{transform:translateY(68px) rotate(180deg);opacity:0}}
@keyframes reward-item{0%,30%{transform:scale(.45);opacity:0}75%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes reward-copy{0%,45%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes reward-spark{0%,30%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateX(30px)}55%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateX(140px)}}
@media(prefers-reduced-motion:reduce){#reward-reveal *{animation:none!important}.reward-capsule,.reward-sparks{display:none}}
@media(max-height:600px){.reward-stage{padding:8px}.reward-art{height:140px}.reward-art img{max-height:130px}.reward-stage h2{font-size:21px;margin-bottom:12px}}

/* Pixel presentation. Gameplay geometry and saved progression are independent. */
body {
  --wf-galaxy-art: url("assets/pixel-v7-sky-menu.png");
  --lobby-space: url("assets/pixel-v7-sky-menu.png");
  --pixel-ink: #07131e;
  --pixel-panel: #182b35;
  --pixel-line: #6d8e92;
  --pixel-cream: #fff1d1;
  --pixel-gold: #f4c56f;
  --pixel-cyan: #87d8d2;
  --pixel-muted: #c3d4cf;
  background: #07131e;
  color: var(--pixel-cream);
}
body, button, input { font-family: var(--wf-ui); }
body :is(h1,h2,h3,.shop-copy h3,.trail-copy strong) { font-family: var(--wf-display); }
body button:focus-visible { outline: 3px solid var(--pixel-gold); outline-offset: 3px; }
body :is(.splash-space,.splash-pico,.earth-logo-o img,.map-node .planet-body,.launch-pick-art,.shop-art canvas,.trail-swatch,.trail-gallery canvas,.hero-bird,.player-avatar,.profile-options img,.badge-medal img,.collection-badge img,.player-card) { image-rendering: pixelated; }
body .splash-vignette { background: linear-gradient(#02091733, transparent 34%, #02091730 69%, #020917c9); }
body .splash-logo { transform: none; filter: none; top: clamp(22px,5dvh,54px); line-height: .84; }
body .splash-world { letter-spacing: 0; -webkit-text-stroke: 1px #24425b; text-shadow: 0 4px #367b8a, 0 8px #102e4b; }
body .splash-logo em { margin-left: .92em; letter-spacing: 0; -webkit-text-stroke: 1px #81452d; text-shadow: 0 4px #a55c36, 0 8px #132c42; }
body .earth-logo-o { filter: none; }
body .splash-pico { filter: drop-shadow(0 10px 0 #0209148c); }
body .splash-sound { border-radius: 3px; border: 2px solid var(--pixel-cyan); background: #0c2638; box-shadow: 3px 3px 0 #020d18; }
body .splash-footer #play { border: 2px solid #fff1bb; border-radius: 4px; background: #f7ca70; color: #132e3b; box-shadow: 0 5px 0 #9c5831, 0 8px 0 #081722; }
body .flight-quote { text-shadow: 1px 2px #061724; }
body[data-screen="lobby"] #lobby-screen { background: #07131e var(--lobby-space) center/cover no-repeat; }
body[data-screen="lobby"] .deck-loadout { background: #182b35; border-top: 3px solid #70949a; box-shadow: 0 -5px 0 #07131e; }
body[data-screen="lobby"] .deck-header h2 { text-shadow: 2px 3px #07131e; }
body[data-screen="lobby"] .launch-pick { border-radius: 3px; border: 2px solid #6f9090; background: #233b44; color: var(--pixel-cream); box-shadow: 0 3px 0 #091b24; }
body[data-screen="lobby"] .launch-pick.selected { border-color: var(--pixel-gold); background: #294d55; }
body[data-screen="lobby"] .launch-pick strong { color: var(--pixel-cream); }
body[data-screen="lobby"] .launch-pick small, body[data-screen="lobby"] .launch-picks h3 { color: var(--pixel-muted); }
body[data-screen="lobby"] .launch-pick-art { border-radius: 0; image-rendering: pixelated; }
body[data-screen="lobby"] .lobby-actions #lobby-missions { border-radius: 3px; background: #263b42; border-color: #82978a; border-left-color: var(--pixel-gold); box-shadow: 0 3px 0 #081821; }
body[data-screen="lobby"] #lobby-missions :is(strong,span,small,em) { color: var(--pixel-cream); }
body[data-screen="lobby"] .lobby-actions .secondary, body[data-screen="lobby"] #lobby-flight { border-radius: 3px; }
body[data-screen="hangar"] .hangar-card.galaxy-menu { background: #07131e var(--wf-galaxy-art) center top/cover no-repeat !important; }
body[data-screen="hangar"] .galaxy-menu .world-atlas { background-image: none; }
body[data-screen="hangar"] .galaxy-menu .world-atlas::before { border: 2px dashed #81aabd6b; border-radius: 50%; box-shadow: none; }
body[data-screen="hangar"] .galaxy-menu .map-node .planet-body { filter: none; }
body[data-screen="hangar"] .galaxy-menu .world-dossier, body[data-screen="hangar"] .galaxy-menu .collection-progress { border-radius: 3px; border: 2px solid #719198; background: #0c2534ef; box-shadow: 3px 3px 0 #030d17; }
body[data-screen="hangar"] .galaxy-menu #preview-worlds { border-radius: 2px; box-shadow: 2px 2px 0 #06131e; }
body:has(.app-page:not([hidden])) .app-page { background: #0b1e2b !important; color: var(--pixel-cream); }
body:has(.app-page:not([hidden])) .app-page>.screen-card { background: linear-gradient(#0d2230, #0b1c29) !important; }
body:has(.app-page:not([hidden])) .app-page>.screen-card>.eyebrow { color: var(--pixel-cyan) !important; }
body:has(.app-page:not([hidden])) .app-page>.screen-card>h2 { color: var(--pixel-cream) !important; text-shadow: 2px 3px #07131e; }
body:has(.app-page:not([hidden])) .app-page .page-intro, body:has(.app-page:not([hidden])) .app-page .profile-status { color: var(--pixel-muted) !important; }
body:has(.app-page:not([hidden])) .app-page :is(.secondary,.shop-tabs button,.profile-tabs button) { border-radius: 3px; }
body:has(.app-page:not([hidden])) .app-page .primary { border-radius: 3px; }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .shop-catalog .shop-item,
body:has(.app-page:not([hidden])) .app-page[data-page="missions"] .mission,
body:has(.app-page:not([hidden])) .app-page[data-page="records"] .rank-hype,
body:has(.app-page:not([hidden])) .app-page[data-page="profile"] .profile-options button,
body:has(.app-page:not([hidden])) .app-page[data-page="profile"] .collection-badge { border-radius: 3px; background-color: var(--pixel-panel); border-color: var(--pixel-line); box-shadow: 3px 3px 0 #06131d; }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .shop-art.sealed { border-radius: 2px; background: #0b1b25; }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .shop-copy p { color: var(--pixel-muted); }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .trail-gallery { border-top: 3px solid var(--pixel-gold); border-bottom: 3px solid var(--pixel-line); }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .trail-choice { border-radius: 3px; background: #182d39; box-shadow: 3px 3px 0 #06131d; }
body:has(.app-page:not([hidden])) .app-page[data-page="shop"] .trail-preview-button { border-radius: 2px; border-width: 2px; }
body:has(.app-page:not([hidden])) .app-page[data-page="profile"] .player-card,
body:has(.app-page:not([hidden])) .app-page[data-page="records"] .record-barracks { border-radius: 3px; border: 2px solid #7d9ca0; box-shadow: 4px 4px 0 #06131d; }
body:has(.app-page:not([hidden])) .app-page[data-page="profile"] .player-avatar { border-radius: 3px; border: 3px solid var(--pixel-gold); box-shadow: 3px 3px 0 #081924; }
body :is(.app-nav,.app-nav button,.app-nav b) { border-radius: 0; }
body:has(.app-page:not([hidden])) .app-nav, body[data-screen="hangar"] .app-nav, body[data-screen="lobby"] .app-nav { border-top: 3px solid #5a8288; background: #081b27; box-shadow: none; }
body .app-nav button.active, body .app-nav button[aria-current="page"] { background: #1c3d4c !important; box-shadow: inset 0 4px var(--pixel-gold) !important; }
body:is([data-screen="shop"],[data-screen="records"],[data-screen="settings"],[data-screen="profile"]) .app-nav button[data-nav]:is(.active,[aria-current="page"]),
body[data-screen="shop"] .app-nav [data-nav="shop"],
body[data-screen="records"] .app-nav [data-nav="records"],
body[data-screen="profile"] .app-nav [data-nav="profile"] { background: #1c3d4c !important; color: var(--pixel-gold) !important; border: 0 !important; box-shadow: inset 0 4px var(--pixel-gold) !important; }
body #game { image-rendering: pixelated; }
body[data-pixel-review="true"] :is(.splash-space,.galaxy-menu,.shell) { image-rendering: pixelated; }
@media (max-width: 350px) { body .splash-world { font-size: 46px; } body .splash-logo em { font-size: 76px; } }

/* One pixel-aware UI language across the title, hangar, shop and profile. */
body[data-pixel-review="true"] {
  --wf-display: "Consolas", "Lucida Console", monospace;
  --wf-ui: "WF Rajdhani", "Trebuchet MS", sans-serif;
  --pixel-paper: #fff0cf;
  --pixel-teal: #81d6c1;
  --pixel-coral: #ec9277;
  --pixel-gold: #f2c66d;
  --pixel-outline: #071421;
}
body[data-pixel-review="true"] :is(h1,h2,h3,.shop-copy h3,.trail-copy strong) {
  font-family: var(--wf-display);
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 3px 3px 0 var(--pixel-outline);
}
body[data-pixel-review="true"] :is(.eyebrow,.shop-copy small,.shop-balance,.profile-status,.page-intro,.launch-picks h3) { letter-spacing: 0; }
body[data-pixel-review="true"] .splash-space { image-rendering: pixelated; }
body[data-pixel-review="true"] .splash-logo { top: max(28px,env(safe-area-inset-top)); display: flex; justify-content: center; line-height: 1; filter: none; }
body[data-pixel-review="true"] .pixel-wordmark { display: block; width: min(90vw, 365px); height: auto; image-rendering: pixelated; }
body[data-pixel-review="true"] .splash-world {
  font-size: clamp(48px,14vw,64px);
  color: var(--pixel-paper);
  -webkit-text-stroke: 0;
  text-shadow: 4px 4px 0 #276782,8px 8px 0 #071421;
}
body[data-pixel-review="true"] .splash-logo em {
  font-style: normal;
  margin-left: 0;
  font-size: clamp(72px,22vw,104px);
  color: var(--pixel-gold);
  -webkit-text-stroke: 0;
  text-shadow: 5px 5px 0 #a45c4c,10px 10px 0 #071421;
}
body[data-pixel-review="true"] .earth-logo-o { width: .94em; height: .94em; margin: 0 -.03em; }
body[data-pixel-review="true"] .earth-logo-o img { left: 0; top: 0; width: 100%; height: 100%; }
body[data-pixel-review="true"] .splash-pico {
  top: calc(51% + 22px); left: 50%; width: min(78vw,310px);
  filter: drop-shadow(8px 10px 0 #05142799);
}
@media (max-height: 700px) and (min-width: 500px) {
  body[data-pixel-review="true"] .splash-pico {
    top: calc(51% + 34px);
    width: min(41vw,295px);
  }
}
body[data-pixel-review="true"] .splash-footer #play,
body[data-pixel-review="true"] :is(.app-page,.hangar-card) .primary,
body[data-pixel-review="true"][data-screen="lobby"] #lobby-flight {
  border: 3px solid #fff0bb;
  border-radius: 2px;
  background: var(--pixel-gold);
  color: #172d39;
  box-shadow: 0 5px 0 #9d6046,0 8px 0 #071421;
  text-shadow: none;
  font-family: var(--wf-display);
  font-weight: 900;
}
body[data-pixel-review="true"] .splash-footer #play { min-height: 57px; font-size: 22px; }
body[data-pixel-review="true"] #home-tagline {
  min-height: 72px;
  margin: 0;
  padding: 17px 23px 14px;
  border: 5px solid #789da8;
  border-radius: 2px;
  outline: 2px solid #061722;
  background: repeating-linear-gradient(0deg,#03141e 0 3px,#082330 3px 4px);
  box-shadow: inset 0 0 0 3px #1d414d,inset 0 0 0 7px #03131e,inset 0 0 18px 10px #010b14,0 5px 0 #071b27,0 8px 0 #324f59;
  color: #b5fbe1;
  font: 700 12px/1.35 Consolas,'Lucida Console',ui-monospace,monospace;
  text-shadow: 0 0 5px #61e2b37a;
}
body[data-pixel-review="true"] #home-tagline::before {
  display: block;
  content: "";
  position: absolute;
  top: 9px;
  left: 12px;
  right: auto;
  width: 6px;
  height: 6px;
  border-radius: 0;
  background: #83f0bf;
  box-shadow: 11px 0 0 #375d60,22px 0 0 #375d60,0 0 5px #83f0bf;
}
body[data-pixel-review="true"] #home-tagline::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid #43877955;
  background: repeating-linear-gradient(0deg,transparent 0 4px,#8bf9d40a 4px 5px),linear-gradient(90deg,#bafde20b,transparent 37%);
  box-shadow: inset 0 0 12px #000d;
  opacity: .9;
  pointer-events: none;
}
body[data-pixel-review="true"] .splash-sound {
  top: max(10px,env(safe-area-inset-top));
  right: auto;
  left: max(8px,env(safe-area-inset-left));
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background: #122b3b;
  font-size: 22px;
  box-shadow: 3px 3px 0 #071421;
}
body[data-pixel-review="true"] .splash-vignette { background: linear-gradient(#06142a55,transparent 27%,transparent 67%,#061426a8); }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page,
body[data-pixel-review="true"][data-screen="hangar"] .screen { background: #0d202c !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page>.screen-card,
body[data-pixel-review="true"][data-screen="hangar"] .hangar-card { color: var(--pixel-paper); }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page h2,
body[data-pixel-review="true"][data-screen="hangar"] .hangar-card h2 { color: var(--pixel-paper) !important; font-size: clamp(25px,7vw,33px); }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page .eyebrow { color: var(--pixel-teal) !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page :is(.page-intro,.profile-status,.fineprint) { color: #c9ddd7 !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page :is(.shop-copy h3,.shop-copy p,.shop-copy small) {
  background: transparent !important;
}
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page .shop-copy h3 { color: var(--pixel-paper) !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page .shop-copy p { color: #c9ddd7 !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .app-page .shop-copy small { color: var(--pixel-teal) !important; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .shop-catalog .shop-item,
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .profile-options button,
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .collection-badge {
  border: 2px solid #799c9b;
  border-radius: 2px;
  background: #1b3843;
  box-shadow: 4px 4px 0 #071421;
}
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .shop-catalog .shop-item.mystery { background: #192b38; }
body[data-pixel-review="true"]:has(.app-page:not([hidden])) :is(.shop-tabs button,.profile-tabs button) {
  border-radius: 2px;
  background: #1e3a43;
  color: #c9ddd7;
}
body[data-pixel-review="true"]:has(.app-page:not([hidden])) :is(.shop-tabs button,.profile-tabs button)[aria-selected="true"] {
  border-color: #f7d58b;
  background: var(--pixel-gold);
  color: #112a36;
  box-shadow: 0 3px 0 #925b46;
}
body[data-pixel-review="true"]:has(.app-page:not([hidden])) .shop-balance { background: #1b3843; color: var(--pixel-gold); }
body[data-pixel-review="true"][data-screen="hangar"] .hangar-card.galaxy-menu {
  background: linear-gradient(#06162691,#06162691),var(--wf-galaxy-art) center top/cover no-repeat !important;
}
body[data-pixel-review="true"] .map-node .planet-body,
body[data-pixel-review="true"] .earth-logo-o img { image-rendering: pixelated; }
body[data-pixel-review="true"] .galaxy-menu .map-node.locked .planet-body img {
  filter: brightness(.36) saturate(.62);
}
body[data-pixel-review="true"] .galaxy-menu .node-earth-pvp .planet-body img {
  width: 89%;
  height: 89%;
  filter: drop-shadow(0 0 7px #6aafea);
}
body[data-pixel-review="true"] .galaxy-menu .node-unknown-one .planet-body img {
  width: 88%;
  height: 88%;
  image-rendering: pixelated;
  filter: drop-shadow(0 0 5px #424a83);
}
body[data-pixel-review="true"] .galaxy-menu .planet-padlock {
  position: absolute;
  z-index: 2;
  right: 9px;
  bottom: 5px;
  width: 15px;
  height: 13px;
  background: #e8d49f;
  border: 2px solid #122438;
  box-shadow: 2px 2px 0 #091523;
}
body[data-pixel-review="true"] .galaxy-menu .planet-padlock::before {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 9px;
  width: 7px;
  height: 8px;
  border: 2px solid #e8d49f;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 -2px 0 #122438;
}
body[data-pixel-review="true"] .galaxy-menu .planet-padlock i {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 2px;
  height: 4px;
  background: #182a3b;
}
body[data-pixel-review="true"] .shop-catalog .shop-item.mystery .shop-art.sealed {
  position: relative;
  overflow: visible;
  border: 2px solid var(--skin-rarity);
  background: #071521;
  box-shadow: inset 0 0 0 4px #132431,0 0 0 1px #06131e,0 0 12px var(--skin-rarity),0 0 23px var(--skin-rarity);
}
body[data-pixel-review="true"] .shop-catalog .shop-item.mystery .shop-art.sealed::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 14px;
  width: 3px;
  height: 3px;
  background: var(--skin-rarity);
  box-shadow: 56px 7px 0 var(--skin-rarity),40px 66px 0 var(--skin-rarity),5px 59px 0 var(--skin-rarity);
}
body[data-pixel-review="true"] .rarity-lock {
  position: relative;
  display: block;
  width: 54px;
  height: 42px;
  margin: 21px auto 0;
  border: 3px solid #071724;
  border-radius: 2px;
  background: var(--skin-rarity,#86cdda);
  box-shadow: inset 5px 5px 0 #ffffff66,inset -5px -5px 0 #07172455,4px 4px 0 #071724;
}
body[data-pixel-review="true"] .shop-catalog .shop-art.sealed > .rarity-lock {
  width: 54px;
  height: 42px;
  border: 3px solid #071724;
  border-radius: 2px;
  background: var(--skin-rarity);
  box-shadow: inset 5px 5px 0 #ffffff66,inset -5px -5px 0 #07172455,4px 4px 0 #071724;
  text-shadow: none;
}
body[data-pixel-review="true"] .rarity-lock::before {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 37px;
  width: 24px;
  height: 22px;
  border: 7px solid var(--skin-rarity,#86cdda);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 3px 0 0 #ffffff66;
}
body[data-pixel-review="true"] .rarity-lock i {
  position: absolute;
  left: 21px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0b1e2d;
}
body[data-pixel-review="true"] .rarity-lock i::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  width: 4px;
  height: 12px;
  background: #0b1e2d;
}
body[data-pixel-review="true"] .lobby-skin-list button[data-rarity="signature"] { --skin-rarity: #66ddc2; }
body[data-pixel-review="true"] .lobby-skin-list button[data-rarity="elite"] { --skin-rarity: #89bcff; }
body[data-pixel-review="true"] .lobby-skin-list button[data-rarity="prestige"] { --skin-rarity: #f5ca73; }
body[data-pixel-review="true"] .lobby-skin-list button[data-rarity="legendary"] { --skin-rarity: #e6a6ef; }
body[data-pixel-review="true"] .lobby-skin-list button.locked .rarity-lock {
  width: 35px;
  height: 28px;
  margin: 11px 0 0 7px;
  border-width: 2px;
  box-shadow: inset 3px 3px 0 #ffffff66,inset -3px -3px 0 #07172455;
}
body[data-pixel-review="true"] .lobby-skin-list button.locked .rarity-lock::before {
  left: 7px;
  bottom: 25px;
  width: 14px;
  height: 14px;
  border-width: 5px;
  border-bottom: 0;
}
body[data-pixel-review="true"] .lobby-skin-list button.locked .rarity-lock i {
  left: 13px;
  top: 7px;
  width: 6px;
  height: 6px;
}
body[data-pixel-review="true"] .lobby-skin-list button.locked .rarity-lock i::after {
  left: 2px;
  top: 4px;
  width: 3px;
  height: 8px;
}
body[data-pixel-review="true"] .launch-pick.locked[data-rarity] .launch-pick-art.skin-art {
  display: grid;
  place-items: center;
  background: #081725;
  box-shadow: inset 0 0 0 2px var(--skin-rarity),inset 0 0 12px var(--skin-rarity);
}
body[data-pixel-review="true"] .launch-pick.locked[data-rarity] .launch-pick-art.skin-art::after {
  content: none;
  display: none;
}
body[data-pixel-review="true"] .launch-pick.locked .rarity-lock {
  width: 22px;
  height: 17px;
  margin: 12px auto 0;
  border-width: 2px;
  box-shadow: inset 2px 2px 0 #ffffff66;
}
body[data-pixel-review="true"] .launch-pick.locked .rarity-lock::before {
  left: 4px;
  bottom: 14px;
  width: 8px;
  height: 9px;
  border-width: 3px;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
body[data-pixel-review="true"] .launch-pick.locked .rarity-lock i {
  left: 8px;
  top: 5px;
  width: 4px;
  height: 4px;
}
body[data-pixel-review="true"] .launch-pick.locked .rarity-lock i::after {
  left: 1px;
  top: 3px;
  width: 2px;
  height: 5px;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button {
  min-height: 138px;
  aspect-ratio: auto;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button.locked {
  align-content: center;
  background: #172b39 !important;
  border-color: #78979a;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button.locked::before {
  content: none;
  display: none;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button.locked .profile-mystery {
  display: grid;
  place-items: center;
  width: 58px;
  height: 55px;
  padding: 0;
  border: 2px solid #88a7a9;
  border-radius: 2px;
  background: #0a1d2a;
  box-shadow: inset 0 0 0 3px #173746,0 0 10px #70acc455;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button.locked .profile-mystery svg {
  width: 52px;
  height: 52px;
  filter: none;
}
body[data-pixel-review="true"] .app-page[data-page="profile"] .profile-options.themes button.locked > span:not(.profile-mystery) {
  padding: 2px;
  background: transparent;
}
body[data-pixel-review="true"] .app-nav button.active,
body[data-pixel-review="true"] .app-nav button[aria-current="page"] {
  color: var(--pixel-gold) !important;
  background: #244b55 !important;
  box-shadow: inset 0 4px var(--pixel-gold) !important;
}
body[data-pixel-review="true"][data-world="aether"] { --pixel-flight-bg: url("assets/pixel-v7-sky-nexus.png"); }
body[data-pixel-review="true"][data-world="rift"] { --pixel-flight-bg: url("assets/pixel-v7-sky-altitude.png"); }
body[data-pixel-review="true"][data-world="verdant"] { --pixel-flight-bg: url("assets/pixel-v7-sky-canopy.png"); }
body[data-pixel-review="true"][data-world="forge"] { --pixel-flight-bg: url("assets/pixel-v7-sky-foundry.png"); }
body[data-pixel-review="true"]:is([data-screen="game"],[data-screen="pause"],[data-screen="result"]) .shell {
  background: linear-gradient(#061421c7,#061421c7),var(--pixel-flight-bg) center/cover no-repeat;
}
body[data-pixel-review="true"] :is(.hud,.run-wallet,.status-wrap) { font-family: var(--wf-display); }
@media(max-width:350px){
  body[data-pixel-review="true"] .splash-world{font-size:44px}
  body[data-pixel-review="true"] .splash-logo em{font-size:68px}
  body[data-pixel-review="true"] .splash-pico{width:min(78vw,270px)}
}
/* The language list sits above every menu screen without affecting gameplay layout. */
.splash-language{position:absolute;z-index:8;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px;border:2px solid #80cbd4;border-radius:3px;background:#0c2638;color:#fff4d0;box-shadow:3px 3px 0 #020d18;font-size:22px;line-height:1;touch-action:manipulation}
.settings-language{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;margin:0 0 12px;text-align:left}
.settings-language span:first-child{font-size:23px;line-height:1}
.language-menu{position:absolute;z-index:40;top:max(62px,calc(env(safe-area-inset-top) + 56px));right:max(10px,env(safe-area-inset-right));width:min(250px,calc(100% - 20px));max-height:min(450px,calc(100% - 76px));overflow-y:auto;padding:6px;border:2px solid #86dae0;border-radius:3px;background:#091c2b;box-shadow:5px 5px 0 #020d18,0 12px 32px #000b;overscroll-behavior:contain}
.language-menu[hidden]{display:none}
.language-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:45px;padding:6px 9px;border:0;border-bottom:1px solid #355868;border-radius:0;background:transparent;color:#fff2d3;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;text-align:left;touch-action:manipulation}
.language-menu button:last-child{border-bottom:0}
.language-menu button[aria-checked="true"]{background:#1d4753;color:#ffe090}
.language-menu button:focus-visible,.splash-language:focus-visible,#language:focus-visible,.settings-language:focus-visible{outline:3px solid #ffe090;outline-offset:2px}
.language-flag{display:block;flex:none;width:30px;height:21px;border:1px solid #fff9;image-rendering:pixelated}
.splash-language .language-flag,#language .language-flag{width:29px;height:20px;margin:auto}
#music-credits a{color:#93e5ef;text-decoration:underline;text-underline-offset:2px}
/* Compact results: one dominant replay action, no rotating quote display. */
#result-screen{padding:14px;background:#07132055;transition:opacity .1s ease}
#result-screen .result-card{width:min(100%,300px);padding:16px;background:#0d2230!important;color:#eff9fa;border:2px solid #52798a;border-radius:6px;box-shadow:0 5px 0 #040d17;letter-spacing:0}
#result-screen .eyebrow,#result-screen #score-caption{color:#b8d4de;letter-spacing:0}
#result-screen .result-score{margin:8px 0}
#result-screen .result-score strong{font-size:56px;color:#ffe296;text-shadow:0 3px #73562d}
#result-screen .result-score span{margin-top:4px}
#result-screen .best-line{margin:8px 0;padding:7px 9px;border-radius:3px;background:#173444;color:#b8d4de}
#result-screen .best-line strong{color:#fff4d3}
#result-screen .run-reward{margin:8px 0;color:#ffe296;font-size:12px;line-height:1.4}
#result-screen #result-next-goal{margin:6px 0 10px;color:#b8d4de;font-size:11px;line-height:1.35}
#result-screen #retry{width:100%;min-height:60px;margin:6px 0 10px;font-size:22px;letter-spacing:0;color:#172b36;background:#ffd878;border:2px solid #fff0bb;border-radius:4px;box-shadow:0 4px 0 #8c582f}
#result-screen #retry:active{transform:translateY(3px);box-shadow:0 1px 0 #8c582f}
#result-screen #result-home,#result-screen #personal-ghost{width:100%;min-height:44px;margin:2px 0;padding:8px;background:#173444;color:#d9edf2;border:1px solid #446775;border-radius:4px;font-size:12px;letter-spacing:0;box-shadow:none}
#music-credits a:focus-visible{outline:2px solid #ffe090;outline-offset:2px}
.galaxy-menu .collection-progress{grid-template-columns:minmax(0,1fr) 88px}
body[data-screen="hangar"] .galaxy-menu #preview-worlds{width:88px;min-width:88px;min-height:44px;height:auto;overflow-wrap:anywhere;letter-spacing:0}

/* Simplified menu system: five destinations, art first, details on demand. */
body.simple-menu{--menu-surface:#101d24;--menu-line:#334a52;--menu-copy:#f0f4ef;--menu-muted:#b5c7c9}
body.simple-menu :is(.app-page,.galaxy-menu,.app-nav) *{letter-spacing:0}
body.simple-menu .app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#101d24!important;border-top:1px solid #37555d;box-shadow:none!important}
body.simple-menu:is([data-screen="home"],[data-screen="game"],[data-screen="pause"],[data-screen="result"],[data-screen="tutorial"]) .app-nav{display:none!important}
body.simple-menu .app-nav button[data-nav]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:6px 2px;border:0!important;border-radius:6px;font:700 11px/1.2 var(--wf-ui);color:#b5c7c9!important;background:transparent!important;box-shadow:none!important}
body.simple-menu .app-nav button[data-nav] b{height:21px;font-size:22px;line-height:21px}
body.simple-menu .app-nav button[data-nav] svg{width:21px;height:21px}
body.simple-menu .app-nav button[data-nav][aria-current="page"]{color:#ffe298!important;background:#293c39!important;box-shadow:none!important}
body.simple-menu[data-screen="hangar"] .hangar-card.galaxy-menu{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto 56px;gap:10px;padding:max(12px,env(safe-area-inset-top)) 16px 14px;height:100%;max-height:100%;overflow:hidden;background:linear-gradient(#07141a44,#07141a99),var(--wf-galaxy-art) center/cover!important}
body.simple-menu .galaxy-menu :is(.collection-progress,#world-heading,.galaxy-shortcuts,#pilot-mastery,#hangar-apply),body.simple-menu .galaxy-menu .panel-heading .eyebrow{display:none!important}
body.simple-menu .galaxy-menu .panel-heading{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}
body.simple-menu .galaxy-menu .panel-heading>div{flex:1;min-width:0}
body.simple-menu[data-screen="hangar"] .galaxy-menu #hangar-title{font:800 25px/1.2 var(--wf-display);margin:0!important;color:#f0f4ef!important}
body.simple-menu #hangar-close{display:none}
body.simple-menu #atlas-settings{order:3;flex:none;width:44px;height:44px;border:1px solid #49616b;border-radius:6px;background:#152a34;box-shadow:none;color:#dcebf0;font-size:21px}
body.simple-menu .menu-wallet{order:2;display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid #7d7049;border-radius:6px;background:#292c26;color:#ffe09a;font:700 14px var(--wf-ui)}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-atlas{grid-column:1/-1;position:relative;min-height:0;height:auto;max-height:none;width:100%;margin:0;background:none;aspect-ratio:auto;flex:none}
body.simple-menu .galaxy-menu .world-atlas::before,body.simple-menu .galaxy-menu .world-atlas::after{display:none!important}
body.simple-menu .galaxy-menu .atlas-route{display:block;opacity:.65}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-grid{position:absolute;inset:0;display:block}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-grid .map-node{position:absolute;transform:translate(-50%,-50%);width:min(26%,100px);height:min(30%,124px);min-height:44px;display:flex;justify-content:center;border-radius:8px;padding:4px;gap:3px}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-grid .map-node.focused{background:transparent!important;outline:0}
body.simple-menu .node-unknown-one{order:6}body.simple-menu .node-earth-pvp{order:5}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node .planet-body{width:90px;height:90px;max-height:calc(100% - 28px);min-height:32px;transform:none;filter:none;background:none;border:0}
body.simple-menu .galaxy-menu .map-node .planet-body::before,body.simple-menu .galaxy-menu .map-node .planet-body::after{display:none!important}
body.simple-menu .galaxy-menu .map-node.focused .planet-body::before{display:block!important;content:'';position:absolute;inset:-3px;border:1px solid #ffe09a;border-radius:50%;box-shadow:none;pointer-events:none}
body.simple-menu .galaxy-menu .node-aether .planet-body img{width:100%;height:100%;object-fit:cover;transform:none;border-radius:50%;image-rendering:pixelated}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node[data-site-choice] .planet-body{width:58px;height:58px}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node strong{background:none;border:0;box-shadow:none;border-radius:0;font:700 13px/1.2 var(--wf-ui);padding:0;margin:0;color:#e5f0f1}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node.focused strong{color:#ffe09a}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node small{display:none}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{grid-column:1/-1;padding:12px 0 0;border:0;border-top:1px solid #557a8266;border-radius:0;background:transparent;box-shadow:none}
body.simple-menu .destination-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier h3{margin:0;font:800 21px/1.2 var(--wf-display);color:#f0f4ef}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier small{font:500 12px/1.4 var(--wf-ui);color:#c0d1d5}
body.simple-menu .pace-label{font:700 11px/1.2 var(--wf-ui);color:#89e0b6;white-space:nowrap}
body.simple-menu .pace-label[data-level="1"]{color:#8bd6ed}body.simple-menu .pace-label[data-level="2"]{color:#ffd57d}body.simple-menu .pace-label[data-level="3"]{color:#ffaaa1}
body.simple-menu[data-screen="hangar"] .galaxy-menu #world-action{grid-column:2;min-height:56px;height:100%;width:100%;padding:6px 10px;margin:0;border:1px solid #fff0b4;border-bottom:4px solid #a17539;border-radius:6px;box-shadow:none;background:#ffda7b;color:#202c30;text-shadow:none;font:800 21px/1.15 var(--wf-display);white-space:normal}
body.simple-menu[data-screen="hangar"] .galaxy-menu #world-action:disabled{background:#23333e;border-color:#455663;color:#b8cbd3;font-size:16px}
body.simple-menu #menu-loadout{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;width:64px;min-height:56px;padding:3px;border:1px solid #496b77;border-radius:6px;background:#17313d;color:#edf4f1;font:700 10px/1.15 var(--wf-ui)}
body.simple-menu #menu-loadout img{width:42px;height:32px;object-fit:contain;image-rendering:pixelated}
body.simple-menu #menu-skins{width:min(92vw,380px);max-height:80dvh;padding:18px;border:1px solid #557980;border-radius:8px;background:#101d24;color:#f0f4ef;overflow-y:auto}
#menu-skins::backdrop{background:#02080bc9}
#menu-skins header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#menu-skins h2{font:800 23px var(--wf-display);margin:0}
#menu-skins .close-button{min-width:44px;min-height:44px;color:#f0f4ef;background:#263f48}
body.simple-menu #menu-skins .map-pico-drawer{display:block!important;margin:0;padding:0;border:0;background:none}
#menu-skins :is(summary,#skin-heading){display:none}
#menu-skins .skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#menu-skins .skin-grid button{background:#1b3039;border:1px solid #506b74;border-radius:6px;color:#e4eff1;min-height:116px;margin:0;padding:6px;font:700 13px var(--wf-ui)}
#menu-skins .skin-grid button.selected{border:2px solid #ffda7b;background:#343c31}
#menu-skins .skin-grid button[hidden]{display:none!important}
#menu-skins canvas{width:88px;height:88px;margin:auto;image-rendering:pixelated}
body.simple-menu:has(.app-page:not([hidden])) .app-page>.screen-card{padding:20px 16px 24px;background:#101d24!important;color:#f0f4ef;max-width:620px;margin:0 auto}
body.simple-menu:has(.app-page:not([hidden])) .app-page{background:#101d24!important}
body.simple-menu:has(.app-page:not([hidden])) .app-page h2{font:800 26px/1.2 var(--wf-display)!important;margin:0 0 18px!important;color:#f0f4ef!important}
body.simple-menu .app-page>.screen-card>.eyebrow,body.simple-menu .profile-heading .eyebrow,body.simple-menu .app-page[data-page="shop"] .page-intro,body.simple-menu .app-page[data-page="missions"] .page-intro{display:none!important}
body.simple-menu .app-page :is(.profile-status,.card-badge-hint,.profile-options button small:empty){display:none}
body.simple-menu .profile-page [role="tabpanel"]>p,body.simple-menu .profile-page #profile-panel-avatar>h3,body.simple-menu .profile-page #profile-panel-theme>h3{display:none}
body.simple-menu .app-page :is(.shop-copy p,.shop-copy .skin-state,.shop-copy progress,.trail-gallery-head>span){display:none}
body.simple-menu .shop-balance{margin:0 0 12px;padding:0;background:none!important;font:700 15px var(--wf-ui);color:#ffda7b!important}
body.simple-menu .shop-tabs,body.simple-menu .profile-tabs{display:flex;gap:4px;padding:4px;margin:12px 0 16px;border:1px solid #344c55;border-radius:6px;background:#07171e}
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs) button{flex:1;min-width:0;min-height:44px;margin:0;padding:8px 4px;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#c3d4d8;font:700 12px/1.2 var(--wf-ui)}
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs) button[aria-selected="true"]{background:#354f4b!important;color:#eaffec!important;box-shadow:none!important;border:0}
body.simple-menu .app-page .shop-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.simple-menu .app-page .shop-catalog[hidden]{display:none}
body.simple-menu .app-page .shop-catalog .shop-item{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;margin:0;padding:12px 10px;background:#1b2d34!important;border:1px solid #465d64;border-radius:8px;box-shadow:none}
body.simple-menu .app-page .shop-catalog .shop-art{width:90px;height:90px;margin:4px auto;flex:none}
body.simple-menu .app-page .shop-catalog .shop-art.sealed{box-shadow:0 0 12px color-mix(in srgb,var(--skin-rarity) 35%,transparent)!important;border:1px solid var(--skin-rarity)!important;border-radius:6px}
body.simple-menu .app-page .shop-copy{display:flex;flex-direction:column;align-items:stretch;flex:1;gap:6px;text-align:center;min-width:0}
body.simple-menu .app-page .shop-copy h3{order:-1;font:700 15px/1.2 var(--wf-ui);margin:0;min-height:36px}
body.simple-menu .app-page .shop-copy small{min-height:18px}
body.simple-menu .app-page .shop-copy .rarity-badge{font:700 11px var(--wf-ui);border:0;padding:0;background:none;color:var(--skin-rarity)}
body.simple-menu .app-page .shop-actions{display:block;margin-top:auto}
body.simple-menu .app-page .shop-actions button{width:100%;min-height:44px;padding:7px;background:#ffda7b;color:#202c30;border:1px solid #fff0b4;border-radius:4px;box-shadow:0 3px #8f6839;font:800 13px var(--wf-ui)}
body.simple-menu .app-page .shop-actions button:disabled{background:#29433f;color:#b9e0cd;border-color:#426358;box-shadow:none}
body.simple-menu #shop-message:empty{display:none}
body.simple-menu .profile-page .profile-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.simple-menu .profile-page .profile-options button{min-width:0;padding:8px 4px;border:1px solid #455f66;border-radius:6px;box-shadow:none;background:#1b3037;color:#edf4f1;font-family:var(--wf-ui)}
body.simple-menu .profile-page .profile-options button>span:not(.profile-mystery){font-size:11px;line-height:1.25;overflow-wrap:anywhere}
body.simple-menu .profile-page .profile-options button small{font:500 10px/1.3 var(--wf-ui);color:#bfd2d3}
body.simple-menu .profile-page .profile-options button.selected{border-color:#ffda7b;background-color:#32433b}
body.simple-menu .profile-page .profile-options.themes{grid-template-columns:repeat(2,minmax(0,1fr))}
body.simple-menu .profile-page .profile-options.themes button{min-height:112px}
body.simple-menu .profile-page .profile-stats{margin:14px 0}
body.simple-menu .profile-page .profile-stats>div{border:0;background:transparent;box-shadow:none}
body.simple-menu .profile-page .profile-stats strong{color:#ffdf8b;font-size:24px}
body.simple-menu .profile-page .profile-stats span{color:#b5c7c9;font:500 11px var(--wf-ui)}
body.simple-menu .profile-page .player-card{border:1px solid #5a777b;border-radius:8px;box-shadow:none}
body.simple-menu .profile-page .player-card-top small,body.simple-menu .profile-page .player-card-top div>span{display:none}
body.simple-menu .profile-page .player-card-top strong{font:800 20px var(--wf-ui)}
body.simple-menu .profile-page .player-card-top>div{min-width:0;flex:1}
body.simple-menu .profile-page .player-card-top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.simple-menu #edit-nickname{width:44px;height:44px;min-width:44px;align-self:flex-start;margin:0;padding:0;border:1px solid #a1baac;border-radius:4px;background:#214048;color:#ffe09a;font:24px/1 var(--wf-ui);box-shadow:none}
body.simple-menu #nickname-dialog{box-sizing:border-box;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:2px solid #779ba0;border-radius:6px;background:#12252e;color:#eff5f0;box-shadow:0 16px 50px #000a;font:600 14px var(--wf-ui)}
body.simple-menu #nickname-dialog::backdrop{background:#06121cbb}
body.simple-menu #nickname-dialog form{display:grid;gap:10px}
body.simple-menu #nickname-dialog h2{margin:0 0 4px;font:800 22px var(--wf-display)}
body.simple-menu #nickname-dialog label{font:700 13px var(--wf-ui)}
body.simple-menu #nickname-input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid #8eafb0;border-radius:4px;background:#081921;color:#fff;font:700 18px var(--wf-ui)}
body.simple-menu #nickname-input[aria-invalid="true"]{border-color:#ffab92}
body.simple-menu #nickname-hint{margin:0;color:#b9d0d1;font:500 12px/1.4 var(--wf-ui)}
body.simple-menu #nickname-error{margin:0;color:#ffb6a3;font:700 12px/1.4 var(--wf-ui)}
body.simple-menu #nickname-error:empty{display:none}
body.simple-menu .nickname-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
body.simple-menu .nickname-actions button{min-width:0;min-height:48px;margin:0;border-radius:4px;font:700 14px var(--wf-ui)}
body.simple-menu .profile-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}
body.simple-menu .profile-heading h2{margin:0!important}
body.simple-menu .profile-tools{display:flex;gap:6px;align-items:center}
body.simple-menu .profile-tools button{margin:0;min-height:44px;padding:8px 10px;border:1px solid #49616b;border-radius:6px;background:#1b3037;color:#e8f2ed;box-shadow:none;font:700 12px var(--wf-ui)}
body.simple-menu .profile-tools #profile-settings{width:44px;font-size:0}
body.simple-menu .profile-tools #profile-settings::before{content:'\2699';font:22px system-ui}
body.simple-menu .app-page[data-page="profile"] .player-card{min-height:174px;padding:24px 14px 12px}
body.simple-menu .app-page[data-page="profile"] .player-avatar{width:60px;height:60px}
body.simple-menu .app-page[data-page="profile"] .pinned-badges{gap:12px;margin-top:12px}
body.simple-menu .app-page[data-page="profile"] .pinned-slot{min-height:40px;padding:0;border:0;background:none}
body.simple-menu .app-page[data-page="profile"] .pinned-slot>span{display:none}
body.simple-menu .app-page[data-page="profile"] .pinned-slot img{height:40px;width:40px}
body.simple-menu .app-page[data-page="profile"] .pinned-slot:not([data-card-badge])::before{margin:0}
body.simple-menu .app-nav [data-nav="missions"]{position:relative}
body.simple-menu .app-nav [data-nav="missions"][data-count]:not([data-count=""])::after{content:attr(data-count);position:absolute;right:8px;top:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:2px;border-radius:5px;background:#f4c96e;color:#14262c;font:800 10px var(--wf-ui)}
body.simple-menu #mission-items .daily-mission h3{display:none}
body.simple-menu #mission-items .mission{border:0;border-bottom:1px solid #39525a;border-radius:0;padding:14px 0;margin:0;background:transparent;box-shadow:none}
body.simple-menu #mission-items .mission h3{font:700 13px/1.25 var(--wf-ui);color:#b6d5cf;margin:0 0 6px}
body.simple-menu #mission-items .mission p{font:600 15px/1.4 var(--wf-ui);color:#f0f4ef;margin:0 0 10px}
body.simple-menu #mission-items .mission button{min-height:44px;border-radius:4px;font:700 12px var(--wf-ui)}
body.simple-menu #mission-items .daily-clock{font:500 12px/1.4 var(--wf-ui);color:#b5c7c9;background:none;border:0;padding:0;margin:0 0 4px}
body.simple-menu .mission-group{border:0;border-bottom:1px solid #39525a;padding:0;margin:0}
body.simple-menu .mission-group>summary{min-height:56px;padding:18px 4px;cursor:pointer;color:#e7efeb;font:700 14px/1.4 var(--wf-ui)}
body.simple-menu .mission-group .challenge-heading,body.simple-menu .challenge-footnote{display:none}
body.simple-menu .mission-group .career-missions,body.simple-menu .mission-group .world-mastery{margin:0;padding:0;border:0}
body.simple-menu .app-page[data-page="records"] .rank-hype{background:none;border:0;border-top:1px solid #39525a;padding:16px 0;border-radius:0}
body.simple-menu .app-page[data-page="records"] .rank-hype :is(.eyebrow,h3,p,small){display:none}
body.simple-menu #menu-preview-settings #preview-worlds{width:100%;min-height:44px;margin:12px 0;background:#203b42;color:#e3f4ed;border:1px solid #597b7e;border-radius:6px;font:700 13px var(--wf-ui)}
body.simple-menu .app-nav button[data-nav="home"]{color:#ffe298!important}
body.simple-menu .app-nav button[data-nav="leaderboard"]{font-size:10px}
body.simple-menu .app-nav button[data-nav="leaderboard"][aria-current="page"]{color:#ffe298!important}
body.simple-menu .leaderboard-page{min-height:100%;padding-bottom:92px!important}
body.simple-menu .leaderboard-page h2{margin-bottom:14px!important}
body.simple-menu .ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#07171e;border:1px solid #344c55;border-radius:4px}
body.simple-menu .ranking-tabs button{min-height:44px;padding:8px 4px;border:0;border-radius:3px;background:transparent;color:#b8ccd1;font:700 13px var(--wf-ui)}
body.simple-menu .ranking-tabs button[aria-selected="true"]{background:#354f4b;color:#fff1bc}
body.simple-menu .ranking-empty{display:grid;justify-items:center;align-content:center;min-height:188px;margin:16px 0;border:1px dashed #49676d;background:#102530;text-align:center;padding:20px 18px;color:#e5efed}
body.simple-menu .ranking-empty .ranking-orbit{color:#ffda7b;font-size:32px;line-height:1}
body.simple-menu .ranking-empty strong{font:700 16px/1.3 var(--wf-display);margin:10px 0 4px}
body.simple-menu .ranking-empty p{font:500 12px/1.45 var(--wf-ui);color:#b5c7c9;margin:0;max-width:30ch}
body.simple-menu .ranking-competitions{display:grid;gap:1px;background:#37535b;border:1px solid #37535b;margin-bottom:18px}
body.simple-menu .ranking-competitions>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:13px;background:#152a33}
body.simple-menu .ranking-competitions strong{font:700 15px var(--wf-display);color:#eaf4ef}
body.simple-menu .ranking-competitions span{font:700 11px var(--wf-ui);color:#ffda7b}
body.simple-menu .ranking-competitions p{grid-column:1/-1;margin:0;color:#b5c7c9;font:500 12px/1.4 var(--wf-ui)}
body.simple-menu #ranking-local-card{margin-top:18px;border-top:1px solid #39525a;padding-top:14px}
body.simple-menu #ranking-local-card>p{margin:0 0 10px;color:#b5c7c9;font:700 11px var(--wf-ui)}
body.simple-menu .ranking-preview{display:flex;align-items:center;gap:10px;padding:12px!important;min-height:82px;overflow:hidden}
body.simple-menu .ranking-preview .player-avatar{width:48px;height:48px;flex:none;object-fit:cover}
body.simple-menu .ranking-preview>div{min-width:0;display:grid;gap:2px;flex:1;text-shadow:0 1px 2px #07171e}
body.simple-menu .ranking-preview small{font:700 10px var(--wf-ui)}
body.simple-menu .ranking-preview strong{font:700 15px var(--wf-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.simple-menu .ranking-score{display:grid;justify-items:end;gap:1px;flex:none;color:#ffe09a;text-shadow:0 2px #14202b}
body.simple-menu .ranking-score b{font:800 22px var(--wf-display)}
body.simple-menu .ranking-score small{font:700 10px var(--wf-ui)}
@media(max-width:360px){body.simple-menu .app-nav button[data-nav]{font-size:10px}body.simple-menu .app-nav button[data-nav="leaderboard"]{font-size:9px}}
@media(max-height:650px){body.simple-menu[data-screen="hangar"] .hangar-card.galaxy-menu{gap:7px;padding:10px 12px}body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node .planet-body{width:66px;height:66px}body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node[data-site-choice] .planet-body{width:42px;height:42px}body.simple-menu .app-nav button[data-nav]{min-height:48px}body.simple-menu .galaxy-menu .world-dossier small{font-size:11px!important}}

/* Expedition edition: tactile controls, distinct destinations, quiet flight. */
body.simple-menu {
  --menu-copy:#f7fcff; --menu-muted:#c4d5dc; --menu-accent:#72ecd1;
  --menu-deep:#092528; --menu-panel:#16474b; --menu-edge:#39858a;
}
body.simple-menu :is(button,input,summary) { -webkit-tap-highlight-color:transparent; }
body.simple-menu :is(h2,h3,button) { letter-spacing:0; }
body.simple-menu button { transition:transform .12s ease,background-color .15s ease; }
body.simple-menu button:active:not(:disabled) { transform:translateY(2px); }
body.simple-menu .app-page { --menu-accent:#72ecd1; --menu-panel:#16474b; --menu-edge:#39858a; }
body.simple-menu .app-page[data-page="shop"] { --menu-accent:#ffb598; --menu-panel:#713f4a; --menu-edge:#b96971; }
body.simple-menu .app-page[data-page="missions"] { --menu-accent:#b7f58a; --menu-panel:#315d45; --menu-edge:#659c64; }
body.simple-menu .app-page[data-page="leaderboard"] { --menu-accent:#ffe28a; --menu-panel:#534856; --menu-edge:#8e7986; }
body.simple-menu .app-page[data-page="profile"] { --menu-accent:#92e6ff; --menu-panel:#235a6b; --menu-edge:#4b9db3; }
body.simple-menu:has(.app-page:not([hidden])) .app-page { background:#0d2228!important; }
body.simple-menu:has(.app-page:not([hidden])) .app-page>.screen-card {
  padding:0 16px 30px; background:#0d2228!important; text-align:left;
  color:var(--menu-copy); overscroll-behavior-y:contain;
}
body.simple-menu .menu-page-heading {
  position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:12px;
  margin:0 -16px 20px; padding:24px 18px 20px; min-height:104px;
  background:linear-gradient(135deg,#ffffff0e,transparent 60%),var(--menu-panel);
  border:0; border-bottom:4px solid var(--menu-edge); box-shadow:0 4px 0 #030e14;
}
body.simple-menu .menu-page-heading::after {
  content:''; position:absolute; left:18px; right:18px; top:8px; height:2px;
  background:var(--menu-accent); opacity:.4; pointer-events:none;
}
body.simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2 {
  flex:1; min-width:0; margin:0!important; font:800 27px/1.15 var(--wf-display)!important;
  color:#fff!important; text-shadow:0 3px 0 #061722; overflow-wrap:anywhere;
}
body.simple-menu .menu-emblem {
  width:48px; height:48px; flex:none; display:grid; place-items:center;
  color:var(--menu-accent); border:2px solid var(--menu-accent); border-radius:8px;
  background:#092229; box-shadow:3px 4px 0 #06141b,inset 0 2px 0 #ffffff25;
  transform:rotate(-5deg);
}
body.simple-menu .menu-emblem svg { width:30px; height:30px; }
body.simple-menu .menu-emblem img { width:36px; height:36px; object-fit:contain; image-rendering:pixelated; }
body.simple-menu .menu-page-heading h2::after { display:none!important; }

/* Navigation is a stable dock, with Explorer still at its centre. */
body.simple-menu .app-nav {
  width:min(100%,480px); left:50%; right:auto; transform:translateX(-50%);
  gap:4px; padding:8px 6px max(8px,env(safe-area-inset-bottom));
  background:#123940!important; border-top:2px solid #69aaa8;
  box-shadow:0 -4px 0 #06171e!important;
}
body.simple-menu .app-nav button[data-nav] {
  --dock:#79d6dc; gap:4px; min-height:56px; color:#e6f1ed!important;
  border-radius:6px; position:relative; font-size:10px;
}
body.simple-menu .app-nav [data-nav="shop"] { --dock:#ffa991!important; }
body.simple-menu .app-nav [data-nav="missions"] { --dock:#b7ed83!important; }
body.simple-menu .app-nav [data-nav="home"] { --dock:#80f4d7!important; }
body.simple-menu .app-nav [data-nav="leaderboard"] { --dock:#ffdc7d!important; }
body.simple-menu .app-nav [data-nav="profile"] { --dock:#8edfff!important; }
body.simple-menu .app-nav button[data-nav] b { height:25px; color:var(--dock); }
body.simple-menu .app-nav button[data-nav] svg { width:25px; height:25px; filter:drop-shadow(0 2px #06171e); }
body.simple-menu .app-nav button[data-nav][aria-current="page"] {
  background:#235962!important; color:#fff!important;
  box-shadow:inset 0 2px #91d9cd,0 3px #06171e!important;
}
body.simple-menu .app-nav button[data-nav="home"] b {
  width:40px; height:32px; display:grid; place-items:center; margin-top:-7px;
  border:2px solid #8debd8; border-radius:8px; background:#256a68; box-shadow:0 3px #06171e;
}
body.simple-menu .app-nav button[aria-current="page"] b { animation:dock-select .22s ease-out; }
@keyframes dock-select { from { transform:translateY(4px) scale(.9); } to { transform:none; } }

/* Constellation geometry remains unchanged; only its presentation gains depth. */
body.simple-menu[data-screen="hangar"] .hangar-card.galaxy-menu {
  --destination:#74e6d4; gap:12px; padding:14px 16px 16px;
  background:var(--wf-galaxy-art) center/cover #061724!important;
}
body.simple-menu .galaxy-menu[data-focus="rift"] { --destination:#a2dfff; }
body.simple-menu .galaxy-menu[data-focus="verdant"] { --destination:#b7ee8a; }
body.simple-menu .galaxy-menu[data-focus="forge"] { --destination:#ffb48a; }
body.simple-menu .galaxy-menu .panel-heading {
  margin:-14px -16px 0; padding:14px 16px 12px;
  border-bottom:2px solid #326f7c; background:#16454ee8; box-shadow:0 3px #020e18;
}
body.simple-menu[data-screen="hangar"] .galaxy-menu #hangar-title {
  font-size:27px; color:#fff!important; text-shadow:0 3px #092129;
}
body.simple-menu .menu-wallet {
  border:2px solid #ffda83; background:#19434a; color:#fff0bb;
  box-shadow:0 3px #082027,inset 0 2px #ffffff20; font-size:16px;
}
body.simple-menu #atlas-settings {
  border:2px solid #63a7af; background:#255861; color:#e8ffff;
  box-shadow:0 3px #082027,inset 0 2px #ffffff20;
}
body.simple-menu .galaxy-menu .atlas-route { opacity:.95; }
body.simple-menu .galaxy-menu .atlas-route-base { stroke:#537f9c; stroke-width:2; }
body.simple-menu .galaxy-menu .atlas-route-progress { stroke:#9df4d2; stroke-width:3; }
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node strong {
  padding:3px 7px; background:#07212bcc; border:1px solid #426574;
  border-bottom-width:3px; border-radius:4px; color:#f1fbff;
  font:800 13px/1.2 var(--wf-ui); text-shadow:0 1px #000;
}
body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node.focused strong {
  color:#082b31; background:var(--destination); border-color:#dcfff2 #4c9d9e #337477; text-shadow:none;
}
body.simple-menu .galaxy-menu .map-node.focused .planet-body::before {
  inset:-5px; border:2px dashed var(--destination); box-shadow:0 0 0 3px #092b3ab3;
}
body.simple-menu .galaxy-menu .map-node.focused .planet-body img { animation:destination-drift 4s ease-in-out infinite; }
@keyframes destination-drift { 50% { transform:translateY(-4px); } }
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier {
  border-top:2px solid var(--destination); padding:12px 0 0; box-shadow:0 -3px #06111b;
}
body.simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier h3 { font-size:23px; color:#fff; }
body.simple-menu .pace-label { border:1px solid currentColor; padding:4px 7px; border-radius:4px; background:#0c2029; }
body.simple-menu[data-screen="hangar"] .galaxy-menu #world-action,
body.simple-menu .splash-footer #play,
body.simple-menu #retry {
  position:relative; background:linear-gradient(#b8ffe5 0 47%,#80e6c4 48%); color:#103b3a;
  border:2px solid #e5fff3; border-bottom:5px solid #348a7d; border-radius:8px;
  box-shadow:0 4px 0 #04171d,inset 0 2px 0 #ffffff80; text-shadow:0 1px #eafff5;
  font-weight:800;
}
body.simple-menu #menu-loadout {
  background:#285762; border:2px solid #89bfc6; border-bottom:5px solid #17353f;
  box-shadow:0 4px #04171d; border-radius:8px;
}
body.simple-menu #menu-loadout img { width:48px; height:34px; }

/* Shop: coloured rarity showcases, still concealing every locked skin. */
body.simple-menu .app-page .shop-balance {
  padding:10px 0; margin:0; color:#ffe5a0!important; font-size:14px;
  border-bottom:1px solid #3a5962; text-align:right;
}
body.simple-menu :is(.shop-tabs,.profile-tabs,.ranking-tabs) {
  padding:4px; border:2px solid #426872; border-radius:8px; background:#071b24;
  box-shadow:0 3px #020e17; gap:4px;
}
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button {
  min-height:44px; border-radius:4px; font-weight:800; color:#c8e1e5;
}
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button[aria-selected="true"] {
  background:var(--menu-accent)!important; color:#102c32!important;
  box-shadow:inset 0 -3px #0003!important; border:0;
}
body.simple-menu .app-page .shop-catalog { gap:14px 12px; padding:4px 0 8px; }
body.simple-menu .app-page .shop-catalog .shop-item {
  position:relative; overflow:hidden; padding:15px 10px 12px; gap:12px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--skin-rarity) 27%,#142e39),#112b35 75%)!important;
  border:2px solid var(--skin-rarity); border-bottom-width:5px; border-radius:8px;
  box-shadow:0 4px 0 #020d14,inset 0 2px #ffffff33;
}
body.simple-menu .app-page .shop-catalog .shop-art.sealed {
  width:94px; height:96px; border:0!important; border-radius:0; background:transparent!important;
  box-shadow:none!important; overflow:visible;
}
body.simple-menu .shop-art.sealed .rarity-lock { filter:drop-shadow(0 4px #030e23) drop-shadow(0 0 8px var(--skin-rarity)); }
body.simple-menu .app-page .shop-copy h3 { font-size:17px; line-height:1.25; color:#fff; min-height:42px; text-shadow:0 2px #03151e; }
body.simple-menu .app-page .shop-copy small { text-align:center; }
body.simple-menu .app-page .shop-copy .rarity-badge { font-size:12px; font-weight:800; }
body.simple-menu .app-page .shop-actions button {
  background:linear-gradient(#ffeaa8 48%,#ffd67c 49%); color:#382b1c;
  border:2px solid #fff1bf; border-bottom:4px solid #b88b41;
  border-radius:6px; box-shadow:0 3px #05141b; font-size:15px;
}
body.simple-menu .app-page .shop-actions button:disabled { background:#28564f; color:#d5ffeb; border-color:#569b83; }
body.simple-menu .trail-gallery { border-radius:8px; border:2px solid #518194; background:#09202a; box-shadow:0 4px #020d14; }
body.simple-menu .trail-choice { border:1px solid var(--trail-accent); border-left:4px solid var(--trail-accent); border-radius:6px; background:#183b46; }
body.simple-menu .trail-copy :is(strong,small) { color:#f1faff; }

/* Mission tickets and pilot cards use the same material language. */
body.simple-menu #mission-items .mission {
  position:relative; padding:16px 14px; margin:0 0 12px; border:1px solid #4c8e79;
  border-left:5px solid #b0e889; border-bottom:4px solid #16372e; border-radius:6px;
  background:#234b41; box-shadow:0 3px #06171d;
}
body.simple-menu #mission-items .mission h3 { color:#c6f0ad; font-size:13px; }
body.simple-menu #mission-items .mission p { color:#f4fff5; font-size:15px; line-height:1.35; }
body.simple-menu #mission-items .mission button { border:1px solid #cfefb7; background:#b4e68d; color:#1f3526; box-shadow:0 3px #152f28; }
body.simple-menu #mission-items .mission button:disabled { background:#32594c; color:#d1e9db; border-color:#608b73; box-shadow:none; }
body.simple-menu .mission-group { border-bottom:2px solid #38625b; }
body.simple-menu .mission-group>summary { color:#d6efce; font-size:16px; padding:18px 0; }
body.simple-menu #mission-items .daily-clock { margin:0 0 14px; color:#c1dfd4; }
body.simple-menu progress { accent-color:#a8e88d; height:8px; border-radius:2px; }
body.simple-menu .profile-heading .profile-tools { width:100%; justify-content:flex-end; margin-top:0; }
body.simple-menu .profile-tools button { background:#19414d; border:1px solid #83c5d7; color:#e8fbff; }
body.simple-menu .profile-page .player-card {
  border:2px solid #8dd7e2; border-bottom:5px solid #397f91;
  box-shadow:0 5px 0 #030f18,inset 0 0 0 3px #071b2c; border-radius:8px;
}
body.simple-menu .profile-page .player-avatar { border:2px solid #fff3b1; box-shadow:0 3px #06131f; border-radius:8px; }
body.simple-menu .profile-page .player-card-top strong {
  color:#fff; text-shadow:0 2px #07152d; font-size:18px; line-height:1.2;
  white-space:normal; overflow-wrap:anywhere; overflow:visible; text-overflow:clip;
}
body.simple-menu .profile-page .profile-stats { padding:12px 0; border-bottom:1px solid #41636c; gap:0; }
body.simple-menu .profile-page .profile-stats>div+div { border-left:1px solid #41636c; }
body.simple-menu .profile-page .profile-stats strong { color:#9be3ff; font-size:25px; }
body.simple-menu .profile-page .profile-options button {
  background:#1d414c; border:1px solid #5d94a1; border-bottom:4px solid #102a35; box-shadow:0 3px #05141b;
}
body.simple-menu .profile-page .profile-options button.selected { border-color:#b5f5df; background:#275a5c; }
body.simple-menu .profile-page .profile-options button small { color:#d2e4e4; }
body.simple-menu .ranking-empty { border:0; border-block:1px solid #57737e; background:transparent; min-height:200px; }
body.simple-menu .ranking-empty .ranking-orbit { font-size:46px; color:#ffe291; text-shadow:0 4px #80602d; }
body.simple-menu .ranking-competitions { border:1px solid #8e7986; border-radius:6px; overflow:hidden; }
body.simple-menu .ranking-competitions>div { background:#33404b; padding:16px 12px; }
body.simple-menu .ranking-preview { border:2px solid #779ca8; border-bottom-width:4px; border-radius:8px; }
body.simple-menu :is(#menu-skins,#studio-detail,#nickname-dialog) { background:#12353f; border:2px solid #8bbac2; border-bottom-width:5px; border-radius:8px; box-shadow:0 14px 0 #04121d55,0 24px 60px #0008; }
body.simple-menu .screen.active>.compact-card,body.simple-menu .screen.active>.result-card { background:#16434c; border:2px solid #8ac8c9; border-bottom:5px solid #306b73; border-radius:8px; }
body.simple-menu #home-screen .splash-pico { filter:drop-shadow(0 8px 0 #02091480); }
body.simple-menu #home-screen .flight-quote { border-color:#76b4b2; border-radius:6px; box-shadow:inset 0 0 0 3px #193a43,0 4px #020e19; }

/* No hidden menu compositing or browser gestures competing with flight input. */
body[data-screen="game"] .game { touch-action:none; overscroll-behavior:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
body[data-screen="game"] .run-wallet { pointer-events:none; }
body[data-screen="game"] :is(.screen,.app-nav,.topbar,.loadout),
body[data-screen="game"] :is(.screen,.app-nav,.topbar,.loadout) *,
body[data-screen="game"] .shell::before,
body[data-screen="game"] .shell::after { animation:none!important; transition:none!important; will-change:auto!important; }
body[data-screen="game"] .screen:not(.active) { display:none!important; }
body.simple-menu [hidden] { display:none!important; }
@media(max-width:360px) {
  body.simple-menu .menu-page-heading { gap:10px; padding:20px 14px 16px; }
  body.simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2 { font-size:23px!important; }
  body.simple-menu .menu-emblem { width:42px; height:42px; }
  body.simple-menu .app-page .shop-copy h3 { font-size:15px; }
  body.simple-menu .app-nav button[data-nav] { font-size:9px; }
  body.simple-menu .profile-tabs button { font-size:11px!important; }
}
@media(max-height:650px) {
  body.simple-menu[data-screen="hangar"] .hangar-card.galaxy-menu { gap:8px; padding:10px 12px 12px; }
  body.simple-menu .galaxy-menu .panel-heading { margin:-10px -12px 0; padding:10px 12px; }
  body.simple-menu[data-screen="hangar"] .galaxy-menu .map-node strong { padding:2px 5px; font-size:11px; }
  body.simple-menu .app-nav { padding-top:5px; padding-bottom:max(5px,env(safe-area-inset-bottom)); }
  body.simple-menu .app-nav button[data-nav] { min-height:48px; }
}
@media(prefers-reduced-motion:reduce) {
  body.simple-menu *,body.simple-menu *::before,body.simple-menu *::after { animation:none!important; transition:none!important; }
}

/* Arcade lettering and solid-color depth, adapted to Pico Fly's pixel art. */
@font-face {
  font-family:"WF Bungee";
  src:url("assets/fonts/Bungee-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
body[data-pixel-review="true"] { --wf-display:"WF Bungee","WF Oxanium",sans-serif; }
body.simple-menu {
  --menu-ink:#f8fbff;
  --menu-dark:#101c31;
  --menu-shadow:#06101e;
}
body.simple-menu:has(.app-page:not([hidden])) .app-page,
body.simple-menu:has(.app-page:not([hidden])) .app-page>.screen-card {
  background:#101c31!important;
}
body.simple-menu .menu-page-heading {
  min-height:108px;
  background:
    linear-gradient(115deg,#ffffff2b 0 10%,transparent 10% 76%,#050e1d3d 76%),
    linear-gradient(165deg,var(--menu-edge),var(--menu-panel) 63%);
  border-bottom:5px solid #071327;
  box-shadow:0 5px 0 var(--menu-accent),0 8px 0 #050d1c;
}
body.simple-menu .menu-page-heading::after { opacity:.8; }
body.simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2,
body.simple-menu[data-screen="hangar"] .galaxy-menu #hangar-title {
  font-family:var(--wf-display)!important;
  font-weight:400!important;
  text-transform:uppercase;
  color:#fff6df!important;
  -webkit-text-stroke:.4px #091220;
  text-shadow:1px 1px 0 #162346,2px 2px 0 #162346,3px 3px 0 #162346,4px 5px 0 #07111e;
}
body.simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2 { font-size:22px!important; line-height:1.25!important; }
body.simple-menu[data-screen="hangar"] .galaxy-menu #hangar-title { font-size:22px; line-height:1.25; }
body.simple-menu .menu-emblem {
  background:linear-gradient(135deg,#365b76,#0b2038 68%);
  border:2px solid #fff1c1;
  box-shadow:inset 0 3px #ffffff5c,3px 4px 0 #071021,6px 7px 0 #060c19;
}
body.simple-menu .app-nav {
  background:#1b2945!important;
  border-top:3px solid #7bbed2;
  box-shadow:0 -4px 0 #081225,inset 0 3px #ffffff1c!important;
}
body.simple-menu .app-nav button[data-nav][aria-current="page"] {
  background:linear-gradient(#447785,#24465e)!important;
  box-shadow:inset 0 2px #c7f3f2,0 4px #080f21!important;
}
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) { background:#0a172b;border-color:#526b8d; }
body.simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button[aria-selected="true"] {
  background:linear-gradient(#fff3b0 0 48%,#f4c46b 49%)!important;
  color:#202440!important;
  box-shadow:inset 0 -4px #b77d48!important;
}
body.simple-menu .app-page .shop-catalog .shop-item {
  background:linear-gradient(150deg,color-mix(in srgb,var(--skin-rarity) 40%,#14213b),#111d36 70%)!important;
  box-shadow:inset 0 2px #ffffff6b,0 4px 0 #040b18,0 8px 14px #03091785;
}
body.simple-menu .app-page .shop-copy h3 {
  font-family:var(--wf-display);font-weight:400;font-size:12px;
  line-height:1.35;color:#fff6dc;
  text-shadow:1px 1px #10132c,2px 3px #070d19;
}
body.simple-menu .app-page .shop-art.sealed {
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 50% 53%,color-mix(in srgb,var(--skin-rarity) 65%,transparent),transparent 80%)!important;
}
body[data-pixel-review="true"].simple-menu .app-page .shop-catalog .shop-item.mystery .shop-art.sealed::before {
  display:block;content:"";position:absolute;inset:7px;width:auto;height:auto;
  border:3px solid color-mix(in srgb,var(--skin-rarity) 75%,#fff);
  border-radius:50%;background:color-mix(in srgb,var(--skin-rarity) 18%,transparent);
  box-shadow:inset 0 0 0 5px #07152588,0 0 0 4px color-mix(in srgb,var(--skin-rarity) 28%,transparent);
  opacity:.8;pointer-events:none;
}
body.simple-menu .shop-art.sealed .rarity-lock { position:relative;z-index:1;filter:none; }
body.simple-menu #mission-items .mission { background:linear-gradient(135deg,#345956,#213c4e);border-color:#83ce9d;box-shadow:inset 0 2px #ffffff29,0 4px #071421; }
body.simple-menu #mission-items .mission h3 { color:#fff4bd;font-family:var(--wf-display);font-size:11px;font-weight:400;line-height:1.4; }
body.simple-menu .profile-page .player-card { box-shadow:0 6px 0 #071220,0 10px 24px #02071199,inset 0 0 0 3px #09182a; }
body.simple-menu .profile-page .player-card-top strong { font-family:var(--wf-display);font-size:13px;line-height:1.4; }
body.simple-menu .ranking-score b { font-family:var(--wf-display);font-weight:400; }
body.simple-menu[data-screen="hangar"] .galaxy-menu #world-action,
body.simple-menu .splash-footer #play,
body.simple-menu #retry {
  background:linear-gradient(#fff2ab 0 48%,#f5c96d 49%)!important;
  border-color:#fff4c7!important;
  border-bottom:5px solid #a9793b!important;
  box-shadow:0 5px 0 #06111e,0 9px 18px #02081285!important;
  color:#22243b!important;
}
body.simple-menu[data-screen="hangar"] .galaxy-menu #world-action { font-family:var(--wf-display);font-size:17px; }
body[data-screen="game"] .shell,
body[data-screen="game"] .game { border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important; }
body[data-screen="game"] .hud { top:max(12px,env(safe-area-inset-top)); }
body[data-screen="game"] .hud #score {
  font:900 64px/1 Arial,sans-serif;
  font-variant-numeric:tabular-nums;
  color:#fff8dd;-webkit-text-stroke:1px #12243c;
  text-shadow:2px 3px 0 #152a48,4px 6px 0 #081526;
}
@media(max-width:350px){
  body.simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2 { font-size:18px!important; }
  body.simple-menu .app-page .shop-copy h3 { font-size:11px; }
  body[data-screen="game"] .hud #score { font-size:54px; }
}

/* Review-only presentation of the real Pico Fly application. */
body[data-arcade-preview] { --arc-ink:#122331; --arc-cyan:#53e5e0; --arc-coral:#ff866b; --arc-yellow:#ffe478; }
body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .app-page,
body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .app-page>.screen-card {
 background:linear-gradient(180deg,#163c50e6,#092539ed 450px),var(--wf-galaxy-art) center/cover!important;
}
body[data-arcade-preview] .app-page { --menu-accent:#ffb18c; --menu-edge:#ed795e; --menu-panel:#ab385c; }
body[data-arcade-preview] .app-page[data-page="missions"] { --menu-accent:#b9f485; --menu-edge:#61d6a0; --menu-panel:#18777f; }
body[data-arcade-preview] .app-page[data-page="leaderboard"] { --menu-accent:#ffe68d; --menu-edge:#edb657; --menu-panel:#b95854; }
body[data-arcade-preview] .app-page[data-page="profile"] { --menu-accent:#aff8f0; --menu-edge:#4bd5d9; --menu-panel:#2f718f; }
body[data-arcade-preview].simple-menu .menu-page-heading {
 min-height:88px!important;padding:14px 16px!important;gap:14px;
 background:linear-gradient(115deg,#ffffff29 0 13%,transparent 13% 82%,#132c3e2b 82%),linear-gradient(var(--menu-edge),var(--menu-panel))!important;
 border-bottom:4px solid #133242!important;box-shadow:0 4px var(--menu-accent),0 8px #062333!important;
}
body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2 { font-size:23px!important;line-height:1.3!important;text-shadow:0 2px #15384d,2px 4px #15384d,3px 5px #071b2a!important; }
body[data-arcade-preview].simple-menu .menu-page-heading::after {display:none}
body[data-arcade-preview].simple-menu .menu-emblem {width:48px;height:48px;border-radius:6px;background:#123d53;border:3px solid #ffefbe;box-shadow:0 4px #153044,inset 0 3px #6891a5;transform:rotate(-6deg)}
body[data-arcade-preview].simple-menu .app-nav {gap:3px;background:#10384b!important;border-top:3px solid #86e9df;box-shadow:0 -5px #052536!important;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
body[data-arcade-preview].simple-menu .app-nav button[data-nav] {border:1px solid #4a8998;background:#17475a;border-bottom:4px solid #092d40;border-radius:6px;min-height:54px;box-shadow:inset 0 2px #ffffff1c!important;font-size:9px}
body[data-arcade-preview].simple-menu .app-nav button[data-nav][aria-current="page"] {background:linear-gradient(#fff0a1,#f2b95c)!important;color:#173449!important;border-color:#fff0b0 #d58b4b #a76040;box-shadow:0 3px #071e2d,inset 0 3px #fff6c7!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav][aria-current="page"] b {color:#173449!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="home"] b {margin-top:-6px;background:#2c8990;border-color:#d3fff0;box-shadow:0 3px #0a3444}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="home"][aria-current="page"] b {background:#ffdd7e;border-color:#fff0b0}
body[data-arcade-preview] .app-nav svg {filter:none!important}

/* Opening screen: a framed cosmic display, retaining the real logo and quote. */
body[data-arcade-preview] .arcade-home-display {position:absolute;inset:29% 5% 25%;z-index:1;border:4px solid #76f4e1;background:#06192966;box-shadow:0 0 0 4px #103e50,0 0 0 7px #ff946f,inset 0 0 0 5px #092534;pointer-events:none}
body[data-arcade-preview] .arcade-home-display::before {content:"";position:absolute;inset:7px;border:1px solid #72d0d399}
body[data-arcade-preview] .arcade-home-worlds {position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-around;align-items:center;border-top:2px dashed #82dacc;padding-top:7px}
body[data-arcade-preview] .arcade-home-worlds img {width:32px;height:32px;object-fit:contain;image-rendering:pixelated;opacity:.62}
body[data-arcade-preview] #home-screen .splash-pico {z-index:3;width:68%!important;height:27%!important;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;left:50%!important;top:49%!important;animation:arcade-pico-float 4s ease-in-out infinite!important;filter:drop-shadow(0 7px #03111d)!important}
@keyframes arcade-pico-float{0%,100%{transform:translate(-50%,-50%) translateY(3px)}50%{transform:translate(-50%,-50%) translateY(-3px)}}
body[data-arcade-preview].simple-menu .splash-footer #play,
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu #world-action {
 background:linear-gradient(#ffbc7b 0 46%,#ff816a 47%)!important;border:3px solid #ffe3a3!important;border-bottom:6px solid #ad4660!important;box-shadow:0 5px #071f32!important;color:#172b40!important;font-size:22px!important;text-shadow:0 1px #ffd6a9;
}
body[data-arcade-preview] #home-screen .flight-quote {border:3px solid #7ce7cc!important;background:#0b2a34!important;color:#c4ffe2!important;box-shadow:inset 0 0 0 4px #245d63,0 4px #041b29!important}

/* Explorer keeps its real constellation and unlocked-world state. */
body[data-arcade-preview].simple-menu[data-screen="hangar"] .hangar-card.galaxy-menu {gap:11px;padding:14px 16px 16px;background:linear-gradient(#08253833,#0c314666),var(--wf-galaxy-art) center/cover!important}
body[data-arcade-preview].simple-menu .galaxy-menu .panel-heading {background:linear-gradient(#51cfcf,#278091)!important;border-bottom:4px solid #abeedb;box-shadow:0 4px #113c50}
body[data-arcade-preview].simple-menu .menu-wallet {background:#17384f;color:#fff1b0;border:2px solid #ffe89b;box-shadow:0 3px #0a2e42}
body[data-arcade-preview].simple-menu #atlas-settings {background:#143c56;border:2px solid #b5ffed;box-shadow:0 3px #0a2e42}
body[data-arcade-preview] .galaxy-menu .atlas-route-base {stroke:#64aab6!important;stroke-width:3!important}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .map-node strong {background:#174459;border:2px solid #8fd5d2;border-bottom:4px solid #265e70;color:#f3fff0;box-shadow:0 3px #051c2c;font-size:13px}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .map-node.focused strong {background:#ffe88b;border-color:#fff4be #db9d58 #aa6348;color:#173646}
body[data-arcade-preview].simple-menu .galaxy-menu .map-node.focused .planet-body::before {border:3px dashed #ffe88b;box-shadow:0 0 0 5px #1a526477}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier {padding:12px 10px 8px;background:linear-gradient(100deg,#17556a,#10354c);border-top:4px solid #87ead5;box-shadow:0 -3px #07212f}
body[data-arcade-preview].simple-menu #menu-loadout {background:#3f8b9e;border-color:#b4f9e7;border-bottom-color:#22536e}

/* The shop becomes a compact wall of coloured arcade prizes. */
body[data-arcade-preview].simple-menu .app-page .shop-balance {padding:11px 0 8px;color:#ffe7a0!important;font-size:15px;border-bottom:0}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) {padding:4px;border:2px solid #83c7ce;border-bottom:4px solid #28556b;background:#0e3349;box-shadow:0 3px #061d30}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button {font-family:var(--wf-ui);font-size:15px;font-weight:800;color:#efffff}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button[aria-selected="true"] {background:linear-gradient(#c2ffe5 45%,#67d9b6 46%)!important;color:#173c48!important;box-shadow:inset 0 -4px #379b8a!important}
body[data-arcade-preview].simple-menu .app-page .shop-catalog {gap:14px 12px}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item {gap:7px;padding:12px 10px 10px;border:3px solid var(--skin-rarity);border-bottom-width:6px;border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--skin-rarity) 74%,#fff),color-mix(in srgb,var(--skin-rarity) 58%,#21465b) 58%,#21465b)!important;box-shadow:inset 0 3px #ffffff80,0 4px #061c2d!important}
body[data-arcade-preview].simple-menu .app-page .shop-copy h3 {min-height:32px;font-size:13px!important;line-height:1.3;color:#fff9df!important;text-shadow:1px 2px #153648,2px 3px #153648}
body[data-arcade-preview].simple-menu .app-page .shop-copy .rarity-badge {color:#fff9df!important;background:#123348b3;padding:3px 7px;align-self:center;border-radius:3px;font-size:11px}
body[data-arcade-preview].simple-menu .app-page .shop-art.sealed {height:90px;width:94px;background:#153d5255!important;isolation:isolate;border-radius:6px}
body[data-arcade-preview].simple-menu .app-page .shop-actions button {font-size:16px;background:linear-gradient(#fff3b0 45%,#ffd472 46%);border:2px solid #fff7c7;border-bottom:4px solid #b37f3e;color:#203443;box-shadow:0 3px #153448}
body[data-arcade-preview] .trail-choice {background:#24576b!important;border:2px solid var(--trail-accent)!important;border-bottom-width:5px!important;border-radius:6px!important;padding:12px!important}
body[data-arcade-preview] .trail-gallery {border:3px solid #8de9db!important;background:#09293f!important}

/* Missions: lower height, more contrast, a clear reward on the right. */
body[data-arcade-preview].simple-menu #mission-items .mission {padding:12px 13px;margin-bottom:13px;background:linear-gradient(115deg,#d0f2c7,#a6dfbe)!important;border:2px solid #f0ffe0;border-left:6px solid #76d5a1;border-bottom:5px solid #478e84;box-shadow:0 4px #072936;border-radius:6px;color:#173d45}
body[data-arcade-preview].simple-menu #mission-items .mission p {font-size:16px!important;color:#173d45!important;font-weight:800;margin-block:4px 10px}
body[data-arcade-preview].simple-menu #mission-items .mission h3 {color:#245866!important;font-size:11px!important;text-shadow:none}
body[data-arcade-preview] #mission-items .mission :is(span,small,strong) {color:#204651}
body[data-arcade-preview].simple-menu #mission-items .mission button:disabled {color:#254e49!important;background:#e9f6c9!important;border:2px solid #76b99a!important;border-bottom:4px solid #64a690!important;opacity:1}
body[data-arcade-preview].simple-menu #mission-items .mission button:not(:disabled) {color:#143b45!important;background:#ffdf79!important;border:2px solid #fff5b8!important;border-bottom:4px solid #b58b48!important}
body[data-arcade-preview] #mission-items progress {height:10px;accent-color:#45b08d;background:#80bba7;border:1px solid #679c91}
body[data-arcade-preview] #mission-items progress::-webkit-progress-bar {background:#7bad9d}
body[data-arcade-preview] #mission-items progress::-webkit-progress-value {background:#ffe47d}
body[data-arcade-preview] .daily-clock {color:#cbfff0!important;font-size:15px!important}
body[data-arcade-preview] .mission-group>summary {background:#246776;padding:14px 12px!important;border:1px solid #75bcae;border-bottom:4px solid #0b354b;margin:10px 0;color:#e7ffdc!important;border-radius:5px}

/* Player identity: a brighter collectible card and coloured achievement tiles. */
body[data-arcade-preview] .profile-heading .profile-tools {margin-top:4px!important}
body[data-arcade-preview].simple-menu .profile-tools button {background:#12506a;border:2px solid #9cece2;border-bottom:4px solid #164153}
body[data-arcade-preview].simple-menu .profile-page .player-card {border:4px solid #ffe8a0;border-bottom:7px solid #b47b55;box-shadow:0 5px #082638,inset 0 0 0 4px #1b5267;border-radius:7px}
body[data-arcade-preview].simple-menu .profile-page .player-avatar {border:3px solid #fff1b0;box-shadow:0 4px #0b3047;background:#235477}
body[data-arcade-preview] .profile-page .pinned-slot {background:#17647699!important;border:2px solid #8fddd2!important;box-shadow:0 3px #0b3047;border-radius:5px}
body[data-arcade-preview].simple-menu .profile-page .profile-stats {margin:12px 0;padding:10px 0;background:#215d70;border-block:2px solid #6bb1b7}
body[data-arcade-preview].simple-menu .profile-page .profile-stats strong {color:#ffdf83;font-size:28px;text-shadow:0 3px #163b50}
body[data-arcade-preview] .profile-stats span {color:#e0fff5!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options {gap:10px}
body[data-arcade-preview].simple-menu .profile-page .profile-options button {background:linear-gradient(#3e8492,#245268);border:2px solid #8bc9c8;border-bottom:5px solid #123c54;box-shadow:0 3px #072438}
body[data-arcade-preview].simple-menu .profile-page .profile-options button.selected {background:linear-gradient(#67c6ab,#358c8d);border-color:#f5e999 #e5bf70 #a5784c}
body[data-arcade-preview] .profile-options button strong {font-size:11px!important;color:#fff1c9!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options button small {color:#e9fff5}

/* Rankings remain truthful about the unavailable online service. */
body[data-arcade-preview].simple-menu .ranking-empty {min-height:155px;border:0;padding:20px 10px 16px;background:none}
body[data-arcade-preview] .ranking-empty strong {font-size:15px!important;line-height:1.4;color:#fff2c4!important}
body[data-arcade-preview] .ranking-empty p {color:#cbeff1;font-size:14px;line-height:1.4}
body[data-arcade-preview].simple-menu .ranking-competitions {border:2px solid #f4d087;border-bottom:5px solid #9d7152;border-radius:6px}
body[data-arcade-preview].simple-menu .ranking-competitions>div {background:#3c6575;padding:14px 12px;border-bottom:1px solid #90b8b6}
body[data-arcade-preview] .ranking-competitions strong {color:#fff2bd!important;font-size:14px!important}
body[data-arcade-preview] .ranking-competitions p {color:#e2f9f2!important;font-size:14px!important}
body[data-arcade-preview] .ranking-preview {border:3px solid #f5d68d!important;border-bottom:5px solid #a87751!important;background-color:#225465!important}
body[data-arcade-preview].simple-menu :is(#menu-skins,#studio-detail,#nickname-dialog) {background:#205368;border:3px solid #9aebd6;border-bottom:6px solid #376e83}
body[data-arcade-preview].simple-menu .screen.active>.compact-card {background:#22566b;border:3px solid #8ce4d6;border-bottom:6px solid #1d3e55}
@media(max-width:350px){body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2{font-size:19px!important}body[data-arcade-preview].simple-menu .menu-page-heading{min-height:76px!important;padding:10px 12px!important}body[data-arcade-preview].simple-menu .app-nav button[data-nav]{font-size:8px}body[data-arcade-preview] .arcade-home-worlds img{width:24px;height:24px}body[data-arcade-preview].simple-menu .app-page .shop-copy h3{font-size:11px!important}}
body[data-arcade-preview].simple-menu .app-page[data-page="shop"] {--menu-edge:#ff9b72;--menu-panel:#dc5f6a;--menu-accent:#ffd18b}
body[data-arcade-preview].simple-menu #mission-items .daily-mission {grid-template-columns:minmax(0,1fr) 98px;column-gap:14px;row-gap:6px;min-height:104px}
body[data-arcade-preview].simple-menu #mission-items .daily-mission>p {grid-column:1;grid-row:1;font-size:15px!important;margin:0!important;align-self:center}
body[data-arcade-preview] #mission-items .daily-mission>progress {grid-column:1;grid-row:2}
body[data-arcade-preview] #mission-items .daily-mission>div {display:contents}
body[data-arcade-preview] #mission-items .daily-mission>div>span {grid-column:1;grid-row:3;font-size:12px}
body[data-arcade-preview] #mission-items .daily-mission>div>button {grid-column:2;grid-row:1/4;align-self:center;min-width:0!important;min-height:52px!important;padding:8px!important;white-space:normal}
body[data-arcade-preview].simple-menu #mission-items .daily-mission:nth-of-type(2) {background:linear-gradient(115deg,#c2f3ef,#9fd8e6)!important;border-left-color:#6ecbcf;border-bottom-color:#458a9f}
body[data-arcade-preview].simple-menu #mission-items .daily-mission:nth-of-type(3) {background:linear-gradient(115deg,#fff0bd,#f1d79b)!important;border-left-color:#e8bd70;border-bottom-color:#af8156}
body[data-arcade-preview].simple-menu #mission-items .eclipse-missions .mission {background:#18364b var(--wf-galaxy-art) center/cover!important;border-color:#f4d594;border-left-color:#ffe8ae;border-bottom-color:#aa8056}
body[data-arcade-preview].simple-menu #mission-items .eclipse-missions .mission :is(h3,p,span) {color:#fff0bd!important}
body[data-arcade-preview].simple-menu .app-page[data-page="profile"] .player-card {border:4px solid #ffe8a0!important;border-bottom:7px solid #b47b55!important;box-shadow:0 5px #082638,inset 0 0 0 4px #1b5267!important}
body[data-arcade-preview].simple-menu .app-page[data-page="profile"] .profile-options button {background:linear-gradient(#438ea0,#225369)!important;border:2px solid #9bd6cc!important;border-bottom:5px solid #15394d!important}
body[data-arcade-preview].simple-menu .app-page[data-page="profile"] .profile-options button.selected {background:linear-gradient(#7adab6,#309b96)!important;border-color:#ffe6a0 #e5bf70 #a5784c!important}
body[data-arcade-preview].simple-menu .app-page .shop-art.sealed {background:transparent!important}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview] #home-screen .splash-pico{animation:none!important;transform:translate(-50%,-50%)}}
@media(max-height:650px){body[data-arcade-preview] .arcade-home-display{inset:32% 5% 28%}body[data-arcade-preview] #home-screen .splash-pico{height:24%!important}}

/* Pixel cabinet: the original, interactive home elements live inside its screen. */
@font-face{font-family:"Arcade Pixel";src:url('/arcade-font.ttf') format('truetype');font-weight:400 700;font-display:swap}
body[data-arcade-preview] #home-screen{background:#121a30!important;isolation:isolate}
body[data-arcade-preview] #home-screen>.splash-vignette{display:none}
body[data-arcade-preview] #home-screen::before{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:repeating-linear-gradient(0deg,transparent 0 31px,#31556c 32px 35px),repeating-linear-gradient(90deg,#152c47 0 31px,#31556c 32px 35px);border-top:5px solid #36536e;pointer-events:none}
body[data-arcade-preview] #home-screen::after{content:"";position:absolute;left:6%;top:20%;width:6px;height:6px;background:#54728b;box-shadow:312px 42px #36536e,24px 147px #54728b,295px 251px #54728b,18px 403px #3c596f,288px 440px #36536e;pointer-events:none}
body[data-arcade-preview] #home-screen :is(#splash-sound,#splash-language){z-index:20;top:9px;border-radius:0!important;background:#193a53;border:2px solid #82d6d4;box-shadow:0 3px #08101d;min-height:36px;height:36px}
body[data-arcade-preview] .arcade-cabinet{position:absolute;z-index:2;top:55px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:362px;height:calc(100% - 75px);max-height:764px;display:grid;grid-template-rows:48px minmax(0,1fr) 100px 86px;background:linear-gradient(90deg,#ffb580 0 4px,#f47b6e 4px 11px,#9f4260 11px 17px,#163d56 17px calc(100% - 17px),#266d81 calc(100% - 17px) calc(100% - 11px),#60ddce calc(100% - 11px) calc(100% - 4px),#b7ffe6 calc(100% - 4px));box-shadow:0 8px #080f23,0 14px #090e1c77;clip-path:polygon(0 0,100% 0,100% 10%,98% 10%,98% 72%,100% 74%,100% 87%,96% 87%,96% 100%,4% 100%,4% 87%,0 87%,0 74%,2% 72%,2% 10%,0 10%)}
body[data-arcade-preview] .cabinet-marquee{position:relative;z-index:3;margin:0 0 10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff0ad 0 4px,#f59c75 4px 8px,#e36f70 8px calc(100% - 5px),#76374f calc(100% - 5px));border:4px solid #13263e;box-shadow:0 3px #09172d}
body[data-arcade-preview] .marquee-stars{font:700 23px/1 "Arcade Pixel",monospace;letter-spacing:6px;color:#fff0ad;text-shadow:2px 2px #913a53}
body[data-arcade-preview] .marquee-wing{position:absolute;left:15px;width:42px;height:14px;background:repeating-linear-gradient(90deg,#ffe9a0 0 8px,transparent 8px 13px);clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,25% 60%,0 60%)}
body[data-arcade-preview] .marquee-wing.right{left:auto;right:15px;transform:scaleX(-1)}
body[data-arcade-preview] .arcade-crt{position:relative;isolation:isolate;overflow:hidden;margin:0 23px 12px;padding:12px 12px 13px;display:grid;grid-template-rows:minmax(65px,1fr) minmax(70px,1.4fr) auto;gap:6px;border:7px solid #071427;background:#061424;box-shadow:0 0 0 3px #76efda,0 0 0 7px #133649,0 0 0 10px #07182d}
body[data-arcade-preview] #home-screen .arcade-crt>.splash-space{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:-1;image-rendering:pixelated}
body[data-arcade-preview] #home-screen .arcade-crt>.splash-logo{position:relative!important;inset:auto!important;transform:none!important;width:100%;height:100%;max-height:146px;display:flex;align-items:center;justify-content:center;margin:0!important;z-index:2}
body[data-arcade-preview] #home-screen .arcade-crt .pixel-wordmark{position:static!important;display:block;width:100%!important;height:100%!important;max-width:272px;max-height:146px;object-fit:contain;image-rendering:pixelated;filter:none!important}
body[data-arcade-preview] #home-screen .arcade-crt>.splash-pico{position:relative!important;inset:auto!important;grid-row:2;align-self:center;justify-self:center;width:100%!important;height:100%!important;max-height:230px;max-width:270px;aspect-ratio:auto;object-fit:contain;transform:none!important;animation:cabinet-pico-float 3.6s ease-in-out infinite!important;filter:drop-shadow(0 5px #021323)!important}
@keyframes cabinet-pico-float{0%,100%{translate:0 2px}50%{translate:0 -2px}}
body[data-arcade-preview] #home-screen .arcade-crt>#home-tagline{position:relative!important;inset:auto!important;grid-row:3;z-index:3;width:100%;max-width:none;min-height:58px!important;height:auto;max-height:88px;margin:0!important;padding:12px 9px 8px!important;border:2px solid #7ce8c9!important;border-radius:0!important;box-shadow:inset 0 0 0 3px #17474b!important;color:#c7ffe4!important;background:repeating-linear-gradient(#051d29 0 3px,#082733 3px 5px)!important;font:600 12px/1.25 "Arcade Pixel",monospace!important;letter-spacing:0;display:flex;align-items:center;justify-content:center;text-align:center}
body[data-arcade-preview] .cabinet-controls{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:18px;padding:12px 23px 18px;background:linear-gradient(#b4ffdf 0 4px,#3ea99d 4px 11px,#276c7b 11px calc(100% - 14px),#14374f calc(100% - 14px) calc(100% - 5px),#091d33 calc(100% - 5px));border-inline:5px solid #15243d;box-shadow:0 -4px #08182d;z-index:4}
body[data-arcade-preview] .cabinet-play-slot{width:100%;min-width:0}
body[data-arcade-preview] #home-screen .cabinet-play-slot>#play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:57px;height:62px;margin:0!important;padding:5px 8px!important;border-radius:0!important;background:linear-gradient(#ffed96 0 5px,#ffc66e 5px 45%,#ff9672 45% calc(100% - 5px),#ee705f calc(100% - 5px))!important;color:#17374b!important;border:3px solid #ffeab0!important;border-bottom:7px solid #a9445b!important;box-shadow:0 4px #081b2d!important;font:700 24px/1 "Arcade Pixel",monospace!important;letter-spacing:0;text-shadow:0 1px #fff0ba;transition:transform .1s,box-shadow .1s}
body[data-arcade-preview] #home-screen .cabinet-play-slot>#play:active{transform:translateY(3px);box-shadow:0 1px #081b2d!important}
body[data-arcade-preview] .cabinet-joystick{position:relative;width:100px;height:68px}
body[data-arcade-preview] .joystick-base{position:absolute;left:3px;bottom:5px;width:52px;height:15px;background:#091c30;box-shadow:inset 0 4px #1b485e;clip-path:polygon(15% 0,85% 0,85% 20%,100% 20%,100% 80%,85% 80%,85% 100%,15% 100%,15% 80%,0 80%,0 20%,15% 20%)}
body[data-arcade-preview] .joystick-stick{position:absolute;left:25px;bottom:16px;width:10px;height:26px;background:linear-gradient(90deg,#08182b 0 3px,#d1ebdd 3px 6px,#437f87 6px);transform:rotate(-13deg);transform-origin:bottom}
body[data-arcade-preview] .joystick-ball{position:absolute;left:9px;top:4px;width:32px;height:29px;background:linear-gradient(135deg,#ffda91 0 30%,#ff8e72 30% 68%,#bd4f60 68%);clip-path:polygon(20% 0,80% 0,80% 12%,100% 12%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 12%,20% 12%)}
body[data-arcade-preview] .little-button{position:absolute;right:1px;bottom:12px;width:17px;height:13px;background:#ffdd87;box-shadow:inset 0 3px #fff0b9,0 4px #88613d;clip-path:polygon(20% 0,80% 0,80% 15%,100% 15%,100% 85%,80% 85%,80% 100%,20% 100%,20% 85%,0 85%,0 15%,20% 15%)}
body[data-arcade-preview] .little-button.second{right:15px;bottom:34px;background:#8af3cf;box-shadow:inset 0 3px #cbffe9,0 4px #347e7a}
body[data-arcade-preview] .cabinet-plinth{position:relative;margin:0 14px 0;background:linear-gradient(90deg,#a84860 0 6px,#552c4b 6px 17px,#24384f 17px calc(100% - 17px),#355c6a calc(100% - 17px) calc(100% - 6px),#57a8ad calc(100% - 6px));border-bottom:9px solid #09162a;box-shadow:inset 0 4px #0d263b}
body[data-arcade-preview] .cabinet-speaker{position:absolute;left:23px;top:22px;width:52px;height:37px;background:repeating-linear-gradient(#081c30 0 4px,#3b5d70 4px 7px);border:4px solid #10263c;box-shadow:0 2px #7a6969}
body[data-arcade-preview] .cabinet-coin-door{position:absolute;top:11px;left:calc(50% - 23px);width:46px;height:58px;background:#10263a;border:3px solid #537d88;box-shadow:0 3px #08172a}
body[data-arcade-preview] .cabinet-coin-door i{display:block;margin:8px auto;width:24px;height:7px;background:#071423;border:2px solid #f1bd76}
body[data-arcade-preview] .cabinet-coin-door span{display:block;margin:8px auto;width:18px;height:13px;border:2px solid #34576b;background:#08192c}
body[data-arcade-preview] .cabinet-decal{position:absolute;right:29px;top:18px;width:35px;height:45px;background:#ffb77d;clip-path:polygon(42% 0,100% 0,64% 35%,100% 35%,12% 100%,34% 54%,0 54%)}

/* Menus share pixel lettering and hard-edged materials. */
body[data-arcade-preview].simple-menu :is(.menu-page-heading h2,#hangar-title,.shop-copy h3,.profile-options strong,.mission-group>summary,.ranking-competitions strong){font-family:"Arcade Pixel",monospace!important;font-weight:700!important;letter-spacing:0!important}
body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2{font-size:29px!important}
body[data-arcade-preview].simple-menu :is(.menu-page-heading,.galaxy-menu .panel-heading){background:linear-gradient(var(--menu-edge) 0 5px,color-mix(in srgb,var(--menu-edge) 80%,var(--menu-panel)) 5px 50%,var(--menu-panel) 50% calc(100% - 5px),color-mix(in srgb,var(--menu-panel) 70%,#09283a) calc(100% - 5px))!important}
body[data-arcade-preview].simple-menu .galaxy-menu .panel-heading{--menu-edge:#64e0cc;--menu-panel:#278a98}
body[data-arcade-preview].simple-menu :is(.menu-emblem,.app-nav button,.shop-item,.shop-tabs,.profile-tabs,.ranking-tabs,.mission,.profile-options button,.player-card,.pinned-slot,.ranking-competitions,.ranking-preview,.mission-group>summary){border-radius:0!important}
body[data-arcade-preview].simple-menu .menu-emblem{transform:none;box-shadow:3px 3px #10263d,inset 0 3px #7bacae!important}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{background:linear-gradient(color-mix(in srgb,var(--skin-rarity) 72%,#fff) 0 6px,color-mix(in srgb,var(--skin-rarity) 55%,#245269) 6px 60%,color-mix(in srgb,var(--skin-rarity) 38%,#173d53) 60%)!important;box-shadow:inset 4px 0 #ffffff35,inset -4px 0 #0c2b4b40,0 4px #061c2d!important}
body[data-arcade-preview].simple-menu .app-page .shop-copy h3{font-size:17px!important}
body[data-arcade-preview].simple-menu #mission-items .mission p{font-family:"Arcade Pixel",monospace!important;font-size:17px!important;font-weight:600}
body[data-arcade-preview].simple-menu #mission-items .daily-mission>p{font-size:16px!important}
body[data-arcade-preview].simple-menu :is(.app-nav button,.shop-tabs button,.profile-tabs button,.ranking-tabs button){font-family:"Arcade Pixel",monospace!important;letter-spacing:0}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]{font-size:11px!important}
body[data-arcade-preview] .profile-options button strong{font-size:14px!important}
@media(max-height:650px){body[data-arcade-preview] .arcade-cabinet{top:51px;height:calc(100% - 63px);grid-template-rows:32px minmax(0,1fr) 76px 50px}body[data-arcade-preview] .cabinet-marquee{margin-bottom:8px}body[data-arcade-preview] .marquee-stars{font-size:17px}body[data-arcade-preview] .arcade-crt{margin:0 20px 10px;padding:7px 7px 9px;gap:3px;border-width:5px;grid-template-rows:minmax(48px,.8fr) minmax(55px,1.2fr) auto}body[data-arcade-preview] #home-screen .arcade-crt>#home-tagline{min-height:49px!important;font-size:11px!important;padding:10px 6px 6px!important}body[data-arcade-preview] .cabinet-controls{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:4px 19px 11px}body[data-arcade-preview] .cabinet-joystick{scale:.82;transform-origin:left center}body[data-arcade-preview] #home-screen .cabinet-play-slot>#play{height:50px;min-height:50px;font-size:21px!important}body[data-arcade-preview] .cabinet-speaker{top:12px;height:21px;width:42px}body[data-arcade-preview] .cabinet-coin-door{top:7px;height:29px;width:38px;left:calc(50% - 19px)}body[data-arcade-preview] .cabinet-coin-door i{margin:6px auto}body[data-arcade-preview] .cabinet-coin-door span{display:none}body[data-arcade-preview] .cabinet-decal{top:9px;height:29px;width:25px}}
@media(max-width:350px){body[data-arcade-preview].simple-menu .app-nav button[data-nav]{font-size:9px!important}body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) .menu-page-heading h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview] #home-screen .arcade-crt>.splash-pico{animation:none!important;translate:none}}
body[data-arcade-preview] .arcade-crt{grid-template-rows:minmax(65px,1fr) minmax(70px,1.4fr) 26px auto}
body[data-arcade-preview] .cabinet-worlds{position:relative;grid-row:3;z-index:2;display:flex;align-items:center;justify-content:space-evenly;gap:10px;isolation:isolate}
body[data-arcade-preview] .cabinet-worlds::before{content:"";position:absolute;left:22px;right:22px;top:50%;border-top:2px dashed #315868;z-index:-1}
body[data-arcade-preview] .cabinet-worlds img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated;filter:brightness(.55)}
body[data-arcade-preview] .cabinet-worlds span{font:700 25px/1 "Arcade Pixel",monospace;color:#b7f9e2;text-shadow:2px 2px #21616f}
body[data-arcade-preview] #home-screen .arcade-crt>#home-tagline{grid-row:4}
@media(max-height:650px){body[data-arcade-preview] .arcade-crt{grid-template-rows:minmax(48px,.8fr) minmax(55px,1.2fr) 22px auto}body[data-arcade-preview] .cabinet-worlds img{width:21px;height:21px}}

body[data-arcade-preview] #home-screen{display:flex;align-items:center;justify-content:center;background:#14233a!important}
body[data-arcade-preview] #home-screen:not(.active){display:none!important}
body[data-arcade-preview] #home-screen::before,body[data-arcade-preview] #home-screen::after{display:none}
body[data-arcade-preview] .art-cabinet{position:relative;isolation:isolate;flex:none;width:min(100%,56.28dvh);aspect-ratio:941/1672;max-height:100dvh;overflow:hidden}
body[data-arcade-preview] .machine-backdrop{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
body[data-arcade-preview] .art-monitor{position:absolute;z-index:2;left:18.4%;top:17.2%;width:63.1%;height:46.7%;overflow:hidden;clip-path:polygon(4% 0,95.8% 0,100% 100%,0 100%);background:#061424;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.4fr);padding:7% 5% 6%;gap:10px}
body[data-arcade-preview] #home-screen .art-monitor>.splash-space{position:absolute;z-index:-1;inset:-4%;width:108%;height:108%;object-fit:cover;opacity:1;image-rendering:pixelated;animation:art-nebula 22s ease-in-out infinite;animation-play-state:paused}
body[data-arcade-preview] .art-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:1}
body[data-arcade-preview] #home-screen .art-monitor>.splash-logo{position:relative!important;inset:auto!important;z-index:2;align-self:center;justify-self:center;width:100%!important;height:100%!important;max-height:140px;margin:0!important;transform:none!important;display:flex;align-items:center;justify-content:center}
body[data-arcade-preview] #home-screen .art-monitor .pixel-wordmark{position:static!important;display:block;width:100%!important;height:100%!important;max-width:none;max-height:140px;object-fit:contain;filter:none!important;image-rendering:pixelated}
body[data-arcade-preview] .art-pico-rig{position:relative;z-index:2;align-self:center;justify-self:center;grid-row:2;width:100%;height:100%;animation:art-pico-hop 3.4s ease-in-out infinite;animation-play-state:paused;transform-origin:55% 50%}
body[data-arcade-preview] #home-screen .art-pico-rig .splash-pico{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;transform:none!important;translate:none!important;animation:none!important;filter:drop-shadow(0 4px #03131e88)!important;image-rendering:pixelated}
body[data-arcade-preview] .art-play-slot{position:absolute;z-index:5;left:49.7%;top:68.7%;width:36.2%;height:9.6%}
body[data-arcade-preview] #home-screen .art-play-slot>#play{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0 5px 8%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#16394b!important;font:700 23px/1 'Arcade Pixel',monospace!important;letter-spacing:0!important;text-transform:uppercase;text-shadow:0 1px #ffe3a6;transition:transform .12s}
body[data-arcade-preview] #home-screen .art-play-slot>#play::before{content:"";position:absolute;z-index:-1;inset:0;background:url('/arcade-cabinet-v3.png') 77.9% 76%/276.2431% 1041.6667%;clip-path:polygon(4% 0,96% 0,100% 99%,0 99%);animation:art-button-breathe 4s ease-in-out infinite;animation-play-state:paused}
body[data-arcade-preview] #home-screen .art-play-slot>#play span{display:none}
body[data-arcade-preview] #home-screen .art-play-slot>#play:hover{color:#082d41!important}
body[data-arcade-preview] #home-screen .art-play-slot>#play:active{transform:translateY(2px) scale(.99)}
body[data-arcade-preview] #home-screen .art-play-slot>#play:focus-visible{outline:3px solid #f8ffd2;outline-offset:2px}
body[data-arcade-preview] .art-ticker{position:absolute;z-index:5;left:24.8%;top:84.2%;width:52%;height:7%;padding:3px 5px;overflow:hidden}
body[data-arcade-preview] #home-screen .art-ticker>#home-tagline{position:relative;inset:auto!important;display:flex;align-items:center;justify-content:center;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:1px 2px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#c5fff0!important;font:600 11px/1.15 'Arcade Pixel',monospace;letter-spacing:0!important;text-align:center;overflow-wrap:anywhere;text-shadow:0 0 3px #72e9c85c}
body[data-arcade-preview] #home-screen .art-ticker>#home-tagline::before,body[data-arcade-preview] #home-screen .art-ticker>#home-tagline::after{display:none}
body[data-arcade-preview] #home-screen :is(#splash-sound,#splash-language){position:absolute;z-index:20;top:10px;width:40px;height:40px;min-height:40px;border:2px solid #6be7df;border-radius:8px!important;background:linear-gradient(#174357,#082536);box-shadow:inset 0 2px #a2fff633,0 3px #061527;color:#ffe591}
body[data-arcade-preview] .art-marquee-glow{position:absolute;z-index:3;left:17.8%;top:10.8%;width:64.6%;height:2.7%;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
body[data-arcade-preview] .art-marquee-glow::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#fff1ba60 48%,transparent 66%);animation:art-marquee-sweep 6s ease-in-out infinite;animation-play-state:paused}
body[data-arcade-preview] .art-crest-glow{position:absolute;z-index:3;left:43.8%;top:4.3%;width:13.2%;height:6.2%;background:#fff3ad;clip-path:polygon(50% 0,62% 32%,100% 37%,72% 62%,82% 100%,50% 78%,19% 100%,28% 62%,0 37%,38% 32%);opacity:.1;mix-blend-mode:screen;pointer-events:none;animation:art-light-pulse 4.7s ease-in-out infinite;animation-play-state:paused}
body[data-arcade-preview] .art-wing-light{position:absolute;z-index:3;left:5.5%;top:32.3%;width:2.7%;height:2.4%;border-radius:50%;background:#b5ffff;box-shadow:0 0 8px #63fff4;opacity:.15;mix-blend-mode:screen;pointer-events:none;animation:art-light-pulse 3.8s ease-in-out infinite;animation-play-state:paused}
body[data-arcade-preview] .art-wing-light.right{left:auto;right:5.5%;animation-delay:1.1s}
body[data-arcade-preview][data-screen="home"] .art-cabinet[data-motion="running"] :is(.splash-space,.art-pico-rig,.art-crest-glow,.art-wing-light){animation-play-state:running!important}
body[data-arcade-preview][data-screen="home"] .art-cabinet[data-motion="running"] :is(.art-marquee-glow,#play)::before{animation-play-state:running!important}
@keyframes art-nebula{0%,100%{transform:translateY(0)}50%{transform:translateY(-2%)}}
@keyframes art-pico-hop{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes art-light-pulse{0%,100%{opacity:.08}50%{opacity:.4}}
@keyframes art-marquee-sweep{0%,25%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes art-button-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.045)}}
@media(max-width:350px){body[data-arcade-preview] #home-screen .art-play-slot>#play{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview] .art-cabinet :is(.splash-space,.art-pico-rig,.art-crest-glow,.art-wing-light){animation:none!important}body[data-arcade-preview] .art-cabinet :is(#play,.art-marquee-glow)::before{animation:none!important}body[data-arcade-preview] #home-screen .art-play-slot>#play{transition:none}}
body[data-arcade-preview] .cabinet-touch-controls{position:absolute;inset:0;z-index:6;pointer-events:none}
body[data-arcade-preview] #home-screen .art-joystick,body[data-arcade-preview] #home-screen .art-mini-button{position:absolute;pointer-events:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer}
body[data-arcade-preview] #home-screen .art-joystick{left:15.4%;top:65.8%;width:16.8%;height:12.3%;min-height:44px}
body[data-arcade-preview] .stick-lever{position:absolute;left:15%;bottom:16%;width:70%;height:78%;transform-origin:50% 100%;transform:rotate(var(--stick-roll,0deg)) scaleY(var(--stick-scale,1));transition:transform .26s cubic-bezier(.2,1.5,.4,1);pointer-events:none;filter:drop-shadow(1px 2px 1px #0c263544)}
body[data-arcade-preview] .stick-shaft{position:absolute;left:44%;bottom:0;width:12%;height:54%;background:linear-gradient(90deg,#172735,#e3f4ef 40%,#b2d7d8 60%,#40556a);border-radius:3px;box-shadow:1px 0 1px #091d30}
body[data-arcade-preview] .stick-ball{position:absolute;left:0;top:0;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at 28% 19%,#fff9e4 0 3%,#ffd8bb 6%,#ff9b82 18%,#f25b57 48%,#b82845 76%,#681e3d 100%);border:1px solid #ffd2ac99;border-radius:50%;box-shadow:inset -3px -5px 5px #681c4888,inset 2px 2px 2px #ffe8bb,1px 5px 3px #09142188;transition:filter .12s}
body[data-arcade-preview] .stick-ball::after{content:"";position:absolute;left:18%;top:12%;width:32%;height:18%;border-radius:50%;transform:rotate(-28deg);background:linear-gradient(#fff9eacc,#fff9ea00)}
body[data-arcade-preview] .art-joystick::before{content:"";position:absolute;left:22%;bottom:9%;width:56%;height:25%;border-radius:50%;background:radial-gradient(ellipse,#121e2e 0 25%,#688591 30%,#d7e5de 40%,#778b90 49%,#1a3043 55%,#0a1727 70%);box-shadow:0 3px 1px #071322aa,inset 0 1px #e6f4de}
body[data-arcade-preview] .art-joystick.is-pressed .stick-lever{transition:none}
body[data-arcade-preview] .art-joystick.is-pressed .stick-ball{filter:brightness(.96)}
body[data-arcade-preview] #home-screen .art-mini-button{width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center}
body[data-arcade-preview] .art-mini-button.mint{left:35.1%;top:70.8%;clip-path:polygon(0 0,100% 0,100% 55%,55% 100%,0 100%)}
body[data-arcade-preview] .art-mini-button.gold{left:39.6%;top:74.5%;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%,0 45%)}
body[data-arcade-preview] .art-mini-button span{position:relative;display:block;width:64%;height:47%;border:1px solid #bdfff1;border-radius:50%;background:radial-gradient(ellipse at 36% 25%,#f0fff1,#8effdf 25%,#31cbb1 65%,#187d85);box-shadow:inset 0 2px 1px #e5fff1,inset 0 -2px 2px #157a83,0 3px 0 #206772,0 4px 0 2px #102c42,0 6px 3px 2px #071b36aa;transition:transform .1s,box-shadow .1s;pointer-events:none}
body[data-arcade-preview] .art-mini-button span::after{content:"";position:absolute;left:18%;right:18%;top:10%;height:27%;border-radius:50%;background:linear-gradient(#ffffffa6,#ffffff00)}
body[data-arcade-preview] .art-mini-button.gold span{border-color:#fff0ae;background:radial-gradient(ellipse at 36% 25%,#fffce1,#ffe89b 25%,#ffc14f 65%,#c67a2b);box-shadow:inset 0 2px 1px #fff6c5,inset 0 -2px 2px #ba7629,0 3px 0 #946430,0 4px 0 2px #26313c,0 6px 3px 2px #071b36aa}
body[data-arcade-preview] .art-mini-button:active span{transform:translateY(3px);box-shadow:inset 0 2px 1px #ffffffa0,0 1px #194e59}
body[data-arcade-preview] .art-pico-steering,body[data-arcade-preview] .art-pico-reaction{width:100%;height:100%;transform-origin:55% 55%}
body[data-arcade-preview] .art-pico-steering{transition:transform .24s cubic-bezier(.2,1.2,.4,1)}
body[data-arcade-preview] .stick-engaged .art-pico-steering{transition:none}
body[data-arcade-preview] #home-screen :is(.art-mini-button,.art-joystick):focus-visible{outline:2px solid #d6fff0;outline-offset:1px;border-radius:8px}
@media(max-width:350px){body[data-arcade-preview] .art-mini-button span{width:55%;height:40%}}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview] :is(.stick-lever,.art-pico-steering,.art-mini-button span){transition:none}}

body[data-arcade-preview] .machine-backdrop{filter:brightness(1.08) saturate(1.04)}
body[data-arcade-preview] .art-cabinet-lights{position:absolute;inset:0;z-index:3;pointer-events:none}
body[data-arcade-preview] .art-rail-lamp{position:absolute;top:var(--lamp-top);left:var(--lamp-inset);width:3.2%;aspect-ratio:1;border:2px solid #936023;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe59a 0 9%,#d89b21 38%,#805014 85%);box-shadow:0 1px 1px #092633,inset 0 1px #fff0a0}
body[data-arcade-preview] .art-rail-lamp::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffdf 0 12%,#fff767 25%,#ffdd00 63%,#ffa900 100%);box-shadow:0 0 4px 2px #fff06c,0 0 12px 4px #ffc60099;opacity:1;animation:art-casino-blink 1.8s linear var(--lamp-delay) infinite;animation-play-state:paused}
body[data-arcade-preview] .art-rail-lamp.right{left:auto;right:var(--lamp-inset)}
body[data-arcade-preview] .art-header-bulb{width:2.8%}
body[data-arcade-preview] .art-base-light{position:absolute;left:12%;bottom:4.2%;width:76%;height:.5%;background:#a3fff0;border-radius:50%;box-shadow:0 2px 8px 3px #62ffe16b,0 6px 17px 5px #43dccd55;opacity:.75}
body[data-arcade-preview] .art-wing-light{opacity:.65;box-shadow:0 0 5px 2px #c7fff4,0 0 15px 5px #49ffe49c;animation-name:art-wing-radiance}
body[data-arcade-preview] .art-crest-glow{opacity:.28;animation-name:art-crest-radiance}
body[data-arcade-preview][data-screen="home"] .art-cabinet[data-motion="running"] .art-rail-lamp::after{animation-play-state:running}
@keyframes art-casino-blink{0%,43%,100%{opacity:1}50%,93%{opacity:0}}
@keyframes art-wing-radiance{0%,100%{opacity:.55}50%{opacity:.8}}
@keyframes art-crest-radiance{0%,100%{opacity:.2}50%{opacity:.42}}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview] .art-rail-lamp::after{animation:none;opacity:.85}}

/* The same turquoise casing, gold trim and coral controls as the cabinet. */
body[data-arcade-preview][data-arcade-entry] #home-screen{z-index:90;overflow:hidden}
body[data-arcade-preview][data-arcade-entry] .art-cabinet{overflow:visible;will-change:transform}
body[data-arcade-preview][data-arcade-entry] :is(#splash-sound,#splash-language){visibility:hidden}
.arcade-entry-veil{position:fixed;inset:0;z-index:100;pointer-events:none;background:#061521;opacity:0}
body[data-arcade-entry] .arcade-entry-veil{pointer-events:auto}
body[data-arcade-preview] .art-entry-spiral{position:fixed;left:calc(50% - 50vmax);top:calc(50% - 50vmax);z-index:101;width:100vmax;height:100vmax;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity}
body[data-arcade-preview]:is([data-screen="hangar"],[data-screen="shop"],[data-screen="missions"],[data-screen="leaderboard"],[data-screen="profile"],[data-screen="settings"])::after{content:"";position:fixed;inset:0;z-index:19;pointer-events:none;border:5px solid #174e59;box-shadow:inset 0 0 0 2px #74dec8,inset 0 0 0 5px #05202e;border-radius:8px}
body[data-arcade-preview].simple-menu :is(.galaxy-menu .panel-heading,.menu-page-heading){position:relative;border-bottom:5px solid #80502f!important;box-shadow:inset 0 3px #fff6ccaa,inset 0 -3px #2b4c6266,0 2px #ffdd8d,0 6px #061d2b!important;background:linear-gradient(105deg,#ffffff20,transparent 45%),linear-gradient(var(--menu-edge,#63dec8),var(--menu-panel,#237c8c))!important;padding-inline:18px!important}
body[data-arcade-preview].simple-menu :is(#hangar-title,.menu-page-heading h2){color:#fff2bd!important;text-shadow:0 2px #193c47,2px 3px #193c47,2px 4px #081f2c!important}
body[data-arcade-preview].simple-menu .galaxy-menu .panel-heading{border-radius:6px 6px 0 0}
body[data-arcade-preview].simple-menu .galaxy-menu .panel-heading{gap:6px}
body[data-arcade-preview].simple-menu .galaxy-menu .panel-heading>div:first-child{min-width:0;flex:1}
body[data-arcade-preview].simple-menu #hangar-title{font-size:22px!important;line-height:1.15!important;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu #hangar-close{display:grid!important;place-items:center;flex:none;width:32px;height:40px;min-height:40px;padding:0;border:2px solid #a8f5dc;border-bottom:4px solid #082938;border-radius:6px;background:linear-gradient(#286878,#123948);box-shadow:inset 0 2px #ffffff30,0 2px #071a2a;color:#fff2bd;font-size:24px;line-height:1}
body[data-arcade-preview].simple-menu #hangar-close{order:4}
body[data-arcade-preview].simple-menu :is(.menu-wallet,#atlas-settings,.profile-tools button){border-radius:6px!important;background:linear-gradient(#286878,#123948)!important;border:2px solid #a8f5dc!important;border-bottom:4px solid #082938!important;box-shadow:inset 0 2px #ffffff30,0 2px #071a2a!important}
body[data-arcade-preview].simple-menu .app-nav{background:linear-gradient(#49b5ae 0 3px,#236775 3px 7px,#153e50 7px)!important;border-top:2px solid #a9f6dc!important;gap:4px;padding-inline:8px!important;box-shadow:0 -4px #061a29!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]{border-radius:6px!important;border:2px solid #4d9fa8!important;border-bottom:5px solid #092635!important;background:linear-gradient(#37788a,#20485f)!important;box-shadow:inset 0 2px #ffffff2e,0 2px #061b28!important;color:#e0fff5!important;transition:transform .1s}
body[data-arcade-preview].simple-menu .app-nav button[data-nav][aria-current="page"]{background:linear-gradient(#fff0b4 0 12%,#ffd477 13% 55%,#f3b556 56%)!important;border-color:#fff0bc #d79b50 #aa6a36!important;color:#193d49!important;box-shadow:inset 0 2px #fff8ce,0 2px #061b28!important}
body[data-arcade-preview].simple-menu .app-nav button:active{transform:translateY(2px)}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="home"] b{border-radius:50%!important;box-shadow:inset 0 2px #fff9,0 2px #173c49!important}
body[data-arcade-preview].simple-menu .galaxy-menu .world-dossier{border:2px solid #68b8ad!important;border-top:4px solid #a9f1d6!important;border-radius:6px!important;background:linear-gradient(125deg,#256577,#12384b)!important;box-shadow:inset 0 2px #d6fff028,0 3px #041e2a!important}
body[data-arcade-preview].simple-menu .galaxy-menu .map-node strong{border-radius:4px!important;box-shadow:inset 0 2px #ffffff25,0 3px #041c2a!important}
body[data-arcade-preview].simple-menu #world-action{border-radius:7px!important;background:linear-gradient(#ffc58d 0 8%,#ffa373 9% 50%,#f87567 51%)!important;border:3px solid #ffe8b3!important;border-bottom:6px solid #b13e51!important;box-shadow:inset 0 2px #ffedbc,0 4px #071f32!important;color:#17384a!important;text-shadow:0 1px #ffe4b0!important}
body[data-arcade-preview].simple-menu #menu-loadout{border-radius:6px!important;background:linear-gradient(#5fc2ba,#28788c)!important;box-shadow:inset 0 2px #b9ffe899,0 3px #071f32!important}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{border-radius:7px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--skin-rarity) 68%,#fff) 0%,color-mix(in srgb,var(--skin-rarity) 44%,#285564) 52%,#18384d 100%)!important;box-shadow:inset 0 3px #ffffff66,inset 3px 0 #ffffff20,inset -3px 0 #082b4244,0 4px #041b2b!important}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs){border-radius:6px!important;box-shadow:inset 0 2px #061c2c,0 2px #73c7b855!important}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button[aria-selected="true"]{border-radius:4px!important;background:linear-gradient(#b8ffe0,#66d3b7)!important;box-shadow:inset 0 2px #e4fff2,inset 0 -3px #318d85!important}
body[data-arcade-preview].simple-menu .app-page .shop-actions button{border-radius:5px!important;box-shadow:inset 0 2px #fff7cc,0 3px #092b3b!important}
body[data-arcade-preview].simple-menu :is(#mission-items .mission,.mission-group>summary,.player-card,.pinned-slot,.profile-options button,.ranking-competitions,.ranking-preview,.menu-emblem){border-radius:6px!important}
body[data-arcade-preview].simple-menu #mission-items .mission{background:linear-gradient(115deg,#d6f2cd,#abdcc5)!important;box-shadow:inset 0 3px #f3ffe6,0 4px #072936!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options button{background:linear-gradient(135deg,#438f9c,#215168)!important;box-shadow:inset 0 2px #a9ecda66,0 3px #072438!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options button.selected{border-color:#ffecae!important;background:linear-gradient(135deg,#5bc9ad,#247b87)!important}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview].simple-menu .app-nav button[data-nav]{transition:none}}
@media(max-width:350px){body[data-arcade-preview].simple-menu #hangar-title{font-size:20px!important}}

/* Approved C: rendered cartridge artwork on the original navigation buttons. */
body[data-arcade-preview].simple-menu .app-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px max(6px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom))!important;background:linear-gradient(#a8f8dd 0 2px,#349d9c 2px 7px,#153f50 7px calc(100% - 4px),#072a3b calc(100% - 4px))!important;border-top:3px solid #e9b857!important;box-shadow:0 -4px #071e2b,inset 3px 0 #64c7be,inset -3px 0 #64c7be!important;align-items:center}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]{--cartridge-position:0%;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;width:100%;height:auto;aspect-ratio:1/1.12;min-height:60px;min-width:0;margin:0;padding:0 6% 23%!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff8dd!important;font:700 9px/1.1 'Arcade Pixel',var(--wf-ui),sans-serif!important;text-shadow:0 1px 1px #173b43,1px 1px #173b43!important;text-transform:uppercase;white-space:nowrap;letter-spacing:0;transform:none;transition:transform .12s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]::before{content:"";position:absolute;z-index:-1;inset:0;background-image:url('/assets/arcade-navigation-cartridges-c-v1.png');background-size:500% auto;background-position:var(--cartridge-position) center;background-repeat:no-repeat;filter:brightness(.89) saturate(.96);transition:filter .14s;pointer-events:none}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="missions"]{--cartridge-position:25%}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="home"]{--cartridge-position:50%;color:#123644!important;text-shadow:0 1px #fff0b1!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="leaderboard"]{--cartridge-position:75%}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="profile"]{--cartridge-position:100%}
body[data-arcade-preview].simple-menu .app-nav button[data-nav] b{display:none!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav][aria-current="page"]{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff8dd!important;transform:translateY(-3px)}
body[data-arcade-preview].simple-menu .app-nav button[data-nav="home"][aria-current="page"]{color:#123644!important}
body[data-arcade-preview].simple-menu .app-nav button[data-nav][aria-current="page"]::before{filter:brightness(1.08) saturate(1.06) drop-shadow(0 2px 2px #ffcf6470)}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]:active{transform:translateY(2px)}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]:active::before{filter:brightness(.92)}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]:focus-visible{outline:2px solid #fff0ac;outline-offset:-3px}
body[data-arcade-preview].simple-menu .app-nav button[data-nav]{padding-bottom:29%!important}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview].simple-menu .app-nav button[data-nav],body[data-arcade-preview].simple-menu .app-nav button[data-nav]::before{transition:none}}

/* C is a shared material system, not only a navigation skin. */
body[data-arcade-preview]{--arcade-frame:url('/assets/arcade-c-frame-v1.png');--arcade-action:url('/assets/arcade-c-action-v1.png');--arcade-label:'Arcade Pixel',var(--wf-ui),sans-serif}
body[data-arcade-preview].simple-menu :is(.app-page .screen-card,.galaxy-menu,.lobby-card,.compact-card,.result-card,dialog){font-family:var(--arcade-label);color:#ecfff5}
body[data-arcade-preview].simple-menu:has(.app-page:not([hidden])) :is(.app-page,.app-page>.screen-card){background:linear-gradient(#0a2835ed,#103f4ced),var(--wf-galaxy-art) center/cover!important}
body[data-arcade-preview].simple-menu :is(.menu-page-heading,.galaxy-menu .panel-heading){border:9px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;box-shadow:0 4px #041b28!important;padding:7px 10px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--menu-edge,#49c9bb) 78%,#fff),var(--menu-panel,#18758a))!important;background-clip:padding-box!important;min-height:82px!important}
body[data-arcade-preview].simple-menu .profile-heading{min-height:122px!important}
body[data-arcade-preview].simple-menu .menu-page-heading h2{font-size:25px!important;line-height:1.1!important;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu .menu-emblem{--emblem-pos:0%;flex:none;width:52px;height:56px;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent url('/assets/arcade-navigation-cartridges-c-v1.png') var(--emblem-pos) center/500% auto no-repeat!important}
body[data-arcade-preview].simple-menu .menu-emblem>*{visibility:hidden}
body[data-arcade-preview] [data-page="missions"] .menu-emblem{--emblem-pos:25%}
body[data-arcade-preview] [data-page="leaderboard"] .menu-emblem{--emblem-pos:75%}
body[data-arcade-preview] [data-page="profile"] .menu-emblem{--emblem-pos:100%}
body[data-arcade-preview].simple-menu :is(.world-dossier,.shop-item,.trail-choice,.profile-options button,.collection-badge,.player-card,.ranking-preview,.mastery-mission){border:12px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;border-radius:0!important;box-shadow:0 3px #041b29!important;background-clip:padding-box!important}
body[data-arcade-preview].simple-menu .galaxy-menu .world-dossier{padding:5px 7px!important;background:linear-gradient(115deg,#23677b,#0d3344)!important;min-height:65px}
body[data-arcade-preview].simple-menu .galaxy-menu .map-node strong{border:6px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#145367!important;background-clip:padding-box!important;padding:2px 3px!important;box-shadow:none!important;line-height:1.1}
body[data-arcade-preview].simple-menu .galaxy-menu .map-node.focused strong{background:#ffda72!important;color:#173849!important}
body[data-arcade-preview].simple-menu :is(.app-page button,.screen-card button,dialog button):not([data-nav]):not(.launch-pick):not(.map-node):not(.profile-options button):not(.collection-badge):not(.shop-tabs button):not(.profile-tabs button):not(.ranking-tabs button):not(.skin-grid button){font-family:var(--arcade-label)!important;letter-spacing:0;touch-action:manipulation}
body[data-arcade-preview].simple-menu :is(#world-action,#lobby-flight,#retry,#resume,#tutorial-continue,#purchase-yes,.shop-actions button:not(:disabled),#reward-reveal button){position:relative;isolation:isolate;min-height:56px;border:0!important;border-radius:5px!important;background:var(--arcade-action) center/100% 140% no-repeat!important;box-shadow:0 3px #061e2c!important;color:#193b46!important;text-shadow:0 1px #ffe6b5!important;padding:12px 15px 15px!important;font:700 20px/1.1 var(--arcade-label)!important;transition:transform .1s}
body[data-arcade-preview].simple-menu :is(#world-action,#lobby-flight,#retry,#resume,#tutorial-continue,#purchase-yes,.shop-actions button,#reward-reveal button):active{transform:translateY(2px)}
body[data-arcade-preview].simple-menu :is(.app-page button.secondary,.compact-card button.secondary,#result-home,#menu-loadout,#menu-skins-close,#nickname-dialog button,#studio-detail button,.profile-tools button){border:8px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;border-radius:0!important;background:linear-gradient(#3ea8ae,#1a6076)!important;background-clip:padding-box!important;color:#effff3!important;box-shadow:0 2px #041d29!important;min-height:44px}
body[data-arcade-preview].simple-menu :is(.shop-tabs,.profile-tabs,.ranking-tabs,.mastery-tabs){padding:5px!important;border:8px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#092d3b!important;border-radius:0!important;box-shadow:inset 0 2px 3px #020e18!important}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button{font-size:14px!important;min-height:40px;padding:7px 6px!important;min-width:0;white-space:normal;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu .app-page :is(.shop-tabs,.profile-tabs,.ranking-tabs) button[aria-selected="true"]{background:linear-gradient(#ffe9a5,#e8b54e)!important;color:#163a44!important;box-shadow:inset 0 2px #fff8d1,inset 0 -3px #ac772b,0 2px #041b28!important}
body[data-arcade-preview].simple-menu .app-page .shop-catalog{gap:12px 8px!important}
body[data-arcade-preview].simple-menu .app-page .shop-item{padding:8px 5px 7px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--skin-rarity) 60%,#62d9c1),color-mix(in srgb,var(--skin-rarity) 26%,#124555))!important;gap:5px!important;min-width:0}
body[data-arcade-preview].simple-menu .app-page .shop-copy h3{font-size:16px!important;min-height:36px;line-height:1.1!important}
body[data-arcade-preview].simple-menu .app-page .shop-art.sealed{width:90px;max-width:100%;height:92px;background:#0b3d4e55!important}
body[data-arcade-preview].simple-menu .app-page .shop-actions button{font-size:15px!important;min-height:45px;padding:10px 5px 12px!important}
body[data-arcade-preview].simple-menu .rarity-badge{font-size:10px!important;border:1px solid #ffffff42;border-radius:3px!important;color:#fff9d2!important}
body[data-arcade-preview].simple-menu .trail-choice{background:linear-gradient(115deg,#276d7c,#0b354a)!important;padding:8px!important}
body[data-arcade-preview].simple-menu .trail-gallery{border:10px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#071f31!important}
body[data-arcade-preview].simple-menu #mission-items .mission{border:10px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:linear-gradient(110deg,#185d67,#0d3b4c)!important;padding:10px!important;box-shadow:0 3px #041a29!important;color:#e1fff2!important}
body[data-arcade-preview].simple-menu #mission-items .mission :is(p,h3,small,strong,span){color:#eaffef!important;text-shadow:none!important}
body[data-arcade-preview].simple-menu #mission-items .daily-mission{grid-template-columns:minmax(0,1fr) 88px!important;column-gap:10px!important;min-height:116px}
body[data-arcade-preview].simple-menu #mission-items .daily-mission>p{font-size:16px!important;line-height:1.2!important}
body[data-arcade-preview].simple-menu #mission-items .mission button{min-height:48px;border:2px solid #ffe39b!important;border-bottom:5px solid #a8732c!important;background:linear-gradient(#fff0ad,#e8bb57)!important;color:#21434b!important;border-radius:5px!important;box-shadow:inset 0 2px #fff9d0,0 2px #061d2c!important;font-size:13px!important;padding:5px!important;opacity:1}
body[data-arcade-preview].simple-menu #mission-items .mission button:disabled{background:linear-gradient(#4d8990,#2b636f)!important;border-color:#84b8b0 #548a8b #173c50!important;color:#d8f1e4!important}
body[data-arcade-preview].simple-menu .mission-group>summary{border:8px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#205e70!important;color:#fff2bf!important;padding:10px!important}
body[data-arcade-preview].simple-menu #mission-items progress{height:12px;border:2px solid #14343d;border-radius:3px;box-shadow:inset 0 1px 2px #031921}
body[data-arcade-preview].simple-menu #mission-items progress::-webkit-progress-bar{background:#092c39}
body[data-arcade-preview].simple-menu #mission-items progress::-webkit-progress-value{background:linear-gradient(#ffee9f,#dcaa47)}
body[data-arcade-preview].simple-menu .profile-page .player-card{padding:14px!important;background-color:#0b3043!important}
body[data-arcade-preview].simple-menu .profile-page .player-avatar{border:7px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;border-radius:0!important;background:#20718a!important;box-shadow:none!important}
body[data-arcade-preview].simple-menu .profile-page .pinned-slot{border:5px solid #cead5a!important;background:linear-gradient(#367e8c,#104558)!important;box-shadow:inset 0 2px #75bdb5,0 3px #051e2b!important}
body[data-arcade-preview].simple-menu .profile-page .profile-stats{background:linear-gradient(#194c5a,#0d3545)!important;border-block:3px solid #74b5a5!important;padding:14px 0!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options{gap:10px!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options button{background:linear-gradient(135deg,#297f89,#12465c)!important;padding:7px!important;min-width:0}
body[data-arcade-preview].simple-menu .profile-page .profile-options button.selected{background:linear-gradient(135deg,#4fae9a,#216a76)!important;box-shadow:0 0 0 2px #ffe8a0!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options button strong{font-size:13px!important;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu .collection-badge{padding:6px!important;background:linear-gradient(#246477,#12384e)!important}
body[data-arcade-preview].simple-menu .ranking-competitions{border:0!important;border-radius:0!important;background:none!important}
body[data-arcade-preview].simple-menu .ranking-competitions>div{background:linear-gradient(110deg,#255f6c,#10394b)!important;border-bottom:2px solid #5fa89e!important;padding:18px 12px!important}
body[data-arcade-preview].simple-menu .ranking-preview{padding:12px!important;background-color:#1b6471!important}
body[data-arcade-preview].simple-menu .ranking-empty{background:linear-gradient(#17495688,#092f3b88)!important;border-block:1px solid #76b8af!important}
body[data-arcade-preview].simple-menu :is(.audio-mixer,.settings-language-picker){background:#0a3343!important;border-block:2px solid #6cbaab!important;padding:16px 12px!important;margin-block:18px!important}
body[data-arcade-preview].simple-menu .audio-mixer :is(label,output){color:#f1fbe2!important;font-family:var(--arcade-label)!important}
body[data-arcade-preview].simple-menu input[type="range"]{accent-color:#ffce65;height:28px;touch-action:pan-y}
body[data-arcade-preview].simple-menu #menu-preview-settings #preview-worlds{border:8px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#674e26!important;color:#fff3bd!important;min-height:48px}
body[data-arcade-preview].simple-menu :is(#menu-skins,#nickname-dialog,#studio-detail,#reward-reveal,.purchase-layer>.screen-card,.compact-card,.result-card,.tutorial-card){border:16px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;border-radius:0!important;background:linear-gradient(135deg,#1b6171,#092d40)!important;background-clip:padding-box!important;color:#f4ffed!important;box-shadow:0 14px 30px #0009!important;padding:18px 16px!important}
body[data-arcade-preview].simple-menu :is(dialog,.purchase-layer) :is(h2,h3){font-family:var(--arcade-label)!important;color:#ffecaa!important;text-shadow:0 2px #082738}
body[data-arcade-preview].simple-menu dialog::backdrop{background:#02151ec9;backdrop-filter:none}
body[data-arcade-preview].simple-menu .lobby-card{background:linear-gradient(#154b5f,#092c41)!important}
body[data-arcade-preview].simple-menu .deck-header{background:linear-gradient(#268f9c,#17576e)!important;border-bottom:4px solid #dbb65f!important}
body[data-arcade-preview].simple-menu .launch-pick{border:8px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#16495c!important;border-radius:0!important}
body[data-arcade-preview].simple-menu .launch-pick.selected{background:#527c57!important;box-shadow:0 0 0 2px #ffe199!important}
body[data-arcade-preview].simple-menu .result-score{padding:12px 0;border-bottom:2px solid #5ca89b}
body[data-arcade-preview].simple-menu :is(#final-score,.profile-stats strong){color:#ffe39a!important;text-shadow:0 2px #785025,1px 3px #0a2634!important;font-family:var(--arcade-label)!important}
body[data-arcade-preview].simple-menu #result-title{color:#ffebaa!important;font-size:19px!important;font-family:var(--arcade-label)!important}
body[data-arcade-preview].simple-menu .best-line{color:#d3f8e7;border-bottom:1px solid #4c948e;padding-bottom:8px}
body[data-arcade-preview].simple-menu .run-reward{color:#ffe9b2!important;font-family:var(--arcade-label)!important}
body[data-arcade-preview].simple-menu #reward-reveal .reward-capsule{background:linear-gradient(#ffdc75,#ba7b26)!important;border-color:#ffeaa2!important;box-shadow:inset 0 3px #fff8d0,0 8px #082c3f!important}
body[data-arcade-preview].simple-menu #reward-reveal h2{font-size:25px!important}
body[data-arcade-preview][data-screen="game"] #score{font-family:Arial,sans-serif!important;font-weight:900!important;font-variant-numeric:tabular-nums;color:#fff2ca!important;text-shadow:0 3px #573e25,2px 4px #071c2b!important}
body[data-arcade-preview] :is(button,input,summary):focus-visible{outline:3px solid #fff2a8;outline-offset:2px}
@media(max-width:350px){body[data-arcade-preview].simple-menu .menu-page-heading h2{font-size:22px!important}body[data-arcade-preview].simple-menu .app-page .shop-copy h3{font-size:14px!important}body[data-arcade-preview].simple-menu #mission-items .daily-mission{grid-template-columns:minmax(0,1fr) 76px!important}body[data-arcade-preview].simple-menu #mission-items .daily-mission>p{font-size:14px!important}body[data-arcade-preview].simple-menu :is(#menu-skins,#nickname-dialog,#studio-detail,#reward-reveal,.compact-card,.result-card,.tutorial-card){padding:13px 10px!important;border-width:12px!important}}
@media(prefers-reduced-motion:reduce){body[data-arcade-preview].simple-menu :is(#world-action,#lobby-flight,#retry,#resume,#tutorial-continue,#purchase-yes,.shop-actions button,#reward-reveal button){transition:none}}

body[data-arcade-preview]{--arcade-panel:url('/assets/arcade-c-panel-v1.png')}
body[data-arcade-preview].simple-menu .app-page .menu-page-heading,
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .panel-heading{--header-hue:155deg;isolation:isolate;border:0!important;background:transparent!important;box-shadow:0 4px #052532!important;padding:12px 18px!important}
body[data-arcade-preview].simple-menu .app-page[data-page="shop"] .menu-page-heading{--header-hue:0deg}
body[data-arcade-preview].simple-menu .app-page[data-page="missions"] .menu-page-heading{--header-hue:115deg}
body[data-arcade-preview].simple-menu .app-page[data-page="leaderboard"] .menu-page-heading{--header-hue:35deg}
body[data-arcade-preview].simple-menu .app-page .menu-page-heading::before,
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .panel-heading::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--arcade-action) center/100% 140% no-repeat;filter:hue-rotate(var(--header-hue)) saturate(.8);pointer-events:none}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{position:relative;isolation:isolate;border:0!important;background:transparent!important;padding:20px 15px 18px!important;box-shadow:none!important;overflow:visible}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item::before{content:"";position:absolute;z-index:-1;inset:0;width:100%;height:100%;background:var(--arcade-panel) center/100% 100% no-repeat!important;pointer-events:none}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-copy h3{font-size:16px!important;color:#ffefbd!important}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-actions button{background:var(--arcade-action) center/100% 140% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:48px;padding:10px 6px 13px!important}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu #world-action{background:var(--arcade-action) center/100% 140% no-repeat!important;border:0!important;box-shadow:none!important;min-height:58px;padding:11px 14px 16px!important}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu #world-action[data-prerequisite]{font-size:16px!important;line-height:1.1!important;padding:8px 9px 11px!important;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{border:0!important;background:var(--arcade-panel) center/100% 100% no-repeat!important;box-shadow:none!important;padding:16px 18px!important;min-height:84px}
body[data-arcade-preview].simple-menu #mission-items .daily-mission{position:relative;isolation:isolate;border:0!important;background:transparent!important;padding:20px 18px!important;box-shadow:none!important;min-height:124px}
body[data-arcade-preview].simple-menu #mission-items .daily-mission::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--arcade-panel) center/100% 100% no-repeat;pointer-events:none}
body[data-arcade-preview].simple-menu .app-page .profile-page .profile-options:not(.themes) button,
body[data-arcade-preview].simple-menu .profile-page .profile-options:not(.themes) button{border:0!important;background:var(--arcade-panel) center/100% 100% no-repeat!important;padding:17px 12px!important;box-shadow:none!important;min-height:142px}
body[data-arcade-preview].simple-menu :is(#menu-skins,#nickname-dialog,#studio-detail,#reward-reveal,.purchase-layer>.screen-card,.compact-card,.result-card,.tutorial-card){border:0!important;background:var(--arcade-panel) center/100% 100% no-repeat!important;padding:30px 24px!important}
body[data-arcade-preview].simple-menu .result-card{padding:24px 22px!important}
@media(max-width:350px){body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{padding:18px 12px 16px!important}body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-copy h3{font-size:14px!important}body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{padding:14px 16px!important;min-height:75px}body[data-arcade-preview].simple-menu .app-page .menu-page-heading,body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .panel-heading{padding-inline:12px!important}}
body[data-arcade-preview].simple-menu #mission-items .mission.daily-mission{border:0!important;background:transparent!important;padding:24px 34px!important;min-height:132px}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{padding-inline:30px!important}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings{display:grid;place-items:center;width:44px;height:48px;min-width:44px;padding:0!important;border-width:5px!important;font-size:22px!important}
body[data-arcade-preview].simple-menu .app-page[data-page="settings"]>.screen-card>h2{min-height:66px;margin:8px 0 18px!important;padding:18px 22px!important;background:var(--arcade-action) center/100% 140% no-repeat!important;color:#173e48!important;font:700 25px/1.1 var(--arcade-label)!important;text-shadow:0 1px #ffe4aa!important}
body[data-arcade-preview].simple-menu .app-page[data-page="settings"] button.secondary{border:0!important;background:var(--arcade-panel) center/100% 100% no-repeat!important;min-height:56px;padding:14px 20px!important;font-size:12px!important;box-shadow:none!important;white-space:normal}
body[data-arcade-preview].simple-menu :is(.app-page button.primary,#nickname-save){border:0!important;background:var(--arcade-action) center/100% 140% no-repeat!important;min-height:54px;padding:12px 20px 16px!important;color:#193d46!important;font-family:var(--arcade-label)!important;box-shadow:none!important}
body[data-arcade-preview].simple-menu .result-card{padding:44px 28px 40px!important;max-height:94dvh;overflow-y:auto}
body[data-arcade-preview].simple-menu .compact-card{padding:40px 28px!important;max-height:94dvh;overflow-y:auto}
body[data-arcade-preview].simple-menu .language-menu{border:10px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;background:#103b4b!important;color:#e9fff1!important;border-radius:0!important}
body[data-arcade-preview].simple-menu .language-menu button{font-family:var(--arcade-label)!important;background:#1a5265!important;border-bottom:1px solid #447b7b!important;color:#edffed!important}
body[data-arcade-preview].simple-menu .language-menu button[aria-checked="true"]{background:#e8c66b!important;color:#183d48!important}
@media(max-width:350px){body[data-arcade-preview].simple-menu .app-page[data-page="settings"] button.secondary{font-size:11px!important;padding-inline:16px!important;min-height:60px}body[data-arcade-preview].simple-menu .result-card{padding:35px 24px 32px!important}}
body[data-arcade-preview].simple-menu #menu-skins{max-height:90dvh;overflow:hidden;padding:38px 30px 36px!important}
body[data-arcade-preview].simple-menu #menu-skins[open]{display:flex;flex-direction:column}
body[data-arcade-preview].simple-menu #menu-skins>header{flex:none;align-items:center;gap:10px;margin-bottom:10px}
body[data-arcade-preview].simple-menu #menu-skins-title{font-size:22px!important;line-height:1.1!important}
body[data-arcade-preview].simple-menu #menu-skins-close{flex:none;width:40px;height:44px;min-height:44px;padding:0!important;border-width:5px!important;font-size:22px!important}
body[data-arcade-preview].simple-menu #menu-skins .map-pico-drawer{min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:calc(90dvh - 150px);width:100%;margin:0;padding:0 0 10px}
body[data-arcade-preview].simple-menu #menu-skins .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-arcade-preview].simple-menu #menu-skins .skin-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:106px;padding:8px!important;border:6px solid transparent!important;border-image:var(--arcade-frame) 20% stretch!important;border-radius:0!important;background:#16495d!important;font-size:12px!important;text-align:center}
body[data-arcade-preview].simple-menu #menu-skins .skin-grid button canvas{width:62px;height:62px;max-width:100%;object-fit:contain;image-rendering:pixelated;flex:none}
body[data-arcade-preview].simple-menu #menu-skins .skin-grid button.selected{background:#427f73!important}
body[data-arcade-preview].simple-menu #nickname-dialog{padding:38px 30px 36px!important}
body[data-arcade-preview].simple-menu #nickname-dialog #nickname-input{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
body[data-arcade-preview].simple-menu #nickname-dialog .nickname-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-arcade-preview].simple-menu #nickname-dialog .nickname-actions button{min-width:0;font-size:13px!important;min-height:52px;padding:10px 7px!important;white-space:normal;overflow-wrap:anywhere}
body[data-arcade-preview].simple-menu #nickname-dialog #nickname-save{background:var(--arcade-action) center/100% 140% no-repeat!important;border:0!important;color:#143b46!important}
body[data-arcade-preview].simple-menu .app-page[data-page="settings"] .screen-card>button.secondary{height:auto!important;min-height:64px;line-height:1.2!important}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings{font-size:0!important;overflow:hidden}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings>*{display:none}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings::before{display:none;content:none}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings::after{content:"\2699";display:block;font:22px/1 Arial,sans-serif;color:#effff3;pointer-events:none}

/* Internal frame 1, approved 20 October. Cabinet and navigation C are retained. */
body[data-arcade-preview]{--arcade-frame:url('/assets/arcade-pixel-panel-1-v1.png');--arcade-panel:url('/assets/arcade-pixel-panel-1-v1.png')}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item::before,
body[data-arcade-preview].simple-menu #mission-items .daily-mission::before{box-sizing:border-box;border:22px solid transparent;border-image:var(--arcade-frame) 22% fill stretch;background:none!important;image-rendering:pixelated}
body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{padding:18px 16px 17px!important}
body[data-arcade-preview].simple-menu #mission-items .mission.daily-mission{padding:20px 24px!important;min-height:124px}
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{border:12px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;padding:7px 10px!important;min-height:78px}
body[data-arcade-preview].simple-menu .profile-page .profile-options:not(.themes) button{border:12px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;padding:7px 5px!important;box-shadow:none!important}
body[data-arcade-preview].simple-menu .profile-page .profile-options:not(.themes) button.selected{border-image:var(--arcade-frame) 22% fill stretch!important;box-shadow:0 0 0 2px #a9f5de!important}
body[data-arcade-preview].simple-menu .app-page .profile-page .profile-options:not(.themes) button{border:12px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;padding:7px 5px!important}
body[data-arcade-preview].simple-menu :is(#menu-skins,#nickname-dialog,#studio-detail,#reward-reveal,.purchase-layer>.screen-card,.compact-card,.result-card,.tutorial-card){border:16px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;border-radius:0!important}
body[data-arcade-preview].simple-menu #menu-skins{padding:20px 16px 18px!important}
body[data-arcade-preview].simple-menu #nickname-dialog{padding:20px 16px 18px!important}
body[data-arcade-preview].simple-menu .result-card{padding:24px 16px 22px!important}
body[data-arcade-preview].simple-menu .compact-card{padding:22px 16px!important}
body[data-arcade-preview].simple-menu .app-page[data-page="settings"] button.secondary{border:10px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;padding:9px 12px!important}
body[data-arcade-preview].simple-menu .app-page .menu-page-heading::before,
body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .panel-heading::before{box-sizing:border-box;border:12px solid transparent;border-image:var(--arcade-frame) 22% stretch;background:linear-gradient(115deg,var(--menu-edge,#49c9bb),var(--menu-panel,#175e71));background-clip:padding-box;filter:none}
body[data-arcade-preview].simple-menu .app-page[data-page="settings"]>.screen-card>h2{border:10px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;color:#fff0c7!important;text-shadow:0 2px #0a3141!important;padding:12px 14px!important}
body[data-arcade-preview].simple-menu .profile-page .pinned-slot{border:6px solid transparent!important;border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important;border-radius:0!important}
body[data-arcade-preview].simple-menu #menu-preview-settings #preview-worlds{border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important}
body[data-arcade-preview].simple-menu .profile-tools #profile-settings{border-image:var(--arcade-frame) 22% fill stretch!important;background:none!important}
@media(max-width:350px){body[data-arcade-preview].simple-menu .app-page .shop-catalog .shop-item{padding:16px 13px!important}body[data-arcade-preview].simple-menu #mission-items .mission.daily-mission{padding:18px 22px!important}body[data-arcade-preview].simple-menu[data-screen="hangar"] .galaxy-menu .world-dossier{padding:6px 9px!important}}
body[data-arcade-preview].simple-menu .app-page[data-page="profile"] .profile-options.themes button:not(.locked){background-image:var(--backdrop-art)!important;background-size:cover!important;background-position:center!important}