:root{--navy:#13233f;--navy-2:#1b2d4f;--navy-deep:#0f1d36;--background:#15365f;--cyan:#39e6ff;--yellow:#ffd23f;--yellow-shadow:#c49a12;--yellow-ink:#6b5410;--panel:#eef2f8;--alert:#ff4057;--urgent:#ff9a3d;--urgent-lit:#ffc27a;--urgent-deep:#f07d1e;--tile:#24406e;--tile-edge:#0c1a33;--tile-top:#34599a;--tile-lit:#3b63a8;--tile-face:#2c4c83;--frame-top:#2d4f86;--pressed:#2a4170;--bar-top:#1f3561;--bar-edge:#2f4c80;--well:#0c1a33;--switch-edge:#3a5584;--switch-on:#13405f;--wipe-edge:#0a1730;--key-edge:#9fb0c9;--grass:#3f9b35;--grass-2:#378c2e;--ink:#fff;--ink-pale:#d6e2f5;--ink-soft:#cfe0ff;--ink-dim:#9fb6d8;--ink-faint:#7c8db0;--ink-deep:#5d7bad;--plus:#7fa7e0;--plus-ink:#9fc1ff;--invalid-ink:#ffb4a8;--warm:#ffb46b;--yellow-lit:#ffe27a;--yellow-deep:#f1b61f;--navy-lit:#2f4c80;--rar-plain:#c9d3e3;--panel-ink:#1c2b48;--panel-ink-dim:#8391a8;--panel-2:#dde5f1;--panel-3:#d2e0f1;--ink-rgb:255, 255, 255;--ink-dim-rgb:159, 182, 216;--ink-soft-rgb:207, 224, 255;--cyan-rgb:57, 230, 255;--yellow-rgb:255, 210, 63;--shade-rgb:0, 0, 0;--glass-rgb:10, 22, 44;--night-rgb:8, 18, 36;--deep-rgb:9, 21, 42;--veil-rgb:13, 30, 58;--dusk-rgb:6, 14, 30;--shadow:rgba(var(--shade-rgb), .35);--row:rgba(var(--ink-rgb), .05);--rule:rgba(var(--ink-dim-rgb), .22);--glass:rgba(var(--glass-rgb), .72);--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-7:14px;--sp-8:16px;--sp-9:18px;--sp-10:20px;--sp-11:22px;--sp-12:24px;--sp-13:26px;--fs-1:11px;--fs-2:11.5px;--fs-3:12px;--fs-4:12.5px;--fs-5:13px;--fs-6:14px;--fs-7:14px;--fs-8:14.5px;--fs-9:15px;--fs-10:16px;--fs-11:17px;--fs-12:18px;--fs-13:19px;--fs-14:21px;--fs-15:22px;--fs-16:26px;--fs-17:30px;--topbar-h:56px;--tabbar-h:68px;--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--font:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--display:"Russo One", "Arial Black", Impact, system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--background);height:100%;font-family:var(--font);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}#game{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui button{cursor:pointer;font-family:inherit}.hud{top:max(12px, var(--safe-top));gap:var(--sp-4);display:flex;position:absolute;left:12px}.hud-btn{pointer-events:auto;background:rgba(var(--glass-rgb), .55);width:44px;height:44px;color:var(--ink);font-size:var(--fs-10);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border-radius:50%;place-items:center;display:grid}.hud-btn.on{background:var(--cyan);color:var(--navy)}.hud-img{pointer-events:none;width:24px;height:24px;display:block}.hud-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.big-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.tp button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scorebug-wrap{top:calc(max(12px, var(--safe-top)) + 52px);pointer-events:none;position:absolute;left:12px}.scorebug{align-items:baseline;gap:var(--sp-3);padding:5px var(--sp-6);background:var(--glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;display:flex}.sb-team{font-size:var(--fs-1);letter-spacing:.08em;color:var(--ink-dim);font-weight:800}.sb-goals{font-family:var(--display);font-size:var(--fs-12);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:13px;line-height:1}.sb-dash{color:var(--ink-deep);font-size:var(--fs-5)}.banner{left:50%;bottom:max(18px, var(--safe-bottom));background:rgba(var(--glass-rgb), .75);color:var(--cyan);font-weight:700;font-size:var(--fs-5);letter-spacing:.06em;padding:var(--sp-4) var(--sp-7);white-space:nowrap;border-radius:999px;position:absolute;transform:translate(-50%)}.banner.plain{color:var(--ink)}.banner-text,.banner-note{text-align:center;display:block}.banner-note{margin-top:var(--sp-1);font-size:var(--fs-1);letter-spacing:.04em;color:var(--ink-dim);font-weight:600}.wipe{z-index:50;background:linear-gradient(100deg, var(--wipe-edge) 0 6%, var(--navy) 6% 100%);width:220vw;height:100%;box-shadow:0 0 40px rgba(var(--dusk-rgb), .6);pointer-events:none;will-change:transform;position:fixed;top:0;left:-60vw;transform:translate(0)skew(-10deg)}.wipe.in{transform:translate(-220vw)skew(-10deg)}.wipe.out{transform:translate(220vw)skew(-10deg)}.boot-loader{z-index:9;align-content:center;justify-items:center;gap:var(--sp-13);padding:var(--sp-12);background:var(--background);pointer-events:none;transition:opacity .24s ease-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot-loader.boot-out{opacity:0}.boot-loader .logo{margin:0}.boot-bar{background:rgba(var(--ink-rgb), .14);border-radius:2px;width:min(190px,44vw);height:4px;display:block;overflow:hidden}.boot-bar>b{background:var(--ink);transform-origin:0;height:100%;transform:scaleX(var(--boot,0));transition:transform .25s ease-out;display:block}.overlay{padding:var(--sp-8);background:radial-gradient(ellipse at center, rgba(var(--veil-rgb), .55), rgba(var(--night-rgb), .85));pointer-events:auto;place-items:safe center center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.card{text-align:center;width:100%;max-width:360px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.card.card-in-none{animation:none}.card.card-in-left{animation:.2s cubic-bezier(.2,.8,.2,1) card-in-left}.card.card-in-right{animation:.2s cubic-bezier(.2,.8,.2,1) card-in-right}.card.card-in-fade{animation:.14s ease-out card-in-fade}@keyframes card-in-left{0%{opacity:0;transform:translate(-28px)}}@keyframes card-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes card-in-fade{0%{opacity:.4}}.card.card-refused{animation:.36s cubic-bezier(.36,.07,.19,.97) refuse-shake}@keyframes refuse-shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.refusal{margin:var(--sp-6) auto 0;max-width:100%;padding:var(--sp-4) var(--sp-7);background:var(--navy-2);box-shadow:0 3px 0 var(--tile-edge);color:var(--ink);font-size:var(--fs-5);border-radius:12px;flex:none;font-weight:700;line-height:1.3}.unit{object-fit:contain;vertical-align:baseline;width:1.2em;height:1.2em;filter:drop-shadow(0 2px 0 var(--shadow));margin:0 0 -.22em .16em;display:inline-block}.unit-glyph{filter:none;font-size:.9em;line-height:1}.logo{font-family:var(--display);margin-bottom:var(--sp-9);text-shadow:0 4px 0 var(--tile-edge), 0 10px 24px rgba(var(--shade-rgb), .4);flex-direction:column;line-height:.92;display:flex;transform:rotate(-4deg)}.logo span:first-child{color:var(--ink);font-size:max(48px,min(16vw,76px))}.logo span:last-child{color:var(--yellow);font-size:max(56px,min(19vw,92px))}.tag{margin:0 0 var(--sp-9);color:var(--ink-soft);font-weight:600}.keys{font-size:var(--fs-6);color:var(--ink-pale);gap:var(--sp-3);margin-bottom:var(--sp-13);display:grid}.keys .touch{color:var(--ink-dim);font-size:var(--fs-5)}kbd{min-width:26px;padding:var(--sp-1) var(--sp-3);background:var(--ink);color:var(--navy);font-weight:800;font-family:var(--font);box-shadow:0 2px 0 var(--key-edge);border-radius:6px;display:inline-block}.big-btn{pointer-events:auto;padding:var(--sp-6) 34px;font-size:var(--fs-13);letter-spacing:.04em;color:var(--navy);background:var(--yellow);box-shadow:0 6px 0 var(--yellow-shadow), 0 14px 30px var(--shadow);border:0;border-radius:999px;transition:transform .1s;font-family:var(--display)!important}.card h2{font-family:var(--display);font-size:var(--fs-17);margin:var(--sp-4) 0 var(--sp-12);letter-spacing:.02em}.ft{color:var(--ink-dim);letter-spacing:.2em;margin:0;font-weight:800}.final{justify-content:center;align-items:center;gap:var(--sp-9);margin-top:var(--sp-5);font-family:var(--display);display:flex}.final div{display:grid}.final small{font-family:var(--font);color:var(--ink-dim);font-weight:800}.final b{font-size:72px;font-weight:400}.final span{font-size:var(--fs-17);color:var(--ink-dim)}.stats{align-items:center;gap:7px var(--sp-5);margin:var(--sp-2) 0 0;grid-template-columns:1fr auto 1fr;max-height:min(34vh,260px);display:grid;overflow-y:auto}.stats-row{display:contents}.stats-row b{font-size:var(--fs-9);font-variant-numeric:tabular-nums;font-weight:800}.stats-row b:first-child{text-align:right}.stats-row b:last-child{text-align:left}.stats-row span{font-size:var(--fs-2);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);text-align:center;font-weight:700}.stats-head b{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);overflow-wrap:anywhere;font-weight:800}.highlight{margin:var(--sp-7) 0 0;color:var(--yellow);letter-spacing:.03em;font-weight:800;font-size:var(--fs-6)}.highlight b{font-variant-numeric:tabular-nums}.stats+.big-btn,.highlight+.big-btn{margin-top:var(--sp-11)}.ft-card{text-align:center}.ft-card .ft-part>h2,.ft-verdict{font-size:var(--fs-17);margin:var(--sp-4) 0 var(--sp-9)}.ft-seq [data-beat]{animation:.36s cubic-bezier(.2,1.3,.4,1) both ft-in;animation-delay:calc(var(--beat) * .42s)}.ft-seq.ft-now [data-beat],.ft-seq.ft-now .ft-fill b{animation-duration:10ms;animation-delay:0s}@keyframes ft-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.ft-verdict-wrap{place-items:center;display:grid;position:relative}.ft-verdict.win{color:var(--yellow);text-shadow:0 3px 0 var(--tile-edge);font-size:max(34px,min(11vw,46px))}.ft-verdict.loss{color:var(--ink-dim)}.ft-rays{z-index:-1;background:repeating-conic-gradient(rgba(var(--yellow-rgb), .22) 0 10deg, transparent 10deg 24deg);width:260px;height:260px;-webkit-mask:radial-gradient(closest-side, rgba(var(--ink-rgb), 1) 30%, transparent);-webkit-mask:radial-gradient(closest-side, rgba(var(--ink-rgb), 1) 30%, transparent);mask:radial-gradient(closest-side, rgba(var(--ink-rgb), 1) 30%, transparent);border-radius:50%;margin:-130px 0 0 -130px;animation:18s linear infinite ft-spin;position:absolute;top:50%;left:50%}.ft-verdict-wrap.win{isolation:isolate}@keyframes ft-spin{to{transform:rotate(1turn)}}.ft-bar{gap:var(--sp-2);margin:var(--sp-5) 0 0;text-align:left;display:grid}.ft-bar-row{align-items:center;gap:var(--sp-3);display:flex}.ft-bar-row b{font-size:var(--fs-5);font-weight:800}.ft-bar-row small{color:var(--ink-dim);font-weight:800;font-size:var(--fs-2);font-variant-numeric:tabular-nums;margin-left:auto}.ft-fill b{width:var(--to);background:var(--yellow)}.ft-seq .ft-fill b{animation:.8s ease-out both ft-fill;animation-delay:calc(var(--beat,0) * .42s + .2s)}@keyframes ft-fill{0%{width:var(--from)}to{width:var(--to)}}.ft-unlock{justify-content:center;align-items:center;gap:var(--sp-5);margin:var(--sp-6) 0 0;padding:var(--sp-4) var(--sp-6);border:2px solid var(--cyan);background:var(--row);border-radius:14px;display:flex;position:relative;overflow:hidden}.ft-unlock img{object-fit:contain;width:42px;height:42px}.ft-unlock span{text-align:left;display:grid}.ft-unlock b{font-family:var(--display);font-size:var(--fs-6)}.ft-unlock small{color:var(--ink-dim);text-transform:uppercase;font-weight:700}.ft-unlock:after{content:"";background:linear-gradient(100deg, transparent 30%, rgba(var(--ink-rgb), .35) 50%, transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.ft-seq .ft-unlock:after{animation:1.4s ease-in-out 1.2s 2 ft-shine}@keyframes ft-shine{to{transform:translate(120%)}}.ft-drawer{margin:var(--sp-6) 0 0;text-align:left}.ft-drawer summary{cursor:pointer;text-align:center;color:var(--ink-dim);font-weight:800;font-size:var(--fs-2);letter-spacing:.1em;padding:var(--sp-3);background:var(--row);border-radius:10px;justify-content:center;align-items:center;gap:.35em;min-height:44px;list-style:none;display:flex}.ft-drawer summary::-webkit-details-marker{display:none}.ft-drawer summary:after{content:"▾"}.ft-drawer[open] summary:after{content:"▴"}.ft-drawer .stats{margin-top:var(--sp-3)}.mr{gap:var(--sp-6);margin-top:var(--sp-5);display:grid}.mr-sec+.mr-sec{border-top:1px solid var(--rule);padding-top:var(--sp-6)}.mr-title{margin:0 0 var(--sp-4);font-family:var(--font);font-size:var(--fs-1);letter-spacing:.14em;color:var(--ink-dim);text-align:center;font-weight:800}.mr-head,.mr-row{grid-template-columns:52px 1fr 52px;align-items:center;display:grid}.mr-head{margin-bottom:var(--sp-2);font-size:var(--fs-1);letter-spacing:.14em;color:var(--ink-dim);font-weight:800}.mr-head b:first-child,.mr-row b:first-child{text-align:left}.mr-head b:last-child,.mr-row b:last-child{text-align:right}.mr-row{padding:var(--sp-2) 0}.mr-row b{font-family:var(--display);font-weight:400;font-size:var(--fs-9);font-variant-numeric:tabular-nums}.mr-row span{gap:var(--sp-2);text-align:center;font-size:var(--fs-1);letter-spacing:.12em;color:var(--ink-dim);font-weight:800;display:grid}.mr-bar{grid-template-columns:1fr 1fr;gap:2px;height:6px;display:grid}.mr-bar>i{background:rgba(var(--ink-rgb), .08);border-radius:3px;display:block;position:relative;overflow:hidden}.mr-bar>i:after{content:"";width:var(--f,0%);border-radius:inherit;background:rgba(var(--ink-dim-rgb), .5);position:absolute;top:0;bottom:0}.mr-bar>.mr-a:after{right:0}.mr-bar>.mr-b:after{left:0}.mr-bar>.mr-lead:after{background:var(--ink-soft)}.mr-split>i:after{width:auto;left:0;right:0}.ft-drawer[open] .mr-bar>i:after{animation:.5s ease-out both mr-grow}@keyframes mr-grow{0%{width:0}}.mr-goals{gap:var(--sp-2);display:grid}.mr-goal{align-items:center;gap:var(--sp-3);font-size:var(--fs-5);grid-template-columns:1fr 44px 1fr;font-weight:700;display:grid}.mr-goal>span:first-child{text-align:right}.mr-scorer{align-items:center;gap:var(--sp-2);display:inline-flex}.mr-min{padding:1px var(--sp-3);background:var(--row);font-size:var(--fs-2);font-variant-numeric:tabular-nums;border-radius:999px;justify-self:center}.mr-mk{flex:none;width:14px;height:14px}.mr-map{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.mr-half{gap:var(--sp-2);margin:0;display:grid}.mr-half figcaption{text-align:center;font-size:var(--fs-1);letter-spacing:.14em;color:var(--ink-dim);font-weight:800}.mr-half svg{background:var(--navy-deep);border-radius:10px;width:100%;display:block}.mr-grass{fill:var(--grass)}.mr-grass-2{fill:var(--grass-2)}.mr-line{fill:none;stroke:rgba(var(--ink-rgb), .55);stroke-width:.08px}.mr-goalframe{stroke:var(--ink);stroke-width:.12px}.mr-mk-goal-ring{fill:none;stroke:var(--ink);stroke-width:.12px}.mr-mk-goal{fill:var(--ink)}.mr-mk-on{fill:var(--ink-soft);stroke:var(--navy-deep);stroke-width:.08px}.mr-mk-off{fill:none;stroke:var(--ink);stroke-width:.1px}.mr-mk-blocked{fill:none;stroke:var(--ink-soft);stroke-width:.12px;stroke-linecap:round}.mr-legend{justify-content:center;gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-3);font-size:var(--fs-1);letter-spacing:.1em;color:var(--ink-dim);flex-wrap:wrap;font-weight:800;display:flex}.mr-legend span{align-items:center;gap:var(--sp-2);display:inline-flex}.mr-legend .mr-mk{background:var(--grass-2);border-radius:4px}.mr-rates{gap:var(--sp-3);display:grid}.mr-rate{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--row);border-radius:10px;grid-template-columns:36px 1fr auto auto;display:grid}.mr-face{background:linear-gradient(var(--frame-top), var(--navy));border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden}.mr-face:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--rar,rgba(var(--ink-dim-rgb), .4));pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.mr-face img{object-fit:cover;object-position:center 20%;transform-origin:50% 24%;width:100%;height:100%;display:block;transform:scale(1.3)}.mr-face-badge b{font-family:var(--display);font-weight:400;font-size:var(--fs-5)}.mr-who{gap:1px;min-width:0;line-height:1.15;display:grid}.mr-who b{font-family:var(--display);font-weight:400;font-size:var(--fs-5);letter-spacing:.02em;overflow-wrap:anywhere}.mr-who small{font-size:var(--fs-1);color:var(--ink-soft);font-weight:600}.mr-star{color:var(--ink-soft);font-size:var(--fs-5)}.mr-mark{min-width:40px;height:28px;padding:0 var(--sp-2);background:var(--navy-2);font-family:var(--display);font-size:var(--fs-9);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;display:grid}.fete{z-index:48;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.fete-bit{top:-20px;left:var(--x);width:9px;height:14px;animation:fete-fall var(--fall) cubic-bezier(.3, .2, .6, 1) var(--delay) both;border-radius:2px;position:absolute}@keyframes fete-fall{to{transform:translate(var(--drift), 110vh) rotate(var(--spin))}}.fete-coin{object-fit:contain;will-change:transform;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:0;left:0}.fete-coin-glyph{text-align:center;font-size:26px;line-height:34px}.ft-card .final{margin-top:var(--sp-2)}.ft-card .ft-replay{align-items:center;gap:var(--sp-4);margin:var(--sp-1) 0 var(--sp-6);padding:var(--sp-3) var(--sp-9);display:inline-flex}.ft-play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0}.ft-card>.highlight:last-child{margin-bottom:var(--sp-1)}.stats-row-pay b{color:var(--panel)}.stats-row:not(.stats-row-pay)+.stats-row-pay:before{content:"";border-top:1px solid var(--rule);grid-column:1/-1;margin-top:3px}.verdict-line{margin:-14px 0 var(--sp-8);color:var(--ink-soft);font-size:var(--fs-7);font-weight:600;line-height:1.35}.ft-star{justify-content:center;align-items:center;gap:var(--sp-6);margin:-4px auto var(--sp-7);max-width:100%;display:flex}.ft-star-face{background:linear-gradient(var(--frame-top), var(--navy));width:58px;height:58px;box-shadow:0 3px 0 rgba(var(--shade-rgb), .3);border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.ft-star-face:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--rar,rgba(var(--ink-dim-rgb), .4));pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ft-star-face img{object-fit:cover;object-position:center 20%;transform-origin:50% 24%;width:100%;height:100%;display:block;transform:scale(1.3)}.ft-star-whole img{object-fit:contain;padding:5px;transform:none}.ft-star-badge b{font-family:var(--display);font-weight:400;font-size:var(--fs-11);letter-spacing:.02em}.ft-star-text{text-align:left;gap:1px;min-width:0;line-height:1.15;display:grid}.ft-star-text small{font-size:var(--fs-1);letter-spacing:.14em;color:var(--ink-dim);font-weight:800}.ft-star-text b{font-family:var(--display);font-weight:400;font-size:var(--fs-11);letter-spacing:.02em;overflow-wrap:anywhere}.ft-star-text em{font-style:normal;font-size:var(--fs-5);color:var(--ink-soft);font-weight:600}.pause-card{text-align:center}.pause-card>h2{margin:var(--sp-1) 0 var(--sp-7);font-size:var(--fs-17)}.final.final-sm{margin-top:var(--sp-2);gap:var(--sp-7)}.final.final-sm b{font-size:46px;line-height:1.05}.final.final-sm span{font-size:28px}.final.final-sm small{font-size:var(--fs-3)}.pause-card>.verdict-line{margin:-8px 0 var(--sp-7)}.tips{border-top:1px solid var(--rule);padding-top:var(--sp-5)}.tips-title{margin:0 0 var(--sp-3);font-size:var(--fs-1);letter-spacing:.14em;color:var(--ink-dim);font-weight:800}.tips dl{justify-content:center;gap:5px var(--sp-5);grid-template-columns:max-content minmax(0,max-content);margin:0;display:grid}.tip{display:contents}.tip dt{font-size:var(--fs-5);text-align:right;color:var(--ink);font-weight:800}.tip dd{font-size:var(--fs-5);text-align:left;color:var(--ink-soft);margin:0;font-weight:600}@media (max-width:380px){.tip dt,.tip dd{font-size:var(--fs-3)}}.pause-keys{justify-content:center;gap:var(--sp-3) var(--sp-5);margin:var(--sp-6) 0 0;font-size:var(--fs-4);color:var(--ink-soft);flex-wrap:wrap;font-weight:600;display:flex}.pause-keys kbd{min-width:22px;font-size:var(--fs-3);padding:1px 5px}@media (hover:none) and (pointer:coarse){.pause-keys{display:none}}.pill-secondary{pointer-events:auto;min-height:44px;margin:var(--sp-6) auto 0;padding:var(--sp-4) var(--sp-11);font-family:var(--display);font-size:var(--fs-8);letter-spacing:.03em;color:var(--ink);background:var(--navy-2);box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:999px;display:block}.pill-secondary:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.pill-secondary:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.pill-row{justify-content:center;gap:0 var(--sp-5);flex-wrap:wrap;display:flex}.pill-row .pill-secondary{margin:var(--sp-6) 0 0;padding-inline:var(--sp-8)}.card.card-splash{max-width:none;animation:none}.splash{align-content:center;justify-items:center;gap:var(--sp-7);padding:var(--sp-12);background:var(--navy);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.splash.splash-in{animation:.3s ease-out splash-in}@keyframes splash-in{0%{opacity:0}}.splash-title{font-family:var(--display);letter-spacing:.08em;color:var(--ink);text-shadow:0 4px 0 var(--tile-edge);margin:0;font-size:max(22px,min(6.4vw,40px))}.splash-rule{background:var(--yellow);border-radius:2px;width:min(190px,44vw);height:3px}.splash-sub{color:var(--ink-dim);letter-spacing:.04em;margin:0;font-size:max(12px,min(3.4vw,17px));font-weight:600}.card-panel{background:rgba(var(--deep-rgb), .88);padding:var(--sp-6) var(--sp-6) var(--sp-5);box-shadow:0 14px 34px rgba(var(--shade-rgb), .42);border-radius:16px}.card-panel>h2{margin:var(--sp-1) 0 var(--sp-6);font-size:var(--fs-16)}.card-panel+.big-btn,.card-panel+.pill-secondary{margin-top:var(--sp-8)}.card-panel+.back-link{margin-top:var(--sp-7);display:block}.panel-head{align-items:center;gap:var(--sp-4);min-height:44px;margin:0 0 var(--sp-5);text-align:left;display:flex}.head-text{gap:var(--sp-1);flex:auto;min-width:0;display:grid}.head-text .ft{font-size:var(--fs-1);letter-spacing:.14em;line-height:1.2}.card .panel-head h2{font-size:var(--fs-15);letter-spacing:.02em;overflow-wrap:anywhere;margin:0;line-height:1.08}.panel-head .store-coins{flex:none}.head-back{pointer-events:auto;width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;margin:-2px -2px -2px -6px;padding:0;display:grid}.head-back>span{background:linear-gradient(var(--tile-top), var(--tile));width:36px;height:36px;box-shadow:0 3px 0 var(--tile-edge), inset 0 2px 0 rgba(var(--ink-rgb), .14);border-radius:50%;place-items:center;display:grid}.head-back svg{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;margin-left:-2px;display:block}.head-back:active>span{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.head-back:focus-visible{outline:none}.head-back:focus-visible>span{box-shadow:0 0 0 3px var(--cyan)}.choose-card .choose{gap:var(--sp-3);margin:0}.choose-card .choose-btn{justify-content:space-between;align-items:center;gap:var(--sp-5);min-height:52px;padding:var(--sp-4) var(--sp-7);background:var(--row);box-shadow:none;text-align:left;font-size:var(--fs-8);border:0;border-radius:12px;display:flex}.choose-card .choose-btn:before{display:none}.choose-card .choose-btn:active{box-shadow:none;background:rgba(var(--ink-rgb), .1);transform:translateY(1px)scale(.99)}.choose-text{gap:var(--sp-1);min-width:0;display:grid}.choose-card .choose-current{background:rgba(var(--cyan-rgb), .1);box-shadow:inset 0 0 0 2px var(--cyan)}.choose-card .choose-current:active{box-shadow:inset 0 0 0 2px var(--cyan)}.choose-card .choose-mark{flex:none;position:static;transform:none}.choose-card .choose-danger{box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .22);background:0 0}.vs-sides{align-items:start;gap:var(--sp-4);margin:var(--sp-3) 0 var(--sp-2);grid-template-columns:1fr auto 1fr;display:grid}.vs-side{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.vs-crest{object-fit:contain;width:52px;height:52px}.vs-glyph{place-items:center;font-size:34px;line-height:1;display:grid}.vs-name{font-family:var(--display);font-weight:400;font-size:var(--fs-10);overflow-wrap:anywhere;line-height:1.1}.vs-ovr{font-size:var(--fs-3);color:var(--cyan);font-variant-numeric:tabular-nums;font-weight:800}.vs-note{font-size:var(--fs-2);color:var(--ink-dim);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.vs-v{font-family:var(--display);font-size:var(--fs-12);color:var(--ink-dim);align-self:center}.vs-lines{gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--rule);display:grid}.vs-line{justify-content:space-between;align-items:baseline;gap:var(--sp-6);display:flex}.vs-line span{font-size:var(--fs-2);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.vs-line b{font-size:var(--fs-8);font-variant-numeric:tabular-nums;font-weight:800}.vs-line-hi b{color:var(--yellow);font-size:var(--fs-10)}.table-wrap{margin:var(--sp-2) 0 var(--sp-3);text-align:left}.t-row{align-items:center;gap:var(--sp-3);padding:7px var(--sp-5);display:grid}.t-row:not(.t-head){background:var(--row);border-left:3px solid #0000;border-radius:8px}.t-head{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;padding-bottom:var(--sp-3)}.t-head .t-cell{color:var(--ink-dim);font-weight:800}.table-scroll{gap:3px;max-height:min(46vh,300px);display:grid;overflow-y:auto}.t-cell{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-weight:700;overflow:hidden}.t-left{text-align:left}.t-right{text-align:right;font-variant-numeric:tabular-nums}.t-center{text-align:center}.t-row.t-row-hi{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb), .14)}.t-row-hi .t-cell{color:var(--ink)}.t-note{margin:var(--sp-6) 0 0;color:var(--ink-soft);font-size:var(--fs-5);font-weight:700}.t-note.odds{margin-top:var(--sp-2);font-size:var(--fs-1);color:var(--ink-dim);text-align:left;font-weight:600}.t-note.odds b{color:var(--ink)}.t-note.odds span{white-space:nowrap}.t-note.odds+.list-scroll,.t-note.odds+.store-scroll{margin-top:var(--sp-6)}.store-head{justify-content:space-between;align-items:center;gap:var(--sp-5);margin:var(--sp-1) 0 var(--sp-6);display:flex}.store-head h2{font-size:var(--fs-15);text-align:left;margin:0}.store-coins{align-items:center;gap:var(--sp-2);background:rgba(var(--ink-rgb), .08);padding:var(--sp-3) var(--sp-7);font-family:var(--display);font-size:var(--fs-8);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;display:inline-flex}.store-scroll{gap:var(--sp-7);text-align:left;max-height:min(52vh,380px);padding-right:var(--sp-1);display:grid;overflow-y:auto}.store-section{gap:var(--sp-3);display:grid}.store-label{color:var(--ink-dim);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:800}.store-row{justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--row);border-radius:10px;display:flex}.store-row-stack{gap:var(--sp-4);justify-items:stretch;display:grid}.store-actions{gap:var(--sp-3);display:flex}.store-actions .store-btn{min-width:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-3);white-space:pre-line;flex:1 1 0;line-height:1.15}.store-info{gap:var(--sp-1);min-width:0;display:grid}.store-name{font-weight:700;font-size:var(--fs-7);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-note{font-size:var(--fs-2);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-btn{pointer-events:auto;min-width:84px;min-height:44px;padding:0 var(--sp-8);font-family:var(--display);font-size:var(--fs-5);letter-spacing:.02em;color:var(--ink);background:var(--navy-2);box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:999px;flex:none}.store-btn:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.store-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.store-btn.store-equipped,.store-btn.store-max{border:2px solid var(--cyan);color:var(--cyan);box-shadow:none;background:0 0}.store-btn.store-locked{background:rgba(var(--ink-rgb), .08);color:var(--ink-faint);box-shadow:none;font-size:var(--fs-2)}.store-btn:disabled{opacity:.9}.list-scroll{gap:var(--sp-7);text-align:left;max-height:min(52vh,380px);padding-right:var(--sp-1);display:grid;overflow-y:auto}.list-section{gap:var(--sp-3);display:grid}.list-row{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--sp-5);width:100%;min-height:52px;padding:var(--sp-4) var(--sp-7);text-align:left;color:var(--ink);background:var(--navy-2);box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:12px;transition:transform .1s;display:flex}.list-row:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.list-row:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.list-info{gap:var(--sp-1);min-width:0;display:grid}.list-name{font-family:var(--display);font-size:var(--fs-6);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-note{font-size:var(--fs-2);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-badge{color:var(--yellow);font-size:var(--fs-8);letter-spacing:.06em;flex:none}.badge-hollow{color:rgba(var(--yellow-rgb), .3)}.list-row.list-locked{background:rgba(var(--ink-rgb), .08);color:var(--ink-faint);box-shadow:none}.list-locked .list-badge,.list-locked .badge-hollow{color:var(--ink-faint)}.menu{gap:var(--sp-5);margin:var(--sp-2) 0 var(--sp-3);display:grid}.menu-btn{pointer-events:auto;gap:var(--sp-1);min-height:44px;padding:var(--sp-5) var(--sp-11);font-family:var(--display);font-size:var(--fs-10);letter-spacing:.03em;color:var(--ink);background:var(--navy-2);box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:999px;transition:transform .1s;display:grid}.menu-btn:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(3px)}.menu-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.menu-note{font-family:var(--font);font-size:var(--fs-3);color:var(--ink-dim);font-weight:600}.menu-btn.menu-primary{color:var(--navy);background:var(--yellow);font-size:var(--fs-12);box-shadow:0 6px 0 var(--yellow-shadow), 0 14px 30px var(--shadow)}.menu-btn.menu-primary:active{box-shadow:0 2px 0 var(--yellow-shadow)}.menu-btn.menu-primary .menu-note{color:var(--yellow-ink)}.hint{margin:var(--sp-8) 0 0;color:var(--ink-dim);font-size:var(--fs-5)}.choose{gap:var(--sp-5);margin:var(--sp-2) 0 var(--sp-9);display:grid}.choose-btn{pointer-events:auto;gap:var(--sp-1);min-height:44px;padding:var(--sp-6) var(--sp-10);background:var(--navy-2);color:var(--ink);font-family:var(--display);letter-spacing:.02em;box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:14px;font-size:18px;transition:transform .1s;display:grid;position:relative}.choose-btn:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(3px)}.choose-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.choose-btn small{font-family:var(--font);font-weight:600;font-size:var(--fs-3);color:var(--ink-dim)}.choose-current{box-shadow:0 0 0 2px var(--cyan), 0 4px 0 var(--tile-edge)}.choose-current:active{box-shadow:0 0 0 2px var(--cyan), 0 1px 0 var(--tile-edge)}.choose-mark{padding:var(--sp-1) var(--sp-4);border:2px solid var(--cyan);color:var(--cyan);font-family:var(--font);font-style:normal;font-weight:800;font-size:var(--fs-1);letter-spacing:.04em;border-radius:999px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.choose-danger{background:rgba(var(--deep-rgb), .62);box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .22)}.choose-danger:active{box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .22);transform:translateY(2px)}.back-link{pointer-events:auto;min-height:44px;color:var(--ink-dim);font-weight:700;font-size:var(--fs-5);letter-spacing:.04em;padding:var(--sp-4);background:0 0;border:0;align-items:center;display:inline-flex}.back-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.coach{left:50%;bottom:calc(max(14px, var(--safe-bottom)) + 118px);background:var(--panel);width:min(340px,100vw - 24px);color:var(--panel-ink);padding:var(--sp-6) var(--sp-8);box-shadow:0 10px 28px var(--shadow);text-align:center;pointer-events:none;border-radius:16px;animation:.25s ease-out pop;position:absolute;transform:translate(-50%)}.coach-step{color:var(--cyan);font-weight:800;font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--sp-2);display:block}.coach-text{font-size:var(--fs-6);margin:0;font-weight:600;line-height:1.35}:has(>.actionbar:not([hidden])>.ab-caption:not([hidden]))>.coach{bottom:calc(max(14px, var(--safe-bottom)) + 154px)}.coach-btn{pointer-events:auto;min-height:44px;margin:var(--sp-5) auto 0;padding:var(--sp-4) var(--sp-11);font-family:var(--display);font-size:var(--fs-6);letter-spacing:.03em;color:var(--ink);background:var(--navy);box-shadow:0 4px 0 var(--tile-edge);border:0;border-radius:999px;display:block}.coach-btn:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.coach-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.hint{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hint[hidden],.overlay:not([hidden])~.hint{display:none}.overlay:not([hidden])~.coach{visibility:hidden}.hint-trail{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.hint-trail path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 9;opacity:.8}.hint-hand{transform-origin:17px 3px;width:44px;height:54px;filter:drop-shadow(0 3px 2px var(--shadow));transition:opacity .15s linear;position:absolute;top:0;left:0}.hint-hand svg{display:block}.hint-edge>*{fill:var(--navy);stroke:var(--navy);stroke-width:5px;stroke-linejoin:round}.hint-skin>*{fill:var(--ink)}.hint-ring{border:3px solid var(--ink);opacity:0;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .12s linear,transform .12s ease-out;position:absolute;top:0;left:0}.tp{pointer-events:auto;top:max(12px, var(--safe-top));background:var(--panel);width:min(360px,100vw - 24px);max-height:calc(100dvh - 90px);color:var(--panel-ink);border:2px solid var(--cyan);box-shadow:0 0 0 4px rgba(var(--cyan-rgb), .2), 0 16px 36px rgba(var(--shade-rgb), .4);border-radius:16px;animation:.25s ease-out pop;position:absolute;right:12px;overflow:auto}@media (max-width:560px){.tp{top:calc(max(12px, var(--safe-top)) + 54px);max-height:calc(100dvh - 140px)}}.tp-head{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-7);background:var(--navy);color:var(--ink);display:flex}.tp-badge{background:var(--cyan);color:var(--navy);padding:3px var(--sp-4);font-weight:800;font-size:var(--fs-8);border-radius:7px}.tp-role{font-weight:800;font-size:var(--fs-11);letter-spacing:.02em;flex:1}.tp-x{width:44px;height:44px;color:var(--ink);font-size:var(--fs-12);background:0 0;border:0;border-radius:50%}.tp-body{padding:var(--sp-3) 0 0}.tp-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:7px var(--sp-6) 7px var(--sp-7);display:flex}.tp-label{font-weight:600;font-size:var(--fs-8)}.tp-ctl{align-items:center;gap:var(--sp-3);display:flex}.tp-btn{background:var(--navy);width:44px;height:44px;color:var(--ink);font-size:var(--fs-12);border:0;border-radius:50%;line-height:1}.tp-btn:active{background:var(--pressed)}.tp-val{text-align:center;background:var(--panel-2);min-width:84px;padding:7px var(--sp-3);font-variant-numeric:tabular-nums;border-radius:10px;font-weight:700}.tp-note{font-size:var(--fs-2);color:var(--panel-ink-dim);padding:0 var(--sp-7) var(--sp-3)}.tp-section{background:var(--panel-3);letter-spacing:.03em;padding:7px var(--sp-7);margin:var(--sp-3) 0 var(--sp-2);font-weight:800}.tp-reset{width:calc(100% - 28px);margin:var(--sp-6) var(--sp-7) var(--sp-7);background:var(--navy);color:var(--ink);font-weight:700;font-size:var(--fs-8);border:0;border-radius:12px;padding:13px;display:block}.callout{font-family:var(--display);font-size:max(24px, min(84px, 13vw, calc((100vw - 32px) / (var(--len,6) * .66))));color:var(--ink);text-shadow:0 4px 0 var(--tile-edge), 0 10px 24px rgba(var(--shade-rgb), .45);white-space:nowrap;pointer-events:none;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.callout.gold{color:var(--yellow)}.callout.pop{animation:.45s cubic-bezier(.2,1.4,.4,1) callout-pop}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(.6)}}.actionbar{left:0;right:0;bottom:max(14px, var(--safe-bottom));justify-items:center;gap:var(--sp-5);padding:0 var(--sp-6);pointer-events:none;display:grid;position:absolute}.ab-caption{background:var(--glass);padding:5px var(--sp-7);font-size:var(--fs-3);letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;border-radius:999px;font-weight:800}.ab-row{justify-content:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.ab-caption{text-overflow:ellipsis;max-width:100%;overflow:hidden}.ab-btn{pointer-events:auto;min-width:64px;min-height:44px;padding:0 var(--sp-8);background:var(--glass);color:var(--ink);letter-spacing:.04em;border:0;border-radius:12px;font-weight:800}.ab-btn.on{background:var(--cyan);color:var(--navy)}.ab-card{background:var(--panel);color:var(--panel-ink);box-shadow:0 3px 0 var(--tile-edge);position:relative;transform:rotate(-3deg)}.ab-card:before{content:"";opacity:.55;background:currentColor;border-radius:2px;width:6px;height:6px;position:absolute;top:5px;left:6px;transform:rotate(45deg)}.ab-card.on{transform:translateY(-3px)}.ab-card:disabled{box-shadow:none}.ab-btn:disabled{opacity:.4}.ab-info{pointer-events:auto;align-self:center;margin-right:0}.ab-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.ab-primary{padding:var(--sp-6) 36px;font-size:var(--fs-12);font-variant-numeric:tabular-nums}.ab-primary:disabled{opacity:.5}.ab-primary.urgent{background:linear-gradient(var(--urgent-lit), var(--urgent) 52%, var(--urgent-deep));box-shadow:0 0 0 3px var(--ink), 0 5px 0 var(--tile-edge), 0 12px 26px var(--shadow);animation:.6s ease-in-out infinite ab-urgent}.ab-main{pointer-events:none;position:relative}.ab-badge{z-index:1;min-width:36px;padding:var(--sp-1) var(--sp-4);border:2px solid var(--tile-edge);background:var(--navy);color:var(--ink);font-family:var(--display);font-size:var(--fs-3);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--tile-edge);pointer-events:none;border-radius:999px;line-height:1.2;position:absolute;top:-8px;right:-10px}.ab-badge[hidden]{display:none}@keyframes ab-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.list-row.list-row-img{padding-left:var(--sp-4)}.list-img{background:rgba(var(--ink-rgb), .06);object-fit:cover;border-radius:10px;flex:none;width:40px;height:40px}.list-row .list-info{flex:auto}.list-tags{gap:var(--sp-2);flex:none;align-items:center;display:flex}.list-tag{font-family:var(--display);font-size:var(--fs-1);letter-spacing:.04em;color:var(--ink-soft);border:1.5px solid rgba(var(--ink-soft-rgb), .35);padding:var(--sp-1) 7px;white-space:nowrap;border-radius:999px}.pf{text-align:left}.pf-head{gap:var(--sp-6);margin:var(--sp-1) 0 var(--sp-5);align-items:center;display:flex}.pf-img{background:rgba(var(--ink-rgb), .06);object-fit:cover;border-radius:16px;flex:none;width:104px;height:104px}.pf-who{gap:var(--sp-2);min-width:0;display:grid}.card-panel .pf-name,.pf-name{font-size:var(--fs-14);overflow-wrap:anywhere;margin:0;line-height:1.05}.pf-sub{color:var(--ink-dim);font-size:var(--fs-4);letter-spacing:.06em;margin:0;font-weight:800}.pf-chips{flex-wrap:wrap;gap:5px;display:flex}.pf-chip{font-family:var(--display);font-size:var(--fs-2);letter-spacing:.04em;color:var(--ink-soft);border:1.5px solid rgba(var(--ink-soft-rgb), .35);padding:var(--sp-1) var(--sp-4);white-space:nowrap;border-radius:999px}.pf-scroll{gap:var(--sp-5);max-height:min(40vh,300px);padding:0 var(--sp-3);margin:0 calc(-1 * var(--sp-3));display:grid;overflow-y:auto}.pf-stats{gap:var(--sp-3);display:grid}.pf-stats-head{justify-content:space-between;align-items:center;margin:-6px 0;display:flex}.pf-stats-head>span{font-size:var(--fs-1);letter-spacing:.1em;color:var(--ink-dim);font-weight:800}.info-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;margin-right:-10px;padding:0;display:grid;position:relative}.info-btn span{background:var(--navy-2);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--ink-dim);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:var(--fs-8);border-radius:50%;place-items:center;line-height:1;display:grid}.info-btn:active span{background:var(--pressed)}.info-btn:focus-visible{outline:none}.info-btn:focus-visible span{box-shadow:inset 0 0 0 2px var(--cyan), 0 0 0 3px var(--cyan)}.info{text-align:left}.info>h2{margin:var(--sp-1) 0 var(--sp-3)}.info-intro{margin:0 0 var(--sp-5);font-weight:600}.info-scroll{gap:var(--sp-4);max-height:min(56vh,460px);padding-right:var(--sp-1);display:grid;overflow-y:auto}.info-entry{background:var(--row);border-radius:12px;gap:3px;padding:9px 11px;display:grid}.info-top{align-items:baseline;gap:var(--sp-4);display:flex}.info-label{font-family:var(--display);font-weight:400;font-size:var(--fs-8);letter-spacing:.03em}.info-value{font-family:var(--display);font-weight:400;font-size:var(--fs-8);font-variant-numeric:tabular-nums}.info-badge{padding:1px var(--sp-4);font-size:var(--fs-2);font-variant-numeric:tabular-nums;color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px rgba(var(--ink-soft-rgb), .45);border-radius:999px;margin-left:auto;font-weight:800}.info-text{font-size:var(--fs-5);color:var(--ink-pale);margin:0;font-weight:600;line-height:1.3}.settings{text-align:left}.settings>h2{margin:var(--sp-1) 0 var(--sp-6)}.set-rows{gap:var(--sp-4);display:grid}.set-row{align-items:center;gap:var(--sp-6);width:100%;min-height:52px;padding:var(--sp-4) var(--sp-6);background:rgba(var(--ink-rgb), .06);color:var(--ink);text-align:left;border:0;border-radius:12px;display:flex}.set-row:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.set-icon{width:30px;height:30px;filter:drop-shadow(0 2px 0 var(--shadow));flex:none}.set-label{gap:var(--sp-1);min-width:0;font-family:var(--display);font-size:var(--fs-10);letter-spacing:.03em;flex:auto;display:grid}.set-label small{font-family:var(--font);font-size:var(--fs-3);letter-spacing:0;color:var(--ink-dim);font-weight:600}.set-state{align-items:center;gap:var(--sp-4);flex:none;display:flex}.set-state em{min-width:30px;font-style:normal;font-size:var(--fs-3);letter-spacing:.08em;text-align:right;color:var(--ink-dim);font-weight:800}.set-switch{background:var(--well);width:48px;height:28px;box-shadow:inset 0 0 0 2px var(--switch-edge);border-radius:999px;display:block;position:relative}.set-switch b{background:var(--ink-dim);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:4px;left:4px}.set-row[aria-checked=true] .set-state em{color:var(--ink)}.set-row[aria-checked=true] .set-switch{background:var(--switch-on);box-shadow:inset 0 0 0 2px var(--cyan)}.set-row[aria-checked=true] .set-switch b{background:var(--ink);transform:translate(20px)}.set-link .set-state em{min-width:0;color:var(--ink);letter-spacing:.04em}.set-chevron{font-style:normal;font-size:var(--fs-10);color:var(--ink-dim);line-height:1}.set-row.set-locked{opacity:.6}.has-shell>.overlay .set-scroll{min-height:110px;padding:var(--sp-3);margin:calc(-1 * var(--sp-3));flex:auto;overflow-y:auto}.set-credits{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--rule);text-align:center}.set-credits .ft{font-size:var(--fs-1);letter-spacing:.14em}.set-credit{margin:var(--sp-2) 0 0;font-size:var(--fs-5);letter-spacing:.03em;color:var(--ink-pale);font-weight:700}.info-line{font-size:var(--fs-2);color:var(--ink-dim);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.pf-stat{align-items:center;gap:var(--sp-4);display:grid}.pf-stat-label{font-size:var(--fs-1);letter-spacing:.08em;color:var(--ink-dim);font-weight:800}.pf-stat-value{font-family:var(--display);font-size:var(--fs-6);text-align:right;font-variant-numeric:tabular-nums}.pf-bar{background:rgba(var(--ink-rgb), .08);border-radius:999px;height:10px;position:relative;overflow:hidden}.pf-bar b{background:var(--ink-soft);border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:auto}.pf-mark{background:var(--navy);opacity:.85;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.pf-quote{color:var(--ink-pale);font-size:var(--fs-5);margin:0;font-style:italic}.pf-lines{gap:3px;display:grid}.pf-line{justify-content:space-between;gap:var(--sp-5);font-size:var(--fs-4);color:var(--ink-dim);display:flex}.pf-line b{color:var(--ink);text-align:right;font-weight:700}.pf-primary{margin-top:var(--sp-7)}.pf-actions{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.pf-actions .pill-secondary{width:100%;min-height:44px;padding:var(--sp-4) var(--sp-5);margin:0}.pf-actions .pf-wide{grid-column:1/-1}.pf-actions .pill-secondary:disabled{opacity:.45}.prompt{text-align:left}.prompt-label{gap:var(--sp-3);color:var(--ink-dim);font-size:var(--fs-3);letter-spacing:.08em;font-weight:800;display:grid}.prompt-input{min-height:48px;padding:var(--sp-4) var(--sp-7);border:2px solid rgba(var(--ink-soft-rgb), .25);background:var(--well);color:var(--ink);font-family:var(--display);font-size:var(--fs-13);letter-spacing:.04em;text-transform:uppercase;border-radius:12px}.prompt-input:focus{border-color:var(--cyan);outline:none}.prompt-preview{min-height:18px;margin:var(--sp-4) 0 0;color:var(--ink-soft);font-weight:700;font-size:var(--fs-5)}.prompt-preview.prompt-error{color:var(--invalid-ink)}.prompt-save:disabled{opacity:.5;box-shadow:none}.prompt-save+.back-link,.pf-actions+.back-link,.pf-primary+.back-link{margin:var(--sp-6) auto 0;display:block}.gift-strip{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.gift-day{padding:var(--sp-3) var(--sp-1) var(--sp-2);background:var(--row);border:2px solid #0000;border-radius:12px;justify-items:center;gap:1px;display:grid;position:relative}.gift-day.gift-big{grid-column:span 2}.gift-n{font-size:var(--fs-1);letter-spacing:.08em;color:var(--ink-dim);font-weight:800}.gift-art img{object-fit:contain;width:30px;height:30px}.gift-big .gift-art img{width:40px;height:40px}.gift-art .shell-glyph{font-size:24px}.gift-amount{font-family:var(--display);font-size:var(--fs-5);color:var(--yellow)}.gift-day.is-today,.gift-day.is-done{border-color:var(--cyan)}.gift-day.is-taken{opacity:.5}.gift-tick{font-style:normal;font-weight:800;font-size:var(--fs-2);color:var(--cyan);position:absolute;top:3px;left:5px}.gift-day .dot{top:-3px;right:-3px}.gift-note{margin:var(--sp-3) 0 0}.today-line{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--row);border-radius:12px;display:flex}.today-line span{font-weight:700;font-size:var(--fs-5)}.today-line b{color:var(--yellow);font-family:var(--display);font-size:var(--fs-5);white-space:nowrap;align-items:center;gap:var(--sp-1);display:inline-flex}.today-section{gap:var(--sp-3)}.today-action{justify-self:start}.task-row{gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--row);border-radius:12px;align-items:center;display:flex}.task-main{gap:var(--sp-2);flex:auto;min-width:0;display:grid}.task-name{font-weight:700;font-size:var(--fs-6);color:var(--ink)}.task-note{font-size:var(--fs-2);color:var(--ink-dim)}.task-bar{background:rgba(var(--ink-rgb), .08);border-radius:999px;height:8px;position:relative;overflow:hidden}.task-bar b{background:var(--ink-soft);border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:auto}.task-side{flex:none;justify-items:end;gap:3px;display:grid}.task-reward{color:var(--yellow);font-family:var(--display);font-size:var(--fs-5);white-space:nowrap}.task-count{color:var(--ink-dim);font-size:var(--fs-1);font-variant-numeric:tabular-nums;font-weight:700}.task-done{color:var(--ink-faint);font-size:var(--fs-1);letter-spacing:.08em;font-weight:800}.task-claimed{opacity:.6}.task-claimed .task-bar b{background:var(--ink-faint)}.reveal{perspective:900px;margin:var(--sp-3) auto 0;width:min(300px,86vw)}.reveal-inner{min-height:330px;transform-style:preserve-3d;animation:reveal-turn .7s cubic-bezier(.3, 1.3, .5, 1) var(--reveal-delay,.7s) both;position:relative}@keyframes reveal-turn{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.reveal-face{align-content:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-8);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(var(--deep-rgb), .94);border:3px solid var(--accent);border-radius:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.reveal-front{box-shadow:0 0 34px color-mix(in srgb, var(--accent) 55%, transparent);animation:reveal-glow 1.6s ease-in-out calc(var(--reveal-delay,.7s) + .7s) 2}@keyframes reveal-glow{50%{box-shadow:0 0 60px color-mix(in srgb, var(--accent) 85%, transparent)}}.reveal-back{border-color:rgba(var(--ink-soft-rgb), .35);transform:rotateY(180deg)}.reveal-mark{font-family:var(--display);color:rgba(var(--ink-soft-rgb), .25);font-size:110px;line-height:1}.reveal-back-title{font-family:var(--display);font-size:var(--fs-13);color:var(--ink)}.reveal-back-img{object-fit:contain;width:150px;height:150px;filter:drop-shadow(0 4px 0 var(--shadow))}.reveal-back-sub{color:var(--ink-dim);font-size:var(--fs-3);font-weight:700}.reveal-img{background:rgba(var(--ink-rgb), .06);border-radius:18px;width:132px;height:132px}.offer-card{text-align:center}.offer-art{--accent:var(--ink-soft);width:132px;height:132px;margin:var(--sp-3) auto var(--sp-4);background:rgba(var(--ink-rgb), .06);border:3px solid var(--accent);box-shadow:0 0 26px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:22px;place-items:center;display:grid}.offer-art img{object-fit:contain;width:108px;height:108px}.offer-art .shell-glyph{font-size:56px}.offer-title{margin:0 0 var(--sp-3)}.offer-lines{width:100%;margin:var(--sp-5) 0 0;text-align:left}.offer-price{justify-content:center;align-items:center;gap:var(--sp-2);margin:var(--sp-6) 0 0;color:var(--yellow);font-family:var(--display);font-size:var(--fs-12);display:flex}.offer-price .unit{width:28px;height:28px}.offer-note{margin-top:var(--sp-4)}.card .reveal-title{margin:var(--sp-2) 0 0;font-size:var(--fs-15);line-height:1.05}.reveal .pf-lines{width:100%}.reveal+.big-btn{margin-top:var(--sp-9)}.reveal-secondary{margin-top:var(--sp-5)}.reveal.reveal-still .reveal-inner,.reveal.reveal-still .reveal-front{animation:none}.has-shell>.overlay{padding:calc(max(var(--sp-4), var(--safe-top)) + var(--topbar-h)) var(--sp-5) calc(max(var(--sp-3), var(--safe-bottom)) + var(--tabbar-h));align-items:start;overflow-y:auto}.topbar,.tabbar{z-index:4;pointer-events:auto;position:absolute;left:0;right:0}.has-shell.shell-top-only>.overlay{padding-bottom:max(var(--sp-3), var(--safe-bottom))}.counter.counter-up{animation:.5s ease-out counter-up}@keyframes counter-up{40%{transform:scale(1.14)}}.shell-img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 2px 0 var(--shadow));display:block}.shell-glyph{width:100%;height:100%;font-size:var(--fs-14);place-items:center;line-height:1;display:grid}.dot{background:var(--alert);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;position:absolute;top:2px;right:2px}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:max(var(--sp-3), var(--safe-top)) var(--sp-4) var(--sp-3);background:linear-gradient(rgba(var(--night-rgb), .94), rgba(var(--night-rgb), .7));box-shadow:0 2px 0 rgba(var(--ink-rgb), .06);display:flex;top:0}.topbar-crest{align-items:center;gap:var(--sp-3);flex:auto;min-width:0;display:flex;container-type:inline-size}button.topbar-crest{min-height:44px;color:var(--ink);text-align:left;font:inherit;background:0 0;border:0;border-radius:12px;margin:0;padding:0}button.topbar-crest:active .crest-img{transform:translateY(2px)}button.topbar-crest:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.crest-img{flex:none;width:36px;height:36px}.crest-text{min-width:0;line-height:1.1;display:grid}.crest-text b{font-family:var(--display);font-weight:400;font-size:var(--fs-6);letter-spacing:.03em;overflow-wrap:normal}@container (width<=100px){.crest-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.crest-text small{font-size:var(--fs-1);color:var(--ink-dim);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-weight:800}.topbar-right{align-items:center;gap:var(--sp-2);flex:none;display:flex}.counter{height:44px;margin-left:var(--sp-6);color:var(--ink);background:0 0;border:0;align-items:center;padding:0;display:flex;position:relative}.counter-value{min-width:52px;padding:5px 9px 5px var(--sp-11);background:rgba(var(--shade-rgb), .5);box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .1);font-variant-numeric:tabular-nums;text-align:right;border-radius:999px;font-size:13.5px;font-weight:800}.counter-icon{width:30px;height:30px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.top-btn{width:44px;height:44px;padding:var(--sp-2);background:linear-gradient(var(--tile-top), var(--tile));box-shadow:0 3px 0 var(--tile-edge);color:var(--ink);border:0;border-radius:14px;flex:none;position:relative}.top-btn:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.tabbar{align-items:end;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2) max(var(--sp-2), var(--safe-bottom));background:linear-gradient(var(--bar-top), var(--navy-deep));box-shadow:0 -2px 0 var(--bar-edge), 0 -10px 24px var(--shadow);grid-template-columns:repeat(5,1fr);display:grid;bottom:0}.tab{min-height:56px;padding:var(--sp-2) var(--sp-1) var(--sp-1);color:var(--ink-dim);background:0 0;border:0;border-radius:12px;justify-items:center;gap:1px;transition:transform .12s;display:grid;position:relative}.tab-icon{width:34px;height:34px;transition:transform .12s;position:relative}.tab-label{font-family:var(--display);font-size:var(--fs-1);letter-spacing:.04em}.tab .dot{top:-2px;right:-4px}.tab.active{background:linear-gradient(var(--tile-lit), var(--tile));color:var(--ink);box-shadow:0 4px 0 var(--tile-edge), inset 0 3px 0 var(--cyan), 0 8px 18px var(--shadow);transform:translateY(-8px)}.tab.active .tab-icon{transform:scale(1.18)translateY(-2px)}.tab.active .dot{display:none}.tab:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.top-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.counter:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.mode-tile:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.overlay.clear{background:linear-gradient(rgba(var(--night-rgb), .5), rgba(var(--night-rgb), 0) 26%, rgba(var(--night-rgb), 0) 48%, rgba(var(--night-rgb), .8))}.card.card-home{flex-direction:column;align-self:stretch;align-items:center;max-width:380px;height:100%;display:flex}.logo.logo-small{margin:var(--sp-1) 0 0}.logo.logo-small span:first-child{font-size:max(24px,min(7.6vw,32px))}.logo.logo-small span:last-child{font-size:max(28px,min(9vw,38px))}.home-space{min-height:var(--sp-2);flex:auto;width:100%;position:relative}.home-sides{width:100%;margin-top:var(--sp-4);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.home-side{gap:var(--sp-2);display:flex}.home-side-btn{pointer-events:auto;text-align:center;width:66px;color:var(--ink);font:inherit;background:0 0;border:0;align-content:start;justify-items:center;gap:1px;padding:0;display:grid;position:relative}.home-side-art{background:linear-gradient(var(--tile-top), var(--navy-2));width:46px;height:46px;box-shadow:0 4px 0 var(--tile-edge), inset 0 2px 0 rgba(var(--ink-rgb), .14);border-radius:50%;place-items:center;transition:transform .1s;display:grid}.home-side-art img{object-fit:contain;width:36px;height:36px}.home-side-art .shell-glyph{font-size:24px}.home-side-btn b{font-size:var(--fs-1);letter-spacing:.06em;text-shadow:0 2px 0 var(--tile-edge);font-weight:800}.home-side-btn small{max-width:100%;font-size:var(--fs-1);color:var(--yellow);text-shadow:0 2px 0 var(--tile-edge);overflow-wrap:break-word;font-weight:800;line-height:1.1}.home-side-btn b{overflow-wrap:break-word;max-width:100%;line-height:1.1}.home-side-btn .dot{top:0;right:4px}.home-side-btn:active .home-side-art{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(3px)}.home-side-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:12px}@media (max-height:700px){.home-side-art{width:40px;height:40px}.home-side-art img{width:32px;height:32px}.home-side-btn small{display:none}.logo.logo-small span:first-child{font-size:22px}.logo.logo-small span:last-child{font-size:26px}}.modes{grid-template-columns:repeat(var(--modes,3), 1fr);gap:var(--sp-4);width:100%;display:grid}.mode-tile{min-height:44px;padding:var(--sp-2) var(--sp-2) var(--sp-4);background:linear-gradient(var(--tile-top), var(--navy-2));box-shadow:0 4px 0 var(--tile-edge), inset 0 2px 0 rgba(var(--ink-rgb), .14);color:var(--ink);border:0;border-radius:16px;align-content:start;justify-items:center;transition:transform .1s;display:grid;position:relative}.mode-tile:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(3px)}.mode-tile img,.mode-glyph{width:62px;height:62px;filter:drop-shadow(0 3px 0 var(--shadow));margin-top:-14px}.mode-label{font-family:var(--display);font-size:var(--fs-5);letter-spacing:.03em}.mode-note{font-size:var(--fs-1);color:var(--ink-dim);font-weight:700}.mode-tile .dot{top:4px;right:6px}.big-btn.home-play{width:100%;margin-top:var(--sp-6);padding:var(--sp-4) var(--sp-10);font-size:var(--fs-16);line-height:1.1;display:grid}.home-play small{font-family:var(--font);font-size:var(--fs-3);letter-spacing:.02em;color:var(--yellow-ink);font-weight:700}.home-sub{margin-top:var(--sp-1)}.arena+.big-btn.home-play,.arena+.modes{margin-top:var(--sp-5)}.big-btn.home-play.locked{background:var(--navy-2);color:var(--ink-dim);box-shadow:0 6px 0 var(--tile-edge)}.big-btn.home-play.locked small{color:var(--ink-faint)}.rank-bar{align-items:center;gap:var(--sp-5);width:100%;min-height:44px;margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-13) var(--sp-4) var(--sp-6);background:var(--glass);box-shadow:0 3px 0 var(--tile-edge);color:var(--ink);text-align:left;pointer-events:auto;border:0;border-radius:14px;display:flex;position:relative}.rank-bar:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.rank-icon{width:34px;height:34px;filter:drop-shadow(0 2px 0 var(--shadow));margin:-6px 0}.rank-text{gap:var(--sp-3);flex:auto;min-width:0;display:grid}.rank-row{justify-content:space-between;align-items:baseline;gap:var(--sp-4);display:flex}.rank-row b{font-family:var(--display);font-weight:400;font-size:var(--fs-8);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-row small{font-size:var(--fs-2);color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.rank-bar .dot{top:4px;right:4px}.arena{align-items:center;gap:var(--sp-2);width:100%;margin-top:var(--sp-4);touch-action:pan-y;pointer-events:auto;grid-template-columns:32px minmax(0,1fr) 32px;display:grid}.arena-arrow{background:var(--glass);width:32px;height:56px;box-shadow:0 3px 0 var(--tile-edge);color:var(--ink);font-family:var(--display);font-size:var(--fs-16);pointer-events:auto;border:0;border-radius:12px;line-height:1}.arena-arrow:disabled{opacity:.3;box-shadow:none}.arena-arrow:active:not(:disabled){box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.arena-body{justify-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-4) var(--sp-4) var(--sp-3);background:rgba(var(--deep-rgb), .86);box-shadow:0 4px 0 var(--tile-edge), inset 0 2px 0 rgba(var(--ink-rgb), .1);border-radius:16px;display:grid}.arena-name{font-family:var(--display);font-weight:400;font-size:var(--fs-12);letter-spacing:.03em;text-align:center;line-height:1.1}.arena-tags{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.arena-tag{padding:var(--sp-1) var(--sp-4);font-size:var(--fs-2);letter-spacing:.05em;color:var(--ink-dim);box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:999px;font-weight:800}.arena-tag.level{color:var(--cyan);box-shadow:inset 0 0 0 1.5px var(--cyan)}.arena-tag.tough{color:var(--warm);box-shadow:inset 0 0 0 1.5px var(--warm)}.arena-tag.won{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-soft)}.arena-tag.rule{color:var(--ink);background:rgba(var(--ink-rgb), .1);box-shadow:inset 0 0 0 1.5px var(--ink-dim)}.arena-tag.event{color:var(--navy);background:var(--yellow)}.arena-sides{align-items:center;gap:var(--sp-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.arena-side{justify-items:center;gap:var(--sp-1);text-align:center;min-width:0;display:grid}.arena-side img,.arena-side .shell-glyph{object-fit:contain;width:44px;height:44px;font-size:var(--fs-16);filter:drop-shadow(0 2px 0 var(--shadow));place-items:center;display:grid}.arena-side b{max-width:100%;font-family:var(--display);font-weight:400;font-size:var(--fs-3);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arena-side small{font-size:var(--fs-2);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:800}.arena-vs{font-family:var(--display);font-size:var(--fs-10);color:var(--ink-dim)}.arena-stake{font-size:var(--fs-2);letter-spacing:.02em;color:var(--ink-pale);font-variant-numeric:tabular-nums;text-align:center;font-weight:800}.arena-facts{gap:var(--sp-2);width:100%;margin:var(--sp-1) 0;padding:var(--sp-2) 0;background:rgba(var(--shade-rgb), .25);border-radius:10px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.arena-facts>span{justify-items:center;min-width:0;display:grid}.arena-facts small{font-size:var(--fs-1);letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;font-weight:800}.arena-facts b{font-family:var(--display);font-weight:400;font-size:var(--fs-6);font-variant-numeric:tabular-nums;white-space:nowrap}.arena-dots{gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.arena-dots i{background:rgba(var(--ink-rgb), .25);border-radius:3px;width:6px;height:6px}.arena-dots i.on{background:var(--ink);width:16px}.arena-from-right{animation:.22s ease-out arena-from-right}.arena-from-left{animation:.22s ease-out arena-from-left}@keyframes arena-from-right{0%{opacity:0;transform:translate(36px)}}@keyframes arena-from-left{0%{opacity:0;transform:translate(-36px)}}.rank-bar:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.arena-arrow:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.vsi{z-index:45;background:var(--navy-deep);pointer-events:auto;grid-template-rows:1fr 1fr;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.vsi[hidden]{display:none}.vsi-side{--side:var(--tile);align-content:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-10);background:linear-gradient(160deg, var(--side), var(--navy-deep) 88%);display:grid}.vsi-home{clip-path:polygon(0 0,100% 0,100% 84%,0 100%);padding-bottom:var(--sp-13);animation:.36s cubic-bezier(.2,.9,.3,1.15) both vsi-left}.vsi-away{clip-path:polygon(0 16%,100% 0,100% 100%,0 100%);padding-top:var(--sp-13);margin-top:-8vh;animation:.36s cubic-bezier(.2,.9,.3,1.15) both vsi-right}.vsi-pic{object-fit:contain;width:104px;height:104px;filter:drop-shadow(0 4px 0 var(--shadow))}.vsi-glyph{place-items:center;font-size:60px;display:grid}.vsi-name{font-family:var(--display);font-weight:400;font-size:var(--fs-14);letter-spacing:.03em;text-align:center;text-shadow:0 3px 0 var(--tile-edge)}.vsi-ovr{font-size:var(--fs-6);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:800}.vsi-mid{z-index:1;justify-items:center;gap:var(--sp-2);pointer-events:none;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.vsi-v{font-family:var(--display);color:var(--yellow);text-shadow:0 5px 0 var(--tile-edge);font-size:72px;font-weight:400;line-height:1;animation:.3s .18s both vsi-pop}.vsi-eyebrow{padding:var(--sp-1) var(--sp-6);background:rgba(var(--night-rgb), .8);font-size:var(--fs-3);letter-spacing:.12em;color:var(--ink-pale);border-radius:999px;margin:0;font-weight:800}.vsi-said{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.vsi-still .vsi-home,.vsi-still .vsi-away,.vsi-still .vsi-v{animation:none}@keyframes vsi-left{0%{transform:translate(-100%)}}@keyframes vsi-right{0%{transform:translate(100%)}}@keyframes vsi-pop{0%{opacity:0;transform:scale(2.4)}}.grid-card{padding-left:var(--sp-5);padding-right:var(--sp-5)}.grid-card .store-head,.grid-card .panel-head{margin-bottom:var(--sp-4)}.grid-action{margin-top:var(--sp-7);padding-left:var(--sp-8);padding-right:var(--sp-8)}.big-btn:disabled{opacity:.45;box-shadow:none}.grid-action+.back-link{margin:var(--sp-4) auto 0;display:block}.grid-balance{align-items:center;gap:var(--sp-2);display:inline-flex}.grid-balance img{width:22px;height:22px;margin:-4px 0}.grid-tools{gap:var(--sp-3);margin:-2px 0 var(--sp-4);display:flex}.grid-tool{min-height:34px;padding:var(--sp-2) var(--sp-6);background:var(--navy-2);box-shadow:0 3px 0 var(--tile-edge);color:var(--ink);font-family:var(--display);font-size:var(--fs-3);letter-spacing:.04em;border:0;border-radius:999px}.grid-tool:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.grid-tool{position:relative}.grid-tool:after{content:"";position:absolute;top:-5px;bottom:-5px;left:0;right:0}.grid-scroll{gap:var(--sp-6);max-height:min(56vh,480px);padding:var(--sp-2) var(--sp-3) var(--sp-3);margin:0 calc(-1 * var(--sp-3));text-align:left;display:grid;overflow-y:auto}.has-shell>.overlay{grid-template-rows:minmax(0,1fr)}.has-shell>.overlay>.card{flex-direction:column;min-height:0;max-height:100%;display:flex}.has-shell>.overlay>.card>.card-panel{flex-direction:column;min-height:0;display:flex}.has-shell>.overlay>.card>.card-panel.ft-card{overflow-y:auto}.ft-card>*{flex-shrink:0}.has-shell>.overlay .grid-scroll,.has-shell>.overlay .pf-scroll,.has-shell>.overlay .info-scroll{flex:auto;min-height:110px;max-height:none}.grid-section{gap:var(--sp-3);display:grid}.tile-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:var(--sp-3);display:grid}.stars{font-size:var(--fs-3);letter-spacing:.02em;color:rgba(var(--yellow-rgb), .3);line-height:1}.stars b{color:var(--yellow);font-weight:400}.pcard{--rar:var(--rar-plain);aspect-ratio:3/4;border:3px solid var(--rar);background:var(--navy-2);background:linear-gradient(165deg, color-mix(in srgb, var(--rar) 55%, var(--navy-2)) 0%, var(--navy-2) 55%, var(--navy-deep) 100%);width:100%;min-width:0;box-shadow:0 4px 0 var(--tile-edge);color:var(--ink);text-align:center;border-radius:12px;flex-direction:column;padding:0;transition:transform .1s;display:flex;position:relative;overflow:hidden}.pcard:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.pcard-img{width:100%;min-height:0;margin-top:var(--sp-7);object-fit:cover;object-position:center 20%;flex:auto;display:block}.pcard-ovr{font-family:var(--display);font-size:var(--fs-11);text-shadow:0 2px 0 rgba(var(--shade-rgb), .45);font-variant-numeric:tabular-nums;line-height:1;display:grid;position:absolute;top:3px;left:5px}.pcard-ovr small{font-family:var(--font);font-size:var(--fs-1);letter-spacing:.06em;opacity:.9;font-weight:800}.pcard-foot{padding:3px 3px var(--sp-2);background:rgba(var(--night-rgb), .78);gap:1px;display:grid}.pcard-name{font-family:var(--display);font-size:var(--fs-1);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pcard-rar{font-size:var(--fs-1);letter-spacing:.05em;color:var(--rar);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.pcard .stars{font-size:var(--fs-1)}.pcard .dot{top:4px;right:4px}.pcard-selected{box-shadow:0 0 0 3px var(--cyan), 0 4px 0 var(--tile-edge)}.pcard-locked{filter:grayscale(.8);opacity:.5}.pcard:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.tile:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.grid-tool:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.lineup{gap:var(--sp-5);padding:var(--sp-9) var(--sp-6) var(--sp-5);background:linear-gradient(rgba(var(--ink-rgb), .45), rgba(var(--ink-rgb), .45)) center 46% / 100% 2px no-repeat, repeating-linear-gradient(180deg, var(--grass) 0 22px, var(--grass-2) 22px 44px);box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .45);border-radius:14px;display:grid}.lineup-row{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lineup-row.n1>*{grid-column:2}.lineup-row.n3>:nth-child(2){transform:translateY(-10px)}.lineup-row.n3>:nth-child(2):active{transform:translateY(-8px)}.tile{--rar:rgba(var(--ink-rgb), .12);min-width:0;padding:var(--sp-3) var(--sp-2) 7px;border:2px solid var(--rar);background:linear-gradient(var(--tile-face), var(--navy-2));box-shadow:0 4px 0 var(--tile-edge);color:var(--ink);text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:1px;transition:transform .1s;display:grid;position:relative}.tile.tile-rar{background:linear-gradient(165deg, color-mix(in srgb, var(--rar) 50%, var(--navy-2)) 0%, var(--navy-2) 60%);border-width:3px}.tile:active{box-shadow:0 2px 0 var(--tile-edge);transform:translateY(2px)}.tile:active,.pcard:active,.mode-tile:active,.list-row:active,.store-btn:active,.slot:active,.set-row:active,.tab:active,.counter:active,.rank-bar:active,.top-btn:active,.home-side-btn:active .home-side-art{filter:brightness(.88)}.tab:not(.active):active .tab-icon{transform:translateY(2px)scale(.94)}.counter:active .counter-icon{transform:translateY(calc(2px - 50%))}.tile-art{--art-h:clamp(50px, 16vw, 68px);width:100%;height:var(--art-h);place-items:center;display:grid}.tile-grid[style*=--cols\:2] .tile-art,.tile-wide .tile-art{--art-h:clamp(70px, 22vw, 92px)}.tile-art img{width:auto;max-width:100%;height:var(--art-h);object-fit:contain;filter:drop-shadow(0 3px 0 var(--shadow))}.tile-art .shell-glyph{font-size:38px}.tile-swatch{width:78%;height:78%;box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .55), 0 3px 0 var(--shadow);border-radius:10px;display:block}.tile-name,.tile-note{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;max-width:100%;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-name{font-family:var(--display);font-size:var(--fs-3);letter-spacing:.02em;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}.tile-note{font-size:var(--fs-1);color:var(--ink-dim);text-wrap:balance;font-weight:700}.tile-pips{font-size:var(--fs-1);letter-spacing:.04em;color:var(--rar)}.tile-tag{padding:var(--sp-1) var(--sp-4);font-size:var(--fs-2);font-variant-numeric:tabular-nums;background:rgba(var(--shade-rgb), .4);border-radius:999px;align-items:center;gap:3px;margin-top:3px;font-weight:800;display:inline-flex}.tile-tag img{width:16px;height:16px;margin:-3px 0}.tag-muted img{opacity:.6}.tile:has(>.tile-tag){flex-direction:column;align-items:center;display:flex}.tile:has(>.tile-tag)>.tile-tag{margin-top:auto}.tile:has(>.tile-tag)>:nth-last-child(3){margin-bottom:3px}.tag-price{color:var(--ink)}.tag-on{color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px rgba(var(--ink-soft-rgb), .5);background:0 0}.tag-reward{color:var(--yellow)}.tag-muted{color:var(--ink-faint)}.tile-equipped{box-shadow:0 0 0 3px var(--cyan), 0 4px 0 var(--tile-edge)}.tile-equipped .tile-tag{color:var(--cyan);box-shadow:inset 0 0 0 1.5px var(--cyan);background:0 0}.tile-selected{box-shadow:0 0 0 3px var(--cyan), 0 4px 0 var(--tile-edge)}.tile-locked{background:rgba(var(--ink-rgb), .06);box-shadow:none}.tile-locked .tile-art{opacity:.55;filter:grayscale(.6)}.tile-locked .tile-name{color:var(--ink-dim)}.tile.tile-wide{grid-column:span 2}.pf-frame{border-radius:16px;flex:none;display:block;position:relative}.pf-framed{background:linear-gradient(165deg, var(--rar), color-mix(in srgb, var(--rar) 35%, var(--navy-deep)));box-shadow:0 4px 0 var(--tile-edge);padding:3px}.pf-framed .pf-img{background:linear-gradient(165deg, color-mix(in srgb, var(--rar) 45%, var(--navy-2)), var(--navy) 70%);border-radius:13px;display:block}.pf-rating{font-family:var(--display);font-size:var(--fs-14);text-shadow:0 2px 0 rgba(var(--shade-rgb), .5);line-height:1;display:grid;position:absolute;top:4px;left:8px}.pf-rating small{font-family:var(--font);font-size:var(--fs-1);letter-spacing:.08em;font-weight:800}.pf-who .stars{font-size:var(--fs-9)}.pf-bar b.pf-plus{background:var(--plus)}.pf-stat-value small{margin-left:var(--sp-1);font-family:var(--font);font-size:var(--fs-1);color:var(--plus-ink);font-weight:800}.pf-stat{grid-template-columns:76px 1fr 52px}.grid-tools{flex-wrap:wrap}.grid-tools.grid-seg{gap:var(--sp-1);margin:0 0 var(--sp-5);padding:var(--sp-2);background:rgba(var(--shade-rgb), .35);border-radius:999px;flex-wrap:nowrap;display:flex}.grid-seg .grid-tool{min-width:0;padding:var(--sp-2) var(--sp-4);white-space:nowrap;box-shadow:none;color:var(--ink-dim);background:0 0;flex:auto}.grid-seg .grid-tool.on{background:var(--tile-lit);box-shadow:inset 0 -3px 0 var(--cyan), 0 3px 0 var(--tile-edge);color:var(--ink)}.grid-tool.on{box-shadow:0 0 0 2px var(--cyan), 0 3px 0 var(--tile-edge);color:var(--cyan)}.swatches{gap:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid}.swatch{pointer-events:auto;background:0 0;border:0;place-items:center;min-width:40px;height:44px;padding:0;display:grid}.swatch span{width:32px;height:32px;box-shadow:inset 0 0 0 2px rgba(var(--ink-rgb), .35), 0 3px 0 var(--tile-edge);border-radius:50%}.swatch.on span{box-shadow:0 0 0 3px var(--cyan), inset 0 0 0 2px rgba(var(--ink-rgb), .5)}.swatch:active span{transform:translateY(2px)}.swatch:focus-visible{outline:none}.swatch:focus-visible span{box-shadow:0 0 0 3px var(--cyan), 0 0 0 6px var(--navy)}.slot-row{gap:var(--sp-4);margin:0 0 var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.slot{--rar:rgba(var(--ink-rgb), .18);justify-items:center;gap:var(--sp-1);min-height:44px;padding:var(--sp-2) var(--sp-2) var(--sp-3);border:2px dashed var(--rar);background:rgba(var(--ink-rgb), .04);color:var(--ink-dim);border-radius:12px;display:grid}.slot.slot-full{background:linear-gradient(165deg, color-mix(in srgb, var(--rar) 45%, var(--navy-2)) 0%, var(--navy-2) 70%);color:var(--ink);box-shadow:0 3px 0 var(--tile-edge);border-style:solid;border-width:3px}.slot:active{transform:translateY(2px)}.slot:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.slot-art{place-items:center;width:100%;height:46px;display:grid;overflow:hidden}.slot-art img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 2px 0 var(--shadow));display:block}.slot-art .shell-glyph{font-size:var(--fs-13);opacity:.6}.slot-art .slot-ghost{opacity:.5;filter:grayscale(.4) drop-shadow(0 2px 0 rgba(var(--shade-rgb), .25))}.slot-label{max-width:100%;font-size:var(--fs-1);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.logo{text-shadow:2px 2px 0 var(--navy), -2px 2px 0 var(--navy), 2px -2px 0 var(--navy), -2px -2px 0 var(--navy), 0 5px 0 var(--tile-edge), 0 10px 24px rgba(var(--shade-rgb), .4)}.logo-ball{vertical-align:-.04em;width:.8em;height:.8em;filter:drop-shadow(0 4px 0 var(--tile-edge));margin:0 .02em;animation:16s linear infinite logo-ball-turn;display:inline-block}.logo-ball .ball-skin{fill:var(--ink)}.logo-ball .ball-ink{fill:var(--navy)}.logo-ball .ball-seam{stroke:var(--navy);stroke-width:3px}.logo-ball .ball-rim{fill:none;stroke:var(--navy);stroke-width:7px}@keyframes logo-ball-turn{to{transform:rotate(360deg)}}.big-btn,.pill-secondary,.menu-btn,.choose-btn{isolation:isolate;border:3px solid var(--tile-edge);position:relative}.big-btn{background:linear-gradient(var(--yellow-lit), var(--yellow) 52%, var(--yellow-deep));box-shadow:0 5px 0 var(--tile-edge), 0 12px 26px var(--shadow)}.big-btn:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(4px)scale(.98,.94)}.pill-secondary,.menu-btn,.choose-btn{background:linear-gradient(var(--navy-lit), var(--navy-2) 58%, var(--navy-deep));box-shadow:0 4px 0 var(--tile-edge)}.pill-secondary:active,.menu-btn:active,.choose-btn:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(3px)scale(.98,.95)}.big-btn:before,.pill-secondary:before,.menu-btn:before,.choose-btn:before{content:"";z-index:-1;background:linear-gradient(rgba(var(--ink-rgb), .5), rgba(var(--ink-rgb), .04));pointer-events:none;border-radius:999px;height:42%;position:absolute;top:3px;left:7%;right:7%}.pill-secondary:before,.menu-btn:before,.choose-btn:before{background:linear-gradient(rgba(var(--ink-rgb), .16), rgba(var(--ink-rgb), 0))}.choose-btn:before{border-radius:10px}.big-btn:disabled:before{display:none}.big-btn.home-play:not(.locked){animation:2.6s ease-in-out infinite play-breathe}.big-btn.home-play:active{animation:none}@keyframes play-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.pcard.pcard-shine:after{content:"";background:linear-gradient(90deg, rgba(var(--ink-rgb), 0), rgba(var(--ink-rgb), .42), rgba(var(--ink-rgb), 0));pointer-events:none;width:36%;animation:3.8s ease-in-out infinite card-shine;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-20deg)}@keyframes card-shine{0%{left:-60%}50%,to{left:130%}}@media (prefers-reduced-motion:reduce){.ft-rays,.ft-seq .ft-unlock:after,.fete-bit,.ft-seq [data-beat],.ft-seq .ft-fill b,.logo-ball,.big-btn.home-play:not(.locked),.pcard.pcard-shine:after,.counter.counter-up{animation:none}.pcard.pcard-shine:after{display:none}.pill-secondary:active,.menu-btn:active,.choose-btn:active{transform:none}.pcard,.tile{transition:none}.pcard:active,.tile:active,.grid-tool:active,.slot:active{transform:none}.lineup-row.n3>:nth-child(2):active{transform:translateY(-10px)}.tab,.tab-icon,.mode-tile,.home-side-art{transition:none}.mode-tile:active,.top-btn:active,.home-side-btn:active .home-side-art{transform:none}.card,.coach,.tp,.callout.pop,.splash.splash-in,.reveal-inner,.reveal-front,.arena-from-right,.arena-from-left,.vsi-home,.vsi-away,.vsi-v{animation:none}.rank-bar:active,.arena-arrow:active:not(:disabled){transform:none}.card.card-refused,.card.card-in-left,.card.card-in-right,.card.card-in-fade{animation:none}.big-btn,.menu-btn,.choose-btn,.list-row,.set-switch b{transition:none}.big-btn:active,.menu-btn:active,.choose-btn:active,.list-row:active,.store-btn:active,.pill-secondary:active,.coach-btn:active{transform:none}.ab-primary.urgent{animation:none}.tab:not(.active):active .tab-icon{transform:none}.boot-loader,.boot-bar>b{transition:none}.counter:active .counter-icon{transform:translateY(-50%)}.ft-drawer[open] .mr-bar>i:after{animation:none}.wipe{display:none}}
