:root{color-scheme:dark;font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;--ink:#160d2e;--panel:#29183e;--edge:#ffffff26;--muted:#d4c5e2;--accent:#ff9acb;--accent-soft:#f29cce22;--mint:#b9ffea;--body-bg:radial-gradient(ellipse at 50% 28%,#502857 0%,#211332 46%,#0a0815 85%)}
*{box-sizing:border-box}html{background:#100b1d}body{margin:0;background:var(--body-bg);color:#fff;min-width:280px;min-height:100svh;overflow-x:hidden}body[data-theme=blue]{--ink:#0b1830;--panel:#122b45;--accent:#86e7fc;--accent-soft:#86e7fc22;--muted:#bfd9ec;--mint:#b9f9ff;--body-bg:radial-gradient(ellipse at 50% 28%,#184566 0%,#101f39 46%,#070d1b 85%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--mint);outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button>*{pointer-events:none}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.page{min-height:100svh;display:grid;place-items:center;padding:16px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background-image:linear-gradient(90deg,transparent 49.8%,#ffffff02 50%,transparent 50.2%);background-size:100px 100px}
.game-shell{width:min(480px,calc(100vw - 24px),calc((100svh - 194px)*2/3));min-width:260px;border:1px solid #ffffff25;border-radius:25px;background:var(--ink);box-shadow:0 24px 70px #0006,0 0 65px var(--accent-soft);overflow:hidden;isolation:isolate}
.toolbar{height:50px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wordmark{font-size:18px;font-weight:900;font-style:italic;line-height:1;text-decoration:none;color:#fff;letter-spacing:-.6px}.wordmark span{color:var(--accent);margin-left:3px}.wordmark small{display:none}.toolbar-actions{display:flex;gap:7px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--edge);border-radius:13px;background:#ffffff07}.icon-button:hover{background:#ffffff13}.icon-button[aria-pressed=true]{color:var(--accent)}
.arena{position:relative;aspect-ratio:2/3;overflow:hidden;background:#23193e;container-type:inline-size}.arena>canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;outline-offset:-4px}
.game-hud{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:17px 18px 28px;pointer-events:none;background:linear-gradient(#100e3375,transparent)}.hud-stat{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;color:#ffebb1;margin-top:5px;font-variant-numeric:tabular-nums}.hud-stat svg{width:18px;height:18px}.score{text-align:center;font-size:clamp(38px,15cqw,65px);line-height:1;font-weight:900;letter-spacing:-2px;text-shadow:0 3px 0 #391e50,0 5px 14px #12092480;font-variant-numeric:tabular-nums}.shield-hud{justify-self:end;color:#d9fff6;margin-top:3px;font-size:14px;font-weight:800}.shield-hud>div:first-child{display:flex;align-items:center;justify-content:flex-end;gap:5px}.shield-hud svg{width:18px;height:18px}.charge-dots{display:flex;gap:3px;margin-top:7px}.charge-dots i{display:block;width:10px;height:4px;border-radius:2px;background:#ffffff30}.charge-dots i.charged{background:var(--mint)}.shield-hud.active{color:#91ffe2}
.screen{position:absolute;inset:0;display:flex;pointer-events:none}.screen button{pointer-events:auto}.home-screen{align-items:flex-end;justify-content:center;padding:0 22px 26px;background:linear-gradient(transparent 25%,#100b2310 48%,#100b23b8 100%)}.home-content{width:100%;text-align:center}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:var(--accent);line-height:1.5;margin:0 0 10px;text-transform:uppercase}.home-content .eyebrow{color:#ffe7ac;text-shadow:0 2px 10px #411a48}.home-content h1{font-family:"Arial Black",ui-rounded,system-ui,sans-serif;font-style:italic;font-weight:950;font-size:clamp(45px,18cqw,80px);letter-spacing:-.065em;line-height:.81;margin:0 0 22px;transform:rotate(-4deg);text-shadow:0 4px 0 #5c2e69,0 7px 20px #30113a80}.home-content h1 span{color:var(--accent);letter-spacing:.065em;margin-left:.08em}
.primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;width:100%;border:1px solid #fff7;border-radius:15px;background:var(--mint);color:#142f39;font-size:18px;font-weight:900;box-shadow:0 4px 0 #538b8280,0 8px 24px #051d3b30;transition:transform .1s,background-color .1s}.primary:hover{background:#e7fff7}.primary:active{transform:translateY(2px)}.primary svg{width:23px;height:23px}.play-button{max-width:265px;margin:auto}.hint{font-size:12px;color:#f5eafa;margin:15px 0 0;line-height:1.6}.hint kbd{font:inherit;display:inline-block;padding:0 5px;border:1px solid #fff5;border-radius:4px}.home-record{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#f4dfed;margin-top:11px}.home-record svg{color:#ffdc9c;width:15px;height:15px}.home-record strong{color:white;font-size:15px}
.center-screen{align-items:center;justify-content:center;background:#100e2d8c;padding:20px}.panel{width:100%;background:var(--panel);border:1px solid #ffffff38;box-shadow:0 16px 60px #05051f80;border-radius:22px;padding:26px 21px;text-align:center}.panel h2{font-size:clamp(26px,8.5cqw,38px);letter-spacing:-.045em;margin:0;font-weight:900;line-height:1.1}.panel>p:not(.eyebrow){font-size:14px;line-height:1.45;color:var(--muted);margin:14px 0 22px}.panel .primary{font-size:16px}.text-button{border:0;background:transparent;padding:12px 10px 0;min-height:42px;font-size:14px;font-weight:700;color:var(--muted)}.text-button:hover{color:white}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0 16px}.results strong{font-size:clamp(25px,9cqw,39px);font-weight:900;display:block;line-height:1.2;font-variant-numeric:tabular-nums}.results span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.results>div:first-child strong{color:var(--accent)}.panel .next-goal{border-top:1px solid var(--edge);padding-top:14px;font-size:13px;line-height:1.45;margin:0 0 18px}.toast{position:absolute;left:50%;top:106px;transform:translateX(-50%);max-width:90%;padding:9px 15px;border:1px solid #bdffe580;border-radius:20px;background:#14283eea;color:#baffeb;font-size:13px;font-weight:800;white-space:nowrap;pointer-events:none;box-shadow:0 5px 20px #12113344}
.dock{display:grid;grid-template-columns:1fr 1fr;min-height:64px;padding:4px}.dock-button{border:0;background:transparent;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:8px;color:var(--accent)}.dock-button+button{border-left:1px solid var(--edge);border-radius:0 13px 13px 0}.dock-button:hover{background:#ffffff09}.dock-button span{text-align:left}.dock-button small{display:block;font-size:10px;line-height:1.2;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.dock-button strong{display:block;font-size:14px;font-weight:800;color:#f6f2fc;line-height:1.15}.dock-button strong span{color:var(--accent);font-size:12px;margin-left:2px}.switch-dots{display:flex;gap:3px;margin-left:3px}.switch-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#ffffff24}.switch-dots i:first-child{background:#ffa0d0}body[data-theme=blue] .switch-dots i:first-child{background:#ffffff24}body[data-theme=blue] .switch-dots i:last-child{background:#8ceaff}
dialog{padding:24px;border:1px solid #ffffff38;border-radius:24px;background:var(--panel);color:#fff;width:min(420px,calc(100vw - 24px));max-height:calc(100svh - 28px);overflow:auto;box-shadow:0 25px 100px #0009;overscroll-behavior:contain;touch-action:pan-y}dialog::backdrop{background:#090817d9}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:19px}.dialog-head .eyebrow{font-size:11px;margin-bottom:6px}.dialog-head h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:0}.dialog-head .icon-button{width:36px;height:36px;flex-shrink:0}.collection-progress{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:15px}.collection-progress strong{font-size:19px;color:#ffdf9a;margin-left:5px}
.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-card{display:flex;flex-direction:column;align-items:center;border:1px solid var(--edge);border-radius:16px;background:#ffffff05;color:white;position:relative;min-height:152px;padding:11px 6px 13px;text-align:center}.skin-card:not(:disabled):hover{background:#ffffff0b}.skin-card.selected{border-color:var(--mint);background:#b9ffea0d}.skin-card canvas{width:102px;height:72px;max-width:100%;display:block}.skin-card strong{font-size:15px;line-height:1.2;margin:1px 0 4px}.skin-card small{font-size:12px;line-height:1.3;color:var(--muted)}.skin-card.selected small{color:var(--mint)}.mystery{height:72px;width:102px;display:grid;place-items:center;font-size:38px;font-weight:900;color:#c9b6de;background:radial-gradient(ellipse,#a688c21a,transparent 66%)}.unlock-track{width:65%;height:3px;border-radius:3px;background:#ffffff17;margin-top:10px;overflow:hidden}.unlock-track i{display:block;height:100%;background:var(--accent)}.collection-note{font-size:12px;line-height:1.5;text-align:center;color:var(--muted);margin:16px 0 6px}.reset-link{border:0;background:none;display:block;margin:auto;min-height:43px;color:#f1b5cb;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.reset-confirm{border:1px solid #f4b0ce66;border-radius:14px;padding:15px;background:#130e245e;margin-top:8px}.reset-confirm strong{font-size:16px}.reset-confirm p{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.reset-confirm>div{display:flex;gap:8px}.reset-confirm button{padding:10px 13px;border-radius:10px;font-size:14px;font-weight:800;flex:1}.secondary{border:1px solid var(--edge);background:#ffffff0a}.danger{border:1px solid #ffccdd;background:#ffbcd2;color:#452235}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.page{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.game-shell{border-radius:21px;width:min(calc(100vw - 20px),calc((100svh - 180px)*2/3))}.toolbar{padding:0 12px;height:48px}.dock{min-height:64px}.home-screen{padding-bottom:20px}.home-content h1{margin-bottom:18px}.panel{padding:23px 17px}}
@media(max-width:350px){.toolbar{padding:0 11px}.wordmark{font-size:16px}.dock-button{gap:7px}.dock-button svg{width:19px}.dock-button strong{font-size:13px}.switch-dots{display:none}.home-screen{padding:0 18px 17px}.hint{font-size:11px}.home-record{margin-top:7px}.shield-hud{font-size:12px}.game-hud{padding:14px}.panel{padding:20px 14px}dialog{padding:18px}.dialog-head h2{font-size:23px}}
@media(max-height:570px) and (min-width:570px){.page{padding:10px}.game-shell{display:grid;grid-template-columns:minmax(0,calc((100svh - 22px)*2/3)) 165px;grid-template-rows:84px auto 1fr;width:auto;min-width:0;border-radius:20px}.arena{grid-column:1;grid-row:1 / 4}.mode-picker{grid-column:2;grid-row:2}.toolbar{grid-column:2;height:auto;flex-wrap:wrap;justify-content:center;padding:10px 12px;gap:6px}.dock{grid-column:2;display:flex;flex-direction:column;justify-content:flex-end;padding:9px}.dock-button{justify-content:flex-start;padding:13px}.dock-button+button{border-left:0;border-top:1px solid var(--edge);border-radius:12px}.home-screen{padding-bottom:18px}.home-content h1{font-size:16cqw}.home-content .eyebrow{font-size:10px}.home-content .hint{font-size:11px}.home-record{display:none}.panel{padding:17px 14px}.panel h2{font-size:25px}.results{margin:15px 0}.center-screen{padding:12px}.panel .next-goal{margin-bottom:10px}.game-hud{padding:12px}.toast{font-size:11px;padding:7px 9px}.toolbar-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body[data-theme=vampire]{--ink:#1c1029;--panel:#35203d;--accent:#f0a4c7;--accent-soft:#e886b922;--mint:#ffe2cc;--muted:#ddc8de;--body-bg:radial-gradient(ellipse at 50% 28%,#562c53 0%,#24172f 48%,#0c0918 85%)}
body[data-theme=halloween]{--ink:#20162b;--panel:#3d2d42;--accent:#ffce97;--accent-soft:#eeb07722;--mint:#ffe6b8;--muted:#e2cedd;--body-bg:radial-gradient(ellipse at 50% 28%,#5f3a58 0%,#2b2037 48%,#100c1c 85%)}
body[data-theme=space]{--ink:#0d1530;--panel:#24304b;--accent:#a9edf5;--accent-soft:#b2a1ef22;--mint:#c4f6ef;--muted:#cdd3ef;--body-bg:radial-gradient(ellipse at 50% 28%,#384170 0%,#1b2446 48%,#080d21 85%)}
.dock-button small>span{margin-left:5px;color:var(--accent);font-size:12px;letter-spacing:0}.dock-button .wallet-label{color:#ffe3a4;font-size:14px}.dock-button .wallet-label span{font-size:14px;margin:0;color:inherit}
.collection-wallet{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--edge);border-radius:16px;padding:13px 15px;background:#ffffff05;margin-bottom:12px}.collection-wallet small{display:block;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.06em}.collection-wallet strong{display:block;font-size:32px;line-height:1.15;color:#ffe3a4;font-variant-numeric:tabular-nums;margin-top:4px}.collection-wallet>span{font-size:13px;color:var(--muted)}
.shop-message{font-size:13px;line-height:1.45;color:var(--muted);min-height:38px;margin:0 0 12px}.skin-card{min-height:152px}.skin-card:disabled{opacity:.65}.skin-card.affordable{border-color:#ffe3a487;background:#ffe3a40b}.skin-card .skin-price{color:#ffe3a4;font-size:12px}.skin-card.affordable .skin-price{color:var(--mint)}.collection-record{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted);margin:9px 0 0}.collection-record strong{color:white;font-size:16px}.save-status{font-size:12px;line-height:1.4;text-align:center;color:var(--muted);margin:8px 0}.toast{white-space:normal;width:max-content;line-height:1.4;text-align:center}
.promo-form{padding:13px;border:1px solid var(--edge);border-radius:15px;background:#ffffff05;margin:0 0 14px}.promo-form label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:9px}.promo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.promo-controls input{width:100%;min-width:0;min-height:44px;border:1px solid #ffffff30;border-radius:10px;background:#0003;color:#fff;padding:10px;font:inherit;font-size:16px;touch-action:manipulation}.promo-controls input::placeholder{color:var(--muted);opacity:.8}.promo-controls input:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.promo-controls button{min-height:44px;min-width:80px;padding:9px 12px;border:0;border-radius:10px;background:var(--accent);color:var(--ink);font-size:13px;font-weight:900}.promo-controls button:disabled{opacity:.5}.promo-message{font-size:12px;line-height:1.5;min-height:36px;margin:9px 0 0;color:var(--muted)}.promo-message[data-result=success]{color:var(--mint)}.promo-message[data-result=error]{color:#ffd0cb}
@media(max-width:350px){.dock-button .wallet-label,.dock-button .wallet-label span{font-size:13px}.dock-button small>span{margin-left:3px;font-size:11px}}
body[data-theme=greenhill]{--ink:#113d34;--panel:#194b40;--accent:#d6ef94;--accent-soft:#8bdba322;--mint:#e6f6b2;--muted:#d4e9d5;--body-bg:radial-gradient(ellipse at 50% 28%,#317b70 0%,#163f3d 48%,#091b24 85%)}
body[data-theme=konoha]{--ink:#19392f;--panel:#294b3f;--accent:#ffd29a;--accent-soft:#f5b77822;--mint:#d8edb3;--muted:#d8e0c6;--body-bg:radial-gradient(ellipse at 50% 28%,#477e62 0%,#223e32 48%,#101c22 85%)}
body[data-theme=cityz]{--ink:#252c40;--panel:#354157;--accent:#ffe0a2;--accent-soft:#efc58222;--mint:#fff0bd;--muted:#d7dce8;--body-bg:radial-gradient(ellipse at 50% 28%,#616777 0%,#2b354b 48%,#111927 85%)}
.score-stack{text-align:center}.level-badge{display:block;margin-top:5px;color:#fff4cc;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-shadow:0 1px 5px #12263b}
.ability-bar{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;z-index:2;pointer-events:none}.ability-button{pointer-events:auto;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff4a;border-radius:13px;background:#15273ee8;color:#f3edff;min-height:48px;box-shadow:0 3px 12px #07132630;text-align:left}.ability-button svg{width:21px;height:21px}.ability-button strong{display:block;font-size:14px;font-weight:800;line-height:1.2}.ability-button small{display:block;font-size:12px;line-height:1.3;color:#e6dbd7;margin-top:3px;font-variant-numeric:tabular-nums}.ability-button kbd{font:inherit;font-size:12px;color:#c6d9dd;margin-left:4px}.ability-button:disabled{cursor:default;opacity:.78}.ability-button.ready{border-color:#ffe5a9;background:#374239f2;color:#fff6c1;box-shadow:0 0 17px #f3d88c35}.ability-button.active{border-color:#a9e5ff;color:#c7f1ff;background:#1a3d57e8;opacity:1}.ability-button.ready:hover{background:#4c5544}
@media(max-width:350px){.ability-bar{left:8px;right:8px;bottom:7px;gap:6px}.ability-button{gap:5px;padding:7px;min-height:46px}.ability-button strong{font-size:13px}.ability-button kbd{display:none}.ability-button svg{width:18px}}
@media(max-height:570px) and (min-width:570px){.ability-bar{bottom:7px}.ability-button{padding:6px 8px;min-height:45px}.ability-button kbd{display:none}}
.power-note{font-size:14px;line-height:1.5}.ability-button strong{white-space:nowrap}
@container(max-width:310px){.ability-button kbd{display:none}.ability-button{padding:7px;gap:5px}.ability-button strong{font-size:13px}.ability-button svg{width:18px}}
body[data-theme=sunflowers]{--ink:#343f2c;--panel:#3d513a;--accent:#ffe4a0;--accent-soft:#eed7a222;--mint:#fff0bc;--muted:#e0e4cb;--body-bg:radial-gradient(ellipse at 50% 28%,#6d835c 0%,#334431 48%,#151e1c 85%)}
body[data-theme=smallville]{--ink:#172e2e;--panel:#294539;--accent:#c6edaf;--accent-soft:#8bba7422;--mint:#d2f4ba;--muted:#dbe2ce;--body-bg:radial-gradient(ellipse at 50% 28%,#476b53 0%,#263c34 48%,#0c1b21 85%)}
body[data-theme=ghoul]{--ink:#131e25;--panel:#293a42;--accent:#f0b3bf;--accent-soft:#d2769622;--mint:#e6ddd1;--muted:#d3dcda;--body-bg:radial-gradient(ellipse at 50% 28%,#435457 0%,#253039 48%,#0d151d 85%)}
body[data-theme=kyoto]{--ink:#20193c;--panel:#3b2b4b;--accent:#ffd0dc;--accent-soft:#da8fad22;--mint:#ffe4cc;--muted:#e5cfe4;--body-bg:radial-gradient(ellipse at 50% 28%,#684563 0%,#332641 48%,#120d25 85%)}
body[data-theme=atlantis]{--ink:#0f3045;--panel:#164e60;--accent:#b8f7df;--accent-soft:#76cfbd22;--mint:#d5f9e9;--muted:#d3e8e9;--body-bg:radial-gradient(ellipse at 50% 28%,#277b83 0%,#154559 48%,#071c30 85%)}
.toolbar{gap:8px}.toolbar-actions{flex-shrink:0;gap:4px}.toolbar-actions .icon-button{width:40px;height:40px;border-radius:11px}.mission-trigger{position:relative}.mission-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border:1px solid var(--ink);border-radius:50%;background:#ffe3a4}
.precision-hint{font-size:13px;line-height:1.4;color:#fff0b9;margin:10px 0 0}.combo-hud{align-self:center;text-align:right;color:#fff0bc;text-shadow:0 2px 4px #102038;background:#15273ee8;border:1px solid #ffe4a044;border-radius:12px;padding:6px 10px;min-width:90px}.combo-hud>span{font-size:24px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.combo-hud small{display:block;font-size:12px;font-weight:800;letter-spacing:.03em;margin-top:3px}
.results-panel{max-height:calc(150cqw - 24px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}.medal{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin:13px auto 0;padding:6px 11px;border:1px solid currentColor;border-radius:10px;font-size:14px;font-weight:800;color:#ddd0ea;background:#ffffff05}.medal svg{width:17px;height:17px}.medal[data-medal=bronze]{color:#ffbd93}.medal[data-medal=silver]{color:#e1e7f8}.medal[data-medal=gold]{color:#ffe39b}.medal[data-medal=platinum]{color:#b4f7f1}.medal[data-medal=neon]{color:#ffaed9;background:#ffaed914}.results-panel .results{margin:15px 0 12px}.panel .flight-summary{font-size:14px;line-height:1.45;margin:0 0 14px;color:#e9dcf1}.results-panel .next-goal{font-size:14px}.mission-result{color:var(--mint)}
.mission-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--edge);border-radius:13px;background:#ffffff05;font-size:14px;color:var(--muted)}.mission-overview strong{color:#ffe3a4;font-size:20px;white-space:nowrap}.mission-intro{font-size:14px;line-height:1.5;color:var(--muted);margin:14px 0 18px}.mission-list{display:grid;gap:12px}.mission-card{padding:15px;border:1px solid var(--edge);border-radius:16px;background:#ffffff04}.mission-card.ready{border-color:#ffe3a477;background:#ffe3a407}.mission-card.complete{border-color:#b9ffea44}.mission-card-head{display:flex;align-items:center;gap:8px}.mission-card-head svg{width:20px;height:20px;color:var(--accent)}.mission-card h3{margin:0;font-size:16px;line-height:1.3;flex:1}.mission-reward{font-size:14px;font-weight:800;white-space:nowrap;color:#ffe3a4}.mission-card p{font-size:14px;line-height:1.45;color:var(--muted);margin:10px 0 13px}.mission-card progress{display:block;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;background:#ffffff14;accent-color:var(--accent);color:var(--accent)}.mission-card progress::-webkit-progress-bar{background:#ffffff14;border-radius:5px}.mission-card progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.mission-card progress::-moz-progress-bar{background:var(--accent);border-radius:5px}.mission-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.mission-claim{border:1px solid var(--edge);border-radius:10px;min-height:44px;padding:8px 14px;background:#ffffff07;font-size:14px;font-weight:800}.mission-card.ready .mission-claim{border-color:var(--mint);background:var(--mint);color:#142f39}.mission-claim:disabled{opacity:.65}.mission-card.complete .mission-claim{color:var(--mint);opacity:1;background:none}.pilot-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--edge);margin-top:18px;padding-top:15px;text-align:center;gap:10px}.pilot-stats strong{display:block;font-size:25px;line-height:1.2;color:var(--accent);font-variant-numeric:tabular-nums}.pilot-stats span{display:block;font-size:14px;line-height:1.4;color:var(--muted);margin-top:4px}#missionMessage:empty{display:none}#missionMessage{margin:14px 0 0;min-height:0;font-size:14px}
@media(max-width:520px){.wordmark{font-size:16px}.toolbar-actions .icon-button{width:40px;height:40px}.home-content h1{margin-bottom:18px}.results-panel{padding:20px 16px}.panel .flight-summary{font-size:13px}.precision-hint{font-size:12px}.mission-card{padding:13px}}
@container(max-width:310px){.combo-hud{min-width:80px;padding:6px 8px}.combo-hud>span{font-size:21px}.combo-hud small{font-size:12px}.results-panel{padding:18px 14px}.results-panel h2{font-size:25px}.results-panel .next-goal{font-size:13px}}
@media(max-height:570px) and (min-width:570px){.results-panel{padding:16px 14px}.results-panel .results{margin:12px 0 9px}.medal{margin-top:9px}.panel .flight-summary{margin-bottom:10px;font-size:13px}.precision-hint{font-size:12px}}
/* Arcade uses one bounded reel transform; no effects run while this dialog is closed. */
.dock{grid-template-columns:1fr 1fr 1fr}.dock-button{min-width:0;gap:7px;padding:8px 5px}.dock-button>span{min-width:0}.dock-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dock-button+button{border-radius:0}.arcade-trigger{color:#ffe3a4}
.arcade-dialog{--muted:#d8cbb4;--mint:#fff0c5;width:min(540px,calc(100vw - 24px));background:linear-gradient(155deg,#2e2633,#171a29 65%);border-color:#d2b27266;padding:22px}.arcade-dialog .eyebrow{color:#e6c88d}.arcade-dialog .dialog-head{margin-bottom:14px}.arcade-dialog .dialog-head h2{font-size:27px}.arcade-wallet{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px;font-size:14px;color:var(--muted)}.arcade-wallet strong{font-size:24px;color:#ffe3a4;font-variant-numeric:tabular-nums}.arcade-tabs{display:flex;gap:5px;padding:4px;background:#0003;border:1px solid #ffffff15;border-radius:14px;margin-bottom:12px}.arcade-tabs button{flex:1;padding:11px 8px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:800;min-height:44px}.arcade-tabs button[aria-selected=true]{background:#f3cd8522;color:#ffe5ad;box-shadow:inset 0 0 0 1px #f3cd8555}.arcade-tabs button:disabled{opacity:.7}.arcade-message{min-height:20px;font-size:14px;color:#e9d3a7;line-height:1.4;margin:0 0 10px}.arcade-message:empty{min-height:0;margin:0}.arcade-dialog .secondary{min-height:44px;padding:9px 12px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff09;color:#fff4d9;font-size:14px;font-weight:800}.arcade-dialog button:disabled{opacity:.5}.arcade-dialog #arcadeRetryBtn{width:100%;margin-bottom:12px}.case-intro{display:flex;gap:12px;align-items:center;margin:12px 0 16px}.case-intro>svg{width:44px;height:44px;color:#f4d598;stroke-width:1.35;padding:7px;background:#f4d59812;border:1px solid #f4d59833;border-radius:12px}.case-intro h3{font-size:18px;margin:0 0 3px}.case-intro p{font-size:14px;color:var(--muted);margin:0;line-height:1.35}.case-intro>strong{margin-left:auto;font-size:18px;color:#ffe3a4;white-space:nowrap}.roulette-window{position:relative;height:135px;overflow:hidden;border:1px solid #d3ad6866;border-radius:16px;background:#090e1a;isolation:isolate}.roulette-window::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090e1ac9,transparent 25%,transparent 75%,#090e1ac9)}.roulette-track{display:flex;gap:10px;padding:10px 0;width:max-content}.reel-card{width:110px;flex:none;height:113px;border-radius:10px;background:linear-gradient(#809fba22,#3a4b6522);border:1px solid #829ca542;border-bottom:3px solid #adbdc9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px}.reel-card canvas{width:102px;height:72px}.reel-card span{font-size:12px;line-height:1.25;text-align:center;color:#efeaf5}.roulette-marker{position:absolute;inset:0 auto 0 50%;width:2px;transform:translateX(-50%);background:#ffe2a599;z-index:2;pointer-events:none}.roulette-marker::before,.roulette-marker::after{content:'';position:absolute;left:-5px;width:12px;height:8px;background:#ffe2a5;clip-path:polygon(0 0,100% 0,50% 100%)}.roulette-marker::after{bottom:0;transform:rotate(180deg)}
.gold-button{display:block;width:100%;min-height:50px;padding:13px 12px;margin:15px 0 9px;border:1px solid #ffe5a5;border-radius:14px;background:linear-gradient(110deg,#e2b86e,#fff0c4 55%,#e6bd75);color:#302236;font-size:16px;font-weight:900;box-shadow:0 5px 20px #d1a3591c}.gold-button:not(:disabled):hover{filter:brightness(1.05)}.case-guarantee{font-size:14px;line-height:1.45;text-align:center;color:#e2c99b;margin:0 0 18px}.case-loot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.loot-card{min-width:0;text-align:center;background:#ffffff04;border:1px solid #ffffff18;border-bottom:2px solid #adbdc9;border-radius:13px;padding:8px 5px 12px}.loot-card canvas{display:block;width:min(102px,100%);height:auto;margin:auto;aspect-ratio:102/72}.loot-card span{display:block;font-size:12px;color:#c9d7e0;margin:2px 0 5px}.loot-card strong{font-size:14px;line-height:1.25;display:block}.case-loot [data-rarity=epic],.reel-card[data-rarity=epic]{border-bottom-color:#bfa0ff;background:linear-gradient(#a881df16,#63438b1a)}.case-loot [data-rarity=legendary],.reel-card[data-rarity=legendary]{border-bottom-color:#ffda8e;background:linear-gradient(#d9b47122,#7d5e2d18)}.loot-card[data-rarity=epic] span{color:#d4b9ff}.loot-card[data-rarity=legendary] span{color:#ffdf99}.case-result{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid #bca0ef6b;border-radius:16px;padding:11px 14px;margin-top:12px;background:#bba0ff0a}.case-result canvas{width:102px;height:72px}.case-result>div{flex:1;min-width:130px}.case-result h3{font-size:20px;line-height:1.2;margin:4px 0 5px}.case-result p{font-size:14px;line-height:1.35;margin:0;color:var(--muted)}.rarity-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d0b4ff;font-weight:800}.case-result[data-rarity=common]{border-color:#a6b4c166}.case-result[data-rarity=common] .rarity-label{color:#c1d2dd}.case-result[data-rarity=legendary]{border-color:#ffdd8988;background:#e7c8880b}.case-result[data-rarity=legendary] .rarity-label{color:#ffdf99}.arcade-rules{margin:17px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.arcade-rules summary{cursor:pointer;color:#ecd9b6;min-height:32px;padding:5px 0}.arcade-rules p{margin:8px 0}.arcade-note{font-size:12px;color:#bdb5ae;text-align:center;margin:13px 0 0}.skin-card[data-rarity=legendary]{border-color:#e9c78366}.skin-card[data-rarity=epic]{border-color:#b68cdf66}
.blackjack-table{background:radial-gradient(ellipse at center,#264d47,#142e32);border:1px solid #94bcb344;border-radius:20px;padding:16px 14px 12px;box-shadow:inset 0 0 40px #071c2370}.hand-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c6e0d4;font-size:12px;font-weight:800;letter-spacing:.09em}.hand-head strong{font-size:20px;letter-spacing:0;font-variant-numeric:tabular-nums}.hand-head small{font-size:12px;letter-spacing:0;color:#e2d3a9}.card-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;min-height:100px;padding:10px 0}.playing-card{width:59px;height:82px;flex:none;position:relative;display:grid;place-items:center;background:#f3eee6;border:1px solid #fff6e5;border-radius:8px;color:#263746;box-shadow:0 4px 8px #0003}.playing-card>span{position:absolute;top:4px;left:5px;font-size:13px;font-weight:900;line-height:1.2}.playing-card>strong{font-size:30px}.playing-card.red-card{color:#b04457}.card-back{background:repeating-linear-gradient(45deg,#40576c 0,#40576c 4px,#32485d 4px,#32485d 8px);color:#ffe5b1;border:3px solid #c7cecb;font-size:28px}.table-stamp{text-align:center;color:#e1d0a4;font-size:20px;font-weight:900;letter-spacing:.18em;padding:8px 0}.table-stamp span{display:block;font-size:12px;line-height:1.5;letter-spacing:.04em;margin-top:5px;font-weight:600}.blackjack-result{text-align:center;min-height:44px;display:grid;place-items:center;padding:10px 0;margin:5px 0;font-size:16px;font-weight:800;line-height:1.4;color:#e9e3d5}.blackjack-result[data-outcome=win],.blackjack-result[data-outcome=blackjack]{color:#d3f0bc}.blackjack-result[data-outcome=bust],.blackjack-result[data-outcome=lose]{color:#f2b9bf}.bet-picker{border:0;padding:0;margin:10px 0 0;display:flex;gap:8px}.bet-picker legend{font-size:14px;color:var(--muted);margin-bottom:10px}.bet-picker label{flex:1;position:relative;cursor:pointer}.bet-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.bet-picker span{display:block;padding:11px 4px;text-align:center;border:1px solid #ffffff26;border-radius:12px;font-size:15px;font-weight:800;background:#ffffff06}.bet-picker input:checked+span{border-color:#e4c996;background:#e4c99617;color:#ffe3a4}.bet-picker input:focus-visible+span{outline:3px solid var(--mint);outline-offset:3px}.bet-picker:disabled{opacity:.5}.blackjack-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.blackjack-hint{font-size:14px;color:var(--muted);line-height:1.45;margin:11px 0 0;text-align:center}
@media(max-width:520px){.dock-button>svg{display:none}.dock-button{justify-content:center}.dock-button strong{font-size:13px}.dock-button small{font-size:10px}.dock-button .wallet-label{font-size:14px}.arcade-dialog{padding:18px}.loot-card strong{font-size:13px}.case-intro{gap:8px}.case-intro p{font-size:13px}}
@media(max-width:350px){.arcade-dialog{padding:14px}.arcade-dialog .dialog-head h2{font-size:23px}.case-intro>svg{display:none}.loot-card span{font-size:12px}.loot-card strong{font-size:12px}.case-loot{gap:5px}.case-result{padding:10px;gap:6px}.case-result canvas{width:80px;height:auto}.blackjack-table{padding:13px 10px}.playing-card{width:52px;height:75px}.blackjack-actions{gap:5px}.blackjack-actions .secondary{padding:9px 5px;font-size:13px}}
@media(max-height:570px) and (min-width:570px){.dock-button>svg{display:block}.dock-button{justify-content:flex-start}.dock-button strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){.arcade-dialog *{animation:none!important;transition:none!important}}
.case-odds-label{text-align:center;font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 8px}
.mission-card:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
body[data-theme=dragonball]{--ink:#193d4d;--panel:#275568;--accent:#ffd393;--accent-soft:#ffb36c22;--mint:#d6f4dd;--muted:#d4e8e5;--body-bg:radial-gradient(ellipse at 50% 28%,#367d90 0%,#214a5c 48%,#0c1f32 85%)}

.mode-picker{padding:0 10px 4px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px;background:#0003;border:1px solid var(--edge);border-radius:14px}.mode-tabs button{min-width:0;min-height:36px;border:0;border-radius:10px;background:transparent;font-size:13px;font-weight:800;color:var(--muted);padding:6px 8px;line-height:18px}.mode-tabs button[aria-pressed=true]{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.mode-tabs button span{display:inline-block;font-size:10px;color:var(--accent);margin-left:3px}.collection-record{gap:18px}.collection-record span{display:inline-flex;align-items:center;gap:6px}body[data-mode=chaos] .level-badge{color:#ffe1aa;border-color:#eabd8b66}