:root,[data-theme=retro]{--bg: #efe2cf;--bg-grad: radial-gradient(1200px 800px at 12% -5%, #f7ede0 0%, #e9d8bf 55%, #e1ccae 100%);--panel: #fbf4e8;--panel-2: #f4e7d2;--ink: #4a3826;--ink-soft: #8a745b;--ink-body: #1a1a1a;--line: #e0cdac;--accent: #c8612e;--accent-soft: #f0d6bf;--good: #3da35a;--warn: #c8612e}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .05);--shadow-md: 0 6px 22px rgba(0, 0, 0, .1);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .28);--t: .28s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #1f160e;--bg-grad: radial-gradient(1200px 800px at 12% -5%, #3a2818 0%, #261a10 55%, #19110a 100%);--panel: #2d2017;--panel-2: #392a1d;--ink: #f4e7d4;--ink-soft: #b59a78;--ink-body: #f2ece2;--line: #46341f;--accent: #e8853e;--accent-soft: #43301c;--good: #4cc377;--warn: #e8853e}:root{--m: max(8px, calc(1 * var(--vmin, 1vmin)));--sai-top: env(safe-area-inset-top, 0px);--sai-right: env(safe-area-inset-right, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px);--m-top: max(var(--m), var(--sai-top));--m-right: max(var(--m), var(--sai-right));--m-bottom: max(var(--m), var(--sai-bottom));--m-left: max(var(--m), var(--sai-left));--cell-size: 40px;--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(4px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px);--rail-w: calc(var(--cell-size) * 5);--frame-next-h: 0;--board-w: calc(9 * var(--cell-size) + 8 * var(--gap-b) + 2 * var(--fpad));--board-h: calc(2 * var(--fpad) + var(--frame-next-h) + 9 * var(--cell-size) + 9 * var(--gap-b));--nav-rail-w: max(12rem, calc(var(--cell-size) * 3));--rail-clear: 0px;--side-rail-nav-w: max(12rem, calc(24 * var(--vw, 1vw)));--fs-title: max(18px, calc(.9rem + calc(.85 * var(--vw, 1vw))));--fs-subtitle: max(14px, calc(.8rem + calc(.35 * var(--vw, 1vw))));--fs-body: max(13px, calc(.7rem + calc(.3 * var(--vw, 1vw))));--fs-label: max(10px, calc(.55rem + calc(.22 * var(--vw, 1vw))));--fs-button: max(13px, calc(.75rem + calc(.35 * var(--vw, 1vw))));--fs-control: max(13px, calc(var(--cell-size, 30px) * .3));--fs-kpi-k: max(11px, calc(.6rem + calc(.22 * var(--vw, 1vw))));--fs-kpi-v: max(20px, calc(1rem + calc(.7 * var(--vw, 1vw))));--fs-countdown: max(28px, calc(1rem + calc(2.5 * var(--vw, 1vw))));--btn-h: max(44px, calc(var(--cell-size) * .7));--btn-h-compact: max(38px, calc(var(--cell-size) * .7 * 38 / 44));--btn-pad: calc(var(--m) * 1.25) calc(var(--m) * 2);--btn-fs: var(--fs-button);--btn-radius: calc(var(--m) * 1.4);--gap-chrome: max(4px, calc(var(--cell-size) * .45));--fs-board-title: max(16px, calc(var(--cell-size) * .5));--r: calc(var(--m) * 2);--r-sm: calc(var(--m) * 1.25);--r-card: calc(var(--m) * 2.5);--board-bg: #caa978;--board-bg-2: #b9925f;--cell: #e7d3ad;--cell-hi: #f0e2c2;--cell-sel: #f6e9c9;--cell-ring: #c8612e;--cell-unreach: #efb4a8;--cell-unreach-edge: #d77a6a;--cell-invalid: #e88675;--cell-invalid-edge: #c44a36;--ball-1: #d33a2f;--ball-2: #3a9d52;--ball-3: #2f63c4;--ball-4: #e8b22e;--ball-5: #e8529b;--ball-6: #2fa3b0;--ball-7: #c9742e;--meta-gold-fill: #e7b84e;--meta-metal-edge: #8a5e1c;--meta-metal-blink: #fbe7a8;--meta-gem-facet: #ffffff;--meta-karat-fill: #eaf2fb;--meta-level-fill: #8fb3ab;--meta-level-edge: #5f8a82;--meta-stone-dull: #b8ab97;--meta-karat-t1: #c87b3c;--meta-karat-t2: #c2c9d2;--meta-karat-t3: #ecc24f;--meta-karat-t4: #d8f0ff}[data-testid=bg-layer]{position:fixed;top:0;left:0;right:0;height:100vh;height:100lvh;z-index:-1;background:var(--bg-grad);pointer-events:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);background-image:var(--bg-grad);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background var(--t),color var(--t)}#app{min-height:var(--dvh, 100dvh);display:flex;flex-direction:column}#app.nav-inline{--rail-clear: calc(var(--nav-rail-w) + var(--m))}:root[data-locale-gate] #app{opacity:0}.screen-root{box-sizing:border-box;padding:var(--m-top) var(--m-right) var(--m-bottom) var(--m-left);padding-left:max(var(--m-left),var(--rail-clear))}.loading{margin:auto;padding:calc(var(--m) * 5);color:var(--ink-soft);font-weight:600}img.meta-glyph{object-fit:contain}.meta-glyph,.mode-card-thumb-img,.brand-logo,[data-asset-protect]{user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none}.meta-glyph--gem-empty{display:block;background-color:color-mix(in srgb,var(--gem-empty-tint, var(--ink)) 30%,transparent);-webkit-mask:var(--gem-mask) center / contain no-repeat;mask:var(--gem-mask) center / contain no-repeat}.toast{position:fixed;left:50%;bottom:calc(var(--m) * 4.25);transform:translate(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--panel);padding:calc(var(--m) * 1.5) calc(var(--m) * 2.75);border-radius:calc(var(--m) * 3.75);font-weight:700;font-size:var(--fs-body);box-shadow:var(--shadow-md);transition:all .3s;pointer-events:none;z-index:120}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;font-size:var(--fs-control);line-height:1.2;white-space:nowrap;padding:var(--btn-pad);min-height:var(--btn-h);border-radius:var(--btn-radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .16s,background .16s,filter .16s;font-family:inherit;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.03)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 86%,#000));color:#fff;border-color:transparent;box-shadow:var(--shadow-md),inset 0 1px #ffffff2e}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{background:transparent;box-shadow:none}.btn--cta{min-height:max(48px,calc(var(--btn-h) * 1.1));font-size:calc(var(--fs-control) * 1.05)}.btn--compact{min-height:var(--btn-h-compact);padding:calc(var(--m) * .75) calc(var(--m) * 1.5)}.postament-screen{display:grid;width:100%;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);gap:var(--gap-chrome);box-sizing:border-box;overflow:hidden;margin:0 auto;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header" "board" "stats" "actions";align-items:center;justify-items:center}.postament-screen.screen-root{padding-left:var(--m-left)}.result-screen.postament-screen{grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"header" "board" "stats" "reward" "actions"}.postament-reward{grid-area:reward;width:100%;max-width:var(--board-w);margin-left:auto;margin-right:auto;min-width:0}.postament-rail{display:contents}.postament-board{grid-area:board;align-self:stretch;justify-self:stretch;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.postament-header{grid-area:header;width:100%;max-width:var(--board-w);margin-left:auto;margin-right:auto}:root[data-layout=stacked] .postament-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--m);min-height:max(44px,calc(var(--cell-size) * .7));overflow:hidden}:root[data-layout=stacked] .postament-header>:not(.postament-titleline){display:none}.postament-titleline{display:flex;align-items:center;justify-content:center;gap:var(--m);min-width:0;max-width:100%}.postament-title{min-width:0}.screen-title{font-size:var(--fs-control);font-weight:800;color:var(--ink);line-height:1.15;letter-spacing:.2px;margin:0;min-width:0;text-align:center}.screen-title.is-clamped{white-space:normal;overflow-wrap:normal}:root[data-layout=stacked] .postament-title.is-clamped{white-space:normal}:root[data-layout=stacked] .postament-title{white-space:nowrap;display:flex;align-items:center;min-height:max(44px,calc(var(--cell-size) * .7))}:root[data-layout=stacked] .postament-titleline .info-popover-trigger{display:inline-flex}@media (hover: hover) and (pointer: fine){:root[data-layout=rail] .postament-titleline .info-popover-trigger{display:none}}.postament-secondary{grid-area:stats;width:100%;max-width:var(--board-w);margin-left:auto;margin-right:auto}:root[data-layout=stacked] .postament-secondary{min-height:max(66px,calc(var(--cell-size) * 1.85));display:flex;align-items:center;justify-content:center}.postament-actions{grid-area:actions;display:flex;gap:var(--m);flex-wrap:wrap;justify-content:center;width:100%;max-width:var(--board-w);margin-left:auto;margin-right:auto}.postament-actions .btn{flex:1 1 0;min-width:0;min-height:max(44px,calc(var(--cell-size) * 1.3));font-size:max(13px,calc(var(--cell-size) * .32));padding:max(8px,calc(var(--cell-size) * .25)) max(12px,calc(var(--cell-size) * .5))}:root[data-layout=rail] .postament-screen{display:flex;justify-content:center;align-items:center;position:relative;gap:0}:root[data-layout=rail] .postament-board{align-self:center;justify-self:center;width:auto;height:auto;min-width:0;min-height:0;place-items:center}:root[data-layout=rail] .postament-rail{display:flex;flex-direction:column;position:absolute;right:var(--m-right);top:var(--m-top);bottom:var(--m-bottom);width:var(--rail-w);gap:var(--gap-chrome);box-sizing:border-box}:root[data-layout=rail] .postament-header{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:calc(var(--cell-size) * .15);min-width:0}:root[data-layout=rail] .postament-header>*{min-width:0;max-width:100%}:root[data-layout=rail] .postament-titleline{flex-wrap:wrap;justify-content:flex-start}:root[data-layout=rail] .postament-titleline .screen-title{flex:1 1 100%;text-align:left}:root[data-layout=rail] .postament-secondary{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--cell-size) * .15);min-height:0;flex-shrink:1;overflow:hidden}:root[data-layout=rail] .postament-secondary>*{min-width:0;max-width:100%}:root[data-layout=rail] .postament-secondary.rail-secondary-collapsed{display:none}:root[data-layout=rail] .postament-rail>*{min-width:0;max-width:100%}.press-feedback{transform-origin:center center}.press-feedback:active:not(:disabled):not([aria-busy=true]){transform:scale(.96)}.board-preview-card.press-feedback:active:not(:disabled):not([aria-busy=true]){transform:scale(.98)}@media (prefers-reduced-motion: reduce){.press-feedback:active{transform:none}}.board-screen{--score-block-h: calc( max(10px, calc(var(--cell-size) * .22)) + calc(var(--cell-size) * .06) + max(20px, calc(var(--cell-size) * .7)) );--frame-next-h: max(var(--cell-size), var(--score-block-h))}:root[data-layout=stacked] .board-stat-rule{display:none}.board-subtitle{font-size:max(11px,calc(var(--cell-size) * .32));color:var(--ink-soft);font-weight:600;line-height:1.2}.board-engine-tag{font-size:max(10px,calc(var(--cell-size) * .26));color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.6}.board-frame{box-sizing:border-box;width:fit-content;padding:var(--fpad);border-radius:calc(var(--fpad) * 1.4);background:linear-gradient(160deg,var(--board-bg),var(--board-bg-2));box-shadow:var(--shadow-md),inset 0 2px 6px #ffffff2e;transition:background var(--t)}.frame-next{display:flex;align-items:center;justify-content:space-between;gap:var(--fpad);margin-bottom:var(--gap-b)}.fn-score{display:flex;flex-direction:column;line-height:1;padding-left:calc(var(--fpad) * .4);position:relative}.fn-score-k{font-size:max(10px,calc(var(--cell-size) * .22));font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffffffc7;text-shadow:0 1px 2px rgba(0,0,0,.3)}.fn-score-v{font-size:max(20px,calc(var(--cell-size) * .7));font-weight:800;font-variant-numeric:tabular-nums;color:#fff;margin-top:calc(var(--cell-size) * .06);white-space:nowrap;letter-spacing:-.5px;text-shadow:0 2px 7px rgba(0,0,0,.42)}.fn-niche{display:inline-flex;align-items:center;gap:var(--gap-b);height:var(--cell-size);padding:0 calc(var(--fpad) * .6);background:linear-gradient(180deg,#00000038,#0000001f);border-radius:calc(var(--fpad) * .85);box-shadow:inset 0 2px 6px #0006,inset 0 -1px #ffffff0f}.fn-slot{width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center}.fn-right{display:flex;align-items:center;gap:var(--fpad);min-width:0}.fn-score--moves{align-items:flex-end;text-align:right}.board-frame--static .cell{cursor:default}.board-frame--static .cell:hover{background:var(--cell)}.board{display:grid;grid-template-columns:repeat(9,var(--cell-size));gap:var(--gap-b);width:max-content}.cell{width:var(--cell-size);height:var(--cell-size);aspect-ratio:1;border-radius:max(3px,calc(var(--cell-size) * .18));background:var(--cell);cursor:pointer;position:relative;display:grid;place-items:center;transition:background .15s,transform .1s;box-shadow:inset 0 1px 2px #0000001a}.cell:hover{background:var(--cell-hi)}.cell.sel{background:var(--cell-sel);box-shadow:inset 0 0 0 2px var(--cell-ring)}.cell.path{background:var(--cell-hi)}.ball{width:var(--ball-size);height:var(--ball-size);border-radius:50%;position:relative;flex:0 0 auto;background:radial-gradient(circle at 32% 28%,#ffffffa6,#fff0 46%),var(--bc);box-shadow:0 3px 6px #00000038,inset 0 -3px 6px #0000002e}.ball.spawn-pop{animation:ball-pop .22s cubic-bezier(.34,1.56,.64,1)}.ball.static{animation:none}.ball.ghost{width:calc(var(--ball-size) * .5);height:calc(var(--ball-size) * .5);opacity:1;animation:ball-ghost-pulse 1.6s ease-in-out infinite}.cell.sel .ball:not(.ghost){animation:ball-bounce .55s ease infinite}@keyframes ball-ghost-pulse{0%,to{transform:scale(.88)}50%{transform:scale(1)}}@keyframes ball-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ball-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--cell-size) * -.08))}}.cell.unreachable:hover{background:var(--cell-unreach);box-shadow:inset 0 0 0 1px var(--cell-unreach-edge)}.cell.unreachable:hover:after{content:"";position:absolute;inset:22%;border:max(2px,calc(var(--cell-size) * .05)) solid var(--cell-invalid-edge);border-radius:50%;background:linear-gradient(135deg,transparent 47%,var(--cell-invalid-edge) 47%,var(--cell-invalid-edge) 53%,transparent 53%);box-sizing:border-box;pointer-events:none}.cell.flash-invalid{animation:cell-invalid-flash .32s ease-out}@keyframes cell-invalid-flash{0%{background:var(--cell-invalid);box-shadow:inset 0 0 0 2px var(--cell-invalid-edge)}to{background:var(--cell);box-shadow:inset 0 1px 2px #0000001a}}.cell.sel .ball.shake-invalid,.ball.shake-invalid{animation:ball-shake .32s cubic-bezier(.36,.07,.19,.97)}@keyframes ball-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.ball.line-clear{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;animation:ball-line-clear .6s ease-out forwards}@keyframes ball-line-clear{0%{transform:translate(-50%,-50%) scale(1);opacity:1}25%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:1}}.ball.line-clear-grow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);pointer-events:none;animation:ball-line-clear-grow .8s ease-out forwards}@keyframes ball-line-clear-grow{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}25%{transform:translate(-50%,-50%) scale(1);opacity:1}43.75%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:1}}.ball.line-clear-hold{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;animation:ball-line-clear-hold .8s ease-out forwards}@keyframes ball-line-clear-hold{0%,25%{transform:translate(-50%,-50%) scale(1);opacity:1}43.75%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:1}}.ball.move-slide-ball{position:absolute;top:0;left:0;will-change:transform;backface-visibility:hidden}.bc1{--bc: var(--ball-1)}.bc2{--bc: var(--ball-2)}.bc3{--bc: var(--ball-3)}.bc4{--bc: var(--ball-4)}.bc5{--bc: var(--ball-5)}.bc6{--bc: var(--ball-6)}.bc7{--bc: var(--ball-7)}.ball{--lit: oklch(from var(--bc) calc(l + .15) c h);--glow: color-mix(in srgb, var(--bc), transparent 50%)}[data-ball-style=glass] .ball{background-color:var(--bc);background-image:radial-gradient(circle at 32% 23%,#fffffff5,#fff0 9%),radial-gradient(ellipse 44% 20% at 40% 17%,#ffffff61,#fff0 72%),radial-gradient(circle at 50% 65%,var(--lit),rgba(255,255,255,0) 18%),radial-gradient(circle at 50% 63%,var(--lit),rgba(255,255,255,0) 46%),radial-gradient(circle at 50% 99%,var(--lit),rgba(255,255,255,0) 24%),radial-gradient(circle at 44% 40%,#0000 34%,#000000bd);box-shadow:0 3px 6px #00000057,0 0 15px var(--glow, transparent),inset 0 0 0 1.4px #fff3}[data-ball-style=pearl] .ball{background-color:var(--bc);background-image:radial-gradient(ellipse 52% 36% at 38% 28%,#ffffff8c,#fff0 60%),radial-gradient(circle at 72% 26%,#ffb0d44d,#ffb0d400 38%),radial-gradient(circle at 28% 70%,#a8f0ce47,#a8f0ce00 40%),radial-gradient(circle at 74% 72%,#a6ceff47,#a6ceff00 40%),radial-gradient(circle at 46% 52%,#e8ceff2e,#e8ceff00 48%),radial-gradient(circle at 50% 62%,var(--lit),rgba(255,255,255,0) 22%),radial-gradient(circle at 50% 60%,var(--lit),rgba(255,255,255,0) 46%),radial-gradient(circle at 44% 40%,#0000 40%,#0000009e);box-shadow:0 3px 6px #0000004d,0 0 14px var(--glow, transparent),inset 0 3px 8px #ffffff57}.board-daily-countdown{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.board-stats{display:flex;gap:calc(var(--cell-size) * .6);font-size:max(11px,calc(var(--cell-size) * .32));color:var(--ink-soft);font-weight:600;flex-wrap:wrap;justify-content:center}.board-stats b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}@media (pointer: coarse){.board-subtitle,.board-engine-tag{display:none}}.daily-screen{width:100%;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box}.daily-screen:not(.postament-screen){display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.daily-card{display:flex;flex-direction:column;align-items:center;gap:var(--m);box-sizing:border-box;text-align:center}.daily-card-loading,.daily-card-error{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-md);padding:calc(var(--m) * 2);width:100%;max-width:var(--board-w);align-items:center}.daily-loading{padding:calc(var(--m) * 2);color:var(--ink-soft);font-weight:600;font-size:var(--fs-body)}.daily-title-row{display:flex;align-items:center;justify-content:center;gap:var(--m);flex-wrap:nowrap;min-width:0}.daily-title{font-size:calc(var(--fs-control) * .85);font-weight:700;line-height:1.2;color:var(--ink-soft);margin:0;min-width:0;text-align:center}.daily-sub{color:var(--ink-soft);font-size:calc(var(--fs-control) * .85);line-height:1.5;margin:0;text-align:center;display:none}.daily-error-msg{color:var(--ink-soft);font-size:var(--fs-body);line-height:1.5;margin:var(--m) 0}.daily-card-error .daily-actions{display:flex;flex-direction:column;gap:var(--m);width:100%}.daily-card-error .daily-actions .btn{width:100%}.daily-preview{flex:0 0 auto}.daily-preview-wrap{--daily-reveal-dur: .15s;transition:opacity var(--daily-reveal-dur) ease-out}.daily-preview-wrap.daily-board--awaiting{opacity:.45}@media (prefers-reduced-motion: reduce){.daily-preview-wrap{transition:none}}:root[data-layout=rail] .daily-header .daily-title-row{justify-content:center}.daily-secondary{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--m) * .75);min-width:0}.daily-secondary{align-items:stretch}:root[data-layout=stacked] .daily-secondary{align-items:stretch;justify-content:center}.daily-cd-label{text-align:center;flex:0 0 auto}.daily-secondary .daily-cd-value{min-height:max(44px,calc(var(--cell-size) * 1.3));display:flex;align-items:center;justify-content:center}.daily-cd-label{font-size:var(--fs-kpi-k);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft)}.daily-cd-value{font-size:var(--fs-kpi-v);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1}.daily-countdown-block>*{min-width:0;max-width:100%}.daily-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:var(--m)}.daily-grid-4 .btn{min-width:0;max-width:100%}.daily-grid-4 .daily-plate-rank{color:var(--accent);font-weight:800}.daily-grid-4 .daily-plate-timer{color:var(--ink-soft)}:root[data-layout=rail] .daily-grid-4{display:flex;flex-direction:column;margin-top:auto}@media (hover: hover) and (pointer: fine){:root[data-layout=rail] .daily-sub{display:block}}.result-screen[data-mounting]{opacity:0}.result-secondary{flex-direction:column;gap:calc(var(--m) * .4);min-width:0}:root[data-layout=stacked] .result-secondary.postament-secondary{min-height:0}.result-status{font-size:var(--fs-control);font-weight:700;text-align:center;line-height:1.2;min-width:0}.result-status--pending{color:var(--ink-soft)}.result-status--ok{color:var(--good)}.result-status--neutral{color:var(--accent)}.result-status--err{color:var(--warn)}:root[data-layout=stacked] .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--m);align-content:start;max-height:calc(2 * max(44px,calc(var(--cell-size) * 1.3)) + var(--m));min-height:0;overflow-y:auto}:root[data-layout=stacked] .result-actions .btn{white-space:normal;line-height:1.15}.result-actions .btn[hidden]{display:none}.result-action--share{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--m) * .6)}.result-action--share .info-popover-trigger{--ipt-size: var(--btn-h)}.result-reward-area{width:100%;min-width:0;min-height:0}.result-reward-area[hidden]{display:none}:root[data-layout=rail] .result-reward-area:not([hidden]){flex:1 1 auto;min-height:0;overflow-y:auto}.result-board-area{--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(4px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px)}.replay-screen.screen-root,.replay-fallback.screen-root{padding-left:var(--m-left)}.replay-screen{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header" "board" "progress" "transport";gap:var(--m);align-items:center;justify-items:center;max-width:calc(var(--board-w) + var(--m-left) + var(--m-right));margin:0 auto;width:100%;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;position:relative}.replay-rail{display:contents}.replay-header{grid-area:header;display:flex;align-items:center;gap:var(--m);width:100%}.replay-title-row{display:flex;align-items:center;gap:calc(var(--m) * .75);flex:1;min-width:0}.replay-title{flex:1;min-width:0}.replay-exit{font-weight:800}.replay-exit-ic{width:1.5em;height:1.5em;display:block;flex-shrink:0}.replay-progress{grid-area:progress;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--m) * .5);width:100%}.replay-bar{width:100%;height:calc(var(--m) * .6);background:var(--panel-2);border-radius:var(--r-sm);overflow:hidden}.replay-bar .fill{height:100%;background:var(--accent);border-radius:var(--r-sm);width:0;transition:width .15s ease}.play-wrap{grid-area:board;align-self:center;justify-self:center;display:grid;place-items:center;width:auto;height:auto;min-width:0;min-height:0}.replay-transport{grid-area:transport;display:flex;flex-wrap:wrap;gap:var(--m);width:100%}.replay-transport .btn{flex:1 0 calc((100% - 2 * var(--m)) / 3);min-width:calc(var(--cell-size) * 1.3);min-height:max(44px,calc(var(--cell-size) * 1.3))}.replay-speed{font-weight:800}@media (min-aspect-ratio: 2/3){:root[data-layout=stacked] .replay-screen:not(.replay-screen--teaser){gap:calc(var(--m) * .5)}:root[data-layout=stacked] .replay-step{display:none}:root[data-layout=stacked] .replay-transport{gap:calc(var(--m) * .5)}}:root[data-layout=rail] .replay-screen:not(.replay-screen--teaser){display:flex;justify-content:center;align-items:center;position:relative;gap:0;max-width:none}:root[data-layout=rail] .replay-screen:not(.replay-screen--teaser) .play-wrap{align-self:center;justify-self:center;width:auto;height:auto;min-width:0;min-height:0;place-items:center}:root[data-layout=rail] .replay-screen:not(.replay-screen--teaser) .replay-rail{display:flex;flex-direction:column;position:absolute;right:var(--m-right);top:var(--m-top);bottom:var(--m-bottom);--rail-w-replay: clamp( var(--rail-w), calc((100 * var(--vw, 1vw) - var(--board-w)) / 2 * .9 - var(--m)), calc((100 * var(--vw, 1vw) - var(--board-w)) / 2 - 2 * var(--m)) );width:var(--rail-w-replay);gap:var(--m);box-sizing:border-box}:root[data-layout=rail] .replay-header{flex-direction:column;align-items:stretch;gap:calc(var(--m) * .5);max-width:none}:root[data-layout=rail] .replay-title-row{width:100%;justify-content:center}:root[data-layout=rail] .replay-progress{min-height:0;flex-shrink:1;margin-top:auto}:root[data-layout=rail] .replay-transport{margin-top:calc(var(--m) * .5)}:root[data-layout=rail] .replay-title{position:static;width:auto;height:auto;clip:auto;overflow:visible}:root[data-layout=rail] .replay-step{display:block;font-size:var(--fs-label)}:root[data-layout=rail] .replay-screen:not(.replay-screen--teaser) .replay-transport{display:flex;flex-wrap:wrap;gap:calc(var(--m) * .5);width:100%}:root[data-pointer=coarse][data-layout=rail] .replay-screen:not(.replay-screen--teaser) .replay-transport .btn{min-height:max(48px,calc(var(--btn-h) * 1.15))}:root[data-layout=rail] .replay-menu-trigger{display:none}:root[data-layout=rail] .replay-menu,:root[data-layout=rail] .replay-menu.open{display:none}:root[data-layout=rail] #rp-restart,:root[data-layout=rail] #rp-back,:root[data-layout=rail] #rp-speed{display:inline-flex}.replay-screen--teaser{display:flex;flex-direction:column;grid-template:none;gap:var(--m);align-items:center;justify-content:center;width:100%;max-width:var(--board-w);margin:0 auto;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;text-align:center}.teaser-title-row{display:flex;align-items:center;gap:calc(var(--m) * .75);width:100%}.teaser-title-row .teaser-title{flex:1;min-width:0}.teaser-title-row:has(.replay-save-btn):before{content:"";flex:0 0 auto;width:var(--btn-h);align-self:stretch}.teaser-lead{font-size:calc(var(--fs-control) * .85);color:var(--ink-soft);margin:0;text-align:center}.teaser-timer{font-size:var(--fs-control);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1;letter-spacing:.5px}.teaser-card{display:flex;flex-direction:column;align-items:center;gap:var(--m);width:100%;max-width:max(24rem,calc(var(--board-w) * .5));padding:var(--m) calc(var(--m) * 1.5);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r)}.teaser-player{display:inline-flex;align-items:center;gap:calc(var(--m) * .75)}.teaser-player-name{font-size:var(--fs-control);font-weight:700;color:var(--ink)}.teaser-player-avatar{width:calc(var(--fs-control) * 1.6);height:calc(var(--fs-control) * 1.6);border-radius:50%;background:var(--accent);flex-shrink:0}.teaser-kpis{display:flex;justify-content:center;gap:calc(var(--m) * 2);width:100%}.teaser-kpi{display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * .25)}.teaser-kpi-v{font-size:var(--fs-control);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.teaser-kpi-k{font-size:calc(var(--fs-control) * .78);color:var(--ink-soft);font-weight:600}.teaser-actions{display:flex;gap:var(--m);width:100%;max-width:max(24rem,calc(var(--board-w) * .5))}.teaser-actions .btn{flex:1 1 0;min-width:0;white-space:normal}.replay-fallback{display:flex;flex-direction:column;gap:var(--m);align-items:center;justify-content:center;width:100%;max-width:var(--board-w);margin:0 auto;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;text-align:center}.replay-unavailable-lead{font-size:calc(var(--fs-control) * .85);color:var(--ink-soft);max-width:max(28rem,calc(var(--board-w) * .5))}.replay-unavailable-actions{display:flex;justify-content:center;width:100%;max-width:max(24rem,calc(var(--board-w) * .5))}.replay-unavailable-actions .btn{flex:1 1 0;min-width:0}.data-table-scroll{overflow-y:auto;scrollbar-gutter:stable;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:calc(var(--m) * .5)}.data-table{display:grid;column-gap:calc(var(--m) * .5);row-gap:calc(var(--m) * .25)}.data-table-header,.data-table-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:center;padding:calc(var(--m) * .5);border-radius:var(--r-sm)}.data-table-header{font-size:var(--fs-control);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);opacity:.7;cursor:default;min-height:calc(var(--m) * 3)}.data-table-row{font-size:var(--fs-control);min-height:var(--btn-h)}.data-table-row--active{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.leaderboard-screen{--lb-reveal-dur: .28s;--lb-row-stagger: 45ms;display:grid;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header" "top" "sub" "rows";gap:var(--m);width:100%;max-width:var(--board-w);margin:0 auto;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;text-align:left}:root[data-layout=rail] .leaderboard-screen{max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),max(var(--board-w),32rem))}.leaderboard-screen.screen-root{padding-left:var(--m-left)}:root[data-layout=rail] #app.nav-inline .leaderboard-screen{max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--rail-clear)),max(var(--board-w),32rem))}.leaderboard-screen[data-reflow=on]{grid-template-columns:minmax(0,1fr) max(13rem,calc(16 * var(--vw, 1vw)));grid-template-rows:auto auto auto 1fr;grid-template-areas:"rows header" "rows top" "rows sub" "rows .";column-gap:var(--m);margin:0}:root[data-layout=rail] .leaderboard-screen[data-reflow=on],:root[data-layout=rail] #app.nav-inline .leaderboard-screen[data-reflow=on]{max-width:none}.leaderboard-screen.screen-root[data-reflow=on]{padding-left:max(var(--m-left),var(--rail-clear))}.leaderboard-header{grid-area:header}.leaderboard-title-row{display:flex;align-items:center;justify-content:center;gap:var(--m);flex-wrap:wrap}.leaderboard-top{grid-area:top}.leaderboard-sub{grid-area:sub;display:flex;align-items:center}.leaderboard-sub [hidden]{display:none}.leaderboard-daily-tabs{flex:1 1 auto}.leaderboard-mode-picker{flex:0 0 auto}.leaderboard-rows-scroll{grid-area:rows}.leaderboard-table{grid-template-columns:minmax(calc(var(--m) * 3),max-content) minmax(calc(var(--m) * 5),1fr) minmax(calc(var(--m) * 5),max-content) minmax(calc(var(--m) * 4),max-content) minmax(calc(var(--m) * 4),max-content)}.leaderboard-row{position:relative;cursor:default}.leaderboard-row-icons{display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:stretch;font-size:var(--fs-control);line-height:1;cursor:pointer;border-radius:var(--r-sm);transition:background .12s ease}.leaderboard-row-icons:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.leaderboard-row-icon-clap,.leaderboard-row-icon-lock{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:calc(var(--m) * .5) 0;border-radius:var(--r-sm);transform-origin:center;transition:background .12s ease,transform .2s ease-out}.leaderboard-row[data-clickable-mode=teaser] .leaderboard-row-icons:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.leaderboard-row[data-clickable-mode=playable] .leaderboard-row-icons:hover .leaderboard-row-icon-clap{background:color-mix(in srgb,var(--ink) 10%,transparent);transform:scale(1.6);position:relative;z-index:2}.leaderboard-row-icon-clap,.leaderboard-row-icon-lock{opacity:.85}.row-locked-popover{position:absolute;top:50%;right:var(--m);transform:translateY(-50%);display:flex;align-items:center;gap:calc(var(--m) * .75);padding:calc(var(--m) * .75) var(--m);background:color-mix(in srgb,var(--panel-2) 75%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:var(--r-sm);font:inherit;font-weight:600;color:var(--ink);box-shadow:var(--shadow-md);z-index:5;white-space:nowrap;animation:row-locked-popover-in .15s ease-out;pointer-events:auto}.row-locked-icon{font-size:1.1em;line-height:1}@keyframes row-locked-popover-in{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.leaderboard-row-rank{color:var(--ink-soft);font-weight:800;font-variant-numeric:tabular-nums;text-align:left}.leaderboard-row-name{color:var(--ink);font-weight:700;display:flex;align-items:baseline;gap:calc(var(--m) * .35);min-width:0}.leaderboard-row-name-text{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden}.leaderboard-row-name-text.is-clamped{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.2em),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 1.2em),transparent)}.leaderboard-row-tag{flex:0 0 auto;color:var(--ink-soft);font-weight:600;font-size:calc(var(--fs-control) * .8);white-space:nowrap}.leaderboard-row--viewer .leaderboard-row-name{display:inline-flex;align-items:center;gap:calc(var(--m) * .4);overflow:visible;-webkit-mask-image:none;mask-image:none}.leaderboard-row-score{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.leaderboard-row-moves{color:var(--ink-soft);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.leaderboard-table--karat{grid-template-columns:minmax(calc(var(--m) * 3),max-content) minmax(0,1fr) minmax(calc(var(--m) * 5),max-content)}.leaderboard-row-karat{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.leaderboard-karat-note{font-size:var(--fs-control);color:var(--ink-soft);line-height:1.3;margin:0 0 calc(var(--m) * .5);padding:0 calc(var(--m) * .5)}.leaderboard-empty-state{padding:calc(var(--m) * 2) var(--m);text-align:center;color:var(--ink-soft);font-size:var(--fs-control);line-height:1.5}.leaderboard-table--awaiting{opacity:.45}.leaderboard-table--revealing .leaderboard-row{animation:lb-row-in var(--lb-reveal-dur) ease-out backwards;animation-delay:calc(var(--lb-row-stagger) * var(--row-i, 0))}@keyframes lb-row-in{0%{opacity:0;transform:translateY(calc(var(--m) * .6))}to{opacity:1;transform:none}}.leaderboard-row--skeleton{cursor:default;pointer-events:none}.leaderboard-skel-bar{display:block;width:60%;height:var(--fs-control);border-radius:var(--r-sm);background:var(--ink-soft);opacity:.35}@media (prefers-reduced-motion: reduce){.leaderboard-table--revealing .leaderboard-row{animation:none}}.oauth-callback-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--m);height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);width:100%;box-sizing:border-box;overflow:hidden}.oauth-callback-screen.screen-root{padding-left:var(--m-left)}.oauth-callback-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-md);padding:calc(var(--m) * 1.5);max-width:max(24rem,calc(var(--board-w) * .5));width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * 1.25)}.oauth-callback-card--error{border-color:var(--warn)}.oauth-callback-title{font-weight:800;color:var(--ink)}.oauth-callback-sub{font-size:calc(var(--fs-control) * .85);color:var(--ink-soft);font-weight:600;line-height:1.5}.oauth-callback-actions{display:flex;gap:var(--m);width:100%;margin-top:calc(var(--m) * .5)}.oauth-callback-actions .btn{width:100%}.oauth-callback-note{font-size:var(--fs-label);color:var(--ink-soft);font-weight:600;margin-top:calc(var(--m) * .5)}.settings-drawer{position:fixed;inset:0;z-index:130;overflow:hidden;pointer-events:none}.settings-scrim{position:absolute;inset:0;background:color-mix(in srgb,#000 50%,transparent);opacity:0;pointer-events:none;transition:opacity var(--t)}.settings-drawer--open .settings-scrim{opacity:1;pointer-events:auto}.settings-drawer-panel{position:absolute;inset:auto 0 0;margin:0 auto;display:flex;flex-direction:column;pointer-events:auto;width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),max(var(--board-w),26rem));max-height:calc(85 * var(--vh, 1vh));box-sizing:border-box;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-bottom:none;border-radius:var(--r) var(--r) 0 0;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(110%);transition:transform var(--t)}.settings-drawer--open .settings-drawer-panel{transform:none}@media (prefers-reduced-motion: reduce){.settings-scrim,.settings-drawer-panel,.settings-drawer-track{transition:none}}.settings-drawer-track{display:flex;flex-direction:row;flex:1 1 auto;min-height:0;width:200%;transform:none;transition:transform .24s cubic-bezier(.22,.61,.36,1)}.settings-drawer--gallery .settings-drawer-track{transform:translate(-50%)}.settings-drawer-page{flex:0 0 50%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--m);padding:var(--m);box-sizing:border-box}.settings-drawer-header{display:flex;align-items:center;gap:var(--m);flex:0 0 auto}.settings-drawer-title{margin:0;font-size:var(--fs-body);font-weight:800;color:var(--ink)}.settings-drawer-page:first-child .settings-drawer-title{flex:1 1 auto}.settings-drawer-back{display:inline-flex;align-items:center;gap:calc(var(--m) * .4);min-height:var(--btn-h);padding:0 calc(var(--m) * .5) 0 0;border:none;background:transparent;color:var(--accent);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-drawer-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.settings-back-icon{width:calc(var(--fs-control) * 1.2);height:calc(var(--fs-control) * 1.2)}.settings-drawer-list{display:flex;flex-direction:column;gap:calc(var(--m) * .5);overflow-y:auto;overflow-x:clip;min-height:0}.settings-drawer-list .info-popover-trigger{--ipt-size: var(--btn-h)}.panel-row.settings-drawer-navrow{background:var(--panel-2)}.settings-chevron-host{display:inline-flex}.settings-chevron{width:calc(var(--fs-control) * 1.1);height:calc(var(--fs-control) * 1.1);color:var(--ink-soft)}.settings-drawer-gallery-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.settings-drawer-gallery-body>.skin-gallery{flex:1 1 auto;min-height:0}.setting-row-text{display:flex;flex-direction:column;gap:calc(var(--m) * .25);min-width:0}.setting-row-label-line{display:flex;align-items:center;gap:calc(var(--m) * .5);flex-wrap:wrap}.setting-row-label{font-size:var(--fs-body);font-weight:700;color:var(--ink)}.setting-row-desc{display:none;font-size:var(--fs-subtitle);line-height:1.4;color:var(--ink-soft)}@media (hover: hover) and (pointer: fine){.setting-row-desc{display:block}}.info-popover-trigger{display:inline-flex;align-items:center;justify-content:center;--ipt-size: max(44px, calc(var(--fs-board-title) * 1.4));width:var(--ipt-size);height:var(--ipt-size);min-width:var(--ipt-size);flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink-soft);font-size:calc(var(--ipt-size) * .6);font-weight:800;line-height:1;cursor:pointer;font-family:inherit;transition:background .12s ease,color .12s ease,border-color .12s ease}.info-popover-trigger:hover{background:var(--panel-2);color:var(--ink)}.info-popover-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.info-popover-trigger:active{transform:translateY(0);background:var(--panel-2)}.info-popover-trigger--b{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.info-popover-trigger--b:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 22%,var(--panel))}@media (hover: hover) and (pointer: fine){.info-popover-trigger--q{display:none}}.info-popover-dialog{width:90%;max-width:max(20rem,calc(var(--board-w) * .5));padding:calc(var(--m) * 2);border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-md);font-family:inherit;opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out}.info-popover-dialog[open]{opacity:1;transform:scale(1)}.info-popover-dialog--closing{transition:opacity .12s ease-in,transform .12s ease-in}@media (prefers-reduced-motion: reduce){.info-popover-dialog,.info-popover-dialog--closing{transition:none}}.info-popover-dialog::backdrop{background:color-mix(in srgb,#000 50%,transparent)}.info-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--m);margin-bottom:calc(var(--m) * 1.25)}.info-popover-title{font-size:var(--fs-subtitle);font-weight:800;line-height:1.3;color:var(--ink);margin:0;flex:1}.info-popover-body{color:var(--ink-soft);font-size:var(--fs-body);line-height:1.5;white-space:pre-line;max-height:calc(70 * var(--vh, 1vh));overflow-y:auto}--m),не структура. * ТАКТИЛЬНЫЕ минимумы (P2 §0.A): крестик ≥44px (из icon-button); хвостик/зазоры — от --m. * * ============================================================================ * CSS HEADER ALGEBRA BLOCK (каждый calc-коэффициент → trace; §0.G) * ============================================================================ * ширина попапа = по КОНТЕНТУ (width:max-content) — owner-decision 5 «маленькое * окошко по контенту,НЕ board-width». Верхний предел — ТОЛЬКО * viewport-относительный overflow-guard (ниже),без кап-констант. * max-width = calc(100vw − 2·--m) [trace: §0.G.5 единственный легальный * верхний предел — относительный к вьюпорту; защищает от обрезки * на 320px,без константного капа. 100vw через --vw-fallback]. * padding = --m [trace: единая delta §0.F/T-7.2.4 — НЕ magic-px]. * header gap / margin = --m,--m·0.5 [trace: доли delta]. * border-radius = --r-sm [trace: общий радиус карточек-токен]. * tail сторона/катет = --m·0.9 [trace: размер хвостика — доля delta §0.F; виден,* но не громоздкий. Сам хвостик = повёрнутый квадрат (border)]. * анимация = opacity + transform: scale (GPU-only,ui-performance); * .15s open / .12s close; prefers-reduced-motion гасит (AC-17). * ⚠ ВЕРХНИХ КАП-КОНСТАНТ НЕТ (§0.G.5): нет max-width:NNrem/px,нет min(формула,CONST),* нет clamp-3-арг-константы. Width-based @media — НЕТ (§5.1; флип в TS по измерению). * ============================================================================ */ .anchored-popover{width:max-content;max-width:calc(100 * var(--vw, 1vw) - 2 * var(--m));box-sizing:border-box;margin:0;padding:var(--m);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-md);font-family:inherit;overflow:visible;opacity:0;transform:scale(.96);transition:opacity .15s ease-out,transform .15s ease-out}.anchored-popover[open]{opacity:1;transform:scale(1)}.anchored-popover--closing{transition:opacity .12s ease-in,transform .12s ease-in}.anchored-popover::backdrop{background:color-mix(in srgb,#000 24%,transparent)}@media (prefers-reduced-motion: reduce){.anchored-popover,.anchored-popover--closing{transition:none;opacity:1;transform:none}}.anchored-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--m);margin-bottom:calc(var(--m) * .5)}.anchored-popover-title-slot{min-width:0;flex:1}.anchored-popover-body{min-width:0}.anchored-popover-tail{position:absolute;width:calc(var(--m) * .9);height:calc(var(--m) * .9);background:var(--panel);border:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.anchored-popover--above .anchored-popover-tail{bottom:calc(var(--m) * -.45);border-top:none;border-left:none}.anchored-popover--below .anchored-popover-tail{top:calc(var(--m) * -.45);border-bottom:none;border-right:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--btn-h);height:var(--btn-h);min-width:var(--btn-h);padding:0;font-size:calc(var(--fs-control) * 1.4);font-weight:600;line-height:1;cursor:pointer;font-family:inherit;transition:background .16s ease,color .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent}.icon-btn-glyph{width:55%;height:55%}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:not(.icon-btn--framed){border:none;background:transparent;box-shadow:none;border-radius:50%;color:var(--ink-soft)}.icon-btn:not(.icon-btn--framed):hover:not(:disabled){background:var(--accent-soft);color:var(--ink)}.icon-btn:not(.icon-btn--framed):active:not(:disabled){background:var(--accent-soft)}.icon-btn--framed{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:var(--btn-radius);color:var(--ink)}.icon-btn--framed:hover:not(:disabled){filter:brightness(1.03)}.icon-btn--framed:active:not(:disabled){filter:brightness(.97)}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--m);min-height:calc(var(--btn-h) + 2 * (var(--m) * .75));padding:calc(var(--m) * .75) var(--m);box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm)}.panel-row-main{flex:1 1 auto;min-width:0}.panel-row-control{flex:0 0 auto;display:flex;align-items:center}.panel-row--interactive{width:100%;text-align:left;color:var(--ink);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .16s ease}.panel-row--interactive:hover{background:var(--accent-soft)}.panel-row--interactive:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-switch{display:inline-flex;flex:0 0 auto;max-width:100%;gap:0;padding:0;border:none;border-radius:var(--btn-radius);background:var(--panel-2);overflow:hidden}.theme-switch-seg{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-h);height:var(--btn-h);padding:calc(var(--m) * .3);border:none;border-radius:0;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.theme-switch-seg:hover:not(.theme-switch-seg--on){color:var(--ink);background:var(--accent-soft)}.theme-switch-seg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-switch-seg--on{background:var(--accent);color:#fff}.theme-switch-icon{display:block;width:100%;height:100%}@media (prefers-reduced-motion: reduce){.theme-switch-seg{transition:none}}.toggle-switch{--tg-h: calc(var(--btn-h) * .55);--tg-w: calc(var(--tg-h) * 1.8);--tg-pad: calc(var(--tg-h) * .12);position:relative;flex:0 0 auto;width:var(--tg-w);height:var(--tg-h);padding:0;border:1px solid var(--line);border-radius:calc(var(--tg-h) / 2);background:var(--panel-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .16s ease,border-color .16s ease}.toggle-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch-thumb{position:absolute;top:var(--tg-pad);left:var(--tg-pad);width:calc(var(--tg-h) - 2 * var(--tg-pad));height:calc(var(--tg-h) - 2 * var(--tg-pad));border-radius:50%;background:var(--panel);box-shadow:var(--shadow-sm);transition:transform .16s cubic-bezier(.4,0,.2,1)}.toggle-switch--on{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 86%,#000));border-color:transparent}.toggle-switch--on .toggle-switch-thumb{transform:translate(calc(var(--tg-w) - var(--tg-h)));background:#fff}.toggle-switch--disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.toggle-switch,.toggle-switch-thumb{transition:none}}.skin-gallery{display:flex;flex-direction:column;gap:var(--m);min-height:0}.appearance-preview{flex:0 0 auto;container-type:inline-size;display:flex;justify-content:center;padding:var(--m);border:2px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow-sm)}.appearance-preview-board{width:100%;display:flex;justify-content:center;--cell-size: round( down, min(calc(100cqw / 10.2), calc(22 * var(--vh, 1vh) / 11.28)), 1px );--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(2px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px);--frame-next-h: var(--cell-size);line-height:0}.appearance-preview-board .board-frame{pointer-events:none}.appearance-preview-board .fn-score,.appearance-preview-board .frame-next{display:none}.appearance-tabs{flex:0 0 auto}.appearance-tabbody{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.appearance-tabpanel[hidden]{display:none}.skin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,max(9rem,calc(var(--cell-size) * 4.2)));justify-content:center;gap:var(--m)}.skin-card{container-type:inline-size;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * .5);padding:var(--m);box-sizing:border-box;border:2px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;text-align:center;box-shadow:var(--shadow-sm);transition:border-color .14s ease,background-color .14s ease,transform .12s ease;will-change:transform}.skin-card-thumb{position:relative;width:100%;display:flex;justify-content:center;--cell-size: round( down, min(calc(100cqw / 10.2), calc(14 * var(--vh, 1vh) / 11.28)), 1px );--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(2px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px);--frame-next-h: var(--cell-size);line-height:0}.skin-card-thumb .board-frame{pointer-events:none}.skin-card-thumb .fn-score,.skin-card-thumb .frame-next{display:none}.skin-card-name{font-size:max(13px,calc(100cqw * .07));font-weight:700;line-height:1.15;white-space:normal}.skin-card-badge{position:absolute;top:2cqw;right:2cqw;font-size:max(11px,5.2cqw);font-weight:700;line-height:1;padding:calc(100cqw * .018) 3.2cqw;border-radius:var(--r-sm);background:var(--accent);color:#fff;white-space:nowrap}.skin-card-check{position:absolute;top:2cqw;left:2cqw;display:none;align-items:center;justify-content:center;width:max(18px,10cqw);height:max(18px,10cqw);border-radius:50%;background:var(--accent);color:#fff;font-size:max(11px,6cqw);font-weight:800;line-height:1}.skin-card--selected{border-color:var(--accent);background:var(--accent-soft)}.skin-card--selected .skin-card-check{display:inline-flex}@media (hover: hover) and (pointer: fine){.skin-card:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}}.skin-card:active{transform:scale(.99)}.skin-card:focus-visible{outline:none;border-color:var(--accent);background:var(--accent-soft)}@media (prefers-reduced-motion: reduce){.skin-card{transition:none;will-change:auto}.skin-card:hover,.skin-card:active{transform:none}}.balls-sample{container-type:inline-size;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2cqw;width:100%}.balls-sample .ball{--ball-size: round(nearest, 25cqw , 1px)}.appearance-preview-balls .balls-sample .ball{--ball-size: round(nearest, calc(100cqw / 8.5), 1px)}.appearance-preview-balls{width:100%}.appearance-preview-board[hidden],.appearance-preview-balls[hidden]{display:none}.segmented{display:flex;gap:calc(var(--m) * .5);background:var(--panel-2);padding:calc(var(--m) * .5);border-radius:var(--r-sm);border:1px solid var(--line)}.segmented-item{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;min-height:var(--btn-h);padding:calc(var(--m) * .5) calc(var(--m) * .75);background:transparent;border:none;border-radius:var(--r-sm);font-family:inherit;font-size:var(--fs-control);font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background .12s ease,color .12s ease}.segmented-item.is-clamped{white-space:normal;overflow-wrap:normal;line-height:1.1}.segmented-item:hover{background:color-mix(in srgb,var(--panel) 60%,transparent);color:var(--ink)}.segmented-item--active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-plaque{margin:auto;width:max(16rem,calc(var(--cell-size, 30px) * 4.5));max-width:calc(100% - var(--m) * 2);padding:calc(var(--m) * 2);border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-lg)}.dialog-plaque::backdrop{background:#00000080}.auth-modal{box-sizing:border-box;max-height:calc(100 * var(--vh, 1vh) - 2 * var(--m));display:flex;flex-direction:column;font-family:inherit;opacity:0;transform:scale(.96);transition:opacity .15s ease-out,transform .15s ease-out}.auth-modal[open]{opacity:1;transform:scale(1)}@media (prefers-reduced-motion: reduce){.auth-modal{transition:none}}.auth-modal-header{display:grid;grid-template-columns:var(--btn-h) 1fr var(--btn-h);align-items:center;min-height:var(--btn-h);margin-bottom:var(--m);flex:0 0 auto}.auth-modal-title{grid-column:2;min-width:0;margin:0;font-size:var(--fs-control);font-weight:800;line-height:1.2;color:var(--ink);text-align:center}.auth-modal-close{grid-column:3;justify-self:end}.auth-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--m) * .4)}.auth-panel{display:flex;flex-direction:column;gap:var(--m);box-sizing:border-box}.auth-panel-buttons{display:flex;flex-direction:column;gap:calc(var(--m) * .75)}.auth-panel-buttons .auth-panel-provider{justify-content:flex-start;min-width:0}.auth-panel-buttons{min-width:0}.auth-panel-buttons .auth-panel-provider .pill-button-label{flex:1 1 0;min-width:0;text-align:left;white-space:nowrap}.auth-panel-provider--email .pill-button-icon{color:var(--accent)}.auth-panel-form{display:flex;flex-direction:column;gap:var(--m)}.auth-panel-mode-host{display:flex}.auth-panel-mode{flex:1 1 auto}.auth-panel-field{display:flex;flex-direction:column;gap:calc(var(--m) * .4)}.auth-panel-field-label{font-size:var(--fs-control);font-weight:600;color:var(--ink)}.auth-panel-field-help{font-size:var(--fs-label);color:var(--ink-soft);line-height:1.35}.auth-panel-input{min-height:var(--btn-h);padding:0 calc(var(--m) * 1.2);font-size:var(--fs-control);font-family:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);box-sizing:border-box;width:100%}.auth-panel-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth-panel-input[aria-invalid=true]{border-color:var(--cell-invalid-edge)}.auth-panel-input:disabled{opacity:.6;cursor:not-allowed}.auth-panel-password-row{display:flex;align-items:stretch;gap:calc(var(--m) * .5)}.auth-panel-password-row .auth-panel-input{flex:1 1 auto}.auth-panel-eye{flex:0 0 auto;width:var(--btn-h);height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent}.auth-panel-eye svg{width:52%;height:52%}.auth-panel-eye:hover:not(:disabled){color:var(--ink);background:var(--accent-soft)}.auth-panel-eye:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-panel-eye:disabled{opacity:.5;cursor:not-allowed}.auth-panel-field-error,.auth-panel-form-error{font-size:var(--fs-label);line-height:1.4;color:var(--cell-invalid-edge)}.auth-panel-form-error{display:flex;flex-direction:column;gap:calc(var(--m) * .3)}.auth-panel-switch-link{align-self:flex-start;background:none;border:none;padding:calc(var(--m) * .3) 0;font-size:var(--fs-label);font-weight:600;color:var(--accent);text-decoration:underline;cursor:pointer;min-height:calc(var(--btn-h) * .75)}.auth-panel-switch-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-panel-cta{width:100%}.auth-panel-cta--loading{position:relative;color:transparent}.auth-panel-cta--loading:after{content:"";position:absolute;inset:0;margin:auto;width:calc(var(--btn-h) * .4);height:calc(var(--btn-h) * .4);border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--panel);animation:auth-panel-spin .7s linear infinite}@keyframes auth-panel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.auth-panel-cta--loading:after{animation:none}}.pill-button{display:flex;align-items:center;justify-content:center;gap:calc(var(--m) * .6);width:100%;min-height:var(--btn-h);padding:calc(var(--m) * .85) var(--m);border:none;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-family:inherit;font-size:var(--fs-control);font-weight:700;line-height:1.2;cursor:pointer;box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent;transition:filter .16s,transform .12s}.pill-button:hover{filter:brightness(1.06)}.pill-button:active{transform:translateY(.5px)}.pill-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill-button:disabled{opacity:.55;cursor:not-allowed;filter:none}.pill-button:disabled:active{transform:none}.pill-button--neutral{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pill-button--neutral:hover{filter:none;background:color-mix(in srgb,var(--accent) 8%,var(--panel-2));border-color:var(--accent)}.pill-button-icon{display:inline-flex;flex-shrink:0}.pill-button-icon svg{display:block;width:calc(var(--fs-control) * 1.35);height:calc(var(--fs-control) * 1.35)}.pill-button-label{flex:0 0 auto}.helper-unlock-overlay{position:fixed;inset:var(--m);margin:0;width:auto;height:auto;max-width:calc(100% - var(--m) * 2);max-height:calc(100% - var(--m) * 2);box-sizing:border-box;display:grid;place-items:center;border:none;padding:0;background:transparent;overflow:visible}.helper-unlock-overlay .gnome-card{width:fit-content;max-width:none}.helper-unlock-overlay .trophy-card-row{flex-wrap:nowrap}.helper-unlock-overlay .gnome-card-hero{border:none;background:none;padding:inherit}.helper-unlock-overlay::backdrop{background:#00000080}@media (prefers-reduced-motion: reduce){.helper-unlock-overlay{animation:none}}.gnome-card{width:fit-content;max-width:calc(100% - 2 * var(--m));--jc-num: var(--fs-control);--jc-icon: max(20px, calc(var(--cell-size) * .62));--jc-badge: max(24px, calc(var(--cell-size) * .78));--jc-badge-level: max(20px, calc(var(--cell-size) * .6));--jc-bonus-row: calc(var(--jc-icon) + var(--m) * .6);--jc-bonuses-h: calc(3 * var(--jc-bonus-row) + var(--m) * .8);--jc-mid-min: calc(var(--jc-badge) + var(--jc-badge-level) + var(--m) * .6);--gnc-name-size: max(13px, calc(var(--fs-control) * .9));--jc-ring-base: calc(var(--jc-badge) + var(--m) * .4 + var(--jc-bonuses-h));--jc-rest-scale: calc(1 / 1.04)}.gnome-card-hero{height:var(--jc-ring-base);aspect-ratio:var(--gnc-frame-aspect, var(--gnc-aspect, 1 / 2));width:auto;flex:0 0 auto;position:relative;box-sizing:border-box;padding:calc(var(--m) * .4);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--panel) 55%,transparent);--gnc-frame-inset: calc(2 * (var(--m) * .4) + 2px)}.gnome-card-prestige{position:absolute;--mb-prestige: max(20px, calc(var(--cell-size) * .65));top:calc(var(--m) * -.35);left:calc(var(--m) * -.35);z-index:2}.gnome-card-prestige[hidden]{display:none}.gnome-card-zone{appearance:none;margin:0;background:none;border:none;cursor:pointer;padding:inherit;display:flex;align-items:flex-end;justify-content:center}.gnome-card-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover: hover) and (pointer: fine){.gnome-card-zone:hover .gnome-card-sprite{height:calc(var(--jc-ring-base) - var(--gnc-frame-inset, 0px))}}@media (prefers-reduced-motion: reduce){.gnome-card-sprite{height:calc(var(--jc-ring-base) - var(--gnc-frame-inset, 0px));transition:none}}.gnome-card-sprite{display:flex;align-items:center;justify-content:center;width:auto;height:calc((var(--jc-ring-base) - var(--gnc-frame-inset, 0px)) * var(--jc-rest-scale));transition:height .14s ease-out}.gnomes-list--mounting .gnome-card-sprite,.gnomes-list--mounting .gnome-card-sprite img{transition:none}.gnome-card-sprite .meta-glyph{height:100%;width:auto;display:block;object-fit:contain}.gnome-card-mid{width:min-content;flex:0 0 auto}.gnome-card-end{display:none}.gnome-card-topline{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--m) * .15);min-width:0}.gnome-card-name{font-size:var(--gnc-name-size);font-weight:500;color:var(--ink);line-height:1.15;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnome-card-lvl{flex:0 0 auto;font-size:calc(var(--gnc-name-size) * .85);font-weight:600;color:color-mix(in srgb,var(--ink) 55%,transparent);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.15}.gnome-card-lvl--max{color:var(--accent)}.gnome-card-badge-num{position:relative;z-index:1;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1;text-shadow:0 0 2px color-mix(in srgb,var(--panel) 80%,transparent)}.gnome-card-bonuses{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--m) * .4);min-height:var(--jc-bonuses-h)}.gnome-card-bonus{display:inline-flex;align-items:center;gap:calc(var(--m) * .35);padding:calc(var(--m) * .3) calc(var(--m) * .7);border-radius:var(--r-sm);background:var(--accent-soft, color-mix(in srgb, var(--accent) 14%, transparent));white-space:nowrap}.gnome-card-bonus-ic{display:inline-flex}.gnome-card-bonus-ic .meta-glyph{width:var(--jc-icon);height:var(--jc-icon);display:block}.gnome-card-bonus-pct{font-size:var(--jc-num);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;min-width:7ch;text-align:left}.gnome-card-action{width:100%;margin-top:var(--m);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--m) * .5);white-space:nowrap}.gnome-card-cost{display:inline-flex;align-items:center;gap:calc(var(--m) * .5);font-size:var(--jc-num);font-weight:700;color:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.gnome-card-cost[hidden]{display:none}.gnome-card-cost-pair{display:inline-flex;align-items:center;gap:calc(var(--m) * .2)}.gnome-card-cost-ic{display:inline-flex}.gnome-card-cost-ic .meta-glyph{width:var(--jc-icon);height:var(--jc-icon);display:block}.gnome-card--unaffordable .gnome-card-cost{color:var(--danger, #c0392b)}.gnome-card-arrow{font-size:var(--jc-num);line-height:1;flex:0 0 auto}.gnome-card-arrow[hidden]{display:none}.gnome-card-action-label:empty{display:none}.gnome-card-btn--pending{opacity:.6;cursor:progress}.gnome-card--max{opacity:.9}.gnome-card--locked .gnome-card-sprite img{filter:brightness(0) opacity(.42);transition:filter .18s ease-out}.gnome-card--locked .gnome-card-bonuses{visibility:hidden}.gnome-card-locked-label{width:100%;margin-top:var(--m);text-align:center;font-size:max(13px,calc(var(--jc-num) * .92));font-weight:600;color:color-mix(in srgb,var(--ink) 60%,transparent);line-height:1.25}@keyframes gnome-card-reveal-flash{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.gnome-card--revealing{transform-origin:center;animation:gnome-card-reveal-flash .18s ease-out;position:relative;z-index:3}.gnome-card--revealing .gnome-card-sprite img{filter:none}@media (prefers-reduced-motion: reduce){.gnome-card--revealing{animation:none}.gnome-card--locked .gnome-card-sprite img{transition:none}}.gnome-card--unlock-silhouette .gnome-card-topline,.gnome-card--unlock-silhouette .gnome-card-bonuses{visibility:hidden}.gnome-card--unlock-silhouette .gnome-card-sprite img{filter:brightness(0) opacity(.42);transition:filter .18s ease-out}@media (prefers-reduced-motion: reduce){.gnome-card--unlock-silhouette .gnome-card-sprite img{transition:none}}.gnome-card-new-helper-label{width:100%;margin-top:var(--m);min-height:var(--btn-h);display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:0 calc(var(--m) * .5);border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 16%,transparent);color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:max(13px,calc(var(--jc-num) * .95));font-weight:700;line-height:1.2;white-space:normal}.bonus-pill{--bp-icon: max(20px, calc(var(--cell-size) * .62));display:inline-flex;align-items:center;gap:calc(var(--m) * .35);white-space:nowrap}.bonus-pill-ic{display:inline-flex}.bonus-pill-ic .meta-glyph{width:var(--bp-icon);height:var(--bp-icon);display:block}.bonus-pill-pct{font-size:var(--fs-control);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.bonus-pill--locked .bonus-pill-ic{opacity:.4;filter:grayscale(.7)}.bonus-pill-pct--lock{color:var(--accent);font-weight:800}.meta-badge{--mb-num: var(--fs-control);--mb-level: max(20px, calc(var(--cell-size) * .6));--mb-prestige: max(24px, calc(var(--cell-size) * .78));position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.meta-badge-num{position:relative;z-index:1;font-size:var(--mb-num);font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1;text-shadow:0 0 2px color-mix(in srgb,var(--panel) 80%,transparent)}.meta-badge--level{width:var(--mb-level);height:var(--mb-level);border-radius:50%;background:var(--meta-level-fill);box-shadow:inset 0 0 0 1px var(--meta-level-edge)}.meta-badge--level.meta-badge--max{background:color-mix(in srgb,var(--accent) 30%,var(--meta-level-fill));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}.meta-badge--prestige{width:var(--mb-prestige);height:var(--mb-prestige)}.meta-badge--prestige .meta-glyph{position:absolute;inset:0;width:100%;height:100%;display:block}.meta-badge--prestige-t0{--karat-fill: var(--meta-stone-dull)}.meta-badge--prestige-t0 .meta-badge-num{color:color-mix(in srgb,var(--ink) 55%,transparent)}.meta-badge--prestige-t1{--karat-fill: var(--meta-karat-t1)}.meta-badge--prestige-t2{--karat-fill: var(--meta-karat-t2)}.meta-badge--prestige-t3{--karat-fill: var(--meta-karat-t3);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--meta-karat-t3) 55%,transparent))}.meta-badge--prestige-t4{--karat-fill: var(--meta-karat-t4);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--meta-karat-t4) 75%,transparent))}.trophy-card{--tc-num: var(--fs-control);--tc-icon: max(20px, calc(var(--cell-size) * .62));display:flex;flex-direction:column;gap:calc(var(--m) * .35);padding:var(--m);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);min-width:0}.trophy-card-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--m);min-width:0}.trophy-card-hero{flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}.trophy-card-zone{appearance:none;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:var(--r-sm)}.trophy-card-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trophy-card-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--m) * .4)}.trophy-card-end{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:calc(var(--m) * .45);margin-left:auto}.trophy-card-status{font-size:var(--fs-label);font-weight:600;line-height:1.2;text-align:center}.trophy-card-status[hidden]{display:none}.trophy-card-status--error{color:var(--danger, #c0392b)}.trophy-card-status--info{color:var(--accent)}.nav-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.nav-rail{--nav-fs: var(--fs-control);position:fixed;inset:0 auto 0 0;z-index:100;width:var(--nav-rail-w);height:100dvh;height:var(--dvh, 100dvh);display:flex;flex-direction:column;gap:calc(var(--m) * .5);padding:var(--m-top) var(--m) var(--m-bottom) var(--m-left);background:var(--panel);border-right:1px solid var(--line);transform:translate(-110%);transition:transform var(--t),box-shadow var(--t);overflow:visible}.nav-brand{flex:0 0 auto;display:flex;align-items:center;gap:calc(var(--m) * .85);padding:calc(var(--m) * .75) calc(var(--m) * .5)}.nav-brand--link{cursor:pointer;border-radius:var(--r-sm)}.nav-brand--link:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.nav-brand--link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-brand-mark{display:inline-flex;flex-shrink:0}.nav-brand-mark .brand-logo{height:calc(var(--nav-fs) * 2.4);width:auto;display:block}.nav-brand-word{flex:1 1 auto;min-width:0;font-size:var(--nav-fs);font-weight:800;line-height:1.12;letter-spacing:.2px;color:var(--ink)}.nav-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:calc(var(--m) * .35);margin-top:calc(var(--m) * .5)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--m);width:100%;padding:calc(var(--m) * .85) var(--m);border:none;border-radius:var(--r-sm);background:transparent;color:var(--ink);font-family:inherit;font-size:var(--nav-fs);font-weight:600;line-height:1.2;text-align:left;cursor:pointer;transition:background .16s,color .16s,transform .12s;-webkit-tap-highlight-color:transparent}.nav-item:hover:not(.nav-item--disabled){background:var(--accent-soft)}.nav-item:active:not(.nav-item--disabled){transform:translateY(.5px)}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-item-icon{display:inline-flex;flex-shrink:0}.nav-icon{display:block;width:calc(var(--nav-fs) * 1.35);height:calc(var(--nav-fs) * 1.35)}.nav-item-label{flex:1 1 auto;min-width:0;white-space:nowrap}.nav-item--active{background:var(--accent-soft);color:var(--accent);font-weight:800}.nav-item--active:before{content:"";position:absolute;left:calc(var(--m) * -.5);top:50%;transform:translateY(-50%);width:3px;height:55%;border-radius:3px;background:var(--accent)}.nav-item-badge{flex-shrink:0;margin-left:auto;padding:0 calc(var(--m) * .6);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:calc(var(--nav-fs) * .72);font-weight:700;line-height:1.8}.nav-item-badge--dot{width:calc(var(--nav-fs) * .5);height:calc(var(--nav-fs) * .5);padding:0;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.nav-item--disabled{opacity:.5;cursor:default}.nav-foot{flex:0 0 auto}.nav-utils{display:flex;justify-content:center;gap:calc(var(--m) * .5);margin-top:var(--m);padding-top:var(--m);border-top:1px solid var(--line)}.nav-util .nav-icon{width:calc(var(--btn-h) * .7);height:calc(var(--btn-h) * .7)}.icon-btn.nav-burger{position:fixed;top:var(--m-top);left:var(--m-left);z-index:80;display:none;box-shadow:var(--shadow-md)}.nav-burger .nav-icon{width:calc(var(--fs-control) * 1.6);height:calc(var(--fs-control) * 1.6)}.nav-scrim{position:fixed;inset:0;z-index:90;background:#00000073;opacity:0;pointer-events:none;transition:opacity var(--t)}#app.nav-inline .nav-rail{transform:translate(0)}#app.nav-collapsed .nav-rail{transform:translate(-110%)}#app.nav-collapsed .nav-burger{display:inline-flex}#app.nav-collapsed.nav-drawer-open .nav-rail{transform:translate(0);box-shadow:var(--shadow-lg)}#app.nav-collapsed.nav-drawer-open .nav-burger{display:none}#app.nav-drawer-open .nav-scrim{opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.nav-rail,.nav-scrim{transition:none}}:root[data-layout=stacked] #app.nav-collapsed .postament-header{max-width:none;padding-left:calc(var(--btn-h) + var(--m));padding-right:var(--m)}:root[data-layout=stacked] #app.nav-collapsed .leaderboard-header{min-height:var(--btn-h);display:flex;align-items:center;padding-left:calc(var(--btn-h) + var(--m));padding-right:var(--m)}:root[data-layout=stacked] #app.nav-collapsed .book-header{min-height:var(--btn-h);justify-content:center;padding-left:calc(var(--btn-h) + var(--m));padding-right:var(--m)}#app.nav-collapsed .leaderboard-screen[data-reflow=on],#app.nav-collapsed .book-screen[data-reflow=on]{padding-left:calc(var(--btn-h) + var(--m))}.nav-account-slot{flex:0 0 auto;display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:var(--m);padding-bottom:var(--m)}.nav-lang{--nav-fs: var(--fs-control);position:relative;flex:0 0 auto;display:block;border-bottom:1px solid var(--line);padding-bottom:var(--m);margin-bottom:calc(var(--m) * .25)}.nav-lang .nav-lang-trigger{display:flex;align-items:center;gap:calc(var(--m) * .85);width:100%;min-height:var(--btn-h);padding:calc(var(--m) * .5) var(--m);border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;color:var(--ink);font-family:inherit;font-size:var(--nav-fs);font-weight:700;line-height:1.2;text-align:left;cursor:pointer;transition:background .16s,border-color .16s;-webkit-tap-highlight-color:transparent}.nav-lang .nav-lang-trigger:hover{background:var(--accent-soft);border-color:var(--accent)}.nav-lang .nav-lang-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-lang-trigger .disclosure-caret-label{gap:calc(var(--m) * .85);min-width:0}.nav-lang-trigger-flag{flex:0 0 auto;display:inline-flex;align-items:center}.nav-lang-trigger-name{flex:1 1 auto;min-width:0;min-height:calc(var(--nav-fs) * 1.2);white-space:nowrap}.nav-lang-flag-svg{display:block;width:calc(var(--nav-fs) * 1.5);height:auto;border-radius:calc(var(--r-sm) * .35);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.nav-lang-list{gap:calc(var(--m) * .2);width:100%;max-width:100%;margin:calc(var(--m) * .4) 0 0;padding:calc(var(--m) * .35);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);box-shadow:var(--shadow-md);max-height:calc(var(--dvh, 100dvh) - 4 * var(--btn-h) - 2 * var(--m));overflow-y:auto;overscroll-behavior:contain}.disclosure-caret--open .disclosure-caret-panel.nav-lang-list{display:flex;flex-direction:column}.nav-lang-option{display:flex;align-items:center;gap:calc(var(--m) * .85);width:100%;min-height:max(36px,calc(var(--nav-fs) * 2.4));padding:calc(var(--m) * .4) calc(var(--m) * .6);border:none;border-radius:calc(var(--r-sm) * .7);background:transparent;color:var(--ink);font-family:inherit;font-size:var(--nav-fs);font-weight:600;line-height:1.2;text-align:left;cursor:pointer;transition:background .14s,color .14s;-webkit-tap-highlight-color:transparent}.nav-lang-option:hover{background:var(--accent-soft)}.nav-lang-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-lang-option-flag{flex:0 0 auto;display:inline-flex;align-items:center}.nav-lang-option-name{flex:1 1 auto;min-width:0;min-height:calc(var(--nav-fs) * 1.2);white-space:nowrap}.nav-lang-option[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:800}.nav-lang-option[aria-current=true]:after{content:"✓︎";flex:0 0 auto;margin-left:calc(var(--m) * .4);color:var(--accent);font-size:calc(var(--nav-fs) * 1.05);font-weight:900;line-height:1}@media (prefers-reduced-motion: reduce){.nav-lang-trigger,.nav-lang-option{transition:none}}.account-chip{gap:calc(var(--m) * .5)}.account-chip-icon{flex-shrink:0;display:inline-flex;color:var(--accent)}.account-chip-icon-svg{display:block;width:calc(var(--btn-h) * .55);height:calc(var(--btn-h) * .55)}.account-chip-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.account-chip-caret{flex-shrink:0;display:inline-flex;color:var(--ink-soft);transform-origin:center;transition:transform 0s linear;will-change:transform}.account-chip-caret-svg{display:block;width:calc(var(--btn-h) * .4);height:calc(var(--btn-h) * .4)}.account-chip[aria-expanded=true] .account-chip-caret,.account-chip-wrap--open .account-chip-caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.account-chip-caret{transition:none}}.account-chip-wrap{position:relative}.account-chip-wrap--open .account-chip{border:1px solid var(--line);border-bottom:none;border-radius:var(--r-sm) var(--r-sm) 0 0}.account-chip-wrap--open .account-chip,.account-chip-wrap--open .account-chip:hover{background:var(--panel-2)}.account-chip-menu{position:absolute;top:100%;left:0;right:0;z-index:10;padding:calc(var(--m) * .4);background:var(--panel-2);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:var(--shadow-md)}.account-chip-menu[hidden]{display:none}.disclosure-caret{display:block;width:100%;min-width:0}.disclosure-caret-trigger{display:flex;align-items:center;gap:calc(var(--m) * .5);width:100%;min-height:max(36px,calc(var(--cell-size) * .7));padding:calc(var(--m) * .4) calc(var(--m) * .6);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font-family:inherit;font-size:var(--fs-control);font-weight:600;line-height:1.2;text-align:left;cursor:pointer;transition:background .16s,border-color .16s;-webkit-tap-highlight-color:transparent}.disclosure-caret-trigger:hover{background:var(--accent-soft);border-color:var(--accent)}.disclosure-caret-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.disclosure-caret-label{flex:1 1 auto;min-width:0;display:flex;align-items:center}.disclosure-caret-icon{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--ink-soft, var(--ink))}.disclosure-caret-icon svg{width:calc(var(--fs-control) * .9);height:calc(var(--fs-control) * .9)}.disclosure-caret--open .disclosure-caret-icon,.disclosure-caret-trigger[aria-expanded=true] .disclosure-caret-icon{transform:rotate(180deg)}.disclosure-caret-panel{display:none;width:100%;max-width:100%;margin:calc(var(--m) * .4) 0 0}.disclosure-caret--open .disclosure-caret-panel{display:block}@media (prefers-reduced-motion: reduce){.disclosure-caret-trigger,.disclosure-caret-icon{transition:none}}.confirm-dialog-title{margin:0;font-size:var(--fs-control);font-weight:800;line-height:1.2;color:var(--ink)}.confirm-dialog-message{margin:calc(var(--m) * .85) 0 0;font-size:var(--fs-body);line-height:1.4;color:var(--ink-soft)}.confirm-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--m);margin-top:calc(var(--m) * 2)}.confirm-dialog-actions .btn{flex:1 1 9rem;min-width:0;white-space:normal;line-height:1.15}.stat-plate{cursor:default;pointer-events:none;background:var(--panel-2);color:var(--ink-soft);box-shadow:none}.stat-plate:hover,.stat-plate:active{background:var(--panel-2);color:var(--ink-soft);transform:none;filter:none;box-shadow:none}:root[data-layout=rail] .action-rail{flex-direction:column;gap:var(--m);margin-top:auto}:root[data-layout=rail] .action-rail.rail-actions-tight{gap:calc(var(--m) * .5)}:root[data-layout=rail] .action-rail .btn{width:100%;min-width:0;max-width:100%;flex:0 0 auto;font-size:var(--fs-control);white-space:normal;text-align:center;line-height:1.1;padding:var(--m)}.rail-compact{display:none}:root[data-layout=rail] .rail-is-compact>*:not(.rail-compact){display:none}:root[data-layout=rail] .rail-is-compact .rail-compact{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--m);min-width:0;max-width:100%}:root[data-layout=rail] .rail-is-compact .rail-compact-btn--actions{margin-top:auto}.rail-compact-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:var(--btn-h);padding:var(--m);border:1px solid var(--line);border-radius:max(8px,calc(var(--cell-size) * .18));background:var(--panel);color:var(--ink);font-family:inherit;font-size:calc(var(--btn-h) * .42);font-weight:700;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.rail-compact-btn:hover{background:var(--panel-2)}.rail-compact-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-compact-btn--actions{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.rail-compact-btn--actions:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:var(--ink)}.rail-popover-dialog{width:min(var(--board-w),calc(100 * var(--vw, 1vw) - 2 * var(--m)));max-width:var(--board-w);box-sizing:border-box;margin:auto;padding:calc(var(--m) * 1.5);border:1px solid var(--line);border-radius:max(12px,calc(var(--cell-size) * .28));background:var(--panel);color:var(--ink);box-shadow:var(--shadow-md);font-family:inherit;opacity:0;transform:scale(.96);transition:opacity .15s ease-out,transform .15s ease-out}.rail-popover-dialog[open]{opacity:1;transform:scale(1)}.rail-popover-dialog--closing{transition:opacity .12s ease-in,transform .12s ease-in}@media (prefers-reduced-motion: reduce){.rail-popover-dialog,.rail-popover-dialog--closing{transition:none}}.rail-popover-dialog::backdrop{background:color-mix(in srgb,#000 50%,transparent)}.rail-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--m);margin-bottom:var(--m)}.rail-popover-title{font-size:var(--fs-subtitle);font-weight:800;line-height:1.3;color:var(--ink);margin:0;flex:1;min-width:0}.rail-popover-body{color:var(--ink-soft);font-size:var(--fs-body);line-height:1.5;max-height:calc(70 * var(--vh, 1vh));overflow-y:auto}.rail-popover-actions{display:flex;flex-direction:column;gap:var(--m)}.rail-popover-actions .btn{width:100%;min-height:var(--btn-h);font-size:var(--fs-button);white-space:normal}.rail-popover-text-title{font-size:var(--fs-subtitle);font-weight:800;color:var(--ink);margin:0 0 calc(var(--m) * .5)}.rail-popover-text-sub{font-size:var(--fs-body);color:var(--ink-soft);margin:0 0 var(--m)}.rail-popover-text-stats{display:flex;flex-direction:column;gap:calc(var(--m) * .5);font-size:var(--fs-body);color:var(--ink-soft)}.rail-popover-text-stats b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.cta-beat-soft,.cta-beat-strong{transform-origin:center center}@media (prefers-reduced-motion: no-preference){.cta-beat-soft{animation:cta-beat-soft .5s ease-in-out 1}.cta-beat-strong{animation:cta-beat-strong .78s ease-in-out 1}}@keyframes cta-beat-soft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cta-beat-strong{0%,33%,67%,to{transform:scale(1)}17%,50%,83%{transform:scale(1.06)}}.level-badge{display:inline-flex;align-items:center;gap:calc(var(--m) * .5);min-width:0}.level-badge-medal{position:relative;display:inline-flex;align-items:center;justify-content:center;width:max(24px,calc(var(--cell-size, 30px) * .78));height:max(24px,calc(var(--cell-size, 30px) * .78));flex:0 0 auto}.level-badge-svg{position:absolute;inset:0;width:100%;height:100%}.level-badge-num{position:relative;z-index:1;font-size:calc(var(--fs-control) * .92);font-weight:700;line-height:1;color:var(--meta-metal-edge);font-variant-numeric:tabular-nums}.level-badge-title{font-size:var(--fs-label);color:var(--ink-soft);white-space:nowrap}.level-badge--compact .level-badge-medal{width:max(20px,calc(var(--cell-size, 30px) * .6));height:max(20px,calc(var(--cell-size, 30px) * .6))}.level-badge--compact .level-badge-num{font-size:calc(var(--fs-control) * .78)}.picker-trigger{display:inline-flex;align-items:center;gap:calc(var(--m) * .5);min-height:var(--btn-h);padding:calc(var(--m) * .5) var(--m);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);font-family:inherit;font-size:var(--fs-control);font-weight:700;color:var(--ink);cursor:pointer;transition:background .12s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.picker-trigger:hover{filter:brightness(1.03)}.picker-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picker-trigger-label{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.picker-trigger-chevron{display:inline-flex;align-items:center;color:var(--ink-soft)}.picker-chevron{width:calc(var(--fs-control) * 1.1);height:calc(var(--fs-control) * 1.1)}.picker-trigger[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}.picker-pop{margin:0;padding:calc(var(--m) * .5);width:max-content;max-width:calc(100 * var(--vw, 1vw) - 2 * var(--m));overflow-y:auto;overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-md);color:var(--ink)}.picker-pop::backdrop{background:transparent}.picker-list{display:flex;flex-direction:column;gap:calc(var(--m) * .25)}.picker-group-label{display:flex;align-items:center;gap:calc(var(--m) * .5);padding:calc(var(--m) * .6) var(--m) calc(var(--m) * .2);font-size:calc(var(--fs-control) * .8);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);white-space:nowrap;cursor:default}.picker-group-label:before{content:"◆";flex:0 0 auto;font-size:.72em;line-height:1;color:var(--accent)}.picker-group-label:after{content:"";flex:1 1 auto;height:1px;background:color-mix(in srgb,var(--accent) 45%,transparent)}.picker-option{display:flex;align-items:center;gap:calc(var(--m) * .75);min-height:var(--btn-h);padding:calc(var(--m) * .5) var(--m);border-radius:var(--r-sm);font-size:var(--fs-control);font-weight:700;color:var(--ink);cursor:pointer;transition:background .12s ease}.picker-option:hover:not(.picker-option--disabled){background:color-mix(in srgb,var(--ink) 8%,transparent)}.picker-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.picker-option--selected{background:var(--accent-soft)}.picker-option-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(var(--fs-control) * 1.2);color:var(--accent);visibility:hidden}.picker-option--selected .picker-option-check{visibility:visible}.picker-check{width:100%;height:calc(var(--fs-control) * 1.2)}.picker-option-label{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.picker-option-badge{flex:0 0 auto;margin-left:auto;padding:calc(var(--m) * .25) calc(var(--m) * .5);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--line);font-size:var(--fs-control);font-weight:700;color:var(--ink-soft)}.picker-option--disabled{cursor:default;color:var(--ink-soft);opacity:.7}@media (prefers-reduced-motion: no-preference){.picker-pop[open]{animation:picker-pop-in .15s ease-out}}@keyframes picker-pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.replay-save-slot{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:auto}.replay-save-btn .icon-btn-glyph,.replay-share-btn .icon-btn-glyph{width:calc(var(--save-glyph-fill, .7) * 100%);height:calc(var(--save-glyph-fill, .7) * 100%)}.replay-save-btn[data-saved=true]{color:var(--ink-soft);pointer-events:none;cursor:default}.replay-share-btn[data-copied=true],.replay-save-btn[data-flash=ok]{background:var(--accent);border-color:var(--accent);color:var(--on-accent, #fff)}.replay-save-btn[data-flash=fail]{background:var(--warn);border-color:var(--warn);color:var(--on-accent, #fff)}.reward-block{display:flex;flex-direction:column;gap:calc(var(--m) * .6);min-width:0;width:100%;--reward-row-dur: .7s;--reward-row-stagger: .28s;--reward-fill-dur: 1.2s;--reward-fill-delay: .18s;--reward-prog-delay: 1.05s}.reward-block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--m);min-width:0;flex-wrap:wrap}.reward-block-title{font-size:var(--fs-control);font-weight:700;color:var(--ink);line-height:1.15;margin:0;min-width:0}.reward-block-hud-host{display:inline-flex;min-width:0}.reward-block-body{display:flex;flex-direction:column;gap:calc(var(--m) * .5);min-width:0}.reward-row{display:grid;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:calc(var(--m) * .6);min-width:0;opacity:1}.reward-block--animating .reward-row{animation:reward-row-in var(--reward-row-dur) ease-out both}.reward-block--animating .reward-row:nth-child(1){animation-delay:calc(var(--reward-row-stagger) * 0)}.reward-block--animating .reward-row:nth-child(2){animation-delay:calc(var(--reward-row-stagger) * 1)}.reward-block--animating .reward-row:nth-child(3){animation-delay:calc(var(--reward-row-stagger) * 2)}@keyframes reward-row-in{0%{opacity:0;transform:translateY(calc(var(--m) * .8))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reward-block--animating .reward-row{animation:none}}.reward-row-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.reward-row-icon .meta-glyph{width:max(22px,calc(var(--cell-size) * .68));height:max(22px,calc(var(--cell-size) * .68));display:block}.reward-row-label{font-size:var(--fs-control);color:var(--ink-soft);line-height:1.15;white-space:normal;overflow-wrap:normal;min-width:0}.reward-row-amount{font-size:var(--fs-control);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;min-width:0}.reward-row-hint{grid-column:3 / -1;justify-self:end;font-size:var(--fs-label);color:var(--ink-soft);opacity:.85;white-space:nowrap}.reward-breakdown{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:calc(var(--m) * .25) calc(var(--m) * .7);margin-top:calc(var(--m) * .15);font-size:var(--fs-label);color:var(--ink-soft);line-height:1.2;min-width:0}.reward-breakdown-item{display:inline-flex;align-items:baseline;gap:calc(var(--m) * .25);min-width:0}.reward-breakdown-label{white-space:normal;overflow-wrap:normal;min-width:0}.reward-breakdown-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.reward-gold-meter{position:relative;height:max(8px,calc(var(--cell-size) * .22));border-radius:var(--r-sm);background:var(--panel-2);overflow:hidden;min-width:0}.reward-gold-meter-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--meta-metal-edge),var(--meta-gold-fill));transform:scaleX(var(--gold-fill-frac, 1));transform-origin:left center}.reward-block--animating .reward-gold-meter-fill{animation:reward-gold-fill var(--reward-fill-dur) cubic-bezier(.22,.61,.36,1) var(--reward-fill-delay) both}@keyframes reward-gold-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--gold-fill-frac, 1))}}@media (prefers-reduced-motion: reduce){.reward-block--animating .reward-gold-meter-fill{animation:none}}.reward-artifact-spark{position:absolute;top:50%;right:calc(var(--m) * .3);width:max(8px,calc(var(--cell-size) * .2));height:max(8px,calc(var(--cell-size) * .2));border-radius:50%;background:var(--meta-metal-blink);transform:translateY(-50%) scale(0);opacity:0;pointer-events:none}.reward-artifact-spark.spark{animation:reward-spark .36s ease-out}@keyframes reward-spark{0%{transform:translateY(-50%) scale(0);opacity:0}40%{transform:translateY(-50%) scale(1.3);opacity:1}to{transform:translateY(-50%) scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.reward-artifact-spark.spark{animation:none}}.reward-shard-strip{height:max(6px,calc(var(--cell-size) * .16));border-radius:var(--r-sm);background:repeating-linear-gradient(90deg,var(--panel-2) 0,var(--panel-2) calc(var(--m) * .6),transparent calc(var(--m) * .6),transparent calc(var(--m) * 1.1));opacity:.7;min-width:0}.reward-row--empty .reward-shard-strip{opacity:.3}.reward-row--empty .reward-row-amount{color:var(--ink-soft)}.reward-row--gem{grid-template-columns:auto minmax(0,auto) minmax(0,1fr)}.reward-gem-icon .meta-glyph{width:max(26px,calc(var(--cell-size) * .8));height:max(26px,calc(var(--cell-size) * .8))}.reward-gem-flow{font-size:var(--fs-label);color:var(--ink-soft);justify-self:end;white-space:normal;overflow-wrap:normal;text-align:right;min-width:0}.reward-block--animating .reward-row--gem .reward-gem-icon{animation:reward-gem-drop .5s cubic-bezier(.22,.61,.36,1) .4s both}@keyframes reward-gem-drop{0%{transform:translateY(calc(var(--m) * -.6)) scale(1.12)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.reward-block--animating .reward-row--gem .reward-gem-icon{animation:none}}.reward-progression{display:flex;flex-direction:column;gap:calc(var(--m) * .4);margin-top:calc(var(--m) * .5);padding-top:calc(var(--m) * .6);border-top:1px solid var(--line);min-width:0}.reward-prog-row{display:flex;align-items:center;gap:calc(var(--m) * .5);min-width:0;font-size:var(--fs-control);color:var(--ink);white-space:normal;overflow-wrap:normal}.reward-prog-row--xp{justify-content:space-between}.reward-prog-label{color:var(--ink-soft)}.reward-prog-amount{font-weight:700;font-variant-numeric:tabular-nums;justify-self:end}.reward-prog-row--levelup{font-weight:700}.reward-prog-levelup-text{color:color-mix(in srgb,var(--meta-gold-fill) 55%,var(--ink));min-width:0}.reward-prog-row--milestone{font-size:var(--fs-label);color:var(--ink-soft)}.reward-block--animating .reward-progression{animation:reward-row-in var(--reward-row-dur) ease-out var(--reward-prog-delay) both}@media (prefers-reduced-motion: reduce){.reward-block--animating .reward-progression{animation:none}}:root[data-layout=rail] .reward-block{gap:calc(var(--m) * .4)}:root[data-layout=rail] .reward-block-body{gap:calc(var(--m) * .35)}:root[data-layout=rail] .reward-progression{gap:calc(var(--m) * .3);margin-top:calc(var(--m) * .35)}.achievement-window{position:absolute;top:var(--m);right:var(--m);z-index:5;display:flex;flex-direction:column;gap:calc(var(--m) * .35);width:fit-content;max-width:calc(100% - 2 * var(--m));max-height:calc(100% - 2 * var(--m));padding:var(--m);border-radius:var(--r-card);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--accent);box-shadow:var(--shadow-md);overflow:hidden;pointer-events:none}.achievement-window-title{font-size:var(--fs-control);font-weight:800;letter-spacing:.02em;color:var(--accent);text-align:center;padding-bottom:calc(var(--m) * .4);margin-bottom:calc(var(--m) * .15);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.achievement-window-row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--m) * .5)}.achievement-window-name{flex:1 1 auto;min-width:0;font-size:var(--fs-control);font-weight:600;color:var(--ink);white-space:normal;overflow-wrap:normal}.achievement-window-reward{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--m) * .5);font-size:var(--fs-control);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.achievement-window-reward-pair{display:inline-flex;align-items:center;gap:calc(var(--m) * .3)}.achievement-window-reward .meta-glyph{width:max(16px,calc(var(--fs-control) * 1.25));height:max(16px,calc(var(--fs-control) * 1.25));flex:0 0 auto}.achievement-window-more{font-size:var(--fs-label);font-weight:600;color:var(--ink-soft)}.achievement-window--animating{animation:achievement-window-in .22s ease-out both}.achievement-window--leaving{animation:achievement-window-out .22s ease-in both}@keyframes achievement-window-in{0%{opacity:0;transform:translateY(calc(var(--m) * -.4))}to{opacity:1;transform:translateY(0)}}@keyframes achievement-window-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--m) * -.4))}}@media (prefers-reduced-motion: reduce){.achievement-window--animating,.achievement-window--leaving{animation:none}}.settings-screen{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "list" "foot";gap:var(--m);width:100%;max-width:var(--board-w);margin:0 auto;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;text-align:left}.settings-screen.screen-root{padding-left:var(--m-left)}#app.nav-inline .settings-screen{max-width:min(var(--board-w),calc(100 * var(--vw, 1vw) - 2 * var(--rail-clear)))}.settings-header{grid-area:header;display:flex;align-items:center;justify-content:center}.settings-list{grid-area:list;display:flex;flex-direction:column;gap:calc(var(--m) * .5);overflow-y:auto;min-height:0;scrollbar-gutter:stable;align-content:start}.settings-foot{grid-area:foot;display:flex;justify-content:center}.settings-back{width:100%;max-width:var(--board-w)}.gnomes-screen{display:grid;grid-template-rows:auto 1fr;gap:var(--m);width:100%;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden}#app.nav-collapsed .gnomes-scroll{padding-top:calc(var(--btn-h) + var(--m));scroll-padding-top:calc(var(--btn-h) + var(--m) * 2)}.gnomes-header{display:flex;flex-direction:column;gap:calc(var(--m) * .5);min-width:0}.gnomes-title-row{display:flex;align-items:center;justify-content:center;gap:calc(var(--m) * .5);flex-wrap:wrap;min-width:0}.gnomes-title{font-size:var(--fs-title);font-weight:700}.gnomes-info-host{display:inline-flex;align-items:center}.gnomes-hud-host{display:flex;align-items:center;justify-content:center}.gnomes-gems-host{display:flex;align-items:center;justify-content:center;min-width:0}.gnomes-scroll{display:flex;flex-direction:column;overflow-y:auto;min-height:0;padding-right:calc(var(--m) * .25);scroll-padding-top:var(--m)}.gnomes-next-unlock{margin:0 0 calc(var(--m) * .5);text-align:center;font-size:max(13px,calc(var(--fs-control) * .92));font-weight:600;color:color-mix(in srgb,var(--ink) 70%,transparent);line-height:1.25}.gnomes-next-unlock[hidden]{display:none}.gnomes-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:start;gap:var(--m);width:100%}.gnomes-list--single .gnome-card,.helper-unlock-overlay.helper-unlock-overlay--single .gnome-card{width:min(100%,var(--board-w));max-width:calc(100% - var(--m) * 2);container-type:inline-size;--cell-size: var(--gnc-single-cell, round(down, 25cqw , 1px));--m: calc(var(--cell-size) * .115);--fs-control: max(13px, calc(var(--cell-size) * .3));align-items:center}.gnomes-state{font-size:var(--fs-body);color:color-mix(in srgb,var(--ink) 80%,transparent);text-align:center;padding:var(--m);line-height:1.3}.gnomes-screen{--gn-reveal-dur: .15s;--gn-focus-dur: .2s;--gn-focus-hold-ms: 6000;--gn-focus-arm-ms: 400}.gnome-card--focused{scroll-margin-top:var(--m);outline:max(2px,calc(var(--m) * .35)) solid var(--accent);outline-offset:calc(var(--m) * .25);border-radius:var(--r-sm);box-shadow:0 0 0 max(2px,calc(var(--m) * .5)) color-mix(in srgb,var(--accent) 28%,transparent);transition:outline-color var(--gn-focus-dur) ease-out,box-shadow var(--gn-focus-dur) ease-out}@media (prefers-reduced-motion: reduce){.gnome-card--focused{transition:none}}.gnomes-hud-host,.gnomes-gems-host,.gnomes-list{transition:opacity var(--gn-reveal-dur) ease-out}.gnomes-screen--awaiting .gnomes-hud-host,.gnomes-screen--awaiting .gnomes-gems-host,.gnomes-screen--awaiting .gnomes-list{opacity:.45}@media (prefers-reduced-motion: reduce){.gnomes-hud-host,.gnomes-gems-host,.gnomes-list{transition:none}}.gnome-detail{--gd-hero: max(120px, calc(var(--cell-size) * 4.4));position:fixed;inset:0;margin:auto;max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),calc(var(--gd-hero) + 12 * var(--m)));max-height:calc(var(--dvh, 100dvh) - 2 * var(--m));width:max-content;box-sizing:border-box;padding:var(--m);border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--m) * .75)}.gnome-detail::backdrop{background:color-mix(in srgb,#000 55%,transparent)}@media (prefers-reduced-motion: no-preference){.gnome-detail[open]{animation:gnome-detail-in .15s ease-out}}@keyframes gnome-detail-in{0%{opacity:0}to{opacity:1}}.gnome-detail-header{display:flex;align-items:center;justify-content:center;gap:calc(var(--m) * .5);position:sticky;top:0;z-index:1;background:var(--panel);min-height:var(--btn-h);padding-top:calc(var(--m) * .25);padding-bottom:calc(var(--m) * .25)}.gnome-detail-title{font-size:var(--fs-subtitle);font-weight:800;margin:0;text-align:center}.gnome-detail-title-info{display:inline-flex;align-items:center}.gnome-detail-title-info[hidden]{display:none}.gnome-detail-close{position:absolute;right:0;top:50%;transform:translateY(-50%)}.gnome-detail-stage{display:flex;align-items:center;justify-content:center}.gnome-detail-hero{position:relative;width:var(--gd-hero);height:var(--gd-hero);display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse 70% 40% at 50% 90%,color-mix(in srgb,var(--gnome-tint, var(--ink)) 22%,transparent),transparent 70%)}.gnome-detail-hero .meta-glyph{width:100%;height:100%;display:block;object-fit:contain}.gnome-detail-prestige{position:absolute;top:calc(var(--m) * .5);right:calc(var(--m) * .5);z-index:1}.gnome-detail-prestige[hidden]{display:none}.gnome-detail-side{display:flex;flex-direction:column;gap:calc(var(--m) * .6);min-width:0}.gnome-detail-level-row{display:flex;align-items:center;justify-content:center}.gnome-detail-level{font-size:var(--fs-body);font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);text-align:center}.gnome-detail-level--max{color:var(--accent)}.gnome-detail-progress{position:relative;width:100%;height:max(6px,calc(var(--cell-size) * .16));border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.gnome-detail-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease-out}@media (prefers-reduced-motion: reduce){.gnome-detail-progress-fill{transition:none}}.gnome-detail-bonuses{display:flex;flex-direction:column;gap:calc(var(--m) * .4)}.gnome-detail-bonus{display:flex;align-items:center;gap:calc(var(--m) * .6);padding:calc(var(--m) * .4) calc(var(--m) * .6);border-radius:var(--r-sm);background:var(--accent-soft, color-mix(in srgb, var(--accent) 14%, transparent))}.gnome-detail-bonus-ic{display:inline-flex;flex:0 0 auto}.gnome-detail-bonus-ic .meta-glyph{width:max(22px,calc(var(--cell-size) * .7));height:max(22px,calc(var(--cell-size) * .7));display:block}.gnome-detail-bonus-label{font-size:var(--fs-body);font-weight:700;color:var(--ink);flex:1 1 auto;min-width:0}.gnome-detail-bonus-status{font-size:var(--fs-label);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;flex:0 0 auto}.gnome-detail-bonus-status--open{color:var(--accent)}.gnome-detail-bonus--locked{background:color-mix(in srgb,var(--ink) 7%,transparent)}.gnome-detail-bonus--locked .gnome-detail-bonus-ic{opacity:.4;filter:grayscale(.7)}.gnome-detail-bonus--locked .gnome-detail-bonus-label,.gnome-detail-bonus--locked .gnome-detail-bonus-status{color:var(--ink-soft)}.gnome-detail-desc{font-size:var(--fs-label);line-height:1.35;color:color-mix(in srgb,var(--ink) 75%,transparent);text-align:center;margin:0;display:none}@media (hover: hover) and (pointer: fine){.gnome-detail-desc{display:block}}.gnome-detail-footer{display:flex;flex-direction:column;gap:calc(var(--m) * .5);align-items:stretch}.gnome-detail-action,.gnome-detail-done{min-height:max(44px,calc(var(--cell-size) * 1.1));white-space:nowrap}.gnome-detail-action{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--m) * .5)}.gnome-detail-action--prestige{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.gnome-detail-action-cost{display:inline-flex;align-items:center;gap:calc(var(--m) * .5)}.gnome-detail-action-cost--gold,.gnome-detail-action-cost--shards{display:inline-flex;align-items:center;gap:calc(var(--m) * .25);font-weight:700}.gnome-detail-action-cost--shards[hidden]{display:none}.gnome-detail-action-cost .meta-glyph,.gnome-detail-action-cost img{width:max(16px,calc(var(--cell-size) * .5));height:max(16px,calc(var(--cell-size) * .5));flex:0 0 auto;object-fit:contain}.gnome-detail-action-arrow{display:inline-flex;align-items:center;font-weight:400;line-height:1;flex:0 0 auto}.gnome-detail-action--unaffordable{opacity:.5;cursor:not-allowed}.gnome-detail--pending .gnome-detail-action{opacity:.6;cursor:progress}:root[data-layout=rail] .gnome-detail{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"header header" "stage  side";align-items:center;column-gap:calc(var(--m) * 1.5);max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),calc(var(--gd-hero) * 2 + 14 * var(--m)))}:root[data-layout=rail] .gnome-detail-header{grid-area:header}:root[data-layout=rail] .gnome-detail-stage{grid-area:stage;align-self:center}:root[data-layout=rail] .gnome-detail-side{grid-area:side;align-self:center}.gnome-detail--locked .gnome-detail-hero img{filter:brightness(0) opacity(.5)}.gnome-detail-teaser{display:flex;flex-direction:column;gap:calc(var(--m) * .6)}.gnome-detail-teaser[hidden]{display:none}.gnome-detail-teaser-text{margin:0;font-size:max(13px,calc(var(--fs-control) * .95));line-height:1.4;color:color-mix(in srgb,var(--ink) 75%,transparent)}.gnome-detail-teaser-next{margin:0;font-size:max(13px,var(--fs-control));font-weight:700;line-height:1.3;color:var(--ink)}.gnome-detail-teaser-next[hidden]{display:none}.gem-pool-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--m) * .5) var(--m);min-width:0}.gem-pool-cell{display:inline-flex;align-items:center;gap:calc(var(--m) * .3);min-width:0}.gem-pool-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.gem-pool-icon .meta-glyph{width:max(20px,calc(var(--cell-size) * .62));height:max(20px,calc(var(--cell-size) * .62));display:block}.gem-pool-value{font-size:var(--fs-control);font-weight:700;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.gem-pool-cell--empty{opacity:.55}.gem-pool-cell--empty .gem-pool-value{color:color-mix(in srgb,var(--ink) 60%,transparent)}.gem-pool-cell--pulse{animation:gem-pool-pulse .36s ease-out}@keyframes gem-pool-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.gem-pool-cell--pulse{animation:none}}.currency-hud{display:flex;align-items:center;gap:var(--m);min-width:0}.currency-hud-item{display:inline-flex;align-items:center;gap:calc(var(--m) * .5);min-width:0}.currency-hud-item--pulse{will-change:transform}.currency-hud-item--empty{opacity:.55}.currency-hud-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.currency-hud-icon .meta-glyph{width:max(20px,calc(var(--cell-size) * .62));height:max(20px,calc(var(--cell-size) * .62));display:block}.currency-hud-value{font-size:var(--fs-control);font-weight:700;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0}.currency-hud-item--pulse{animation:currency-hud-pulse .36s ease-out}@keyframes currency-hud-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.currency-hud-item--pulse{animation:none}}.profile-screen{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden;width:100%;gap:calc(var(--m) * .5);--pf-comfort: 48rem;--pf-reveal-dur: .15s}.profile-header{grid-row:1;display:flex;flex-direction:column;gap:calc(var(--m) * .4);align-items:center;min-width:0}#app.nav-collapsed .profile-scroll{padding-top:calc(var(--btn-h) + var(--m))}.profile-title{font-size:var(--fs-title);font-weight:700;margin:0;min-width:0;text-align:center}.profile-scroll{grid-row:2;display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * .6);min-height:0;min-width:0;--pf-block-w: min(100%, max(var(--board-w), var(--pf-comfort)));overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;overflow-anchor:none}.profile-scroll[hidden],.profile-state[hidden]{display:none}.profile-modes-table tr>:first-child{padding-left:var(--m)}.profile-modes-table tr>:last-child{padding-right:var(--m)}.profile-identity{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--m) * .5);flex:0 0 auto;width:var(--pf-block-w);margin:0 auto;padding:var(--m);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);box-sizing:border-box;container-type:inline-size;min-width:0}.profile-identity-body{display:flex;flex-direction:column;gap:calc(var(--m) * .5);min-width:0}.profile-identity-body--skeleton>.profile-identity-line{visibility:hidden}.profile-guest{display:flex;align-items:center;justify-content:space-between;gap:var(--m);flex-wrap:wrap;min-width:0}.profile-guest-text{margin:0;flex:1 1 auto;font-size:var(--fs-control);font-weight:600;color:var(--ink);min-width:0}.profile-login-pill{flex:0 0 auto;align-self:center;width:max-content}.profile-identity-line{display:flex;align-items:center;justify-content:flex-start;gap:var(--m);flex-wrap:wrap;min-width:0}.profile-name-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(var(--m) * .35);min-width:0}.profile-name{font-size:max(16px,calc(var(--cell-size) * .42));font-weight:800;color:var(--ink);min-width:0}.profile-tag{flex:0 0 auto;color:var(--ink-soft);font-weight:600;font-size:max(13px,calc(var(--cell-size) * .3));white-space:nowrap}.profile-edit-name{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:calc(var(--m) * .3);min-height:max(36px,calc(var(--cell-size) * .62));padding:calc(var(--m) * .3) calc(var(--m) * .5);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-soft);font-family:inherit;font-size:var(--fs-label);font-weight:600;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.profile-edit-name:hover{background:var(--panel);color:var(--ink)}.profile-edit-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-edit-name-glyph{display:inline-flex;width:1.1em;height:1.1em;flex:0 0 auto}.profile-edit-name-glyph svg{width:100%;height:100%}.profile-xp{display:flex;flex-direction:column;gap:calc(var(--m) * .3);width:100%;min-width:0}.profile-xp[hidden]{display:none}.profile-xp-bar{position:relative;height:max(10px,calc(var(--cell-size) * .32));width:100%;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.profile-xp-fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--meta-gold-fill),color-mix(in srgb,var(--meta-gold-fill) 75%,var(--accent)));transition:transform .6s ease-out}.profile-xp-fill--instant{transition:none}@media (prefers-reduced-motion: reduce){.profile-xp-fill{transition:none}}.profile-xp-label{font-size:var(--fs-label);color:var(--ink-soft);text-align:center;min-width:0}.profile-name-edit-row{display:flex;align-items:flex-start;gap:calc(var(--m) * .5);flex-wrap:wrap;min-width:0}.profile-name-field-group{flex:1 1 auto;display:flex;align-items:center;gap:calc(var(--m) * .5);flex-wrap:wrap;min-width:0}.profile-name-input{flex:1 1 auto;min-height:max(36px,calc(var(--cell-size) * .7));min-width:0;padding:calc(var(--m) * .4) calc(var(--m) * .6);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);font-family:inherit;font-size:var(--fs-control);font-weight:600;color:var(--ink)}.profile-name-input::placeholder{color:var(--ink-soft);opacity:1}.profile-name-input--pristine{color:var(--ink-soft)}.profile-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-name-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--m) * .4);min-width:0}.profile-save-name,.profile-cancel-name{flex:0 0 auto;min-height:max(36px,calc(var(--cell-size) * .7))}.profile-name-cost{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--m) * .3);font-size:var(--fs-control);font-weight:700;color:var(--ink);white-space:nowrap}.profile-name-cost .meta-glyph,.profile-name-cost img{width:max(20px,calc(var(--cell-size) * .62));height:max(20px,calc(var(--cell-size) * .62));flex:0 0 auto;object-fit:contain}.profile-name-warning{margin:0;font-size:var(--fs-label);font-weight:600;color:var(--accent);min-width:0}.profile-name-warning[hidden]{display:none}.profile-name-firsthint{margin:calc(var(--m) * .3) 0 0;font-size:var(--fs-label);font-weight:600;color:var(--accent);line-height:1.3;min-width:0}.profile-name-error{margin:0;font-size:var(--fs-label);font-weight:600;color:var(--danger, #c0392b);min-width:0}.profile-name-error[hidden]{display:none}.profile-table-wrap{width:var(--pf-block-w);margin:0 auto;flex:0 0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-sm);min-width:0}.profile-modes-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;table-layout:auto;min-width:0}.profile-mode-head-cell--name,.profile-mode-name{width:1%;white-space:nowrap}.profile-mode-head-cell{text-align:right;padding:var(--m) calc(var(--m) * .4) calc(var(--m) * .4);font-size:max(13px,calc(var(--fs-control) * .85));font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;opacity:.7;vertical-align:bottom;white-space:normal;overflow-wrap:break-word;line-height:1.15}.profile-mode-head-cell--name{text-align:left;white-space:nowrap}.profile-mode-head-cell--hero{color:var(--ink-soft)}.profile-mode-name{text-align:left;padding:calc(var(--m) * .4) calc(var(--m) * .4);font-size:var(--fs-control);font-weight:600;color:var(--ink);white-space:nowrap;min-width:0}.profile-mode-num{text-align:right;padding:calc(var(--m) * .4) calc(var(--m) * .4);font-size:var(--fs-control);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.profile-mode-num--muted{color:var(--ink-soft);font-weight:500}.profile-mode-num--hero{color:var(--accent);font-weight:800}.profile-mode-best{font-variant-numeric:tabular-nums}.profile-mode-row{height:var(--btn-h)}.profile-mode-name,.profile-mode-num{vertical-align:middle}.profile-achievements{width:var(--pf-block-w);margin:0 auto;min-width:0;flex:0 0 auto;--badge-strip-cell: max(44px, calc(var(--cell-size) * .6));--ach-pad-y: calc(var(--m) * .5);--ach-pad-x: var(--m);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;box-sizing:border-box;overflow-anchor:none}.profile-achievements .badge-strip-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--badge-strip-cell));gap:calc(var(--m) * .5);justify-content:center;padding:var(--ach-pad-y) var(--ach-pad-x);min-width:0;max-height:calc(var(--badge-strip-cell) + 2 * var(--ach-pad-y));overflow:hidden}.profile-achievements--open .badge-strip-grid{overflow:hidden}@media (prefers-reduced-motion: reduce){.profile-achievements .badge-strip-grid{transition:none}}.profile-ach-toggle{display:flex;align-items:center;justify-content:center;gap:calc(var(--m) * .3);width:100%;min-height:max(36px,calc(var(--cell-size) * .62));padding:calc(var(--m) * .4) var(--ach-pad-x);border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:var(--fs-label);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease}.profile-ach-toggle:hover{background:var(--panel-2);color:var(--ink)}.profile-ach-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.profile-ach-toggle-caret{display:inline-flex;width:1.1em;height:1.1em;flex:0 0 auto}.profile-ach-toggle-caret svg{width:100%;height:100%}.profile-ach-toggle[aria-expanded=true] .profile-ach-toggle-caret{transform:rotate(180deg)}.profile-state{grid-row:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--m);font-size:var(--fs-control);color:var(--ink-soft);min-width:0}@media (orientation: landscape){.profile-scroll{gap:calc(var(--m) * .5)}.profile-mode-name,.profile-mode-num{padding-top:calc(var(--m) * .25);padding-bottom:calc(var(--m) * .25);line-height:1.15}.profile-identity,.profile-header{gap:calc(var(--m) * .35)}.profile-achievements{--ach-pad-y: calc(var(--m) * .3)}}@media (pointer: coarse){.profile-mode-head-cell,.profile-mode-name,.profile-mode-num{padding-left:calc(var(--m) * .3);padding-right:calc(var(--m) * .3)}}.profile-hud-host,.profile-gems-host,.profile-level-host,.profile-xp,.profile-achievements{transition:opacity var(--pf-reveal-dur) ease-out}.profile-screen--awaiting .profile-hud-host,.profile-screen--awaiting .profile-gems-host,.profile-screen--awaiting .profile-level-host,.profile-screen--awaiting .profile-xp,.profile-screen--awaiting .profile-achievements{opacity:.45}@media (prefers-reduced-motion: reduce){.profile-hud-host,.profile-gems-host,.profile-level-host,.profile-xp,.profile-achievements{transition:none}}.badge-strip-cell{display:inline-flex;align-items:center;justify-content:center;width:var(--badge-strip-cell);height:var(--badge-strip-cell);padding:calc(var(--m) * .2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);cursor:pointer;box-sizing:border-box;transition:background .12s ease,border-color .12s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.badge-strip-cell:hover{background:var(--panel-2)}.badge-strip-cell[aria-expanded=true]{position:relative;z-index:1;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:var(--panel)}.badge-strip-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge-strip-medal{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.badge-strip-svg{display:block;width:100%;height:100%}.badge-strip-letter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--badge-strip-cell) * .34);font-weight:800;line-height:1;color:var(--meta-metal-edge, var(--ink));pointer-events:none}.badge-strip-cell--locked{opacity:.42;filter:grayscale(.6)}.badge-strip-cell--unlocked{opacity:1}--m. Анкер/флип/оверлей — ствол. * ТАКТИЛЬНЫЕ минимумы (P2): значок-триггер ≥44px (грид). Кнопки закрытия НЕТ (owner). * * ============================================================================ * CSS HEADER ALGEBRA BLOCK (каждый calc → trace; §0.G; каскад §0.G.6) * ============================================================================ * width облака = ствол width:max-content + max-width viewport-guard (§0.G.5); * на узком переносится,на широком = по контенту (карточка). * медальон W/H = max(40px,--fs-control·2.2) [trace: «адекватный размер» * (owner 2026-06-21) — доля КЕГЛЯ облака (§0.G.6),НЕ --cell-size * (cell·… давал «очень огромный»); floor 40px читаемость; БЕЗ * верхнего капа §0.G.5 — растёт с кеглем]. * буква на медальоне = --fs-control·1.05,смещена вверх (медальон-звезда выше центра). * title/how/reward font = --fs-control [trace: единый кегль облака,§0.G.6]. * tier font = --fs-label. * gap/margin/padding = доли --m (§0.F). * reward .meta-glyph = max(16px,--fs-control·1.25) [мелкая иконка строки награды]. * ⚠ ВЕРХНИХ КАП-КОНСТАНТ НЕТ (§0.G.5). Width-@media НЕТ (§5.1). * ============================================================================ */ .badge-detail-dialog .anchored-popover-header{display:none}.badge-detail-dialog .anchored-popover-body{display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * .5);text-align:center;min-width:0}.badge-detail-medal{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.badge-detail-medal-svg{width:max(40px,calc(var(--fs-control) * 2.2));height:max(40px,calc(var(--fs-control) * 2.2));display:block}.badge-detail-medal-letter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:16%;font-weight:800;font-size:max(13px,calc(var(--fs-control) * 1.05));color:var(--meta-metal-edge);line-height:1}.badge-detail-dialog .badge-detail-title{font-size:var(--fs-control);font-weight:800;line-height:1.2;margin:0;color:var(--ink);min-width:0;word-break:break-word;hyphens:auto}.badge-detail-dialog .badge-detail-how{font-size:var(--fs-control);line-height:1.4;margin:0;color:var(--ink);word-break:break-word}.badge-detail-dialog .badge-detail-reward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--m) * .5);font-size:var(--fs-control);color:var(--ink)}.badge-detail-dialog .badge-detail-reward-label{font-weight:600;color:var(--ink-soft)}.badge-detail-dialog .badge-detail-reward-row{display:inline-flex;align-items:center;gap:calc(var(--m) * .3)}.badge-detail-dialog .badge-detail-tier{font-size:var(--fs-label);color:var(--ink-soft);margin-left:calc(var(--m) * .25)}.badge-detail-dialog .badge-detail-tier:before{content:"· "}.badge-detail-dialog .badge-detail-reward .meta-glyph{width:max(16px,calc(var(--fs-control) * 1.25));height:max(16px,calc(var(--fs-control) * 1.25));flex:0 0 auto}.badge-detail-dialog{width:max-content;max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),calc(var(--fs-control) * 15));padding:var(--m);border:1px solid var(--accent);border-radius:var(--r-card);overflow:visible;max-height:none}.badge-detail-dialog::backdrop{background:transparent}.badge-detail-dialog .anchored-popover-body{overflow:visible}.badge-detail-dialog .anchored-popover-tail{border-color:var(--accent)}.badge-detail-dialog--off .badge-detail-title{color:var(--ink-soft)}.badge-detail-dialog--off .badge-detail-medal{filter:grayscale(.7);opacity:.7}.book-screen{display:grid;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"header" "album" "tabs" "rows" "expand";gap:var(--m);width:100%;max-width:max(var(--board-w),22rem);margin:0 auto;box-sizing:border-box;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);overflow:hidden;min-height:0;text-align:left}:root[data-layout=rail] .book-screen{max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--m)),max(var(--board-w),32rem))}.book-screen.screen-root{padding-left:var(--m-left)}:root[data-layout=rail] #app.nav-inline .book-screen{max-width:min(calc(100 * var(--vw, 1vw) - 2 * var(--rail-clear)),max(var(--board-w),32rem))}.book-header{grid-area:header}.book-album-switch{grid-area:album}.book-mode-tabs{grid-area:tabs}.book-rows-scroll{grid-area:rows}.book-expand-row{grid-area:expand}.book-screen[data-reflow=on]{grid-template-columns:minmax(0,1fr) max(13rem,calc(16 * var(--vw, 1vw)));grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"rows header" "rows album" "rows tabs" "rows ." "rows expand";column-gap:var(--m);row-gap:calc(var(--m) * .25);margin:0}:root[data-layout=rail] .book-screen[data-reflow=on],:root[data-layout=rail] #app.nav-inline .book-screen[data-reflow=on]{max-width:none}.book-screen.screen-root[data-reflow=on]{padding-left:max(var(--m-left),var(--rail-clear))}.book-screen[data-reflow=on]>.book-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--m) * .3);align-items:stretch}.book-screen[data-reflow=on]>.book-mode-tabs .segmented-item,.book-screen[data-reflow=on]>.book-album-switch .segmented-item,.book-screen[data-reflow=on]>.book-expand-row .book-expand{min-height:var(--btn-h-compact)}.book-screen[data-reflow=on]>.book-album-switch,.book-screen[data-reflow=on]>.book-mode-tabs{padding-top:calc(var(--m) * .25);padding-bottom:calc(var(--m) * .25)}.book-screen[data-reflow=on]>.book-header{gap:0}.book-header{display:flex;flex-direction:column;gap:calc(var(--m) * .5)}.book-title-row{display:flex;align-items:center;gap:calc(var(--m) * .5)}.book-title{margin:0}.book-mode-tabs{gap:calc(var(--m) * .3);padding:calc(var(--m) * .4)}.book-mode-tabs .segmented-item{padding-left:calc(var(--m) * .35);padding-right:calc(var(--m) * .35)}.book-table{grid-template-columns:max-content max-content minmax(0,1fr);column-gap:calc(var(--m) * 1.5)}.book-screen[data-album=others] .book-table{grid-template-columns:max-content max-content minmax(0,1fr) auto}.book-row-score{font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;text-align:right}.book-row-moves{font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right}.book-row-end{display:flex;align-items:center;justify-content:flex-end;min-width:0}.book-row-date{color:var(--ink-soft);white-space:nowrap}.book-col--date{text-align:right}.book-row-action{display:flex;align-items:center;justify-content:flex-end}.book-row{cursor:pointer;border:1px solid transparent}.book-row:hover,.book-row:focus-visible,.book-row:active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);outline:none}.book-row-remove{flex:0 0 auto}.book-row--unavailable{display:flex;align-items:center;justify-content:space-between;gap:var(--m);opacity:.7}.book-row-unavailable{color:var(--ink-soft);font-style:italic}.book-row--skeleton{background:color-mix(in srgb,var(--ink) 6%,transparent);opacity:.6;cursor:default}.book-row--placeholder{pointer-events:none;cursor:default}.book-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--m);min-height:100%;padding:var(--m);text-align:center}.book-empty-lead{margin:0;font-size:var(--fs-body);color:var(--ink-soft);max-width:36ch}.book-empty-cta,.book-login-cta{width:auto}.book-guest-cap{flex:0 0 auto;margin-top:calc(var(--m) * .5);padding-top:var(--m);border-top:1px solid var(--line);max-width:44ch;margin-inline:auto;text-align:center}.book-expand-row{display:flex;justify-content:center}.book-expand{width:100%}.txt{font-family:inherit;margin:0}.txt--title{font-size:var(--fs-title)}.txt--subtitle{font-size:var(--fs-subtitle)}.txt--body{font-size:var(--fs-body)}.txt--label{font-size:var(--fs-label)}.txt--control{font-size:var(--fs-control)}.txt--soft{color:var(--ink-soft)}.txt--accent{color:var(--accent)}.txt--w400{font-weight:400}.txt--w600{font-weight:600}.txt--w700{font-weight:700}.txt--w800{font-weight:800}.support-screen{height:100dvh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * 1.1);padding-block:calc(var(--m) * 1.5)}.support-screen[data-mounting]{visibility:hidden}.support-header{display:flex;align-items:center;justify-content:center;gap:calc(var(--m) * .5)}.support-heart{display:inline-flex;color:var(--accent)}.support-heart svg{width:calc(var(--cell-size) * .7);height:calc(var(--cell-size) * .7)}.support-title{margin:0;font-size:var(--fs-board-title);font-weight:800;line-height:1.1;color:var(--ink)}.support-hero{display:flex;align-items:center;gap:calc(var(--m) * .6)}.support-ball{width:calc(var(--cell-size) * .62);height:calc(var(--cell-size) * .62);border-radius:50%;box-shadow:var(--shadow-sm);animation:support-ball-pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .12s)}.support-ball:nth-child(1){background:var(--ball-1)}.support-ball:nth-child(2){background:var(--ball-2)}.support-ball:nth-child(3){background:var(--ball-3)}.support-ball:nth-child(4){background:var(--ball-4)}.support-ball:nth-child(5){background:var(--ball-5)}@keyframes support-ball-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(calc(var(--cell-size) * -.12)) scale(1.06)}}@media (prefers-reduced-motion: reduce){.support-ball{animation:none}}.support-hero-text{margin:0;width:min(100%,calc(var(--cell-size) * 12));text-align:center;font-size:calc(var(--fs-control) * 1.2);line-height:1.45;color:var(--ink)}.support-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--m) * .7);width:min(100%,calc(var(--cell-size) * 14))}.support-benefit{display:inline-flex;align-items:center;gap:calc(var(--m) * .4);min-height:max(36px,calc(var(--cell-size) * .7));padding:calc(var(--m) * .35) calc(var(--m) * .8);background:var(--panel);border:1px solid var(--line);border-radius:999px;font-size:var(--fs-control);font-weight:600;color:var(--ink)}.support-benefit-icon{display:inline-flex;color:var(--accent)}.support-benefit-icon svg{width:calc(var(--cell-size) * .44);height:calc(var(--cell-size) * .44)}.support-cards{container-type:inline-size;container-name:support-cards;width:100%}.support-cards-grid{width:100%;display:grid;grid-template-columns:1fr;align-items:start;gap:var(--m)}@container support-cards (min-width: 30rem){.support-cards-grid{grid-template-columns:repeat(2,1fr)}}@container support-cards (min-width: 46rem){.support-cards-grid{grid-template-columns:repeat(3,1fr)}}.support-note{margin:0;width:min(100%,calc(var(--cell-size) * 12));text-align:center;font-size:var(--fs-control);line-height:1.4;color:var(--ink-soft)}.support-thanks{margin:0;width:min(100%,calc(var(--cell-size) * 12));text-align:center;font-size:var(--fs-control);font-weight:600;color:var(--ink)}.crypto-card{container-type:inline-size;--crypto-fs: max(11px, 3.2cqw);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--m);padding:var(--m);background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--r-sm) * 1.6);box-shadow:var(--shadow-md)}.crypto-card-head{display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * .2);text-align:center}.crypto-card-title{font-size:max(14px,4.5cqw);font-weight:800;line-height:1.1;color:var(--ink)}.crypto-card-net{font-size:max(12px,3.8cqw);font-weight:600;letter-spacing:.02em;color:var(--ink-soft)}.crypto-qr{--qr-ink: #11161d;color:var(--qr-ink);background:#fff;display:flex;align-items:center;justify-content:center;width:min(100%,80cqw);aspect-ratio:1 / 1;padding:calc(var(--m) * .55);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.crypto-qr .qr-svg{display:block;width:100%;height:100%}.crypto-addr{display:block;width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:max(11px,3.2cqw);line-height:1.35;text-align:center;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:calc(var(--m) * .5) calc(var(--m) * .6);white-space:nowrap;user-select:all}.crypto-copy{min-width:0}.crypto-copy .pill-button-label{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center}.mode-select-screen[data-mounting]{opacity:0}.mode-select-screen{display:flex;flex-direction:column;gap:var(--m);width:100%;height:var(--dvh, 100dvh);max-height:var(--dvh, 100dvh);box-sizing:border-box;overflow:hidden}#app.nav-collapsed .mode-select-groups{padding-top:calc(var(--btn-h) + var(--m))}.mode-select-groups{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--m);overflow-y:auto;scrollbar-gutter:stable}.mode-select-group{display:flex;flex-direction:column;gap:calc(var(--m) * .5)}.mode-select-group-title{color:var(--ink);text-align:center}.mode-select-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--m)}@media (orientation: landscape){.mode-select-cards{grid-template-columns:repeat(3,1fr)}}.mode-card.mode-card--lobby{display:flex;flex-direction:column;align-items:center;gap:var(--m);padding:var(--m);text-align:left}.mode-card.mode-card--lobby .board-preview-card-body{align-items:center}.mode-card--lobby .mode-card-name{font-size:max(13px,6cqw);font-weight:700;line-height:1.15;white-space:normal}.mode-card--lobby .mode-card-q{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center}.mode-card--lobby .mode-card-q .info-popover-trigger{width:max(22px,10cqw);height:max(22px,10cqw);min-width:max(22px,10cqw);font-size:max(12px,6cqw)}@media (hover: hover) and (pointer: fine){.mode-card--lobby .mode-card-q .info-popover-trigger--q{display:inline-flex}}.board-preview-card{container-type:inline-size;width:100%;min-width:0;box-sizing:border-box;border:2px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);contain:layout paint;transition:background-color .14s ease,border-color .14s ease,transform .13s cubic-bezier(.34,1.56,.64,1)}.board-preview-card-body{display:flex;flex-direction:column;gap:calc(var(--m) * .4);width:100%;min-width:0}.mode-card-name-row{display:flex;flex-direction:row;align-items:center;gap:3cqw;width:100%;min-width:0}@media (hover: hover) and (pointer: fine){.board-preview-card .board-frame{transform:translateZ(0)}.board-preview-card[role=button]:hover,.board-preview-card:hover{background:var(--accent-soft);border-color:var(--accent);transition-duration:40ms}}.board-preview-card[role=button]:focus-visible,.board-preview-card:focus-visible{outline:none;border-color:var(--accent);background:var(--accent-soft);transition-duration:40ms}.board-preview-card.mode-card--locked{cursor:default;opacity:.6;background:var(--panel-2);box-shadow:none}.board-preview-card.mode-card--locked .mode-card-thumb .board-frame{filter:grayscale(.6)}.board-preview-card .mode-card-badge{position:absolute;top:2cqw;right:2cqw;font-size:max(11px,4.8cqw);font-weight:700;line-height:1;padding:calc(100cqw * .018) 3.2cqw;border-radius:var(--r-sm);background:var(--accent);color:#fff;white-space:nowrap}@media (prefers-reduced-motion: reduce){.board-preview-card{transition:none}}.mode-card-thumb{position:relative;width:100%;display:flex;justify-content:center;line-height:0}.mode-card-thumb .board-frame{pointer-events:none;--cell-size: round(down, calc(100cqw / 10.2), 1px);--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(2px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px);--score-block-h: calc( max(8px, calc(var(--cell-size) * .22)) + calc(var(--cell-size) * .06) + max(12px, calc(var(--cell-size) * .7)) );--frame-next-h: max(var(--cell-size), var(--score-block-h));overflow:hidden;border-radius:calc(var(--fpad) * 1.4)}.mode-card-thumb .ball.ghost{animation:none;transform:none}.mode-card-thumb .fn-score{display:none}.mode-card-thumb .frame-next{justify-content:flex-end}.start-screen[data-mounting]{opacity:0}.start-screen{--fs-body: var(--fs-control);--fs-subtitle: max(14px, calc(var(--cell-size) * .4));--fs-title: max(18px, calc(var(--cell-size) * .5));display:flex;flex-direction:column;align-items:center;gap:calc(var(--m) * 2);width:100%;--start-read-col: min(calc(40 * var(--vw, 1vw) + 18 * var(--m)), 100%);max-width:calc(100 * var(--vw, 1vw) - 2 * var(--m));margin:0 auto;min-height:100%;box-sizing:border-box;overflow-x:hidden;padding-block:calc(var(--m) * 2);text-align:center;color:var(--ink);background:transparent}#app.nav-inline .start-screen{max-width:calc(100 * var(--vw, 1vw) - 2 * var(--rail-clear));padding-left:var(--m-left)}#app.nav-collapsed .start-screen{padding-top:calc(var(--btn-h) + var(--m) * 2)}.start-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--m)}.start-screen>.start-section:not(.start-play){max-width:var(--start-read-col);margin-inline:auto}.start-hero{gap:var(--m)}.start-hero-title{margin:0;font-size:var(--fs-title);line-height:1.15;font-weight:800}.start-hero-text{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--ink-soft, var(--ink))}.start-section-heading{margin:0;font-size:var(--fs-subtitle);line-height:1.2;font-weight:700}.start-heading-link{appearance:none;background:none;border:none;font:inherit;font-size:var(--fs-subtitle);font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-height:max(44px,calc(var(--cell-size) * .7));color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:max(2px,.08em);text-underline-offset:.18em;cursor:pointer}.start-heading-link:hover{color:var(--accent)}.start-section-text{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--ink-body, var(--ink))}.start-read-more{display:inline-flex;align-items:center;justify-content:center;min-height:max(44px,calc(var(--cell-size) * .7));padding-inline:var(--m);color:var(--accent);font-size:var(--fs-button);font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.start-read-more:hover{color:var(--accent-strong, var(--accent))}.start-play{container-type:inline-size;container-name:start-cards}.start-cards{width:100%;display:grid;grid-template-columns:1fr;gap:max(var(--m),2cqw)}.start-cards .mode-card--landing{display:grid;grid-template-columns:40% 1fr;grid-template-areas:"thumb body";align-items:center;column-gap:var(--m);text-align:left;padding:var(--m)}.start-cards .mode-card--landing .board-preview-card-body{grid-area:body;text-align:inherit;align-items:stretch}.start-cards .mode-card--landing .mode-card-thumb{grid-area:thumb;align-self:center;container-type:inline-size;contain:paint}.start-cards .mode-card--landing .mode-card-name{width:100%;min-width:0;text-align:inherit;font-size:var(--fs-subtitle);font-weight:800;line-height:1.2;color:var(--ink)}.start-cards .mode-card--landing .mode-card-desc{margin:0;width:100%;text-align:inherit;font-size:var(--fs-body);line-height:1.45;color:var(--ink-body, var(--ink))}@container start-cards (min-width: 46rem){.start-cards{grid-template-columns:repeat(3,1fr)}.start-cards .mode-card--landing{grid-template-columns:1fr;grid-template-areas:"thumb" "body";align-items:stretch;align-content:start;row-gap:calc(var(--m) * .75);text-align:center}.start-cards .mode-card--landing .mode-card-thumb{align-self:start}}.start-cta{margin-top:var(--m)}.start-cta-bottom{position:static;min-width:min(calc(20 * var(--vw, 1vw) + 8 * var(--m)),calc(100% - 2 * var(--m)));background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:700}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--m) * .5) var(--m);width:100%;margin-top:calc(var(--m) * 2);padding-block:var(--m)}.site-footer-link{display:inline-flex;align-items:center;justify-content:center;min-height:max(44px,calc(var(--cell-size) * .7));padding-inline:var(--m);color:var(--accent);font-size:var(--fs-button);font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.site-footer-link:hover{color:var(--accent-strong, var(--accent))}.site-footer-sep{opacity:.5;user-select:none}.content-screen{flex:1 1 auto;min-height:0;height:100dvh;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);color:var(--ink)}#app.nav-inline .content-screen{grid-template-columns:min(calc(16 * var(--vw, 1vw) + 8 * var(--m)),30%) minmax(0,1fr);column-gap:var(--m)}#app.nav-inline .content-screen .help-toc[data-help-toc=column]{grid-column:1;grid-row:1}#app.nav-inline .content-screen .content-main{grid-column:2;grid-row:1}.content-main{min-height:0;display:grid;grid-template-rows:auto 1fr;min-width:0}.content-chrome{width:100%;max-width:min(100%,calc(100% - 2 * var(--m)));margin:0 auto}.content-header{display:flex;align-items:center;justify-content:center;min-height:max(44px,calc(var(--cell-size) * .7));width:100%}.content-body{--fs-body: var(--fs-control);--fs-subtitle: max(14px, calc(var(--cell-size) * .4));--fs-title: max(18px, calc(var(--cell-size) * .5));min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;width:100%;max-width:min(100%,calc(100% - 2 * var(--m)));margin:0 auto;font-size:var(--fs-body);line-height:1.6}#app.nav-collapsed .content-header{padding-left:calc(var(--btn-h) + var(--m))}.content-topbar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--m);margin-bottom:var(--m)}.content-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--m) * .5);font-size:var(--fs-label);color:var(--ink-soft, var(--ink))}.content-breadcrumbs a{color:var(--accent);text-decoration:none;min-height:max(44px,calc(var(--cell-size) * .7));display:inline-flex;align-items:center;padding-inline:calc(var(--m) * .25)}.content-breadcrumbs a:hover{text-decoration:underline}.content-body h1{font-size:var(--fs-title);line-height:1.15;margin:0 0 var(--m)}.content-body h2{font-size:var(--fs-subtitle);line-height:1.2;margin:calc(var(--m) * 2) 0 var(--m)}.content-body h3{font-size:var(--fs-body);font-weight:700;margin:calc(var(--m) * 1.5) 0 calc(var(--m) * .5)}.content-body p,.content-body ul,.content-body ol{margin:0 0 var(--m);color:var(--ink-body, var(--ink))}.content-body ul,.content-body ol{padding-inline-start:calc(var(--m) * 2.5)}.content-body li{margin-bottom:calc(var(--m) * .5)}.content-body a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.content-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:color-mix(in srgb,var(--ink) 10%,transparent);padding:.1em .35em;border-radius:var(--r-sm);font-size:.9em}.content-body table{width:max-content;max-width:min(100%,calc(100% - 2 * var(--m)));margin:var(--m) auto;border-collapse:collapse;background:#fff;color:#1a1a1a;border-radius:var(--r-sm);overflow:hidden;font-size:var(--fs-body)}.content-body th,.content-body td{padding:calc(var(--m) * .5) var(--m);text-align:right;font-variant-numeric:tabular-nums;background:#fff;color:#1a1a1a}.content-body tr+tr{border-top:1px solid #ececec}.content-body th{font-weight:700}.content-body .help-figure{margin:var(--m) auto;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.content-body .help-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(62 * var(--vh, 1vh));object-fit:contain;border:1px solid var(--line);border-radius:var(--r-sm)}.content-body .help-figure figcaption{margin-top:calc(var(--m) * .5);font-size:var(--fs-label);color:var(--ink-soft, var(--ink));text-align:center}.content-foot{width:100%;margin-top:calc(var(--m) * 2);padding-block:var(--m);border-top:1px solid var(--line)}.content-cta{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:700}.help-figure.help-board-figure{container-type:inline-size}.help-board{--cell-size: min( round(down, calc(100cqw / 10.2), 1px), max(28px, calc(4.2 * var(--vh, 1vh))) );--gap-b: max(1px, round(nearest, calc(var(--cell-size) * .08), 1px));--fpad: max(2px, round(nearest, calc(var(--cell-size) * .28), 1px));--ball-size: round(nearest, calc(var(--cell-size) * .8), 1px);--board-bg: #caa978;--board-bg-2: #b9925f;--cell: #e7d3ad;--cell-hi: #f0e2c2;--cell-sel: #f6e9c9;--cell-ring: #c8612e;--ball-1: #d33a2f;--ball-2: #3a9d52;--ball-3: #2f63c4;--ball-4: #e8b22e;--ball-5: #e8529b;--ball-6: #2fa3b0;--ball-7: #c9742e;display:flex;justify-content:center;line-height:0}.help-board .board-frame{box-sizing:border-box;width:fit-content;padding:var(--fpad);border-radius:calc(var(--fpad) * 1.4);background:linear-gradient(160deg,var(--board-bg),var(--board-bg-2));box-shadow:var(--shadow-md, 0 6px 22px rgba(0, 0, 0, .1)),inset 0 2px 6px #ffffff2e}.help-board .frame-next{display:flex;align-items:center;justify-content:space-between;gap:var(--fpad);margin-bottom:var(--gap-b)}.help-board .fn-score{display:flex;flex-direction:column;line-height:1;padding-left:calc(var(--fpad) * .4)}.help-board .fn-score--moves{align-items:flex-end;text-align:right}.help-board .fn-score-k{font-size:max(10px,calc(var(--cell-size) * .22));font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffffffc7;text-shadow:0 1px 2px rgba(0,0,0,.3)}.help-board .fn-score-v{font-size:max(20px,calc(var(--cell-size) * .7));font-weight:800;font-variant-numeric:tabular-nums;color:#fff;margin-top:calc(var(--cell-size) * .06);white-space:nowrap;letter-spacing:-.5px;text-shadow:0 2px 7px rgba(0,0,0,.42)}.help-board .fn-right{display:flex;align-items:center;gap:var(--fpad);min-width:0}.help-board .fn-niche{display:inline-flex;align-items:center;gap:var(--gap-b);height:var(--cell-size);padding:0 calc(var(--fpad) * .6);background:linear-gradient(180deg,#00000038,#0000001f);border-radius:calc(var(--fpad) * .85);box-shadow:inset 0 2px 6px #0006,inset 0 -1px #ffffff0f}.help-board .fn-slot{width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center}.help-board .board{display:grid;grid-template-columns:repeat(9,var(--cell-size));gap:var(--gap-b);width:max-content}.help-board .cell{width:var(--cell-size);height:var(--cell-size);aspect-ratio:1;border-radius:max(3px,calc(var(--cell-size) * .18));background:var(--cell);position:relative;display:grid;place-items:center;box-shadow:inset 0 1px 2px #0000001a}.help-board .cell.sel{background:var(--cell-sel);box-shadow:inset 0 0 0 2px var(--cell-ring)}.help-board .cell-badge{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none;color:#fff;font-weight:800;font-size:max(11px,calc(var(--cell-size) * .42));letter-spacing:-.5px;text-shadow:0 2px 5px rgba(0,0,0,.55)}.help-board .ball{width:var(--ball-size);height:var(--ball-size);border-radius:50%;position:relative;flex:0 0 auto;background:radial-gradient(circle at 32% 28%,#ffffffa6,#fff0 46%),var(--bc);box-shadow:0 3px 6px #00000038,inset 0 -3px 6px #0000002e}.help-board .ball.ghost{width:calc(var(--ball-size) * .5);height:calc(var(--ball-size) * .5)}.help-board .bc1{--bc: var(--ball-1)}.help-board .bc2{--bc: var(--ball-2)}.help-board .bc3{--bc: var(--ball-3)}.help-board .bc4{--bc: var(--ball-4)}.help-board .bc5{--bc: var(--ball-5)}.help-board .bc6{--bc: var(--ball-6)}.help-board .bc7{--bc: var(--ball-7)}.help-leaderboard{--cell-size: min(round(down, calc(100cqw / 12), 1px), max(28px, calc(4.2 * var(--vh, 1vh))));--lb-fs: max(13px, calc(var(--cell-size) * .5));--meta-gold-fill: #e7b84e;--meta-metal-edge: #8a5e1c;width:100%;max-width:min(100%,calc(var(--cell-size) * 13));margin-inline:auto;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm, 10px);overflow:hidden;font-size:var(--lb-fs)}.help-leaderboard-row{display:grid;grid-template-columns:minmax(2.2em,auto) minmax(0,1fr) auto auto;align-items:center;gap:var(--m, 8px);padding:calc(var(--m, 8px) * .85) var(--m, 8px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.help-leaderboard-row:last-child{border-bottom:0}.help-leaderboard-head{text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--ink-soft);opacity:.7;font-size:calc(var(--lb-fs) * .92)}.help-leaderboard-row--you{background:var(--accent-soft, color-mix(in srgb, var(--accent) 16%, var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.help-lb-rank{color:var(--ink-soft);font-weight:800;font-variant-numeric:tabular-nums;text-align:left}.help-lb-name{display:flex;align-items:center;gap:calc(var(--m, 8px) * .4);min-width:0;color:var(--ink);font-weight:700}.help-lb-name-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-lb-tag{flex:0 0 auto;color:var(--ink-soft);font-weight:600;font-size:calc(var(--lb-fs) * .8);white-space:nowrap}.help-lb-level{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max(24px,calc(var(--cell-size) * .92));height:max(24px,calc(var(--cell-size) * .92));margin-left:calc(var(--m, 8px) * .4)}.help-lb-level-svg{position:absolute;inset:0;width:100%;height:100%}.help-lb-level-num{position:relative;z-index:1;font-size:calc(var(--lb-fs) * .86);font-weight:700;line-height:1;color:var(--meta-metal-edge);font-variant-numeric:tabular-nums}.help-lb-score{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.help-lb-moves{color:var(--ink-soft);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.help-leaderboard-head .help-lb-rank,.help-leaderboard-head .help-lb-name,.help-leaderboard-head .help-lb-score,.help-leaderboard-head .help-lb-moves{color:var(--ink-soft);font-weight:700}.help-board.help-replay{flex-direction:column;align-items:center;gap:var(--m, 8px)}.help-replay .help-replay-progress,.help-replay .help-replay-transport{width:min(100%,calc(var(--cell-size) * 10.4))}.help-replay .help-replay-bar{width:100%;height:max(5px,calc(var(--cell-size) * .18));background:color-mix(in srgb,var(--ink) 16%,var(--panel));border-radius:999px;overflow:hidden}.help-replay .help-replay-fill{height:100%;background:var(--accent);border-radius:999px}.help-replay .help-replay-transport{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--m, 8px) * .8);line-height:0}.help-replay .help-replay-btn{display:flex;align-items:center;justify-content:center;min-height:max(38px,calc(var(--cell-size) * 1.3));border-radius:var(--r-sm, 8px);background:color-mix(in srgb,var(--ink) 6%,var(--panel));border:1px solid var(--line);color:var(--ink);font-size:max(13px,calc(var(--cell-size) * .5));font-weight:700}.help-replay .help-replay-btn--play{background:var(--accent);border-color:var(--accent);color:#fff}.help-replay .help-replay-exit{font-weight:800}.help-replay .help-replay-exit-ic{width:1.4em;height:1.4em;display:block}.help-replay .help-replay-speed{font-weight:800}.help-board.help-daily{flex-direction:column;align-items:center;gap:var(--m, 8px)}.help-daily .help-daily-plaques{display:flex;gap:var(--m, 8px);width:min(100%,calc(var(--cell-size) * 10.4))}.help-daily .help-daily-plate{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:max(38px,calc(var(--cell-size) * 1.15));padding:calc(var(--m, 8px) * .5) var(--m, 8px);background:color-mix(in srgb,var(--ink) 6%,var(--panel));border:1px solid var(--line);border-radius:var(--r-sm, 8px);color:var(--ink);font-weight:700;font-size:max(13px,calc(var(--cell-size) * .42));white-space:nowrap}.help-daily .help-daily-timer{font-variant-numeric:tabular-nums}.scoring-ladder{--ball-size: max(6px, round(down, calc(100cqw / 22), 1px));--ball-gap: round(nearest, calc(var(--ball-size) * .14), 1px);--bar-area-w: 26cqw ;container-type:inline-size;display:grid;gap:calc(var(--m) * .4);width:100%;max-width:min(calc(100% - 2 * var(--m)),var(--board-w));margin:var(--m) auto;padding:calc(var(--m) * .5);box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);text-align:left}.scoring-ladder-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--m);padding:calc(var(--m) * .5) calc(var(--m) * .75);font-size:calc(var(--fs-control) * .8);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);opacity:.7}.scoring-ladder-head-points{text-align:right}.scoring-ladder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--m);min-height:var(--btn-h);padding:calc(var(--m) * .5) calc(var(--m) * .75);border-radius:var(--r-sm)}.scoring-ladder-row+.scoring-ladder-row{margin-top:calc(var(--m) * .15)}.scoring-ladder-row--top{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.scoring-ladder-line{display:flex;align-items:center;gap:var(--ball-gap);min-width:0;--ball-size: max(6px, round(down, calc(100cqw / 22), 1px))}.scoring-ladder-line .ball{flex:0 0 auto}.scoring-ladder-meta{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--m) * .5);flex:0 0 auto}.scoring-ladder-bar{width:calc(var(--bar-area-w) * var(--bar, 0));height:calc(var(--fs-control) * .35);min-width:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),var(--accent));flex:0 0 auto}.scoring-ladder-value{font-size:max(var(--fs-control),6cqw);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1;flex:0 0 auto}@container (max-width: 360px){.scoring-ladder-bar{display:none}}.help-toc{container-type:inline-size;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--m) * .5);padding:var(--m)}.help-toc .content-nav{display:flex;flex-direction:column;gap:calc(var(--m) * .5);width:100%}.help-toc .content-nav__item{display:flex;align-items:center;width:100%;min-width:0;min-height:max(44px,calc(var(--cell-size) * .7));padding-inline:var(--m);font-size:max(13px,calc(var(--fs-control) * .9));color:var(--ink);text-decoration:none;border-radius:var(--r-sm);white-space:normal}.help-toc .content-nav__item:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.help-toc .content-nav__item--active{font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.help-toc[data-help-toc=column]{position:sticky;top:0;align-self:start;width:100%;max-height:100%;min-height:0;overflow-y:auto;border-right:1px solid var(--line)}.content-screen[data-help-toc=column] .help-toc-toggle,.content-screen[data-help-toc=column] .help-toc-scrim{display:none}.help-toc[data-help-toc=drawer]{position:fixed;top:0;right:0;z-index:60;height:100dvh;width:min(calc(50 * var(--vw, 1vw) + 8 * var(--m)),calc(100% - 2 * var(--m)));overflow-y:auto;background:var(--panel);border-left:1px solid var(--line);transform:translate(100%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}.content-screen.help-toc-open .help-toc[data-help-toc=drawer]{transform:translate(0);visibility:visible}.content-screen[data-help-toc=drawer] .help-toc-scrim{position:fixed;inset:0;z-index:55;background:color-mix(in srgb,var(--ink) 45%,transparent);opacity:0;pointer-events:none;transition:opacity .18s ease}.content-screen.help-toc-open .help-toc-scrim{opacity:1;pointer-events:auto}.help-toc-toggle{position:fixed;top:var(--m);right:var(--m);z-index:50}.content-screen[data-help-toc=column] .help-toc-toggle,#app.nav-drawer-open .help-toc-toggle{display:none}@media (prefers-reduced-motion: reduce){.help-toc[data-help-toc=drawer],.content-screen[data-help-toc=drawer] .help-toc-scrim{transition:none}}.content-nav{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--m) * .5);width:100%;margin-block:var(--m)}.content-nav__item{display:inline-flex;align-items:center;min-height:max(44px,calc(var(--cell-size) * .7));padding-inline:var(--m);padding-block:calc(var(--m) * .4);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--accent);text-decoration:none;font-size:var(--fs-label);font-weight:600;background:var(--panel);white-space:nowrap}.content-nav__item:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.content-nav__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.content-nav__item--active{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:700}.content-nav__item--active:hover{background:var(--accent)}.cell[data-fig=start]{background:var(--cell-sel);box-shadow:inset 0 0 0 max(2px,calc(var(--cell-size) * .05)) var(--cell-ring)}.cell[data-fig=target]{box-shadow:inset 0 0 0 max(2px,calc(var(--cell-size) * .06)) var(--accent)}.cell[data-fig=trail]{background:var(--cell-hi)}.cell[data-fig=clear]{box-shadow:inset 0 0 0 max(2px,calc(var(--cell-size) * .07)) var(--accent);background:var(--cell-hi)}.cell-fig-badge{position:absolute;top:calc(var(--cell-size) * -.18);right:calc(var(--cell-size) * -.12);z-index:2;font-size:max(11px,calc(var(--cell-size) * .4));font-weight:800;line-height:1;padding:calc(var(--cell-size) * .1) calc(var(--cell-size) * .16);border-radius:max(4px,calc(var(--cell-size) * .16));background:var(--accent);color:var(--panel, #fff);box-shadow:0 2px 6px #00000040;white-space:nowrap;pointer-events:none}