:root{--mark-last:var(--theme-mark-last);--mark-danger:var(--theme-mark-danger);--mark-good:#34d058;--mark-select:#427da8;--mark-focus:#fbbf24;--mark-ink:#161513;--mark-halo:#fff;--mark-quiet:.4;--mark-strong:.72;--mark-solid:.9;--theme-mark-last:#7a5ae8;--theme-mark-danger:#af3828;--theme-pw:#fff;--theme-ps:#1c1b19;--theme-pb:#1c1b19;--theme-pd:#b89a6a;--theme-pk:#e4d7bf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf5eb;--surface:#fffdf7;--ink:#292825;--mute:#6a6156;--line:#e3dacd;--soft:#f0e8dc;--ctl-h:var(--soft);--track:var(--soft);--coral:#ed6852;--on-coral:#292825;--action:#af3828;--tint:#fce5da;--accent:var(--coral);--accent-ink:var(--on-coral);--danger:var(--action);--ok:#346747;--friend:var(--coral);--palette-study-l:#efdfc3;--palette-study-d:#9aab92;--palette-onyx-l:#d9d2c5;--palette-onyx-d:#535b50;--palette-wizard-l:#86efa5;--palette-wizard-d:#0a1710;--sq-l:var(--palette-study-l);--sq-d:var(--palette-study-d);--pw:var(--theme-pw);--ps:var(--theme-ps);--pb:var(--theme-pb);--pd:var(--theme-pd);--pk:var(--theme-pk);--gold:#e3b54f;--gold-edge:#8a6418;--on-gold:#3a2a00;--kind-elite:#7a8ea3;--kind-miniboss:var(--gold);--kind-boss:var(--coral);--display:"Fredoka", ui-rounded, "Nunito Sans", ui-sans-serif, system-ui, sans-serif;--body:"Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display-weight:550;--shadow:0 1px 2px #2928250f, 0 10px 25px #29282512;--board-sh:0 10px 25px #00000012;--scrim:#11111187;--ease:cubic-bezier(.22, 1, .36, 1);--weight-normal:600;--page-width:35rem;--page-gutter:1.25rem;--board-light:var(--sq-l);--board-dark:var(--sq-d)}:root,canvas[data-board-style]{--arrow-hint:var(--mark-good);--arrow-opponent-move:var(--mark-last);--arrow-preview:#e0a020}:root[data-theme=onyx]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211f1d;--surface:#2c2925;--ink:#faf5eb;--mute:#c1b5a6;--line:#49433b;--soft:#38332d;--coral:#f17b63;--on-coral:#211f1d;--action:#ff9f88;--tint:#463029;--ok:#b1d0a4;--palette-study-l:#d9cfb9;--palette-study-d:#778672;--sq-l:var(--palette-study-l);--sq-d:var(--palette-study-d);--gold:#e8bd5c;--gold-edge:#f6dc9c;--on-gold:#3a2a00;--kind-elite:#9db0c4;--shadow:0 1px 0 #ffffff0a, 0 12px 32px #00000073;--board-sh:0 10px 25px #0000004d;--scrim:#000000a8}.palette-scope:not([data-board-palette=wizard]){--pw:var(--theme-pw);--ps:var(--theme-ps);--pb:var(--theme-pb);--pd:var(--theme-pd);--pk:var(--theme-pk);--mark-last:var(--theme-mark-last);--mark-danger:var(--theme-mark-danger)}.palette-scope{--board-light:var(--sq-l);--board-dark:var(--sq-d)}:root[data-board-palette=study],.palette-scope[data-board-palette=study]{--sq-l:var(--palette-study-l);--sq-d:var(--palette-study-d)}:root[data-board-palette=onyx],.palette-scope[data-board-palette=onyx]{--sq-l:var(--palette-onyx-l);--sq-d:var(--palette-onyx-d)}:root[data-board-palette=wizard],.palette-scope[data-board-palette=wizard]{--sq-l:var(--palette-wizard-l);--sq-d:var(--palette-wizard-d);--pw:#a6f9bd;--ps:#061009;--pb:#050d08;--pd:#86efa5;--pk:#a6f9bd;--mark-last:#157a47;--mark-danger:#0c6e3a}.app-shell{background:var(--bg);height:100dvh;min-height:0;color:var(--ink);--nav-height:4.0625rem;--topbar-h:65px;--rail-w:98px;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;container:app/size}.app-shell--theme-fade{transition:background-color .3s var(--ease), color .3s var(--ease)}@media (prefers-reduced-motion:reduce){.app-shell--theme-fade{transition:none}}.app-content{scrollbar-width:thin;width:100%;min-width:0;max-width:none;min-height:0;margin:0 auto;overflow-y:auto;container:content/size}.app-content--with-nav{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.app-content--game{overscroll-behavior:none;flex-direction:column;max-width:81rem;display:flex;overflow:hidden}.icon-btn{background:var(--soft);width:42px;height:42px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:disabled{opacity:.45;cursor:default}@media (hover:hover){.icon-btn:not(:disabled):hover{background:var(--tint)}}.icon-btn:not(:disabled):active{filter:brightness(.88)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.badge{background:var(--coral);min-width:20px;height:20px;color:var(--on-coral);font:900 11px/1 var(--body);border-radius:10px;place-items:center;padding:0 .3rem;display:inline-grid}.rail{display:contents}.rail-brand,.rail-footer{display:none}.nav{z-index:20;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--bg);justify-content:space-around;margin:0;display:flex;position:fixed;inset:auto 0 0}.nav button,.nav a{min-height:44px;color:var(--mute);font:800 10px/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px;text-decoration:none;display:flex;position:relative}.nav .nav-icon{place-items:center;display:grid}.nav .icon{width:21px;height:21px}.nav [aria-current=page]{color:var(--action)}.nav [aria-current=page]:before{content:"";background:var(--coral);border-radius:2px;width:25px;height:3px;position:absolute;top:0}.nav .badge{min-width:16px;height:16px;font-size:9px;position:absolute;top:5px;left:calc(50% + 7px)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:0 20px;display:flex}.topbar-note{color:var(--mute);font-size:13px;display:none}.topbar-note em,.rail-footer em{font-style:normal}.topbar-brand{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:26px;display:flex}.topbar-brand .rooky{width:32px}.top-actions{align-items:center;gap:10px;display:flex}.top-actions .icon-btn{background:0 0;width:44px;height:44px}.top-profile-disc{background:var(--soft);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.top-profile-disc .icon{width:20px;height:20px}.top-profile-disc img{object-fit:cover;border-radius:50%;width:100%;height:100%}@media (width<=720px) and (height<=700px){.topbar{padding:0 16px}.app-shell{--nav-height:58px;--topbar-h:54px}}.sec{font:var(--display-weight) 1.35rem/1.1 var(--display);letter-spacing:-.025em;color:var(--ink);margin:0}.sechead{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.count{background:var(--soft);min-width:23px;height:23px;color:var(--mute);font:700 12px/1 var(--body);letter-spacing:0;border-radius:999px;place-items:center;padding:0 .3rem;display:inline-grid}.sub{color:var(--mute);max-width:36ch;margin:0;font-size:.9rem}.fine{color:var(--mute);font-size:.75rem}.theme-toggle{background:var(--soft);border-radius:22px;flex:none;gap:3px;padding:4px;display:inline-flex}.theme-toggle button{min-height:34px;color:var(--mute);font:800 13px/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.theme-toggle button .icon{width:15px;height:15px}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #0000000a}@media (width<=720px){.theme-toggle button{min-height:44px;padding:6px 11px;font-size:12px}}@media (width>=721px),(width>=560px) and (height<=720px){.app-shell--rail{grid-template-rows:minmax(0,1fr);grid-template-columns:var(--rail-w) minmax(0, 1fr)}.app-shell--rail .app-content{grid-area:1/2}.app-shell--rail .app-content--with-nav{padding-bottom:0}.rail{z-index:20;border-right:1px solid var(--line);background:var(--bg);scrollbar-width:none;flex-direction:column;grid-area:1/1;gap:30px;height:100dvh;min-height:0;padding:30px 12px;display:flex;position:relative;overflow-y:auto}.rail-brand{color:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:0;font-size:25px;display:block}.rail .nav{background:0 0;border:0;flex-direction:column;justify-content:flex-start;gap:10px;height:auto;padding:0;position:static}.rail .nav button,.rail .nav a{border-radius:14px;flex:none;gap:5px;min-height:48px;padding:12px 4px;font-size:11px}.rail .nav [aria-current=page]{background:var(--tint)}.rail .nav [aria-current=page]:before{display:none}.rail .nav .badge{top:4px;left:auto;right:6px}.rail-footer{color:var(--mute);text-align:center;margin-top:auto;font-size:10px;display:block}.app-shell{--topbar-h:82px}.topbar{padding:0 24px}.topbar-note{display:block}.topbar-brand{display:none}.top-actions{gap:15px}.top-actions .icon-btn{background:var(--soft);width:42px;height:42px}.top-profile-disc{background:0 0}@media (hover:hover){.rail .nav button:not([aria-current=page]):hover,.rail .nav a:not([aria-current=page]):hover{background:var(--soft)}}}@media (height<=720px){.rail-footer{display:none}}@media (width>=560px) and (width<=1100px) and (height<=720px){.app-shell{--rail-w:72px}.rail{gap:22px;padding:20px 8px}.rail-brand{font-size:20px}.rail .nav button,.rail .nav a{padding:10px 2px}}@media (width>=1101px){.app-shell{--rail-w:198px}.rail{gap:38px;padding:34px 24px}.rail-brand{align-self:start;font-size:39px}.rail .nav button,.rail .nav a{flex-direction:row;justify-content:flex-start;gap:12px;padding:13px 15px;font-size:15px}.rail .nav .badge{min-width:20px;height:20px;margin-left:auto;font-size:11px;position:static}.rail .nav .icon{width:22px;height:22px}.rail-footer{text-align:left;font-size:12px}.topbar{padding:0 40px}}@media not all and (width>=721px) and (height>=561px),(width<=959px) and (height<=720px){.app-shell--game .rail{display:none}.app-shell--game{--rail-w:0px;grid-template-columns:minmax(0,1fr)}.app-shell--game .app-content{grid-column:1}}@media (width>=721px){.app-shell{--page-width:74rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.game-view{display:grid;container-type:inline-size}.game-view__head,.game-view .tile-group,.game-view__row{border-bottom:1px solid var(--line);padding:19px 0}.ui-modal--sheet .game-view__options>.game-view__row:last-child{border-bottom:0}.game-view__head{justify-content:space-between;align-items:center;gap:20px;display:flex}.game-view .lab{gap:3px;min-width:0;display:grid}.game-view .lab b{font-size:15px;font-weight:800}.game-view .lab span{color:var(--mute);font-size:12px;line-height:1.45}.game-view__options{display:grid}.tile-group{gap:13px;display:grid}.tile-group__title{font:800 15px/1.2 var(--body);color:var(--ink)}.tiles{grid-template-columns:repeat(4,minmax(0,5.5rem));gap:.6rem;display:grid}.tile{min-width:0;color:var(--mute);font:700 12px/1.2 var(--body);text-align:center;cursor:pointer;background:0 0;border:0;gap:.3rem;padding:0;display:grid}.tile__img{aspect-ratio:1;background:var(--soft) center / cover no-repeat;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;display:block;position:relative}.tile:hover .tile__img{box-shadow:inset 0 0 0 1px var(--mute)}.tile[aria-pressed=true]{color:var(--ink)}.tile[aria-pressed=true] .tile__img{outline:2px solid var(--coral);outline-offset:2px}.tiles--palettes{flex-wrap:wrap;gap:12px;display:flex}.tiles--palettes .tile{border:2px solid var(--line);background:var(--surface);width:104px;color:var(--ink);border-radius:12px;gap:7px;padding:6px 6px 8px;font-weight:800}.tiles--palettes .tile:hover{border-color:var(--mute)}.tiles--palettes .tile[aria-pressed=true]{border-color:var(--coral)}.tiles--palettes .tile__img{aspect-ratio:auto;height:32px;box-shadow:none;border-radius:5px}.tiles--palettes .tile[aria-pressed=true] .tile__img{outline:0}.tile__img--palette-study{background:repeating-conic-gradient(var(--palette-study-d) 0 25%, var(--palette-study-l) 0 50%) 0 0 / 50% 100%}.tile__img--palette-onyx{background:repeating-conic-gradient(var(--palette-onyx-d) 0 25%, var(--palette-onyx-l) 0 50%) 0 0 / 50% 100%}.tile__img--palette-wizard{background:repeating-conic-gradient(var(--palette-wizard-d) 0 25%, var(--palette-wizard-l) 0 50%) 0 0 / 50% 100%}.game-view__row{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;display:flex}input[type=checkbox][role=switch]{background:var(--line);cursor:pointer;appearance:none;width:42px;height:25px;transition:background .18s var(--ease);border-radius:20px;flex:none;margin:0;position:relative}input[type=checkbox][role=switch]:after{content:"";background:var(--surface);width:19px;height:19px;transition:transform .18s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000026}input[type=checkbox][role=switch]:checked{background:var(--coral)}:root[data-theme=onyx] input[type=checkbox][role=switch]:not(:checked):after{background:var(--mute)}input[type=checkbox][role=switch]:checked:after{background:#faf5eb;transform:translate(17px)}input[type=checkbox][role=switch]:focus-visible{outline:3px solid var(--action);outline-offset:2px}input[type=checkbox][role=switch]:disabled{cursor:default;opacity:.5}.game-view__head:has(+.view-customize){border-bottom:0;padding-bottom:8px}.view-customize{border:1px solid var(--line);background:var(--soft);width:100%;color:var(--ink);font:800 13px/1.2 var(--body);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:0 0 15px;padding:10px 14px;display:flex}.view-customize:hover{border-color:var(--mute)}.view-customize:focus-visible{outline:3px solid var(--action);outline-offset:2px}.view-customize__summary{color:var(--mute);margin-left:auto;font-size:12px;font-weight:700}.view-preview{aspect-ratio:1;border-radius:8px;width:min(100%,18rem);margin:4px auto 2px;display:grid;position:relative;overflow:hidden}.view-modal{grid-template-columns:minmax(0,1fr)}.view-modal__top{display:grid}.view-modal .game-view__options>:last-child{border-bottom:0}.view-modal .game-view__head,.view-modal .tile-group,.view-modal .game-view__row,.view-modal .game-report-setting{padding-block:13px}.view-modal__top>:first-child{padding-top:0}@media (width>=52rem) and (height>=34rem){.view-modal{grid-template-columns:19rem minmax(0,1fr);align-items:start;column-gap:2.25rem}.view-modal .view-modal__top{grid-column:1/-1}.view-modal .view-preview{grid-area:2/1;width:100%;margin:12px 0 0}.view-modal .game-view__options{grid-area:2/2}}@container app (width<=720px){.game-view__head,.game-view .tile-group,.game-view__row{gap:12px;padding:15px 0}.game-view .lab b,.tile-group__title{font-size:13px}.game-view .lab span{max-width:185px;font-size:11px}.tiles--palettes .tile{width:98px}}.rooky{transform-origin:50% 90%;width:100%;height:auto;display:block;overflow:visible}.rooky-stage{flex:none;display:block}.rooky-button{cursor:pointer;background:0 0;border:0;border-radius:1rem;padding:0}.rooky.is-bouncing{animation:rooky-bounce .8s var(--ease)}.rooky.is-looping{animation:rooky-bounce 1.1s var(--ease) infinite}@keyframes rooky-bounce{0%,to{transform:translateY(0)rotate(0)scale(1)}17.5%{transform:translateY(3px)scale(1.09,.88)}45%{transform:translateY(-18px)rotate(-7deg)scale(.96,1.05)}70%{transform:translateY(0)rotate(2deg)scale(1.08,.92)}85%{transform:translateY(-3px)rotate(-1deg)scale(.99,1.02)}}.rooky-left-eye>g{animation:8s infinite rooky-left-eye}.rooky-right-eye>g{animation:8s infinite rooky-right-eye}.rooky-wink{animation:8s infinite rooky-wink}@keyframes rooky-left-eye{0%,21.5%,24.5%,to{transform:scaleY(1)}22.5%,23%{transform:scaleY(.08)}}@keyframes rooky-right-eye{0%,21.5%,24.5%,65%,72%,to{opacity:1;transform:scaleY(1)}22.5%,23%{opacity:1;transform:scaleY(.08)}66%,71%{opacity:0;transform:scaleY(.08)}}@keyframes rooky-wink{0%,65%,72%,to{opacity:0}66%,71%{opacity:1}}.rooky.is-still :is(.rooky-left-eye>g,.rooky-right-eye>g,.rooky-wink){animation:none}.rooky.is-drooping{animation:1s cubic-bezier(.45,0,.25,1) rooky-droop}@keyframes rooky-droop{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-4px)scale(.98,1.03)}55%{transform:translateY(9px)scale(1.07,.91)}78%{transform:translateY(7px)scale(1.04,.95)}}@media (prefers-reduced-motion:reduce){.rooky.is-bouncing,.rooky.is-looping,.rooky.is-drooping,.rooky-left-eye>g,.rooky-right-eye>g,.rooky-wink{animation:none}}.wordmark{display:block;overflow:visible}*,:before,:after{box-sizing:border-box}:where(button,input,select,textarea){font:inherit}:where(button,a,input,select,textarea,[tabindex],[role=button]):focus-visible{outline:3px solid var(--action);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:-.025em;margin:0;line-height:1.1}p{margin:0}a{color:var(--action)}[role=alert]{color:var(--danger)}.screen{width:min(100%, var(--page-width));min-width:0;padding:.9rem var(--page-gutter) 1.2rem;align-content:start;gap:1.1rem;margin:0 auto;display:grid}.sh{grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:2rem;display:grid}.sh h1{font:var(--display-weight) 1.4rem/1.1 var(--display)}.title{font:var(--display-weight) 1.75rem/1.1 var(--display);letter-spacing:-.025em}.back{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-6px;display:grid}@media (hover:hover){.back:hover{background:var(--soft)}}.back svg{width:22px;height:22px}.btn{min-height:44px;color:var(--ink);font:850 14px/1.15 var(--body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn-primary{background:var(--coral);color:var(--on-coral)}.btn-secondary{background:var(--soft);color:var(--ink)}.btn-ghost{box-shadow:inset 0 0 0 1px var(--line)}.btn-danger{background:var(--tint);color:var(--action)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(.94)}.btn-ghost:not(:disabled):hover{background:var(--soft);filter:none}}.btn:not(:disabled):active{filter:brightness(.88)}.btn-block{width:100%;min-height:48px;font-size:15px}.btn svg{width:17px;height:17px}.btn:disabled{opacity:.45;cursor:default}.link{color:var(--action);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.actions.stretch{grid-template-columns:1fr 1fr;display:grid}.field{gap:.45rem;display:grid}.field>label,.field>.lab{font-size:13px;font-weight:800}.field small,.hint{color:var(--mute);font-size:12px}.hint.bad{color:var(--danger)}input.text,select.text{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:10px 12px}input::placeholder{color:var(--mute)}.ui-feedback{color:var(--mute);margin:0;font-size:.875rem;line-height:1.45}.ui-feedback--reserved{min-height:2.9em}.loading-pending{opacity:0}.ui-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.list{gap:.5rem;display:grid}.rowlite{border:1px dashed var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:.9rem;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.rowlite .meta{gap:.1rem;min-width:0;display:grid}.rowlite b{color:var(--ink);font-weight:800}.rowlite span{color:var(--mute);font-size:.78rem}.rowlite .chev{width:18px;height:18px;color:var(--mute);flex:none;margin-left:auto}.list-capped{scrollbar-width:thin;overscroll-behavior:contain;max-height:17rem;padding-right:.2rem;overflow-y:auto}@media (height<=620px){.list-capped{max-height:11rem}}.pill{background:var(--coral);color:var(--on-coral);white-space:nowrap;border-radius:999px;padding:.4rem .7rem;font-size:12px;font-weight:800}.pill.q{color:var(--mute);border:1px solid var(--line);background:0 0}.empty{border:1px dashed var(--line);color:var(--mute);border-radius:16px;gap:.3rem;padding:1.5rem 1.125rem;display:grid}.empty b{color:var(--ink);font-weight:800}.settings{display:grid}.setting{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:19px 0;display:grid}.setting .lab{gap:3px;display:grid}.setting .lab b{font-size:15px;font-weight:800}.setting .lab span{color:var(--mute);font-size:12px;line-height:1.45}@container app (width<=720px){.setting{gap:12px;padding:15px 0}.setting .lab b{font-size:13px}.setting .lab span{max-width:185px;font-size:11px}}.av{border:1px solid var(--line);background:var(--surface);width:2.6rem;height:2.6rem;color:var(--mute);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}.av.big{width:5rem;height:5rem}.center{text-align:center;justify-items:center;gap:.8rem;padding-top:2rem;display:grid}.pulse{border:2px solid var(--accent);width:4rem;height:4rem;color:var(--accent);border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite pulse;display:grid}.pulse svg{width:2rem;height:2rem}@keyframes pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent)}}.ui-modal-root{z-index:100;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.ui-modal__backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;position:absolute;inset:0}.ui-modal{z-index:1;width:min(100%,27rem);max-height:min(90dvh,48rem);color:var(--ink);background:var(--surface);border:0;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000054}.ui-modal--compact{width:min(100%,22rem)}.ui-modal--wide{width:min(100%,58rem);max-height:min(92dvh,52rem)}.ui-modal__header{flex-shrink:0;align-items:flex-start;gap:.75rem;padding:1.75rem 1.75rem .5rem;display:flex}.ui-modal__heading{gap:.25rem;min-width:0;display:grid}.ui-modal__heading h2{font:var(--display-weight) 1.8rem/1.1 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere}.ui-modal__heading p{color:var(--mute);margin:0;font-size:14px;line-height:1.45}.ui-modal__close{width:32px;height:32px;color:var(--ink);background:var(--soft);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin:-.6rem -.75rem 0 auto;display:grid}@media (hover:hover){.ui-modal__close:hover{background:var(--tint)}}.ui-modal__close svg{width:1.1rem;height:1.1rem}.ui-modal__body{gap:1rem;min-height:0;margin-top:-6px;padding:6px 1.75rem 1rem;display:grid;overflow-y:auto}.ui-modal__footer{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:.75rem 1.75rem 1.75rem;display:flex}.ui-modal--sheet{width:100%;max-width:none;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:1.2rem 1.2rem 0 0;position:absolute;inset:auto 0 0;box-shadow:0 -10px 40px #00000040}.ui-modal-root:has(.ui-modal--sheet){place-items:end center;padding:0}@media (width>=720px){.ui-modal-root:has(.ui-modal--sheet){place-items:center;padding:1.5rem}.ui-modal--sheet{border-bottom:0;border-radius:20px;width:min(100%,30rem);max-height:calc(100dvh - 3rem);padding-bottom:0;position:relative;inset:auto;box-shadow:0 24px 60px #00000047}}.ui-modal--hero{padding-top:3.6rem;overflow:visible}.ui-modal--hero .ui-modal__header{text-align:center;justify-content:center;padding-top:.25rem}.ui-modal--hero .ui-modal__heading{justify-items:center}.ui-modal--hero .ui-modal__heading p{font-size:15px;font-weight:700}.ui-modal--hero .ui-modal__close{margin:0;position:absolute;top:.9rem;right:1rem}.ui-modal--hero .ui-modal__footer{padding-top:.25rem}.ui-modal__hero{width:84px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}@media (height<=40rem){.ui-modal-root{align-items:start;overflow-y:auto}.ui-modal{max-height:calc(100dvh - 2rem)}}.drag-scroll{scrollbar-width:none;-ms-overflow-style:none}.drag-scroll::-webkit-scrollbar{display:none}.drag-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.boardwrap{width:100%;margin:0 auto;position:relative}.options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.opt{border:1px solid var(--line);background:var(--surface);min-height:3.6rem;color:var(--ink);font:800 14px var(--body);cursor:pointer;border-radius:.8rem;justify-items:center;gap:.3rem;padding:.6rem .4rem;transition:border-color .15s,background .15s;display:grid}.opt small{color:var(--mute);font-size:12px;font-weight:600}.opt .opt-piece,.opt svg{width:1.6rem;height:1.6rem}.opt[aria-pressed=true]{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral);background:var(--tint)}.opt:hover{background:var(--ctl-h)}.opponent-list{overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);border-radius:.8rem;max-height:14.5rem;display:grid;overflow-y:auto}.opponent-list.is-dragging .opponent-row{pointer-events:none}.opponent-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);font:600 15px/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.opponent-row:last-child{border-bottom:0}@media (hover:hover){.opponent-row:hover{background:var(--ctl-h)}}.opponent-row[aria-pressed=true]{background:var(--tint);box-shadow:inset 0 0 0 2px var(--coral)}.opponent-row:focus-visible{outline:3px solid var(--action);outline-offset:-3px}.opponent-row:disabled{cursor:default;opacity:.6}.opponent-portrait{background:var(--soft);object-fit:cover;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.opponent-portrait .opt-piece{width:1.5rem;height:1.5rem}.opponent-text{flex:auto;gap:3px;min-width:0;display:grid}.opponent-name{text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.opponent-check{width:20px;height:20px;color:var(--action);flex:none}.opponent-search{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:500 .875rem var(--body);border-radius:.7rem;padding:.5rem .7rem}.opponent-search::placeholder{color:var(--mute)}.opponent-search:focus-visible{outline:3px solid var(--action);outline-offset:1px}@media (height<=800px){.opponent-list{max-height:7.5rem}.opponent-row{gap:10px;min-height:48px;padding:6px 10px;font-size:14px}.opponent-portrait{width:32px;height:32px}.opponent-portrait .opt-piece{width:1.2rem;height:1.2rem}}@media (height<=620px){.opponent-list{max-height:4rem}.opponent-search{padding:.35rem .6rem;font-size:.8rem}}.mini{aspect-ratio:1;border-radius:.4rem;flex:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:6.2rem;display:grid;overflow:hidden}.mini i{place-items:center;min-width:0;min-height:0;display:grid}.mini i.l{background:var(--sq-l)}.mini i.d{background:var(--sq-d)}.mini .mini-piece{width:88%;height:88%}.board-piece--miss{transform-box:fill-box;transform-origin:50% 85%;animation:.32s ease-in-out .15s both board-piece-miss}@keyframes board-piece-miss{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)translate(-3%)}45%{transform:rotate(8deg)translate(3%)}70%{transform:rotate(-5deg)translate(-2%)}85%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.board-piece--miss{animation:none}}.screen.hub{gap:1.4rem;padding-block:1.25rem 1.5rem}.hub-body{gap:1.4rem;min-width:0;display:grid}.games-col,.start-col{align-content:start;gap:1.5rem;min-width:0;display:grid}.hub .group .list{gap:10px}.welcome{justify-content:space-between;align-items:center;gap:10px;min-height:90px;display:flex}.welcome h1{max-width:235px;margin:0;font-size:34px;line-height:1.04}.welcome h1 em{color:var(--action);font-style:normal}.welcome-rooky{width:89px;margin-right:8px}.daily-streak{border:1px solid var(--line);background:var(--soft);max-width:100%;color:var(--ink);font:800 13px/1.4 var(--body);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;display:inline-flex}.daily-streak>.icon{flex:none;width:18px;height:18px}.daily-done{color:var(--ok);vertical-align:middle;align-items:center;margin-inline-start:8px;display:inline-flex}.daily-done .icon{width:16px;height:16px}.cta{background:var(--coral);min-height:44px;color:var(--on-coral);font:850 13px/1 var(--body);cursor:pointer;white-space:nowrap;border:0;border-radius:24px;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.cta.cta-quiet{background:var(--soft);color:var(--ink)}@media (hover:hover){.cta:hover:not(:disabled){filter:brightness(.94)}}.cta:active:not(:disabled){filter:brightness(.88)}.cta:disabled{opacity:.45;cursor:default}.av-mini{background:var(--soft);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.av-mini img{object-fit:cover;width:100%;height:100%}.av-fallback{background:var(--tint);width:100%;height:100%}.av-mini.av-sm{width:2.1rem;height:2.1rem}.row.invite .row-end{grid-auto-flow:column;align-items:center;gap:.45rem}.row.invite .icon-btn{background:0 0;width:44px;height:44px}.row.invite .icon-btn svg{width:1rem;height:1rem}.hub-state{text-align:center;justify-items:center;gap:0;padding:28px 20px}.hub-state b{font:var(--display-weight) 24px/1.1 var(--display);letter-spacing:-.025em}.hub-state span{margin:8px 0 16px;font-size:14px}.hub-loading{position:relative}.hub-loading-text{place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.modeswrap .sec{margin-bottom:16px}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode{background:var(--soft);min-width:0;min-height:136px;color:var(--ink);text-align:left;cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:16px;flex-direction:column;align-items:flex-start;padding:18px;display:flex;position:relative;overflow:hidden}.mode .mode-icon{width:29px;height:29px;margin-bottom:17px}.mode b{font:var(--display-weight) 22px/1.1 var(--display);letter-spacing:-.025em}.mode b .title-short{display:none}.mode>span{margin-top:4px;font-size:12px}.mode:focus-visible{outline:3px solid var(--action);outline-offset:3px}@media (hover:hover) and (pointer:fine){.mode:hover:not(:disabled){transform:translateY(-2px)}}.mode:active:not(:disabled){transform:scale(.98)}.mode:disabled{opacity:.45;cursor:default}.mode.blitz,.mode.bot,.mode.daily{background:var(--coral);color:var(--on-coral)}.mode.friend{grid-column:1/-1;grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;align-items:center;column-gap:17px;min-height:82px;display:grid}.mode.friend .mode-icon{grid-row:1/span 2;margin:0}.mode.friend b,.mode.friend>span{grid-column:2}.mode.friend>span{margin-top:2px}.mode-arrow{grid-area:1/3/span 2}.mode.puzzle-daily,.mode.puzzle-practice{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;min-height:0;padding:15px;display:grid}.mode.puzzle-daily .mode-icon,.mode.puzzle-practice .mode-icon{width:22px;height:22px;color:var(--action);grid-row:1/span 2;margin:0}.mode.puzzle-daily b,.mode.puzzle-practice b{font:850 14px/1.2 var(--body);letter-spacing:0}.mode.puzzle-daily>span,.mode.puzzle-practice>span{color:var(--mute);opacity:1;grid-column:2;margin:0;font-size:11px}@container content (width>=560px){.screen.hub{--page-width:74rem;padding:24px 24px 32px}.welcome{min-height:150px}.welcome h1{max-width:530px;font-size:clamp(38px,4vw,57px)}.welcome-rooky{width:128px}.hub-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;column-gap:22px}.start-col{position:sticky;top:1rem}}@container content (width>=900px){.screen.hub{padding:30px 40px 40px}.welcome{min-height:174px}.welcome-rooky{width:172px;margin-right:50px}.hub-body{grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);column-gap:36px}}@container content (width>=560px) and (height<=720px){.app-content--hub .topbar{height:68px}.app-content--hub .topbar-note{color:var(--ink);font:var(--display-weight) 28px/1 var(--display);letter-spacing:-.025em}.app-content--hub .topbar-note em{color:var(--action)}.hub .welcome{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;position:absolute;overflow:hidden}.hub .welcome-rooky{display:none}.screen.hub{gap:0;padding:22px 24px 20px}.hub-body{grid-template-columns:minmax(0,1fr) 264px;column-gap:24px}.mode{padding:18px 14px}.modes.puzzle-modes{grid-template-columns:minmax(0,1fr);gap:8px}.mode.puzzle-daily,.mode.puzzle-practice{padding:11px 15px}.games-col,.start-col{gap:20px}.sechead .sec,.modeswrap .sec{font-size:20px}.modeswrap .sec{margin-bottom:12px}}@container content (width<=559px){.screen.hub{gap:21px;padding:20px 20px 24px}.welcome{min-height:0}.welcome h1{max-width:none}.welcome-rooky{display:none}.hub-empty .start-col{order:-1}.hub-empty .hub-state{padding:14px 16px}.hub-empty .hub-state span{margin:4px 0 0}.hub-body,.games-col,.start-col{gap:22px}.hub .group .list{gap:8px}.sechead .sec,.modeswrap .sec{font-size:20px}.modeswrap .sec{margin-bottom:10px}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode{border-radius:13px;min-height:103px;padding:12px 10px}.mode .mode-icon{width:22px;height:22px;margin-bottom:12px}.mode b{white-space:nowrap;font-size:17px}.mode>span{font-size:11px;line-height:1.2}.mode.friend{grid-column:auto;align-items:flex-start;min-height:103px;display:flex}.mode.friend .mode-icon{margin-bottom:12px}.mode.friend>span{margin-top:4px}.mode.friend b .title-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode.friend b .title-short{display:inline}.mode-arrow{display:none}.modes.puzzle-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mode.puzzle-daily,.mode.puzzle-practice{column-gap:8px;padding:12px 10px}.mode.puzzle-daily b,.mode.puzzle-practice b{font-size:13px}.mode.puzzle-daily>span,.mode.puzzle-practice>span{font-size:11px}}@container content (width<=559px) and (height<=700px){.screen.hub{gap:16px;padding:14px 16px 18px}.welcome h1{font-size:28px}.hub-body,.games-col,.start-col{gap:16px}.hub .group .list{gap:6px}.sechead .sec,.modeswrap .sec{font-size:18px}.sechead,.modeswrap .sec{margin-bottom:7px}.mode,.mode.friend{min-height:86px;padding:10px}.mode .mode-icon,.mode.friend .mode-icon{width:18px;height:18px;margin-bottom:8px}.mode b{font-size:16px}.mode.puzzle-daily,.mode.puzzle-practice{padding:9px}.hub-state{padding:18px 16px}.hub-state b{font-size:20px}.hub-state span{margin:6px 0 12px}}.row{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;transition:transform .15s var(--ease);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;display:grid}.row:active{transform:scale(.985)}.row:focus-visible{outline:3px solid var(--action);outline-offset:3px}.row .mini{border-radius:5px;width:80px}.row .meta{gap:4px;min-width:0;display:grid}.row .meta b{font:850 16px/1.2 var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row .meta b.mute{color:var(--mute)}.row .meta>span{color:var(--mute);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:12px;font-weight:600;display:flex}.invites{gap:.6rem;display:grid}.games-continuation-status{min-height:1.2rem;color:var(--mute);margin:.25rem 0 0;font-size:.78rem;line-height:1.4}.games-continuation{justify-self:start;min-width:7rem;min-height:2.75rem;padding:.6rem 1rem}.games-continuation[aria-busy=true]{cursor:wait}.games-continuation:disabled{opacity:.55}.hub .hint.bad{justify-content:space-between;align-items:center;gap:.75rem;display:flex}@container content (width>=560px) and (width<=899px){.row{gap:10px;padding:12px}.row .mini{width:54px}}@container content (width<=559px){.row{border-radius:13px;gap:11px;padding:10px}.row .mini{border-radius:3px;width:48px}.row .meta b{font-size:14px}.row .meta>span{font-size:11px}.row .cta{min-height:44px;padding:7px 14px;font-size:12px}}@container content (width<=559px) and (height<=700px){.row{padding:8px}.row .mini{width:40px}}.game{box-sizing:border-box;width:100%;max-width:42rem;min-height:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));flex:1 1 0;grid-template-rows:auto minmax(0,1fr);gap:.5rem;margin:0 auto;display:grid;overflow:hidden}.gh{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px;display:grid;position:relative}.game-back,.game-home,.game-settings{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.game-back svg,.game-home svg,.game-settings svg{width:22px;height:22px}.gtitle{gap:3px;min-width:0;display:grid}.status-lead{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--display-weight) 22px/1.1 var(--display);color:var(--ink);overflow:hidden}.status-lead.su-urgent{color:var(--action)}.status-lead.status-moment{animation:status-moment .5s var(--ease)}.status-moment-icon{vertical-align:-.15em;width:1.05rem;height:1.05rem;color:var(--coral);margin-right:.35rem}@keyframes status-moment{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.game-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font-size:11px;overflow:hidden}.live{min-width:7.5em;color:var(--mute);justify-content:flex-end;justify-self:end;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.live i{background:var(--mute);border-radius:50%;width:7px;height:7px}.live.ok{color:var(--ok)}.live.ok i{background:var(--ok)}.live.danger{color:var(--danger)}.live.danger i{background:var(--danger)}.arena{flex-direction:column;gap:.35rem;min-height:0;display:flex}.arena>*{flex:none}.arena>.movelog{flex:1 1 0;min-height:calc(5.2rem + 1px)}.game-result-summary{grid-area:result}.game-result-summary-content{background:var(--tint);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:14px 15px;display:grid}.result-summary-rooky{grid-row:span 2;width:58px}.game-result-summary-content>div{gap:2px;min-width:0;display:grid}.game-result-summary-content strong{color:var(--ink);font:var(--display-weight) 22px/1.1 var(--display)}.game-result-summary-content>div>span{color:var(--mute);font-size:12px}.game-result-summary-content .btn{white-space:nowrap;min-height:38px;padding:7px 14px;font-size:13px}.arena>.board-wrap{flex:1 1 0;place-items:center;min-height:10rem;display:grid;container-type:size}.arena>.board-wrap>.board-frame{width:min(100cqw,100cqh)}.game-live .arena>.board-wrap{flex:0 calc(min(100cqw,42rem) - 1.5rem)}.arena>.board-wrap>.board-frame{position:relative}.review-pill{z-index:2;background:var(--accent);color:var(--accent-ink);font:700 .75rem/1 var(--body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem;display:inline-flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 3px #00000040}.review-pill span{border-left:1px solid color-mix(in srgb, var(--accent-ink) 40%, transparent);padding-left:.5rem;font-weight:600}.seat-name-line{align-items:center;gap:.4rem;min-width:0;display:flex}.seat-name-line>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-bot-tag{background:var(--soft);color:var(--ink);border-radius:999px;flex:none;padding:.1rem .4rem;font-size:11px;font-weight:800}.who>.seat-bot-meta{white-space:nowrap;min-width:0;color:var(--mute);flex-wrap:nowrap;align-items:center;gap:.35rem;font-size:11px;font-weight:600;display:flex;overflow:hidden}.seat-bot-meta>span:not(:first-child):not(.wiz-thinking):not(.seat-unrated):before{content:"· "}.seat-unrated{border:1px solid var(--line);border-radius:999px;padding:.1rem .32rem;font-size:.62rem}.wiz-thinking{opacity:0;height:.8rem;transition:opacity .2s var(--ease);flex:none;align-items:center;gap:.16rem;display:inline-flex}.wiz-thinking.on{opacity:1}.wiz-thinking:not(.on) i{animation:none}.wiz-thinking i{background:var(--accent);border-radius:50%;width:.22rem;height:.22rem;animation:.9s ease-in-out infinite alternate wiz-thinking-pulse}.wiz-thinking i:nth-child(2){animation-delay:.16s}.wiz-thinking i:nth-child(3){animation-delay:.32s}@keyframes wiz-thinking-pulse{to{opacity:.35;transform:translateY(-.16rem)}}@media (prefers-reduced-motion:reduce){.wiz-thinking i{animation:none}}.wiz-fill-note{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:.55rem;margin:0;padding:.55rem .7rem;font-size:.8rem;font-weight:600}.seat{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:9px;min-height:45px;display:grid;position:relative}.seat.opp{grid-area:opp}.seat.you{grid-area:you}.seat .av{background:var(--soft);width:32px;height:32px;transition:box-shadow .2s var(--ease);border:0}.seat .av-piece{width:1.05rem;height:1.05rem}.seat.turn .av{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--coral)}.who{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px .5rem;min-width:0;display:grid}.who>.seat-name-line{grid-column:1/-1}.who strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:800 13px/1.2 var(--body);overflow:hidden}.who strong.mute{color:var(--mute)}.who>span{color:var(--mute);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;display:flex}.cap{align-items:center;gap:.1rem;height:1rem;display:inline-flex}.who>.cap{flex-wrap:nowrap;min-width:0;overflow:hidden}.cap .cap-piece,.cap .adv{flex:none}.cap .cap-piece{width:.95rem;height:.95rem}.cap .adv{background:var(--ctl-h);height:1rem;color:var(--ink);font:700 .7rem/1 var(--body);border-radius:999px;align-items:center;margin-left:.35rem;padding:0 .4rem;display:inline-flex}.clock{box-sizing:content-box;background:var(--soft);min-width:4.9ch;color:var(--ink);font:850 20px/1.2 var(--body);font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;padding:5px 11px;transition:background .2s,color .2s;position:relative}.clock.on{background:var(--coral);color:var(--on-coral)}.clock-gain{color:var(--ok);font:850 13px/1 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;animation:clock-gain 1.6s var(--ease) both;position:absolute;top:50%;right:calc(100% + 6px)}@keyframes clock-gain{0%{opacity:0;transform:translate(10px,-50%)}18%{opacity:1;transform:translateY(-50%)}75%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-4px,-50%)}}@keyframes clock-gain-fade{0%,80%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.clock-gain{animation:1.6s linear both clock-gain-fade}}.clock.low{color:var(--action);transform-origin:100%;animation:clock-low-in .5s var(--ease)}.clock.on.low{background:var(--action);color:var(--bg)}@keyframes clock-low-in{0%{transform:scale(1.18)}to{transform:none}}.seat.turn.low .av{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--action)}.game-meta.game-countdown{color:var(--action);font-weight:700}.game-meta.game-countdown.waiting{color:var(--mute)}.game-meta.game-countdown.urgent{color:var(--danger)}.su-bar{background:var(--line);border-radius:3px;height:3px;position:absolute;bottom:-5px;left:0;right:0;overflow:hidden}.su-bar i{background:var(--accent);transform-origin:0;height:100%;display:block}.su-bar.waiting i{background:var(--mute)}.su-bar.urgent i{background:var(--danger)}.tools{border-top:1px solid var(--line);grid-area:tools;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.tb{min-height:44px;color:var(--mute);font:700 11px/1 var(--body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-auto-flow:column;justify-content:center;align-items:center;gap:6px;transition:background .15s,color .15s;display:grid}.tb svg{color:currentColor;width:19px;height:19px}.tb.danger{color:var(--mute)}.tb:disabled{opacity:.5;cursor:default}.movelog{border-top:1px solid var(--line);grid-area:moves;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.movelog-head{align-items:center;gap:.5rem;padding:.1rem .125rem;display:flex}.movelog-head b{font:var(--display-weight) 15px/1.1 var(--display)}.movelog-head span{font:600 .72rem/1 var(--body);font-variant-numeric:tabular-nums;color:var(--mute);margin-left:auto}.move-nav{gap:.3rem;display:flex}.move-nav button{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.move-nav button:disabled{opacity:.45;cursor:default}.game-back:after,.game-home:after,.game-settings:after{content:"";position:absolute;inset:-4px}.move-nav svg{width:1.05rem;height:1.05rem}.moves{scroll-snap-type:y mandatory;scrollbar-width:none;min-height:0;font:700 14px/1 var(--body);font-variant-numeric:tabular-nums;align-content:start;margin:0;padding:0;list-style:none;display:grid;position:relative;overflow-y:auto}.moves::-webkit-scrollbar{display:none}.moves li{height:var(--row-h,2.25rem);scroll-snap-align:start;-webkit-user-select:none;user-select:none;grid-template-columns:2.125rem minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.25rem;display:grid}.moves li:nth-child(2n){background:var(--soft)}.moves li b{color:var(--mute);font:600 14px/1 var(--body);padding-left:12px}.moves:empty:before{content:"No moves yet";font:600 .8rem var(--body);color:var(--mute);padding:.5rem .25rem}.ml{min-height:1.75rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;padding:0 .625rem;transition:background .15s;display:flex}.ml:disabled{cursor:default}.offer{grid-area:extra}@media (hover:hover){.game-settings:hover{color:var(--ink);background:var(--ctl-h)}.tb:hover:not(:disabled),.move-nav button:hover:not(:disabled),.ml:hover:not(:disabled){background:var(--ctl-h)}}.ml.cur,.ml.cur:hover{background:var(--tint);color:var(--action);font-weight:800}.game-feedback{gap:.5rem;display:grid}.game-feedback:empty,.spectating-note,.feedback-note-only .game-feedback{display:none}.board-loading{aspect-ratio:1;color:var(--mute);place-items:center;display:grid}.board-frame{--board-radius:6px;aspect-ratio:1;border-radius:var(--board-radius);width:100%;min-width:0;box-shadow:var(--board-sh);overflow:hidden}.board-frame>div{border-radius:var(--board-radius);max-width:none;margin:auto;overflow:hidden;width:100%!important}.board-frame svg:focus{outline:3px solid var(--action);outline-offset:3px}.offer{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.offer>span{color:var(--action);margin-right:auto;font-weight:700}@media (width<=560px){.game{padding-inline:.75rem}}@container app (width<=720px) and (height<=700px){.game{gap:.35rem;padding-block:.5rem}.gh{min-height:36px}.status-lead{font-size:20px;line-height:1.1}.game-meta{font-size:11px;line-height:1.2}.seat{min-height:38px}.seat .av{width:28px;height:28px}.clock{padding:3px 9px;font-size:17px}.tb{min-height:36px}.game-result-summary-content{border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:2px 2px 2px 10px}.result-summary-rooky{grid-row:auto;width:28px}.game-result-summary-content strong{font-size:16px}.game-result-summary-content>div>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.game-result-summary-content .btn{min-height:36px;padding:0 14px}}@container app (width>=35rem) and (height<=45rem){.game{gap:.35rem;max-width:min(62rem,100cqh + 12rem);min-height:0;padding:.35rem .75rem}.seat{column-gap:.7rem;min-height:2.1rem}.seat .av{width:2.2rem;height:2.2rem}.seat .av-piece{width:1.3rem;height:1.3rem}.arena{grid-template:"board opp""board you""board tools""board extra""board moves"minmax(0,1fr)/minmax(0,1fr) clamp(11rem,30cqw,15rem);gap:.1rem .8rem;min-height:0;display:grid}.game.has-result .arena{grid-template-rows:auto auto auto auto auto minmax(0,1fr);grid-template-areas:"board opp""board you""board result""board tools""board extra""board moves"}.game-result-summary-content{padding:.5rem .6rem}.result-summary-rooky{width:40px}.game-result-summary-content strong{font-size:.95rem}.game-result-summary-content>div>span{font-size:.72rem}.game-result-summary-content .btn{min-height:2rem;padding-block:.25rem}.tb{min-height:1.75rem}.game-feedback{grid-area:extra}.arena>.board-wrap{grid-area:board;place-self:start end;width:min(100%,100cqh - 6rem);display:block;container-type:normal}.game:not(.puzzle-screen) .arena>.board-wrap>.board-frame{width:100%}.arena>.movelog{min-height:0}.movelog-head{padding:.2rem .125rem .15rem}.offer{flex-wrap:wrap;gap:.2rem;padding:.3rem .5rem}.offer>span{flex:100%;margin-right:0;font-size:.8rem}.offer .btn{flex:auto;min-height:1.75rem;padding:.2rem .5rem;font-size:.78rem}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.spectating-note{display:block}.feedback-note-only .game-feedback{display:grid}.clock{font-size:1.25rem}.who strong{font-size:.98rem}}@container app (width>=60rem){.game{gap:20px;max-width:81rem;height:auto;min-height:0;padding:20px 40px 24px}.gh{gap:14px}.status-lead{font-size:27px}.game-meta,.live{font-size:12px}.seat{column-gap:12px;min-height:58px}.seat .av{width:42px;height:42px}.seat .av-piece{width:1.4rem;height:1.4rem}.who strong{font-size:15px}.who>.seat-bot-meta{font-size:12px}.clock{border-radius:10px;padding:6px 15px;font-size:24px}.board-frame{--board-radius:9px}.arena{--board-size:min(calc(min(81rem, 100cqw) - 27rem), calc(100cqh - 6rem), 54rem);height:var(--board-size);grid-template:"board opp""board you""board tools""board extra""board moves"minmax(0,1fr)/minmax(0,1fr) clamp(18rem,32cqw,24rem);gap:.5rem 1rem;min-height:0;display:grid}.arena>.board-wrap{justify-self:end}.game-live .arena{--board-size:min(calc(min(81rem, 100cqw) - 80px - 313px), calc(100cqh - 19rem), 54rem);height:calc(var(--board-size) + 116px + 24px);grid-template-areas:"opp moves""board moves""board tools""board extra""you extra";grid-template-columns:var(--board-size) 285px;grid-template-rows:58px minmax(0,1fr) auto auto 58px;justify-content:center;gap:12px 28px;min-height:0;display:grid}.game-live.has-result .arena{grid-template-rows:58px minmax(0,1fr) auto auto auto 58px;grid-template-areas:"opp moves""board moves""board result""board tools""board extra""you extra"}.spectating-note{display:block}.feedback-note-only .game-feedback{display:grid}.game-feedback{grid-area:extra;align-self:start}.arena>.board-wrap{width:var(--board-size);grid-area:board;align-self:start;display:block;container-type:normal}.game-live .arena>.board-wrap{justify-self:start}.game:not(.puzzle-screen) .arena>.board-wrap>.board-frame{width:100%}.movelog{border-top:0;border-bottom:1px solid var(--line)}.movelog-head{border-bottom:1px solid var(--line);padding:0 0 14px}.movelog-head b{font-size:24px}.tools{border-top:0}.tb{font-size:12px}}.puzzle-loading{justify-items:center;gap:.75rem;margin:3rem 0;display:grid}.puzzle-loading-rooky{width:88px}.puzzle-loading-text{color:var(--ink);font:var(--display-weight) 20px/1.2 var(--display)}.streak-pips{flex:none;gap:3px;display:inline-flex}.streak-pip{background:var(--coral);border-radius:3px;width:10px;height:10px;display:block}.puzzle-result-streak{align-items:center;gap:.5rem;display:inline-flex}.puzzle-result-streak b{font-weight:850}.puzzle-result-stat{background:var(--soft);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .9rem;font-size:14px;font-weight:700;display:flex}.puzzle-result-rooky{padding-top:1.5rem}.puzzle-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:.5rem;display:grid}.puzzle-tile{background:var(--soft);border-radius:16px;justify-items:center;gap:2px;padding:16px 8px 10px;display:grid;position:relative}.puzzle-tile .n{color:var(--ink);font:var(--display-weight) 44px/1 var(--display)}.puzzle-tile .l{color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.puzzle-tile.is-new{background:var(--tint);box-shadow:inset 0 0 0 2px var(--coral)}.puzzle-tile.is-new .n{color:var(--action);animation:puzzle-tile-pop 1.1s var(--ease) both}.puzzle-tile-badge{background:var(--coral);color:var(--on-coral);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:puzzle-tile-badge 1.1s var(--ease) both;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:900;position:absolute;top:-11px;left:50%;transform:translate(-50%)}@keyframes puzzle-tile-pop{0%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.28)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes puzzle-tile-badge{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.5)}60%{opacity:1;transform:translate(-50%)translateY(-3px)scale(1.12)}to{transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.puzzle-tile.is-new .n,.puzzle-tile-badge{animation:none}}.puzzle-result-next{text-align:center;color:var(--mute);margin:0;font-size:13px;font-weight:700}.result-actions .icon{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px;margin-left:.35rem}.puzzle-strip{background:var(--tint);border:1px solid #0000;border-radius:14px;grid-area:strip;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:4rem;padding:8px 8px 8px 12px;display:grid}.puzzle-strip--white{background:var(--pw);border-color:var(--line)}.puzzle-strip--white .puzzle-strip-text strong{color:#292825}.puzzle-strip--white .puzzle-strip-text span{color:#6a6156}.puzzle-strip--black{background:var(--ps);border-color:#49433b}.puzzle-strip--black .puzzle-strip-text strong{color:#faf5eb}.puzzle-strip--black .puzzle-strip-text span{color:#c1b5a6}.puzzle-strip--plain{background:var(--surface);border-color:var(--line)}.puzzle-strip--miss{border-color:color-mix(in srgb, var(--coral) 55%, var(--line))}.puzzle-strip--miss .puzzle-strip-text strong{color:var(--action)}.puzzle-strip-rooky{width:44px}.puzzle-strip-text{gap:2px;min-width:0;display:grid}.puzzle-strip-text strong{color:var(--ink);font:var(--display-weight) 17px/1.1 var(--display)}.puzzle-strip-text span{-webkit-line-clamp:2;color:var(--mute);-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.puzzle-strip .btn{white-space:nowrap;min-height:40px;padding:0 14px;font-size:13px}.arena>.puzzle-moves{flex-direction:column;grid-area:moves;gap:.3rem;min-height:0;display:flex;overflow-y:auto}.puzzle-hearts{flex:none;gap:.3rem;display:flex}.puzzle-heart{color:var(--coral);font-size:1.6rem;line-height:1}.puzzle-heart--empty{color:var(--line)}.puzzle-heart--spent{animation:puzzle-heart-spent .45s var(--ease) both}@keyframes puzzle-heart-spent{0%{color:var(--coral);transform:scale(1)}35%{color:var(--coral);transform:scale(1.3)}to{color:var(--line);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.puzzle-heart--spent{animation:none}}.board-3d-loading{pointer-events:none;color:#fff;background-color:#140f0c38;place-items:center;display:grid;position:absolute;inset:0}.tb.tb-primary{background:var(--accent);color:var(--accent-ink)}.tb.tb-primary svg{color:currentColor}.tb.tb-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.game-side-panel{flex-direction:column;flex:1 1 0;min-height:2.75rem;display:flex;overflow:hidden}.game-side-tabs{display:none}.game-side-content{flex:1 1 0;min-height:0;display:flex;overflow:hidden}.game-side-moves{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.game-side-moves>.movelog{flex:1 1 0;min-height:0}.game-chat-entry{min-height:2.75rem;color:var(--action);cursor:pointer;background:0 0;border:0;border-radius:.65rem;flex:none;justify-content:center;align-items:center;gap:.45rem;padding:0 .65rem;font-weight:800;display:inline-flex}.game-chat-unread{background:var(--action);min-width:1.25rem;height:1.25rem;color:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .25rem;font-size:.68rem;font-weight:800;line-height:1;display:inline-grid}.game-chat-unread[hidden]{display:none}.game-side-chat{flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.game-side-chat[hidden],.game-side-moves[hidden]{display:none}.game-mobile-panel-heading{flex:none;justify-content:space-between;align-items:center;min-height:2.75rem;display:flex}.game-mobile-panel-heading>strong{font:var(--display-weight) 1rem/1.1 var(--display)}.game-side-moves>.movelog .movelog-head>b{display:none}.chat-inline{min-width:0;min-height:0;color:var(--ink);flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow:hidden}.chat-inline-header{flex:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-inline-header h2,.chat-sheet-title{font:var(--display-weight) 1.2rem/1.15 var(--display);letter-spacing:-.02em;margin:0}.chat-more{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.chat-more svg{fill:currentColor;width:1.35rem;height:1.35rem}.chat-turn-strip{border-block:1px solid var(--line);min-width:0;color:var(--mute);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.5rem;margin-top:.55rem;padding:.45rem 0;font-size:.69rem;display:flex}.chat-turn-strip>span:first-child{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:800;overflow:hidden}.chat-turn-strip>span:not(:first-child){white-space:nowrap}.chat-turn-strip strong{background:var(--soft);color:var(--ink);border-radius:.3rem;padding:.18rem .35rem;font-weight:900;display:inline-block}.chat-turn-strip .viewer-clock strong{background:var(--coral);color:var(--on-coral)}.chat-messages{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:.65rem;min-height:2rem;padding:.7rem .75rem .7rem .15rem;display:flex;overflow:auto}.chat-message{flex-direction:column;flex:none;align-items:flex-start;max-width:92%;display:flex}.chat-message.mine{align-self:flex-end;align-items:flex-end}.chat-bubble{background:var(--soft);max-width:100%;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.8rem .8rem .8rem .2rem;padding:.55rem .7rem;font-size:.84rem;line-height:1.35}.chat-message.mine .chat-bubble{background:var(--tint);border-radius:.8rem .8rem .2rem}.chat-message-meta{color:var(--mute);align-items:center;gap:.45rem;margin-top:.15rem;font-size:.75rem;display:flex}.chat-rejected-status{color:var(--danger)}.chat-rejected-status svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:.85rem;height:.85rem}.chat-empty{color:var(--mute);text-align:center;align-self:center;margin:auto;padding:1rem;font-size:.85rem}.chat-error{color:var(--danger);flex:none;margin:.2rem 0;font-size:.75rem}.chat-unavailable{color:var(--mute);text-align:center;margin:auto;padding:1.25rem;font-size:.88rem}.chat-send-status{color:var(--mute);text-align:center;flex:none;margin:0;font-size:.75rem}.chat-send-status.chat-rejected-status{color:var(--danger)}.chat-send-recovery{color:var(--action);text-align:center;flex:none;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.chat-send-recovery button{min-height:2.75rem;color:var(--action);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:0 .5rem;font-weight:800;text-decoration:underline}.chat-presets{scrollbar-width:none;flex:1 1 0;gap:.35rem;min-width:0;padding:.35rem 0 .55rem;display:flex;overflow-x:auto}.chat-presets button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);white-space:normal;cursor:pointer;background:0 0;border-radius:999px;flex:none;max-width:100%;padding:0 .65rem;font-size:.8rem}.chat-presets button:disabled{opacity:.5;cursor:default}.chat-composer{flex:none;align-items:flex-end;gap:.45rem;display:flex}.chat-composer textarea{resize:none;border:1px solid var(--line);background:var(--bg);min-width:0;min-height:2.75rem;max-height:min(8rem,30dvh);color:var(--ink);font:500 1rem/1.35 var(--body);caret-color:var(--action);border-radius:.75rem;outline:none;flex:auto;padding:.65rem .75rem;overflow-y:auto}.chat-composer textarea::placeholder{color:var(--mute);opacity:1}.chat-composer textarea:focus-visible{border-color:var(--action);outline:2px solid color-mix(in srgb, var(--action) 28%, transparent);outline-offset:1px}.chat-send{background:var(--coral);width:2.75rem;height:2.75rem;color:var(--on-coral);cursor:pointer;border:0;border-radius:.75rem;flex:none;place-items:center;padding:0;display:grid}.chat-send svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.chat-send:disabled{opacity:.45;cursor:default}.chat-note{color:var(--mute);text-align:center;flex:none;margin:.35rem 0 0;font-size:.75rem}.chat-menu{z-index:5;border:1px solid var(--line);background:var(--surface);min-width:12rem;box-shadow:var(--shadow);border-radius:.75rem;padding:.3rem;display:grid;position:absolute;top:2.7rem;right:.25rem}.chat-menu button{min-height:2.75rem;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;justify-content:flex-start;align-items:center;padding:.35rem .65rem;font-size:.8rem;display:flex}@media (hover:hover){.chat-menu button:hover:not(:disabled){background:var(--soft)}}.chat-menu button:disabled{color:var(--mute);cursor:default}.chat-report-form{gap:.55rem;display:grid}.chat-report-form>label:first-child{color:var(--mute);font-size:.78rem;font-weight:800}.chat-report-form select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;border-radius:.55rem;padding:.5rem .65rem}.chat-report-preview{background:var(--soft);max-height:6rem;color:var(--ink);overflow-wrap:anywhere;border-radius:.55rem;margin:0;padding:.6rem .7rem;font-size:.82rem;overflow:auto}.chat-report-preview time{color:var(--mute);font-size:.72rem}.chat-report-preview p{white-space:pre-wrap;margin:.25rem 0 0}.chat-report-context{color:var(--mute);margin:0;font-size:.76rem}.chat-report-mute{min-height:2.75rem;color:var(--ink);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.chat-report-mute input{width:1.1rem;height:1.1rem;accent-color:var(--action)}.game-chat-overlay{z-index:90;height:var(--game-chat-viewport-height,100dvh);justify-content:center;align-items:flex-end;max-height:100dvh;display:flex;position:fixed;inset:0}.game-chat-scrim{background:var(--scrim);cursor:default;border:0;animation:.18s ease-out both chat-scrim-in;position:absolute;inset:0}.game-chat-sheet{width:100%;height:min(100%,max(78dvh,30rem));max-height:100%;padding:min(.5rem, 8px) min(1rem, 16px) calc(min(.65rem, 11px) + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);color:var(--ink);animation:chat-sheet-in .24s var(--ease) both;border-bottom:0;border-radius:1.1rem 1.1rem 0 0;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden;box-shadow:0 -10px 32px #29282529;container:chat-sheet/inline-size}.game-chat-sheet.typing{height:100%;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.chat-sheet-handle{background:var(--line);border-radius:99px;flex:none;width:2rem;height:.22rem;margin:0 auto .1rem}.chat-sheet-header{flex:none;justify-content:space-between;align-items:center;min-height:2.75rem;display:flex}.chat-back{min-height:2.75rem;color:var(--action);cursor:pointer;background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.3rem;padding:0 .25rem;font-size:.76rem;font-weight:900;display:inline-flex}.chat-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.chat-sheet-title{overflow-wrap:anywhere;flex:none;margin-top:.15rem;font-size:1.2rem}.game-chat-sheet .chat-turn-strip{margin-top:.45rem}.game-chat-sheet .chat-messages{padding-block:.5rem}.game-chat-sheet.typing .chat-sheet-handle{display:none}.game-chat-sheet.typing .chat-sheet-title{font-size:1.05rem}.game-chat-sheet.typing .chat-note,.game-chat-sheet.typing .chat-presets-wrap{display:none}.game-chat-sheet.typing .chat-turn-strip{margin-top:.3rem}.game-chat-sheet.typing .chat-composer textarea{min-height:2.75rem}.game-chat-sheet .chat-menu{top:3rem}@keyframes chat-sheet-in{0%{opacity:.88;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes chat-scrim-in{0%{opacity:0}to{opacity:1}}@container app (width>=60rem){.game-live .arena>.game-side-panel{grid-area:moves;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.game-side-tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:1.2rem;min-height:2.8rem;display:flex}.game-side-tabs button{min-height:2.7rem;color:var(--mute);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:0 .1rem;font-weight:800;display:inline-flex}.game-side-tabs button[aria-pressed=true]{border-bottom-color:var(--action);color:var(--action)}.game-side-content,.game-side-moves{min-height:0}.game-side-moves>.movelog{border:0}.game-side-moves .movelog-head,.game-chat-entry,.game-mobile-panel-heading{display:none}.game-side-moves>.movelog .movelog-head>b{display:initial}.game-chat-sheet,.game-chat-overlay{display:none}.chat-inline[aria-hidden=true]{visibility:hidden}}@media (prefers-reduced-motion:reduce){.game-chat-sheet,.game-chat-scrim{animation:none}}.chat-presets-wrap{--chat-presets-edge:var(--bg);flex:none;align-items:center;min-width:0;display:flex;position:relative}.game-chat-sheet .chat-presets-wrap{--chat-presets-edge:var(--surface)}.chat-presets-wrap .chat-presets{padding-inline-end:44px}.chat-presets-next{inset-inline-end:0;background:linear-gradient(to right, transparent, var(--chat-presets-edge) 45%);width:44px;height:44px;color:var(--mute);cursor:pointer;border:0;border-radius:0;place-items:center;padding:0 0 0 8px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.chat-presets-next svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.chat-presets-next:disabled{visibility:hidden}.chat-inline .chat-presets-next{color:var(--ink)}.chat-inline .chat-presets-next svg{width:16px;height:16px}.chat-new-messages{border:1px solid var(--line);background:var(--surface);min-height:2.75rem;color:var(--action);font:inherit;cursor:pointer;border-radius:.65rem;flex:none;align-self:center;padding:.35rem .75rem;font-size:.8rem;font-weight:800}.chat-more:focus-visible,.chat-back:focus-visible,.chat-presets-wrap button:focus-visible,.chat-new-messages:focus-visible,.chat-send-recovery button:focus-visible{outline:2px solid var(--action);outline-offset:2px}@container chat-sheet (width<=20rem){.chat-sheet-title{font-size:1rem}.chat-turn-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.125rem .5rem;font-size:.75rem;display:grid}.chat-turn-strip>span:first-child{white-space:normal;grid-column:1/-1;overflow:visible}.chat-turn-strip>span:not(:first-child){white-space:normal;flex-direction:column;align-items:flex-start;gap:.125rem;display:flex}.chat-turn-strip .viewer-clock{align-items:flex-end}.chat-sheet-handle{display:none}.chat-note{margin-top:.2rem}.chat-sheet-header,.chat-back{min-height:44px}.chat-more{width:max(44px,1.75rem);height:max(44px,1.75rem)}.chat-presets button{min-height:44px;padding-block:.3rem}.chat-turn-strip strong{padding-inline:.2rem;font-size:.875em;line-height:1.15}.chat-composer~.chat-note,.chat-back-detail{display:none}.chat-clock-label{font-size:.875em;line-height:1.15}.chat-turn-strip{padding-block:.125rem}.chat-new-messages{min-height:44px}.chat-composer textarea{padding:.3rem .4rem}.chat-send{width:max(44px,1.75rem);height:max(44px,1.75rem)}.chat-presets{padding-block:.2rem}.chat-presets button{white-space:nowrap}}.promo-root{z-index:90;background:color-mix(in srgb, var(--scrim) 60%, transparent);animation:.18s ease-out promo-fade;position:fixed;inset:0}.promo-panel{width:min(21rem,100vw - 1rem);color:var(--ink);background:var(--surface);border:1px solid var(--line);transform-origin:var(--promo-notch,50%) 0;animation:promo-pop .22s var(--ease);border-radius:.9rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem .5rem;padding:.9rem;display:grid;position:fixed;box-shadow:0 24px 60px #00000047}.promo-panel:before{content:"";top:-7px;left:calc(var(--promo-notch,50%) - 6px);background:var(--surface);border-top:1px solid var(--line);border-left:1px solid var(--line);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.promo-panel--above{transform-origin:var(--promo-notch,50%) 100%}.promo-panel--above:before{top:auto;bottom:-7px;transform:rotate(225deg)}.promo-title{font:500 1.25rem/1.15 var(--display);margin:0}.promo-close{cursor:pointer;grid-area:1/2;margin:-.25rem -.25rem -.25rem 0}.promo-options{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.promo-opt{gap:.15rem;min-height:5.2rem;padding:.55rem .2rem .5rem;font-size:.84rem}.promo-opt .promo-piece,.promo-opt .promo-glyph{width:2.75rem;height:2.75rem;transition:transform .2s var(--ease);display:block}.promo-opt .promo-glyph{place-items:center;font-size:2.3rem;line-height:1;display:grid}.promo-opt:hover,.promo-opt:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.promo-opt:hover .promo-piece,.promo-opt:focus-visible .promo-piece,.promo-opt:hover .promo-glyph,.promo-opt:focus-visible .promo-glyph{transform:translateY(-3px)scale(1.08)}.promo-hint{color:var(--mute);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.4}.promo-root[data-layout=docked] .promo-panel{width:100%;padding:1.1rem 1rem calc(1rem + env(safe-area-inset-bottom));transform-origin:50% 100%;border-bottom:0;border-radius:1.2rem 1.2rem 0 0;animation-name:promo-sheet;inset:auto 0 0;box-shadow:0 -10px 40px #00000040}.promo-root[data-layout=docked] .promo-panel:before{display:none}.promo-root[data-layout=docked] .promo-opt{min-height:5.8rem}@keyframes promo-fade{0%{opacity:0}to{opacity:1}}@keyframes promo-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes promo-sheet{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.promo-fx{--promo-gold:var(--friend);pointer-events:none;position:absolute;inset:0}.promo-fx>span,.promo-fx>img{position:absolute}.promo-fx__piece{object-fit:contain;width:92%;height:92%;top:4%;left:4%}.promo-fx__glyph{place-items:center;font-size:2.4rem;line-height:1;display:grid}.promo-fx__glow,.promo-fx__flash,.promo-fx__ring{opacity:0;inset:0}.promo-fx__glow{background:radial-gradient(circle, color-mix(in srgb, var(--promo-gold) 80%, white) 0%, color-mix(in srgb, var(--promo-gold) 55%, transparent) 38%, transparent 70%);border-radius:50%}.promo-fx__flash{background:var(--promo-gold)}.promo-fx__ring{border:3px solid var(--promo-gold);border-radius:50%}.promo-fx__spark{opacity:0;background:var(--promo-gold);width:8%;height:8%;box-shadow:0 0 6px var(--promo-gold);border-radius:1px;top:46%;left:46%}.promo-fx[data-mode=ceremony][data-phase=lift] .promo-fx__piece{animation:promo-lift var(--promo-swap) cubic-bezier(.3, 0, .3, 1) both}.promo-fx[data-mode=ceremony][data-phase=land] .promo-fx__piece{animation:promo-land .46s var(--ease) both}.promo-fx[data-mode=ceremony] .promo-fx__glow{animation:.82s ease-in both promo-glow}.promo-fx[data-mode=ceremony] .promo-fx__ring{animation:promo-ring .62s cubic-bezier(.1, .7, .3, 1) var(--promo-land) both}.promo-fx[data-mode=ceremony] .promo-fx__flash{animation:promo-flash .7s ease-out var(--promo-land) both}.promo-fx[data-mode=ceremony] .promo-fx__spark{animation:.66s cubic-bezier(.1,.7,.3,1) both promo-spark}.promo-fx[data-mode=neutral]{--promo-gold:var(--accent)}.promo-fx[data-mode=neutral][data-phase=lift] .promo-fx__piece{animation:promo-shrink var(--promo-swap) ease-in both}.promo-fx[data-mode=neutral][data-phase=land] .promo-fx__piece{animation:promo-grow .3s var(--ease) both}.promo-fx[data-mode=neutral] .promo-fx__ring{animation:promo-pulse .45s ease-out var(--promo-land) both}.promo-nudge{animation:.18s ease-out promo-nudge}@keyframes promo-lift{0%{filter:brightness();transform:none}72%{filter:brightness(1.15);transform:translateY(-24%)scale(1.12)}to{filter:brightness(4)saturate(0);transform:translateY(-26%)scale(1.04)}}@keyframes promo-land{0%{filter:brightness(4)saturate(0);transform:translateY(-26%)scale(.8)}42%{filter:brightness(1.5);transform:translateY(4%)scale(1.26,1.1)}62%{filter:brightness();transform:scale(1.08,.92)}to{filter:brightness();transform:none}}@keyframes promo-glow{0%{opacity:0;transform:scale(.4)}49%{opacity:.95;transform:scale(1.7)}to{opacity:0;transform:scale(2.6)}}@keyframes promo-ring{0%{opacity:1;border-width:4px;transform:scale(.6)}to{opacity:0;border-width:1px;transform:scale(3)}}@keyframes promo-flash{0%{opacity:.75}to{opacity:0}}@keyframes promo-spark{0%{opacity:1;transform:translate(0)rotate(45deg)scale(1.4)}to{opacity:0;transform:translate(var(--promo-x), var(--promo-y)) rotate(225deg) scale(.3)}}@keyframes promo-shrink{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}@keyframes promo-grow{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes promo-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}@keyframes promo-nudge{50%{transform:translateY(2.5px)}}:is(html:has(.puzzle-screen),body:has(.puzzle-screen)){overflow:hidden}.game.puzzle-screen{width:100%;max-width:60rem;height:auto;min-height:0;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));flex:1 1 0;gap:.6rem;overflow:hidden;container:pz/size}.puzzle-screen .gh.has-home{grid-template-columns:auto minmax(0,1fr) auto}.puzzle-screen .gh:not(.has-back,.has-home){grid-template-columns:minmax(0,1fr) auto}.puzzle-screen .gh.has-settings.has-home{grid-template-columns:auto minmax(0,1fr) auto auto}.puzzle-screen .gh.has-settings:not(.has-back,.has-home){grid-template-columns:minmax(0,1fr) auto auto}.puzzle-screen .gtitle{white-space:nowrap;overflow:hidden}.puzzle-screen .gtitle>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.puzzle-screen .gtitle>span{color:var(--ink);font:var(--display-weight) 22px/1.1 var(--display)}.puzzle-screen .gtitle>small{color:var(--mute);font-size:11px}@container app (width>=60rem){.puzzle-screen .gtitle>span{font-size:27px}.puzzle-screen .gtitle>small{font-size:12px}}.puzzle-screen>.arena{flex-direction:column;gap:.75rem;height:auto;min-height:0;padding-inline:5px;display:flex;overflow:hidden}.puzzle-screen>.arena>*{flex:none}.puzzle-screen .arena>.board-wrap{aspect-ratio:1;flex:0 auto;grid-area:board;place-items:start center;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden;container:pzboard/size}.puzzle-screen:not(.puzzle-screen--board) .arena>.board-wrap{display:none}.puzzle-screen .board-frame{width:var(--puzzle-board-size,min(100cqw, 100cqh));height:var(--puzzle-board-size,min(100cqw, 100cqh))}.puzzle-screen .arena>.seat.you{grid-area:you;min-height:2rem}.puzzle-screen .arena>.tools{grid-area:tools;padding-top:.5rem}.puzzle-screen .who{grid-template-columns:minmax(0,1fr) auto}.puzzle-screen .puzzle-hearts{gap:.15rem}.puzzle-screen .puzzle-heart{font-size:1.3rem}.puzzle-screen .tb{min-height:2.5rem}.puzzle-screen .arena>.puzzle-moves{grid-area:moves;min-height:0;display:none;overflow:hidden}.puzzle-screen .puzzle-moves .movelog{flex:1 1 0;min-height:0;display:none;overflow:hidden}.puzzle-screen .puzzle-moves .moves{overflow:hidden}@container pz (aspect-ratio>=21/20){.puzzle-screen--board>.arena{grid-template:"board you""board strip""board tools""board moves"minmax(0,1fr)/minmax(0,1fr) clamp(11rem,34cqw,17rem);gap:.75rem;display:grid}.puzzle-screen .arena>.board-wrap{aspect-ratio:auto;height:100%}.puzzle-screen .puzzle-strip{grid-template-columns:auto minmax(0,1fr)}.puzzle-screen .puzzle-strip .btn{grid-column:1/-1}.puzzle-screen .puzzle-strip{align-content:center;min-height:7.3rem}.puzzle-screen .who{grid-template-columns:minmax(0,1fr);gap:.1rem}.puzzle-screen .arena>.puzzle-moves{flex-direction:column;display:flex}.puzzle-screen .puzzle-moves .movelog{border-bottom:0;min-height:0;display:grid}}.puzzle-comment-open{min-height:2.25rem;margin-top:.3rem;padding:.3rem .8rem;font-size:.85rem}.puzzle-comment-posted{color:var(--mute);margin-top:.3rem;font-size:.85rem;font-weight:700}.puzzle-comment-text{resize:vertical;width:100%;min-height:7rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:.7rem .8rem;line-height:1.4}.puzzle-comment-text::placeholder{color:var(--mute)}.puzzle-comment-auto{gap:.5rem;display:grid}.puzzle-comment-auto h3{color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.puzzle-comment-preview{border:1px solid var(--line);color:var(--mute);border-radius:.6rem;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.puzzle-comment-preview svg{flex:none;width:1.1rem;height:1.1rem}.puzzle-comment-preview em{color:var(--ink);overflow-wrap:anywhere}.puzzle-comment-error{min-height:1.2em;margin:0}.ui-modal:has(.puzzle-comment-text) .ui-modal__footer{border-top:1px solid var(--line);padding-top:1rem}.ui-modal:has(.result) .ui-modal__heading>:is(h2,p){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-modal:has(.result) .ui-modal__header{padding-bottom:0}.result{text-align:center;gap:.8rem;display:grid}.result-rooky{width:98px;margin:0 auto 4px}.result .big{font:var(--display-weight) 34px/1.05 var(--display)}.result .rsub{color:var(--mute)}.result .actions.stack{grid-template-columns:1fr;gap:.5rem;display:grid}.ui-modal__footer:has(>.result-actions){border-top:1px solid var(--line)}.ui-modal__footer>.result-actions{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}@media (height<=600px){.puzzle-result{gap:.6rem}.puzzle-result .puzzle-result-rooky{width:72px;margin-bottom:0;padding-top:.75rem}.puzzle-result .big{font-size:30px}.ui-modal__footer>.result-actions{grid-template-columns:1fr 1fr}.ui-modal__footer>.result-actions>:first-child:nth-last-child(3){grid-column:1/-1}}@media (height<=460px){.puzzle-result{gap:.5rem}.puzzle-result .puzzle-result-rooky{width:52px;padding-top:.25rem}.puzzle-result .big{font-size:26px}}.result .hint{min-height:1.25em}.results-sign-in{color:var(--action);font-size:.875rem}.result--enter>:is(.result-rooky,.big,.rsub,.result-actions,.results-sign-in){animation:result-rise .5s var(--ease) both}.result--enter>.big{animation-delay:80ms}.result--enter>.rsub{animation-delay:.16s}.result--enter>:is(.result-actions,.results-sign-in){animation-delay:.24s}.result--enter.result--win>.big{animation:result-pop .46s var(--ease) 80ms both}.result--enter.result--win .rooky{animation:rooky-bounce .8s var(--ease) .12s}.ui-modal.ui-modal--result-win .ui-modal__header{z-index:1;position:absolute;inset:0 0 auto}.ui-modal.ui-modal--result-win .ui-modal__body{margin-top:0;padding-top:calc(1.15rem + 32px)}@keyframes result-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes result-pop{0%{opacity:0;transform:translateY(8px)scale(.9)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}.result-report{justify-content:center;display:flex}.result-report .btn{width:100%}.result-report .game-report-status{border:1px dashed var(--line);border-radius:24px;justify-content:center;width:100%;min-height:44px}.game-report-status{min-height:40px;color:var(--mute);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.game-report-status.sent:before{content:"✓";color:var(--ok)}.game-report-settings>.setting:last-child{border-bottom:0}.game-report-setting .btn{white-space:nowrap;min-height:40px}.profile-top{flex-wrap:wrap;align-items:center;gap:20px;margin:6px 0 0;display:flex}.profile-top .av.big{border:0;width:82px;height:82px}.profile-id{flex:0 auto;gap:5px;min-width:0;max-width:calc(100% - 102px);display:grid}.profile-name{overflow-wrap:break-word;min-width:0;font-size:35px;line-height:1.1}.account-line{color:var(--mute);font-size:13px}.profile-top .pencil{flex:none}.profile-top .pencil .icon{width:17px;height:17px}.profile-layout{align-items:start;gap:38px;display:grid}.profile-flow{gap:30px;min-width:0;display:grid}.settings-group h2{margin-bottom:15px;font-size:24px}.settings-group>.settings:last-of-type>.setting:last-child{border-bottom:0}.profile .setting .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile .btn-block{width:100%}.profile .fine{text-align:center;margin-top:14px}.profile .settings-legal{color:var(--mute);text-align:center;margin:.25rem 0 0;font-size:.75rem;line-height:1.45}.profile .settings-legal a{color:var(--mute);text-underline-offset:.15em;text-decoration:underline}.profile .settings-legal a:hover{color:var(--ink)}.profile .build-stamp{letter-spacing:.02em;opacity:.7;margin:.6rem 0 0;font-size:.7rem}@container app (width>=721px){.screen.profile{--page-width:48rem;padding:24px 24px 40px}}@container app (width>=1101px){.screen.profile{--page-width:48rem;padding:30px 40px 40px}}@container app (width<=720px){.profile-top{gap:13px;margin:0}.profile-top .av.big{width:67px;height:67px}.profile-id{max-width:calc(100% - 80px)}.profile-name{font-size:28px}.account-line{font-size:11px}.profile-top .pencil{min-height:44px;padding:8px 14px;font-size:12px}.profile-flow{gap:20px}.settings-group h2{font-size:22px}.profile .setting--account{grid-template-columns:minmax(0,1fr)}.profile .setting--account .lab span{max-width:none}.profile .setting--account .actions{justify-content:stretch}.profile .setting--account .actions .btn{flex:10rem}}.avgrid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.avgrid .av{aspect-ratio:1;cursor:pointer;border:2px solid #0000;width:100%;height:auto;padding:0}.avgrid .av.snoo{position:relative}.avgrid .snoo-label{color:#fff;font:600 .625rem var(--body);text-align:center;background:#0000008c;padding:.1rem 0 .2rem;position:absolute;inset:auto 0 0}.avgrid .av[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.profile .settings-delete{text-align:center;margin:.5rem 0 0}.delete-account-link{color:var(--mute);font:600 .75rem var(--body);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.delete-account-link:hover{color:var(--ink)}.delete-info{border:1px solid var(--line);background:var(--track);border-radius:.6rem;gap:.3rem;padding:.7rem .8rem;font-size:.84rem;line-height:1.45;display:grid}.delete-info span{color:var(--mute)}.delete-info--final{border-color:var(--danger)}.delete-info--final b{color:var(--danger)}.screen.support{align-content:start;gap:1.1rem;display:grid}.support-form{gap:1.1rem;display:grid}.support-intro{max-width:36ch;color:var(--mute);margin:0;font-size:.9rem}textarea.text{border:1px solid var(--line);background:var(--surface);width:100%;min-height:9.5rem;color:var(--ink);resize:vertical;border-radius:10px;padding:10px 12px;line-height:1.4}textarea.text::placeholder,input.text::placeholder{color:var(--mute);opacity:1}.support-count{font-variant-numeric:tabular-nums;justify-self:end}.support-count.bad{color:var(--danger);font-weight:800}.support-attached{background:var(--soft);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.support-attached b{font-size:13px;font-weight:800}.support-attached span{color:var(--mute);font-size:12px;line-height:1.45}.support-sent{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:22px 16px;display:grid}.support-sent h2{font-size:1.35rem}.support-sent p{max-width:36ch;color:var(--mute);margin:0;font-size:.9rem}.support-sent-mark{background:var(--tint);width:56px;height:56px;color:var(--action);border-radius:50%;place-items:center;display:grid}.support-sent-mark .icon{width:28px;height:28px}.support-again{color:var(--action);cursor:pointer;background:0 0;border:0;justify-self:center;font-size:14px;font-weight:800}.profile .support-link{margin-top:14px}@container app (width>=721px){.screen.support{--page-width:35rem;padding:24px 24px 40px}}.challenge{gap:1.1rem;display:grid}.challenge .center{padding-top:.5rem}.challenge .challenger{font:500 1.5rem/1.1 var(--display)}.challenge-waiting{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:1rem;gap:1rem;width:min(100%,28rem);margin:0 auto;padding:1.5rem;display:grid}.challenge-waiting__person{justify-items:center;gap:.8rem;display:grid}.challenge-waiting__person .av,.challenge-waiting__person .pulse{width:4.5rem;height:4.5rem}.challenge-waiting__person .pulse svg{width:2rem;height:2rem}.challenge-waiting .title{font-size:1.4rem}.challenge-settings{color:var(--ink);margin:0;font-size:.88rem;font-weight:700}.challenge-waiting .sub{margin:0 auto}.challenge-waiting__actions{gap:.5rem;display:grid}.challenge-waiting .challenge-cancel{justify-self:center;min-height:2.25rem;padding-inline:.85rem;font-size:.82rem}.linkbox{border:1px solid var(--line);background:var(--surface);color:var(--mute);border-radius:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem .8rem;font-size:.82rem;display:grid;overflow:hidden}.linkbox code{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-family:ui-monospace,Menlo,monospace;overflow:hidden}.linkbox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font:.82rem ui-monospace,Menlo,monospace}.center-text{text-align:center}.toast{left:50%;bottom:calc(var(--nav-height,4.4rem) + .6rem);z-index:8;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .2s, transform .2s var(--ease);border-radius:999px;padding:.5rem .9rem;font-size:.8rem;font-weight:700;position:fixed;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}.entry-screen{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:none;min-height:100svh;padding:44px 24px 20px;display:flex}.entry-content{width:100%;max-width:360px;margin:auto}.entry-rooky{width:112px;margin:0 auto 16px}.entry-brand{font-size:48px;line-height:1}.entry-brand .wordmark{max-width:100%;margin:auto}.entry-screen h1{margin:16px 0 28px;font-size:25px}.entry-footer{color:var(--mute);margin-top:32px;font-size:12px}.onboarding-consent-copy{color:var(--mute);margin:-16px 0 24px;font-size:14px;line-height:1.5}.onboarding-actions .btn{width:100%;min-height:48px;font-size:15px}.onboarding-guest-note{color:var(--mute);margin:8px 0 24px;font-size:13px}.onboarding-signin-label{color:var(--mute);margin:0 0 12px;font-size:13px}.onboarding-providers,.onboarding-custom-actions{gap:10px;display:grid}.onboarding-providers+.onboarding-custom-actions{margin-top:10px}.onboarding-provider{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding-inline:52px;position:relative}.onboarding-actions .btn.is-pending{opacity:1}.onboarding-provider.is-pending{border-color:var(--action)}.onboarding-provider-icon{background:#fff;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.onboarding-provider-icon img{object-fit:contain;width:20px;height:20px;display:block}.onboarding-provider-name{text-overflow:ellipsis;overflow:hidden}.onboarding-status,.onboarding-unavailable,.onboarding-error{margin:16px 0 0;font-size:13px;line-height:1.5}.onboarding-unavailable,.onboarding-error{color:var(--action)}.onboarding-legal{max-width:310px;color:var(--mute);margin:24px auto 0;font-size:12px;line-height:1.7}.onboarding-legal a{color:var(--ink);text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.startup-status{color:var(--mute);margin:30px 0 20px;font-size:14px}.startup-status h1{color:var(--ink);margin:0 0 12px}.startup-status p{margin:0}.startup-retry{width:100%;min-height:48px;font-size:15px}.loading-spinner{border:2px solid var(--line);border-top-color:var(--action);border-radius:50%;width:22px;height:22px;margin:0 auto 14px;animation:1s linear infinite entry-spin;display:block}@keyframes entry-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:3s}}@media (height<=700px){.entry-screen{padding-top:24px}.onboarding-screen .entry-rooky{width:72px;margin-bottom:12px}.entry-brand{font-size:40px}.entry-screen h1{margin:12px 0 20px;font-size:22px}.onboarding-guest-note{margin-bottom:18px}.onboarding-legal{margin-top:18px}.entry-footer{margin-top:20px}}.identity-notice{width:min(calc(100% - 2 * var(--page-gutter)), 42rem);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--bg));color:var(--ink);border-radius:.7rem;align-items:flex-start;gap:.7rem;margin:.75rem auto 0;padding:.7rem .85rem;display:flex}.identity-notice p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;line-height:1.4}.identity-notice__dismiss{min-height:2rem;color:var(--mute);flex:none;padding-inline:.55rem}.identity-notice__dismiss:hover:not(:disabled){color:var(--ink)}.center .empty{width:100%;max-width:24rem}.state-box{text-align:center;justify-items:center;gap:0;padding:28px 20px}.state-box .rooky-stage{width:90px;margin-bottom:14px}.state-box>b{color:var(--ink);font:var(--display-weight) 24px/1.1 var(--display)}.state-box>span:not(.rooky-stage){margin:8px 0 16px;font-size:14px}.state-box>.btn{min-width:10rem}.arena>.state-box{grid-area:opp}.screen.friends-screen{height:calc(100% - var(--topbar-h));flex-direction:column;gap:19px;padding-bottom:0;display:flex}@container app (width>=721px){.screen.friends-screen{--page-width:44rem;padding:24px 24px 0}}@container app (width>=1101px){.screen.friends-screen{--page-width:74rem;padding:30px 40px 0}}.page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-heading h1{margin:0;font-size:40px}.page-heading--back{justify-content:flex-start;gap:12px}.page-heading--back h1{font-size:32px}.add-friend-entry .icon{width:17px;height:17px}.searchbox{border:1px solid var(--line);background:var(--surface);color:var(--mute);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.searchbox:focus-within{outline:3px solid var(--action);outline-offset:2px}.searchbox .icon{width:20px;height:20px}.friend-search{width:100%;min-width:0;color:var(--ink);font:600 15px var(--body);background:0 0;border:0;outline:0;padding:0}.friend-search::placeholder{color:var(--mute)}.friends-layout{flex:auto;min-height:0;display:grid}.friends-scroll{align-content:start;gap:26px;min-height:0;margin-inline:-5px;padding:0 5px 1.5rem;display:grid;overflow-y:auto}.social-aside{display:none}@container app (width>=1101px){.friends-layout{grid-template-columns:minmax(0,1fr) 275px;gap:35px}.social-aside{background:var(--tint);text-align:center;border-radius:16px;align-self:start;justify-items:center;padding:30px 22px;display:grid}.social-aside .rooky-stage{width:122px;margin-bottom:23px}.social-aside h2{margin:0;font-size:29px}.social-aside p{color:var(--mute);margin:13px 0 20px;font-size:14px}.social-aside .btn{width:100%}.social-aside .btn .icon{width:17px;height:17px}}.friend-section{gap:0;display:grid}.friend-section .sechead{margin-bottom:4px}.friend-section>.hint{margin:0 0 4px}.friend-list{display:grid}.friend-card{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:76px;padding:16px 0;display:flex}.friend-card:last-child{border-bottom:0}.friend-card.pending .friend-identity img{opacity:.6}.friend-card.pending .friend-identity b{color:var(--mute)}.friend-identity{flex:auto;align-items:center;gap:13px;min-width:0;display:flex}.friend-identity img{background:var(--soft);border-radius:50%;flex:none;width:46px;height:46px}.friend-identity>span{gap:4px;min-width:0;display:grid}.friend-identity b{text-overflow:ellipsis;white-space:nowrap;font:850 15px/1.2 var(--body);overflow:hidden}.friend-meta{min-width:0;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;line-height:1.3;display:flex;overflow:hidden}.friend-meta>span{text-overflow:ellipsis;overflow:hidden}.friend-meta.strong{color:var(--ink)}.dot{background:var(--mute);border-radius:50%;flex:none;width:7px;height:7px}.dot.online{background:var(--ok)}.dot.challenge{background:var(--coral)}.friend-actions{flex:none;grid-template-columns:auto 44px;align-items:center;column-gap:8px;display:grid}.friend-primary{justify-content:flex-end;align-items:center;gap:4px;display:flex}.friend-primary .btn{min-width:72px;padding:8px 16px;font-size:13px}.friend-overflow{place-items:center;width:44px;display:grid}.friend-actions .icon-btn{background:0 0;width:44px;height:44px}.friend-actions .icon-btn .icon{width:20px;height:20px}.friend-actions .hint{padding-right:4px}.hint{color:var(--mute);font-size:12px;font-weight:600}.friends-no-match{color:var(--mute);margin:0;font-size:14px}.friends-loading{color:var(--mute);gap:12px;display:grid}.friends-loading .skeleton{background:var(--soft);border-radius:14px;height:76px;display:block}.info-banner{background:var(--soft);color:var(--mute);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.row-menu{position:relative}.row-menu-trigger{width:44px;min-width:44px;color:var(--ink);box-shadow:none;padding:0}.row-menu-trigger svg{width:20px;height:20px}.row-menu-list{z-index:5;border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:11rem;padding:6px;display:grid;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 12px 32px #00000029}.row-menu-list [role=menuitem]{min-height:44px;color:var(--ink);font:700 14px var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px}.row-menu-list [role=menuitem]:hover,.row-menu-list [role=menuitem]:focus-visible{background:var(--soft);outline:0}.row-menu-list [role=menuitem].danger{color:var(--action)}.disclosure{width:100%;min-height:44px;color:var(--mute);font:700 13px var(--body);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.disclosure .icon{width:16px;height:16px;transition:transform .2s var(--ease)}.disclosure[aria-expanded=true] .icon{transform:rotate(90deg)}.blocked-section{display:grid}.disclosure-panel{opacity:0;visibility:hidden;transition:grid-template-rows .2s var(--ease), opacity .2s var(--ease), visibility 0s linear .2s;grid-template-rows:0fr;display:grid}.disclosure[aria-expanded=true]+.disclosure-panel{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.disclosure-panel-inner{min-height:0;overflow:hidden}.disclosure-panel .friend-list{padding-top:26px}.friends-state{border:1px dashed var(--line);text-align:center;border-radius:16px;justify-items:center;padding:28px 20px;display:grid}.friends-state .rooky-stage{width:90px;margin-bottom:14px}.friends-state h2{margin:0 0 8px;font-size:24px}.friends-state p{color:var(--mute);margin:0 0 16px;font-size:14px}.friends-state .actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.friends-state .friend-code{color:var(--ink);font:850 22px/1 var(--body);letter-spacing:.18em;font-variant-numeric:tabular-nums;margin:0 0 16px;padding-left:.18em}.code-status{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:12px;display:flex}.manual-code{border:1px solid var(--line);background:var(--bg);width:9.5rem;min-width:0;max-width:100%;color:var(--ink);font:700 1rem var(--body);letter-spacing:.1em;text-align:center;border-radius:.4rem;padding:.25rem .45rem}.code-card{gap:0;display:grid}.code-card .sec{margin-bottom:4px}.code-card .field{margin:14px 0}.code-entry{gap:8px;min-width:0;display:flex}.code-entry .btn{flex:none}.code-entry input{letter-spacing:.12em;text-transform:uppercase;flex:1 1 0;min-width:0}.code-entry input::placeholder{letter-spacing:0;text-transform:none}.own-code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:8px;padding:19px 0;display:flex}.own-code-text{gap:3px;display:grid}.own-code-text b{font-size:15px}.own-code .code{font:850 17px/1 var(--body);letter-spacing:.14em;font-variant-numeric:tabular-nums}.own-code-actions{align-items:center;gap:8px;margin-top:14px;display:flex}.own-code-actions .btn .icon{width:17px;height:17px}.own-code-actions+.code-status{justify-content:flex-start}.active-game-cap{color:var(--mute);margin:0;font-size:.82rem;font-weight:700}.row-end{justify-items:end;gap:.35rem;display:grid}.row-add-friend{background:var(--ctl-h);color:var(--ink);font:700 .7rem var(--body);cursor:pointer;border:0;border-radius:.45rem;padding:.3rem .5rem}.wiz-rival{gap:0;display:grid}.wiz-rival-main{align-items:center;gap:13px;min-width:0;display:flex}.wiz-rival-portrait{background:var(--soft);border-radius:50%;flex:none;width:46px;height:46px}.wiz-rival-text{flex:auto;gap:.05rem;min-width:0;display:grid}.wiz-rival-text b{font:850 15px/1.2 var(--body);align-items:center;gap:.3rem;display:flex}.wiz-rival-toggle{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:0}.wiz-rival-toggle svg{width:.75rem;height:.75rem;color:var(--mute);transition:transform .2s var(--ease)}.wiz-rival.open .wiz-rival-toggle svg{transform:rotate(90deg)}.wiz-rival .friend-meta{white-space:normal;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.1rem .4rem;display:flex}.wiz-rival .friend-meta>span+span:before{content:"·";margin-right:.4rem}.wiz-rival-record{color:var(--ink);font-weight:700}.wiz-rival .up{color:var(--ok)}.wiz-rival .down{color:var(--danger)}.wiz-rival-detail{color:var(--mute);gap:.45rem;margin:0;padding:.35rem 0 .2rem 59px;font-size:.82rem;line-height:1.45;display:grid}.wiz-rival-detail[hidden]{display:none}.wiz-rival-detail p{max-width:40ch;margin:0}.wiz-rival-detail strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.wiz-rival-form{align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;display:flex}.wiz-rival-dots{gap:.22rem;display:flex}.wiz-rival-dots i{background:var(--line);border-radius:50%;width:.6rem;height:.6rem}.wiz-rival-dots{align-items:center}.wiz-rival-dots i.w{background:var(--ok)}.wiz-rival-dots i.l{box-shadow:inset 0 0 0 2px var(--danger);background:0 0}.wiz-rival-dots i.d{background:var(--mute);border-radius:.11rem;height:.22rem}@media (prefers-reduced-motion:reduce){.wiz-rival-toggle svg{transition:none}}@container app (width<=720px){.screen.friends-screen{gap:19px;padding:20px 20px 0}.page-heading h1{font-size:33px}.page-heading--back h1{font-size:26px}.page-heading .add-friend-entry{min-height:44px;padding:9px 16px;font-size:13px}.friends-scroll{gap:20px}.disclosure-panel .friend-list{padding-top:20px}.friend-card{gap:10px;min-height:70px;padding:13px 0}.friend-identity{gap:10px}.friend-identity img,.wiz-rival-portrait{width:40px;height:40px}.friend-identity b,.wiz-rival-text b{font-size:14px}.friend-meta{font-size:12px}.friend-actions{column-gap:4px}.friend-primary .btn{min-width:64px;padding:8px 14px;font-size:13px}.wiz-rival-main{gap:10px}.wiz-rival-detail{padding-left:50px}.friends-state .rooky-stage{width:80px}.friends-state h2{font-size:22px}}.invite-code-row .invite-code-text{flex:auto;gap:4px;min-width:0;display:grid}.invite-code-row .friend-code{color:var(--ink);font:850 18px/1 var(--body);letter-spacing:.14em;font-variant-numeric:tabular-nums;margin:0}.invite-handoff-banner{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;justify-content:space-between;align-items:center;gap:.75rem;width:min(100% - 1.5rem,42rem);margin:.75rem auto;padding:.65rem .85rem;display:flex}.invite-handoff-banner span{font-size:.9rem}.alerts{z-index:60;padding:calc(.5rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) 0 max(.75rem, env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;inset:0 0 auto}.alert{border:1px solid var(--line);background:var(--surface);width:min(100%,26rem);color:var(--ink);box-shadow:var(--shadow);pointer-events:auto;animation:alert-in .25s var(--ease);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .7rem;display:grid}.alert--leaving{pointer-events:none;animation:alert-out .18s var(--ease) forwards}.alert--turn{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.alert--optin{grid-template-columns:minmax(0,1fr) auto}.alert--optin .meta span{white-space:normal;text-overflow:clip;overflow:visible}.alert .av-mini{background:var(--track);border-radius:50%;width:2.6rem;height:2.6rem;overflow:hidden}.alert .av-mini img{object-fit:cover;width:100%;height:100%;display:block}.alert-invite-icon{color:var(--action);place-items:center;display:grid}.alert-invite-icon .icon{width:20px;height:20px}.alert .meta{gap:.1rem;min-width:0;display:grid}.alert .meta b{font:var(--display-weight) 1.02rem/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alert .meta span{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.alert .meta .bad{color:var(--danger);white-space:normal}.alert .actions{align-items:center;gap:.3rem;display:flex}.alert .cta{background:var(--accent);min-height:2.1rem;color:var(--accent-ink);font:700 .82rem var(--body);cursor:pointer;border:0;border-radius:999px;padding:.35rem .8rem}.alert .cta:disabled,.alert .icon-btn:disabled{opacity:.55;cursor:default}.alert .icon-btn{width:2.1rem;height:2.1rem;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.alert .icon-btn:hover:not(:disabled){color:var(--ink);background:var(--ctl-h)}.alert .icon-btn svg{width:1.1rem;height:1.1rem}@media (width<=480px){.alert .meta b,.alert .meta span{white-space:normal;overflow-wrap:anywhere}}@keyframes alert-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-out{to{opacity:0;margin-bottom:calc(-1 * (var(--alert-h,0px) + .5rem));transform:translateY(-12px)}}.run-screen{height:100%;min-height:100%;color:var(--ink);background:var(--bg);--road-ink:#292825;--road-paper:#faf5eb;--road-coral:#ed6852;--road-shade:#292825db;--run-float:0 24px 65px #00000054;flex-direction:column;display:flex}.run-tabular{font-variant-numeric:tabular-nums}.run-mute{color:var(--mute)}.run-link{color:var(--action);font:800 14px/1.2 var(--body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.run-icon{flex:none}.run-screen .run-icon[data-icon=gold]{color:var(--gold-edge);fill:var(--gold)}.run-term{background:var(--tint);color:var(--action);white-space:nowrap;vertical-align:baseline;border-radius:6px;align-items:center;gap:3px;padding:0 6px 0 4px;font-weight:850;line-height:1.5;display:inline-flex}.run-term .run-icon{width:14px;height:14px;color:inherit}.run-term-tie{white-space:nowrap}.run-term--tip{font:inherit;cursor:pointer;border:0;margin:0;font-weight:850}.run-term--tip:hover,.run-term--tip[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px}.run-term--tip:focus-visible{outline:2px solid var(--action);outline-offset:1px}.run-tip{z-index:60;border:1px solid var(--line);background:var(--surface);width:min(17rem,100vw - 32px);color:var(--ink);box-shadow:var(--run-float,var(--shadow));font:600 13px/1.4 var(--body);text-align:left;white-space:normal;pointer-events:auto;border-radius:12px;padding:10px 12px 11px;position:fixed}.run-tip strong{font:850 13px/1.2 var(--body);color:var(--action);align-items:center;gap:5px;margin-bottom:3px;display:flex}.run-tip strong .run-icon{width:14px;height:14px;color:inherit}.run-tip:before{content:"";top:-6px;left:var(--arrow,24px);background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);width:10px;height:10px;position:absolute;rotate:45deg}.run-tip--above{translate:0 -100%}.run-tip--above:before{top:auto;bottom:-6px;rotate:225deg}.run-hub{align-content:start;gap:14px;width:100%;max-width:35rem;margin:0 auto;padding-bottom:2.5rem;display:grid;overflow-y:auto}.run-hub__hero{display:grid;position:relative}.run-hub__picture{grid-area:1/1;display:block}.run-hub__art{aspect-ratio:2.4;object-fit:cover;object-position:50% 30%;width:100%;max-height:15rem;display:block;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.run-hub__title{padding:0 var(--page-gutter);flex-wrap:wrap;grid-area:2/1;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:-40px;display:flex;position:relative}.run-hub__title h1{align-items:center;gap:12px;margin-right:auto;font-size:clamp(30px,8vw,42px);display:flex}.run-hub__title p{max-width:34ch;color:var(--mute)}.run-hub__help{min-height:44px;font-size:13px}.run-card--main{padding-top:10px}.run-card{margin-inline:var(--page-gutter);border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:12px;padding:16px;display:grid}.run-card--daily{border-color:color-mix(in srgb, var(--coral) 55%, var(--line))}.run-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.run-card__head h2{white-space:nowrap;font-size:1.35rem}.run-num{color:var(--mute);font-family:var(--body);font-size:.95rem;font-weight:800}.run-card__line{color:var(--mute)}.run-card__line strong{color:var(--ink)}.run-daily-twist{font-size:.85rem}.run-card__meta{color:var(--mute);font-size:12px}.run-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;container:ticket/inline-size}.run-card__actions .btn{flex:10rem;min-width:fit-content}.run-ticket__brief{color:var(--mute);text-align:center;text-wrap:balance;font:750 12px/1.4 var(--body);flex:100%;margin:0 4px 2px}.run-ticket__brief strong{color:var(--ink);font-weight:850}.run-ticket__notice{color:var(--action)}.run-card__actions .run-ticket__confirm{background:var(--tint);color:var(--action);box-shadow:0 0 0 2px var(--action) inset}.run-card__actions .run-ticket__replay{flex:none;padding-inline:20px}.run-card__actions .run-ticket__replay+.btn{flex:1 1 0}@container ticket (width<=260px){.run-card__actions .btn{flex:100%}.run-card__actions .run-ticket__replay{order:1}}.run-streak{background:var(--soft);color:var(--ink);font:800 12px/1.2 var(--body);border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.run-streak .icon{width:16px;height:16px}.run-banners{gap:8px;display:grid}.run-banner{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:14px;gap:3px;padding:10px 12px;display:grid}.run-banner--on{border-color:var(--coral);box-shadow:0 0 0 2px var(--coral) inset;background:var(--tint)}.run-banner:disabled{cursor:default;background:0 0;border-style:dashed}.run-banner:disabled .run-banner__name{color:var(--mute)}.run-banner__name{font:850 14px/1.2 var(--body)}.run-banner__desc{color:var(--mute);font-size:12px;line-height:1.35}.run-banner__army{flex-wrap:wrap;align-items:flex-end;gap:2px;margin-block:2px;display:flex}.run-banner__unit{place-items:center;width:26px;height:28px;display:grid;position:relative}.run-banner__unit>svg{width:26px;height:26px}.run-banner__trait{background:var(--pw);width:13px;height:13px;color:var(--ps);box-shadow:0 0 0 1px color-mix(in srgb, var(--ps) 30%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-2px}.run-banner__trait .run-icon{stroke-width:2.2px;width:9px;height:9px}.run-banner:disabled .run-banner__army{opacity:.55}.run-banner__bar{background:var(--line);border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.run-banner__bar>span{border-radius:inherit;background:var(--mute);height:100%;display:block}.run-heat{gap:8px;margin-top:4px;display:grid}.run-heat__label{margin:0;font-size:14px}.run-heat__mods{gap:2px;margin:0;padding-left:1.1rem;font-size:13px;display:grid}.run-heat__note{margin:0;font-size:13px;font-weight:700}.run-realm-detail{gap:3px;min-width:0;padding:0 2px;display:grid}.run-realm-detail__heading{align-items:center;gap:12px;min-width:0;display:flex}.run-realm-detail__portrait{object-fit:cover;background:var(--soft);border-radius:50%;flex:none;width:56px;height:56px}.run-realm-detail h3{font:var(--display-weight) 20px/1.1 var(--display);margin:0}.run-realm-detail p{color:var(--mute);margin:0;font-size:13px;line-height:1.35}.run-realm-detail .run-realm-detail__boss{color:var(--ink);align-items:center;gap:8px;margin-top:3px;display:flex}.run-realm-detail__boss img{object-fit:cover;background:var(--road-ink);width:30px;height:30px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line);border-radius:50%;flex:none}.run-realm-detail__meta{color:var(--mute);font:800 12px/1.2 var(--body);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.run-realm-detail__wall{background:var(--tint);min-height:26px;color:var(--action);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.run-realm-detail__threat{color:var(--mute);flex:100%;line-height:1.4}.run-army-line{color:var(--mute);font:700 13px/1.3 var(--body);margin:0}.run-army-line strong{color:var(--ink)}.run-army-line__help{display:none}.run-army-line button{color:var(--action);font:850 13px/1 var(--body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.run-wall-nudge{background:var(--tint);color:var(--ink);font:700 13px/1.35 var(--body);border-radius:12px;gap:3px;padding:10px 12px;display:grid}.run-wall-nudge>strong{font-weight:850}.run-wall-nudge__action{color:var(--action);font:750 12px/1.4 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.run-wall-nudge__action b{padding-left:6px;font-weight:850}.run-wall-nudge__short{display:none}.run-keeps{margin:0;padding:0;list-style:none;display:grid}.run-keeps__rally{white-space:nowrap;color:var(--mute);font:800 12px/1.2 var(--body);padding-left:8px}.run-keeps__row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex}.run-keeps__row--hint{background:var(--tint);transition:background .18s}.run-keeps__copy{gap:2px;min-width:0;display:grid}.run-keeps__copy strong{font:850 14px/1.2 var(--body)}.run-keeps__copy span{color:var(--mute);font-size:12px;line-height:1.3}.run-keeps__copy .run-term{color:var(--action);font-size:inherit}.run-keeps__restore{flex:none;align-items:center;gap:4px;min-height:40px;padding-inline:10px;display:inline-flex}.run-keep-pips{gap:3px;display:flex}.run-keep-pips__pip{background:var(--soft);width:11px;height:5px;box-shadow:0 0 0 1px var(--line) inset;border-radius:3px}.run-keep-pips__pip--on{background:var(--coral);box-shadow:none}.run-keeps__aura{background:var(--soft);border-radius:999px;justify-self:start;padding:2px 6px;font:800 11px/1.3 var(--body)!important}.run-keeps__note{color:var(--mute);font:800 12px/1.2 var(--body);text-align:right;flex:none}.run-keeps__error{color:var(--action);margin:0;font-size:13px}.run-unlock{background:var(--tint);border-radius:14px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-weight:800;display:flex}.run-unlock .icon{flex:none;width:20px;height:20px}.run-unlock .run-term{background:var(--surface)}.run-rules{color:var(--mute);gap:6px;margin:0;padding-left:1.2rem;display:grid}.run-rules strong{color:var(--ink)}.run-glossary h3,.run-armylist h3{margin:14px 0 8px;font-size:1.1rem}.run-glossary ul,.run-relics{gap:10px;margin:0;padding:0;list-style:none;display:grid}.run-glossary li,.run-relics li{color:var(--mute);grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.run-glossary li strong,.run-relics li strong{color:var(--ink)}.run-glossary li>.run-icon,.run-relics li>.run-icon{color:var(--action)}.run-strip{grid-template-columns:repeat(8,1fr);gap:5px;max-width:22rem;margin:0;padding:0;list-style:none;display:grid}.run-strip .run-result-pip{aspect-ratio:1;border-radius:6px}.run-mini{grid-auto-flow:column;gap:2px;display:inline-grid}.run-mini .run-result-pip{border-radius:2px;width:7px;height:12px}.run-result-pip{background:var(--soft);box-shadow:0 0 0 1px var(--line) inset}.run-result-pip[data-result=flawless]{background:var(--coral);box-shadow:none}.run-result-pip[data-result=won]{background:color-mix(in srgb, var(--coral) 45%, var(--soft));box-shadow:none}.run-result-pip[data-result=lost]{background:repeating-linear-gradient(135deg, var(--mute) 0 2px, transparent 2px 6px);box-shadow:0 0 0 1px var(--mute) inset}.run-mini .run-result-pip[data-result=lost]{background:var(--mute);box-shadow:none;opacity:.55}.run-rank{color:var(--mute);margin:0;font-size:14px}.run-rank__n{color:var(--ink);font:850 22px/1 var(--body);margin-right:2px}.run-lb{margin:0;padding:0;list-style:none;display:grid}.run-lb__row{border-radius:10px;grid-template-columns:2ch 28px minmax(0,1fr) auto 5.5ch;align-items:center;gap:10px;min-height:44px;padding:6px 8px;display:grid}.run-lb__row+.run-lb__row{box-shadow:0 -1px 0 var(--line)}.run-lb__row--me{background:color-mix(in srgb, var(--coral) 14%, transparent)}.run-lb__row.run-lb__row--me,.run-lb__row--me+.run-lb__row{box-shadow:none}.run-lb__row--gap{margin-top:10px}.run-lb__rank{color:var(--mute);font:800 13px/1 var(--body);text-align:right}.run-lb__row--me .run-lb__rank{color:var(--ink)}.run-lb__av{object-fit:cover;background:var(--soft);border-radius:50%;width:28px;height:28px}.run-lb__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.run-lb__score{text-align:right;font:850 15px/1 var(--body)}.run-lb__sub{margin:14px 0 4px;font-size:1rem}.road-panel{width:min(100%, 600px, 78svh, calc((100svh - var(--nav-height) - 262px) * 340 / 268));aspect-ratio:340/268;isolation:isolate;background:var(--road-ink);box-shadow:0 0 0 1px var(--line);cursor:default;border-radius:13px;margin:0 auto 6px;position:relative;overflow:visible;container-type:inline-size}.road-panel__art{z-index:0;border-radius:inherit;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.road-panel__skip{z-index:5;background:var(--road-shade);color:var(--road-paper);font:800 12px/1.2 var(--body);border-radius:999px;padding:5px 10px;position:absolute;top:2.4cqw;right:2.4cqw}.road-panel__fanfare{z-index:6;background:var(--road-ink);color:var(--road-paper);box-shadow:0 0 0 2px var(--road-coral), 0 12px 30px #00000073;font:var(--display-weight) clamp(17px, 6.6cqw, 32px)/1.05 var(--display);white-space:nowrap;pointer-events:none;border-radius:14px;padding:.45em .9em;animation:1.9s cubic-bezier(.2,.9,.3,1.15) both road-stamp;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.road-panel__loading{z-index:5;background:var(--road-paper);color:var(--road-ink);font:800 12px/1.2 var(--body);white-space:nowrap;border-radius:999px;padding:6px 12px;position:absolute;bottom:3cqw;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.road-panel--unlocking{cursor:pointer}.road-panel--unlocking .road-stop--unlock-target .road-stop__disc{animation:.42s cubic-bezier(.3,.7,.4,1) 1.08s both road-stop-lift}.road-map__svg,.road-map__layer{width:100%;height:100%;position:absolute;inset:0}.road-map__svg{z-index:1;border-radius:inherit;overflow:hidden}.road-map__layer{z-index:2}.road-map__svg path{fill:none;stroke-linecap:butt;stroke-linejoin:round}.road-map__svg .road-map__maskpath{stroke-linecap:round}.road-map__ghost{stroke:var(--road-paper);stroke-width:3px;stroke-dasharray:0 8;filter:drop-shadow(0 0 1px var(--road-ink)) drop-shadow(0 0 1px var(--road-ink));stroke-linecap:round!important}.road-map__paved{opacity:1}.road__curb{stroke:var(--rd-curb,color-mix(in srgb, var(--sq-d) 55%, var(--ink)));stroke-width:var(--rd-curb-w,23)}.road__base{stroke:var(--rd-base,var(--sq-l));stroke-width:var(--rd-w,18)}.road__chk1{stroke:var(--rd-t1,var(--sq-d));stroke-width:var(--rd-t1-w,18);stroke-dasharray:var(--rd-t1-dash,6 6)}.road__chk2{stroke:var(--rd-t2,var(--sq-l));stroke-width:var(--rd-t2-w,6);stroke-dasharray:var(--rd-t2-dash,6 6);opacity:var(--rd-t2-op,1)}.road__chk3{stroke:var(--rd-t3,var(--sq-d));stroke-width:var(--rd-t3-w,6);stroke-dasharray:var(--rd-t3-dash,6 6);stroke-dashoffset:6px}.road-map__leg--r2{--rd-curb:#2c4426;--rd-curb-w:21;--rd-base:#5f7444;--rd-w:16;--rd-t1:#8a9a63;--rd-t1-w:11;--rd-t1-dash:4 3;--rd-t2:#43582f;--rd-t2-w:4;--rd-t2-dash:2 5;--rd-t3-w:0}.road-map__leg--r3{--rd-curb:#5e3c22;--rd-curb-w:16;--rd-base:#c4955d;--rd-w:12;--rd-t1:#9c7044;--rd-t1-w:8;--rd-t1-dash:2 4;--rd-t2:#e6c28d;--rd-t2-w:3;--rd-t2-dash:1 6;--rd-t3-w:0}.road-map__leg--r4{--rd-curb:#b9bec6;--rd-curb-w:17;--rd-base:#3b3a38;--rd-w:14;--rd-t1:#7a5636;--rd-t1-w:14;--rd-t1-dash:2 3;--rd-t2-w:0;--rd-t3-w:0}.road-map__leg--r5{--rd-curb:#1d4a50;--rd-curb-w:22;--rd-base:#5a3e27;--rd-w:13;--rd-t1:#9a6d43;--rd-t1-w:13;--rd-t1-dash:3 1.4;--rd-t2-w:0;--rd-t3-w:0}.road-map__leg--r6{--rd-curb:#17120f;--rd-curb-w:19;--rd-base:#3a2f29;--rd-w:14;--rd-t1:#231c18;--rd-t1-w:14;--rd-t1-dash:5 2 2 3;--rd-t2:#f17b63;--rd-t2-w:2.5;--rd-t2-dash:1 9;--rd-t3-w:0}.road-map__leg--r7{--rd-curb:#1b1822;--rd-curb-w:19;--rd-base:#4a4555;--rd-w:14;--rd-t1:#37333f;--rd-t1-w:14;--rd-t1-dash:7 2;--rd-t2:#d6d0e2;--rd-t2-w:3;--rd-t2-dash:1 13;--rd-t2-op:.45;--rd-t3-w:0}.road-map__leg--r8{--rd-curb:#f17b63;--rd-curb-w:17;--rd-base:#1c1b19;--rd-w:14;--rd-t1:#2e2b28;--rd-t1-w:14;--rd-t1-dash:3 2 6 2;--rd-t2:var(--road-coral);--rd-t2-w:2;--rd-t2-dash:1 11;--rd-t3-w:0}.road-map__leg--r6 .road__chk2,.road-map__leg--r8 .road__chk2,.road-map__leg--r8 .road__curb{filter:drop-shadow(0 0 1.5px #f17b63)}.road-map__leg--open .road-map__ghost,.road-map__leg--ghost .road-map__paved{display:none}.road-map__maskpath--draw{stroke-dasharray:1 1;animation:.62s cubic-bezier(.4,0,.2,1) both road-draw}.road-stop__scene{z-index:-1;aspect-ratio:1;filter:drop-shadow(0 3px 3px #00000059);width:20.3cqw;height:auto;transition:filter .5s,transform .25s;position:absolute;bottom:6cqw;left:50%;transform:translate(-50%)}.road-stop--locked .road-stop__scene{filter:grayscale()brightness(1.05)contrast(.8)opacity(.78)drop-shadow(0 2px 2px #0000004d)}.road-stop--selected .road-stop__scene{transform-origin:50% 100%;transform:translate(-50%)scale(1.12)}.road-stop--new-clear .road-stop__scene{animation:.45s cubic-bezier(.3,.7,.4,1) both road-scene-topple}.road-king{z-index:1;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 3px 3px #00000059);width:17.7cqw;height:auto;position:absolute;transform:translate(-50%,-100%)}.road-stop{z-index:3;isolation:isolate;aspect-ratio:1;width:max(44px,13.9cqw);color:var(--road-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.road-stop--locked{cursor:help}.road-stop__disc{background:var(--road-paper);width:8.2cqw;min-width:26px;height:8.2cqw;min-height:26px;color:var(--road-ink);box-shadow:0 0 0 2px var(--road-ink), 0 2px 0 2px var(--road-ink);font:850 clamp(11px, 4.1cqw, 18px)/1 var(--body);border-radius:50%;place-items:center;transition:transform .2s,background-color .3s,box-shadow .3s;display:grid;position:relative}.road-stop--cleared .road-stop__disc,.road-stop--past .road-stop__disc{color:#4f4a43;background:#e9dfcc}.road-stop--selected .road-stop__disc,.road-stop--cleared.road-stop--selected .road-stop__disc,.road-stop--past.road-stop--selected .road-stop__disc{background:var(--road-coral);color:var(--road-ink)}.road-stop--selected .road-stop__disc{transform:scale(1.12)}.road-stop--locked .road-stop__disc{background:var(--road-ink);color:var(--road-paper);box-shadow:0 0 0 2px #faf5ebbf, 0 2px 0 2px var(--road-ink)}.road-stop--here .road-stop__disc{box-shadow:0 0 0 2px var(--road-ink), 0 0 0 max(4px, 1.3cqw) var(--road-paper), 0 0 0 max(5.5px, 1.75cqw) var(--road-ink)}.road-stop--here .road-stop__disc:after{content:"";border:max(2px, .8cqw) solid var(--road-paper);pointer-events:none;border-radius:50%;animation:1.8s cubic-bezier(.2,.7,.3,1) infinite road-here;position:absolute;inset:-1.3cqw}.road-stop--progress .road-stop__disc{box-shadow:0 0 0 2px var(--road-ink), 0 0 0 max(7px, 2.2cqw) var(--road-paper), 0 0 0 max(8.5px, 2.65cqw) var(--road-ink)}.road-stop--progress .road-stop__disc:after{display:none}.road-stop__run{--band:max(7px, 2.2cqw);left:calc(-1 * var(--band));top:calc(-1 * var(--band));width:calc(100% + 2 * var(--band));height:calc(100% + 2 * var(--band));pointer-events:none;position:absolute;overflow:visible;transform:rotate(-90deg)}.road-stop__run circle{fill:none;stroke:#2928254d;stroke-width:5.2px;stroke-linecap:butt}.road-stop__run .road-stop__run-seg--won,.road-stop__run .road-stop__run-seg--flawless{stroke:var(--road-coral)}.road-stop__run .road-stop__run-seg--lost{stroke:var(--road-ink)}.road-stop__run .road-stop__run-seg--now{stroke:#2928259e}.road-stop:focus-visible .road-stop__disc{box-shadow:0 0 0 2px var(--road-ink), 0 0 0 5px var(--road-paper), 0 0 0 7px var(--road-ink)}.road-stop--hint .road-stop__disc{animation:.36s cubic-bezier(.3,.7,.4,1) road-nope}.road-stop__check,.road-stop__lock,.road-stop__wall{border-radius:50%;place-items:center;width:max(15px,5cqw);height:max(15px,5cqw);display:grid;position:absolute;top:calc(50% - 5.8cqw);left:calc(50% + 1.8cqw)}.road-stop__check{background:var(--road-ink);box-shadow:0 0 0 1.5px var(--road-paper)}.road-stop__lock,.road-stop__wall{background:var(--road-paper);color:var(--road-ink);box-shadow:0 0 0 1.5px var(--road-ink)}.road-stop__wall{color:#c2412d}.road-stop__check svg,.road-stop__lock svg,.road-stop__wall svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.road-stop__check svg{width:75%;height:75%;stroke:var(--road-paper);stroke-width:3.4px}.road-stop__lock svg{stroke-width:2.6px;width:66%;height:66%}.road-stop__wall svg{stroke-width:2.2px;width:72%;height:72%}.road-keep{z-index:2;width:33.2cqw;height:31.6cqw;color:var(--mute);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.road-keep:focus-visible{outline:3px solid var(--road-paper);outline-offset:-4px;border-radius:18px}.road-keep__art{object-fit:fill;width:100%;height:100%;display:block}.road-keep__asc{white-space:nowrap;background:var(--coral);color:var(--on-coral);font:850 clamp(7px, 2.8cqw, 12px)/1.1 var(--body);border-radius:999px;padding:3px 6px;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.road-map__label{z-index:4;white-space:nowrap;background:var(--road-ink);width:max-content;color:var(--road-paper);box-shadow:0 0 0 1.5px var(--road-coral), 0 3px 8px #00000059;font:850 clamp(11px, 3.6cqw, 15px)/1.15 var(--body);text-align:center;pointer-events:none;border-radius:999px;padding:.3em .75em;animation:.22s cubic-bezier(.2,.8,.3,1) both road-label-in;position:absolute;transform:translate(-50%)}.road-map__label.road-map__label--start{animation-name:road-label-start-in;transform:translateY(-100%)}.road-map__label.road-map__label--above{animation-name:road-label-up-in;transform:translate(-50%,-100%)}.road-map__label.road-map__label--hint{max-width:70cqw}.road-map__label-play{width:.95em;height:.95em;fill:var(--road-coral);margin:0 .3em -.12em -.15em}.road-map__keep-label{z-index:1;background:var(--road-shade);width:max-content;max-width:44cqw;color:var(--road-paper);font:850 clamp(11px, 3.5cqw, 15px)/1.1 var(--body);white-space:nowrap;text-align:center;text-shadow:0 1px 2px #000000b3;pointer-events:none;border-radius:999px;padding:.35em .75em;position:absolute;transform:translate(-50%,-50%)}.road-map__rooky{z-index:4;pointer-events:none;place-items:center;width:9.5cqw;height:11.7cqw;transition:left .42s cubic-bezier(.33,0,.4,1),top .42s cubic-bezier(.33,0,.4,1);display:grid;position:absolute;transform:translate(calc(-50% - 10.5cqw),-78%)}.road-map__rooky--right{transform:translate(calc(10.5cqw - 50%),-78%)}.road-map__rooky-svg{width:100%;height:100%}@keyframes road-here{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes road-label-in{0%{opacity:0;transform:translate(-50%,-3px)}}@keyframes road-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}14%{opacity:1;transform:translate(-50%,-50%)scale(.95)}22%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes road-label-start-in{0%{opacity:0;transform:translateY(calc(3px - 100%))}}@keyframes road-label-up-in{0%{opacity:0;transform:translate(-50%,calc(3px - 100%))}}@keyframes road-nope{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes road-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes road-scene-topple{0%{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.14)rotate(-4deg)}to{transform:translate(-50%)scale(1)}}@keyframes road-stop-lift{0%{filter:grayscale()brightness(.65);transform:translateY(4px)scale(.7)}65%{filter:none;transform:translateY(-3px)scale(1.12)}to{filter:none;transform:none}}.run-frame{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.run-top{padding:max(6px, env(safe-area-inset-top,0px)) 12px 0;flex:none;grid-template:"back where stats"minmax(40px,auto)"progress progress progress"/auto minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid}.run-back{background:var(--soft);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;grid-area:back;place-items:center;display:grid}.run-top__where{grid-area:where;gap:1px;min-width:0;display:grid}.run-top__where strong{text-overflow:ellipsis;white-space:nowrap;font:var(--display-weight) 16px/1.1 var(--display);letter-spacing:-.02em;overflow:hidden}.run-top__where span{color:var(--mute);font:800 11.5px/1.2 var(--body)}.run-top__stats{grid-area:stats;align-items:center;gap:6px;display:flex}.run-gold{background:var(--soft);font:850 14px/1 var(--body);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;display:inline-flex}.run-gold .run-icon{color:var(--action)}.run-gold--big{padding:6px 14px 6px 10px;font-size:18px}.run-progress{grid-area:progress;justify-content:space-between;align-items:center;min-width:0;height:46px;margin:0 -12px;padding:0 14px;list-style:none;display:flex;position:relative}.run-progress:before{content:"";background:linear-gradient(to right, var(--coral) 0 var(--done,0%), var(--line) var(--done,0%));border-radius:3px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:26px;right:30px}.run-progress__node{z-index:1;background:var(--soft);width:26px;height:26px;box-shadow:0 0 0 2px var(--line);color:var(--mute);font:900 11px/1 var(--body);transition:background-color .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.run-progress__node--won{background:var(--coral);box-shadow:none;color:var(--on-coral)}.run-progress__node--lost{background:repeating-linear-gradient(135deg, var(--mute) 0 2px, transparent 2px 6px);box-shadow:0 0 0 1px var(--mute) inset}.run-progress__node--now{background:var(--surface);color:var(--ink);box-shadow:0 0 0 3px var(--action)}.run-progress__node--now:after{content:"";box-shadow:0 0 0 3px var(--action);animation:run-progress-ping 1.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:-3px}.run-progress__node--elite{color:var(--ink)}.run-progress__node--elite .run-icon{width:15px;height:15px}.run-progress__shop{z-index:1;background:var(--gold);width:15px;height:15px;color:var(--on-gold);box-shadow:0 0 0 2px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.run-progress__shop .run-icon{stroke-width:2.4px;width:10px;height:10px}.run-progress__shop--passed{opacity:.55}.run-progress__shop--last{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--gold)}.run-progress__node--boss{background:var(--soft);width:32px;height:32px;padding:0;overflow:hidden}.run-progress__node--boss img{object-fit:cover;width:100%;height:100%}.run-progress__node--boss:last-child{width:40px;height:40px;box-shadow:0 0 0 2px var(--action)}.run-stage{min-height:0;padding:4px 12px max(10px, env(safe-area-inset-bottom));flex:1;grid-template-rows:84px minmax(0,1fr) 52px auto 64px;grid-template-areas:"foe""board""me""slot""dock";align-content:start;gap:8px;display:grid}.run-foe{grid-area:foe;align-items:center;gap:10px;height:84px;display:flex}.run-foe__portrait-wrap{--size:84px;--u:calc(var(--size) / 100);width:var(--size);height:var(--size);flex:none;position:relative}.run-foe__portrait{object-fit:cover;background:var(--soft);width:100%;height:100%;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--line);border-radius:50%;display:block}.run-foe__portrait-wrap[data-kind=elite] .run-foe__portrait{--r1:max(1.8px, calc(6 * var(--u)));--gap:max(1.5px, calc(1.5 * var(--u)));--r2:max(1.5px, calc(3 * var(--u)));box-shadow:0 0 0 var(--r1) var(--kind-elite), 0 0 0 calc(var(--r1) + var(--gap)) var(--surface), 0 0 0 calc(var(--r1) + var(--gap) + var(--r2)) var(--kind-elite)}.run-foe__portrait-wrap[data-kind=miniboss] .run-foe__portrait{box-shadow:0 0 0 calc(7 * var(--u)) var(--kind-miniboss)}.run-foe__portrait-wrap[data-kind=boss] .run-foe__portrait{box-shadow:0 0 0 calc(10 * var(--u)) var(--kind-boss)}.run-kind-mark{pointer-events:none;fill:var(--gold);stroke:var(--gold-edge);stroke-width:1.6px;stroke-linejoin:round;position:absolute;overflow:visible}.run-kind-mark--diamonds{width:132%;height:132%;top:-16%;left:-16%}.run-kind-mark--crown{width:100%;height:34%;top:-30%;left:0}.run-foe__text{flex:1;gap:3px;min-width:0;display:grid}.run-foe__name{font:var(--display-weight) 24px/1.1 var(--display);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.run-foe__chips{align-items:center;gap:6px;min-width:0;display:flex}.run-term--foe{font:inherit;color:var(--ink);background:color-mix(in srgb, var(--ink) 14%, var(--surface));border:0;flex:none;margin:0;font-size:11px;font-weight:850;position:relative}button.run-term--foe{cursor:pointer}button.run-term--foe:after{content:"";position:absolute;inset:-13px -3px}button.run-term--foe:focus-visible{outline:2px solid var(--action);outline-offset:1px}.run-term--run{box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0;border-radius:999px;padding-inline:5px 8px}.foe-sheet .ui-modal__header{padding:1.25rem 1.25rem .25rem}.foe-sheet .ui-modal__heading h2{font-size:1.5rem}.foe-sheet .ui-modal__body{gap:1.25rem;padding:14px 1.25rem 1rem}.foe-sheet .ui-modal__footer{padding:.75rem 1.25rem 1.25rem}.foe-sheet .ui-modal__footer .btn{flex:auto;min-height:44px}.foe-sheet__group h3{color:color-mix(in srgb, var(--ink) 72%, var(--surface));font:800 11px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}.foe-sheet__group ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.foe-sheet__group li{border-bottom:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;display:grid}.foe-sheet__group li>.run-term{justify-self:start}.foe-sheet__group li p{margin:0;font-size:14px;line-height:1.4}@media (orientation:landscape) and (height<=520px){.ui-modal-root:has(.foe-sheet){place-items:stretch end;padding:0}.ui-modal.foe-sheet{border-left:1px solid var(--line);border-radius:0;width:min(22rem,46%);height:100%;max-height:none;padding-bottom:0;position:relative;inset:auto;box-shadow:-10px 0 30px #0003}}.run-turns{background:var(--soft);border-radius:10px;flex:none;justify-items:center;min-width:58px;padding:4px 8px;display:grid}.run-turns .run-tabular{font:850 20px/1 var(--body)}.run-turns__label{color:var(--mute);font:800 10px/1.2 var(--body)}.run-turns--low{background:var(--action);color:var(--bg);animation:run-pop .5s var(--ease)}.run-turns--low .run-turns__label{color:inherit}.run-me{min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-area:me;align-items:center;gap:10px;padding:4px 6px;display:flex}.run-me:hover{background:var(--soft)}.run-me__rooky{flex:none;width:40px;height:40px}.run-me__text{flex:none;gap:1px;font-size:13px;display:grid}.run-me__text>strong{font:var(--display-weight) 18px/1.1 var(--display);letter-spacing:-.02em}.run-me__relics{min-width:0;color:var(--action);flex-wrap:wrap;flex:1;justify-content:flex-end;gap:6px;display:flex}.run-me__command{border-left:1px solid var(--line);flex:none;justify-items:end;gap:1px;padding:0 4px 0 10px;display:none}.run-me__command b{font:850 18px/1 var(--body);color:var(--ink)}.run-me__command small{color:var(--mute);font:800 10px/1.2 var(--body)}.run-sheet-command{background:var(--soft);color:var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin:0 0 12px;padding:10px 12px;font-size:13px;display:flex}.run-sheet-command b{font:850 18px/1 var(--body);white-space:nowrap}.run-sheet-command .run-mute{font-weight:700}.run-side{display:none}.run-board-wrap{grid-area:board;align-content:start;justify-items:center;gap:10px;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.run-board-wrap--key .run-board{width:min(100cqw, (100cqh - 28px) * var(--rw) / var(--rh))}.run-promo-key{color:var(--mute);font:600 13px/18px var(--body);align-items:center;gap:8px;margin:0;display:flex}.run-promo-key i{width:18px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--coral) 40%, transparent);background:linear-gradient(to right, var(--coral) 0 4px, color-mix(in srgb, var(--coral) 22%, var(--surface)) 4px);border-radius:2px;flex:none}.run-promo-key--side{display:none}.run-board{--stone:#7b746a;--stone-hi:#c9c2b5;--stone-lo:#5c564e;width:min(100cqw, 100cqh * var(--rw) / var(--rh));aspect-ratio:var(--rw) / var(--rh);box-shadow:var(--board-sh);transition:filter .35s var(--ease), opacity .35s var(--ease);border-radius:6px;position:relative;overflow:hidden}.run-board--dim{filter:saturate(.6);opacity:.45}.run-board__squares{grid-template-columns:repeat(var(--rw), 1fr);grid-template-rows:repeat(var(--rh), 1fr);display:grid;position:absolute;inset:0}.run-sq{cursor:pointer;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.run-sq:disabled{cursor:default}.run-sq:focus-visible{outline:3px solid var(--action);outline-offset:-3px;z-index:1}.run-sq--l{background:var(--sq-l)}.run-sq--d{background:var(--sq-d)}.run-sq--promo-row:before{content:"";background:color-mix(in srgb, var(--coral) 12%, transparent);pointer-events:none;position:absolute;inset:0}.run-sq--promo:before,.run-sq--promo-start:before{background:linear-gradient(to right, var(--coral) 0 6px, color-mix(in srgb, var(--coral) 12%, transparent) 6px)}.run-sq--from{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--mark-last) 40%, transparent)}.run-sq--to{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--mark-last) 72%, transparent)}.run-sq--sel,.run-sq--place.run-sq--sel{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--mark-select) 72%, transparent)}.run-sq--place{box-shadow:inset 0 0 0 3px var(--action)}.run-sq--place .run-mark{display:none}.run-sq--zone:after,.run-sq--off:after{content:"";pointer-events:none;position:absolute;inset:0}.run-sq--zone:after{background:color-mix(in srgb, var(--action) 7%, transparent)}.run-sq--zone-edge:after{box-shadow:inset 0 3px 0 0 color-mix(in srgb, var(--action) 70%, transparent)}.run-sq--off:after{background:color-mix(in srgb, var(--surface) 55%, transparent)}.run-board__zone-tag{z-index:3;pointer-events:none;font:850 11px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;background:var(--action);color:var(--surface);border-radius:6px;padding:4px 7px;position:absolute;left:6px}.run-sq--danger{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--mark-danger) 90%, transparent)}.run-rock{width:84%;height:84%}.run-mark{--core:var(--mark-ink);--halo:color-mix(in srgb, var(--mark-halo) 95%, transparent);background:radial-gradient(circle closest-side, var(--core) 0 70.6%, var(--halo) 70.6% 100%, transparent 100%);border-radius:50%;width:34%;height:34%}.run-mark--cap{background:radial-gradient(circle closest-side, transparent 0 80%, var(--halo) 80% 85%, var(--core) 85% 95%, var(--halo) 95% 100%, transparent 100%);width:92%;height:92%}.run-mark--unsafe{--core:var(--mark-danger)}.run-mark--king{--core:var(--mark-danger);--halo:color-mix(in srgb, var(--mark-danger) 35%, var(--mark-halo))}.run-mark--reach{width:82%;height:82%;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--ink) 45%, transparent);background:0 0;border-radius:22%}.run-board__pieces{pointer-events:none;position:absolute;inset:0}.run-piece{z-index:1;width:calc(100% / var(--rw));height:calc(100% / var(--rh));transition:transform .24s var(--ease);animation:run-in .28s var(--ease) both;place-items:center;display:grid;position:absolute;top:0;left:0;container-type:inline-size}.run-piece__svg{z-index:1;filter:drop-shadow(0 2px 1px #0000002e);width:78%;height:78%;position:relative;transform:translateY(-9%)}.run-board{--shield-up-mid:var(--ok);--shield-up-hi:color-mix(in srgb, var(--ok) 55%, white);--shield-up-lo:color-mix(in srgb, var(--ok) 55%, black);--shield-up-line:color-mix(in srgb, var(--ok) 25%, white);--shield-battle-mid:var(--gold);--shield-battle-hi:color-mix(in srgb, var(--gold) 45%, white);--shield-battle-lo:color-mix(in srgb, var(--gold) 55%, black);--shield-battle-line:color-mix(in srgb, var(--gold) 20%, white)}.run-shield-defs{width:0;height:0;position:absolute}.run-shield{z-index:0;--line:var(--shield-up-line);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.run-shield--battle{--line:var(--shield-battle-line)}.run-shield path,.run-shield ellipse,.run-shield circle{stroke-linejoin:round}.run-shield__keyline{fill:none;stroke:var(--surface);stroke-width:6.4px}.run-shield__edge{fill:none;stroke:#00000073;stroke-width:4.4px}.run-shield--battle .run-shield__edge{fill:#ffd66e29}.run-shield__face{stroke-width:3.2px}.run-shield__top{fill:none;stroke:var(--line);stroke-width:.9px;stroke-linecap:round;opacity:.85}.run-shield__inlay{fill:none;stroke:var(--line);stroke-width:.9px;opacity:.7}.run-shield__quarter{fill:none;stroke:var(--shield-up-lo);stroke-width:3px;stroke-linecap:round}.run-shield__stud{fill:var(--line);stroke:#0006;stroke-width:.5px}.run-shield__glint{fill:#fff;opacity:.6}.run-shield__spark{fill:#fff}.run-piece--explosive:after{content:"";z-index:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--coral) 70%, transparent), transparent);border-radius:50%;height:16%;position:absolute;bottom:8%;left:18%;right:18%}.run-piece--temp{opacity:.78}.run-surrender{z-index:2;pointer-events:none;position:absolute;inset:0}.run-surrender:before{content:"";border:2px dashed var(--action);border-radius:50%;position:absolute;inset:9%}.run-surrender svg{background:var(--action);width:32%;height:32%;color:var(--surface);box-shadow:0 0 0 2px var(--surface);fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round;border-radius:50%;padding:5%;position:absolute;top:3%;right:3%}.run-tray{z-index:2;background:var(--pw);color:var(--ps);box-shadow:0 0 0 1px color-mix(in srgb, var(--ps) 30%, transparent), 0 1px 2px #00000040;border-radius:999px;gap:1px;padding:1px 3px;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.run-piece--enemy .run-tray{background:var(--pb);color:var(--pw);box-shadow:0 0 0 1px color-mix(in srgb, var(--pw) 40%, transparent), 0 1px 2px #0000004d}.run-tray__icon{width:clamp(10px,13.5cqw,15px);height:clamp(10px,13.5cqw,15px)}.run-tray b{font:900 clamp(9px, 11cqw, 12px)/1 var(--body);align-self:center;padding:0 1px}.run-burst{width:calc(100% / var(--rw));height:calc(100% / var(--rh));pointer-events:none;position:absolute;top:0;left:0}.run-burst:after{content:"";animation:run-burst .5s var(--ease) forwards;border-radius:50%;position:absolute;inset:10%}.run-burst--capture:after{border:3px solid var(--mark-last)}.run-burst--explode:after{background:radial-gradient(circle, color-mix(in srgb, var(--coral) 85%, #fff) 0 18%, color-mix(in srgb, var(--coral) 60%, transparent) 40%, transparent 70%);animation-duration:.65s;inset:-55%}.run-burst--shield:after{border:3px dashed var(--ok)}.run-burst--promote:after{border:3px solid var(--coral)}.run-piece--land .run-piece__svg{animation:.26s ease-out .16s both run-land}.run-piece--lunge .run-piece__svg{animation:.45s ease-in-out both run-lunge}.run-ghost{z-index:0;width:calc(100% / var(--rw));height:calc(100% / var(--rh));pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:0}.run-ghost .run-piece__svg{animation:.42s ease-in .14s both run-ghost}.run-shard{aspect-ratio:1;background:var(--mark-last);width:9%;rotate:var(--a);border-radius:2px;margin:-4.5% 0 0 -4.5%;animation:.45s cubic-bezier(.15,.8,.3,1) .16s both run-shard;position:absolute;top:50%;left:50%}.run-burst--explode .run-shard{background:var(--coral);width:12%}.run-board--shake{animation:.42s cubic-bezier(.36,.07,.19,.97) both run-shake}.run-notice{background:var(--surface);box-shadow:var(--shadow);border-radius:.9rem;padding:8px 14px;font-weight:800;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.run-dock{grid-area:dock;align-items:center;gap:10px;min-height:64px;display:flex}.run-dock__hint{color:var(--mute);flex:1;font-weight:700}.run-dock__turn{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.run-dock__turn p{min-width:0;color:var(--mute);font:700 13px/1.3 var(--body);gap:1px;margin:0;display:grid}.run-dock__turn strong{color:var(--ink);font:850 15px/1.2 var(--body);align-items:center;gap:7px;display:flex}.run-dock__turn i{background:var(--coral);width:9px;height:9px;box-shadow:0 0 0 3px var(--tint);border-radius:50%;flex:none}.run-dock__turn--wait i{background:var(--mute);box-shadow:0 0 0 3px var(--soft)}.run-dock__turn--alert strong{color:var(--action)}.run-me-tile{display:none}.run-dock__go{flex:none;min-width:9rem;min-height:48px;font-size:16px}.run-frame--deploy .run-dock__go{min-width:6rem}.run-resign{min-height:34px;color:var(--mute);font:850 12px/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:5px;padding:0 6px;display:inline-flex}.run-resign svg{width:15px;height:15px}.run-resign:disabled{opacity:.55;cursor:default}.run-pieceline{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.run-pieceline__piece{flex:none;width:40px;height:40px}.run-pieceline__text{min-width:0;color:var(--mute);flex:1;gap:2px;font-size:13px;line-height:1.3;display:grid}.run-pieceline__text>strong{color:var(--ink);font-size:15px}.run-pieceline__effects{flex-wrap:wrap;gap:4px;display:flex}.run-pieceline__warn{color:var(--ink);align-items:center;gap:6px;font-weight:700;display:flex}.run-pieceline__warn i{background:var(--mark-danger);border-radius:50%;flex:none;width:10px;height:10px}.run-info{background:var(--soft);min-height:36px;color:var(--ink);font:850 13px/1 var(--body);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.run-info .run-icon{color:var(--action)}.run-deploy{grid-area:slot;gap:6px;width:100%;min-width:0;display:grid}.run-deploy__head{justify-content:space-between;gap:12px;font-size:13px;display:flex}.run-bench{background:var(--soft);border-radius:12px;align-items:center;gap:6px;min-height:48px;padding:3px;font-size:13px;display:flex;overflow-x:auto}.run-bench--target{outline:2px solid var(--action);outline-offset:-2px;cursor:pointer}.run-bench__label{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding-inline:6px;font-weight:800}.run-bench__label:disabled{cursor:default}.run-bench__unit{border:1px solid var(--line);background:var(--surface);min-width:52px;min-height:44px;color:var(--ink);font:800 13px/1 var(--body);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:2px;padding:2px 6px;display:flex}.run-bench__unit[aria-pressed=true]{border-color:var(--mark-select);background:color-mix(in srgb, var(--mark-select) 30%, transparent)}.run-bench__unit svg{width:30px;height:30px}.run-bench__label:focus-visible,.run-bench__unit:focus-visible{outline:3px solid var(--action);outline-offset:-3px}.run-inspector{z-index:8;max-height:60%;padding:14px 16px max(16px, env(safe-area-inset-bottom));background:var(--surface);animation:run-rise .3s var(--ease) both;border-radius:1.2rem 1.2rem 0 0;outline:none;align-content:start;gap:12px;display:grid;position:absolute;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 30px #0000002e}.run-inspector__head{align-items:center;gap:12px;display:flex}.run-inspector__glyph{background:var(--soft);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.run-inspector__glyph svg{width:44px;height:44px}.run-inspector__head h3{font:var(--display-weight) 21px/1.1 var(--display);letter-spacing:-.02em;margin:0}.run-inspector__head p{color:var(--mute);margin:2px 0 0;font-size:13px}.run-inspector__close{background:var(--soft);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.run-inspector__moves{background:var(--bg);color:var(--ink);font:700 13px/1.35 var(--body);border-radius:12px;align-items:center;gap:8px;margin:0;padding:9px 12px;display:flex}.run-inspector__moves .run-icon{color:var(--action)}.run-inspector__effects{gap:2px;margin:0;padding:0;list-style:none;display:grid}.run-effect{border-top:1px solid var(--line);grid-template-columns:36px 1fr;gap:10px;padding:9px 2px;display:grid}.run-effect:first-child{border-top:0}.run-effect__icon{background:var(--tint);width:36px;height:36px;color:var(--action);border-radius:50%;place-items:center;display:grid}.run-effect h4{font:850 15px/1.2 var(--body);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:flex}.run-effect h4 span{color:var(--mute);font:800 11px/1 var(--body)}.run-effect p{color:var(--ink);margin:3px 0 0;font-size:14px;font-weight:600;line-height:1.4}.run-effect--used .run-effect__icon{background:var(--soft);color:var(--mute)}.run-effect--battle .run-effect__icon{background:color-mix(in srgb, var(--gold) 22%, var(--surface));color:color-mix(in srgb, var(--gold-edge) 85%, var(--ink))}.run-effect--used h4{color:var(--mute);text-decoration:line-through;text-decoration-thickness:2px}.run-panel{max-height:78%;padding:18px 16px max(16px, env(safe-area-inset-bottom));background:var(--surface);animation:run-rise .38s var(--ease) both;border-radius:1.2rem 1.2rem 0 0;position:absolute;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 40px #00000040}.run-panel--exiting{animation:run-panel-exit .42s var(--ease) both;pointer-events:none}.run-sheet{gap:14px;max-width:34rem;margin:0 auto;display:grid}.run-sheet__head{align-items:center;gap:14px;display:flex}.run-sheet__head--plain{justify-content:space-between}.run-sheet__head h2{text-wrap:balance;font-size:1.5rem}.run-sheet__surrender{color:var(--ink);text-wrap:pretty;margin:4px 0 2px;font-weight:600}.run-sheet__rule{margin-top:4px;font-size:13px}.run-sheet__actions{--run-panel-pad:max(16px, env(safe-area-inset-bottom));bottom:calc(-1 * var(--run-panel-pad));z-index:1;margin:0 -16px calc(-1 * var(--run-panel-pad));padding:12px 16px var(--run-panel-pad);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:sticky;box-shadow:0 -10px 14px -12px #00000073}.run-sheet__actions .btn{flex:8rem}.run-sheet__skip{justify-self:center}.run-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.run-options--rewards{grid-template-columns:minmax(0,1fr)}.run-option{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:transform .15s var(--ease), border-color .15s;border-radius:16px;grid-template-columns:auto 1fr;grid-template-areas:"icon cta""type type""body body";align-content:start;align-items:start;gap:6px 10px;padding:12px;display:grid}.run-option:last-child:nth-child(odd){grid-column:1/-1}.run-option:not(:disabled):active{transform:scale(.985)}@media (hover:hover){.run-option:not(:disabled):hover{border-color:var(--coral)}}.run-option:disabled{cursor:default}.run-option:disabled .run-option__cta{opacity:.55}.run-option--off{opacity:.5}.run-option__icon{background:var(--soft);width:60px;height:60px;color:var(--ink);border-radius:14px;grid-area:icon;place-items:center;display:grid}.run-option__icon svg[viewBox="0 0 45 45"]{width:52px;height:52px}.run-option__body{grid-area:body;gap:3px;min-width:0;margin-top:4px;display:grid}.run-option__kind{color:var(--mute);font-size:13px;font-weight:700}.run-option__title{font:850 16px/1.2 var(--body)}.run-option__line{color:var(--mute);font-size:13px;line-height:1.35}.run-option__cta{color:var(--action);font:850 13px/1 var(--body);white-space:nowrap;grid-area:cta;justify-self:end;align-items:center;gap:4px;display:inline-flex}.run-option__cta .icon{width:16px;height:16px}.run-option__cta--price{color:var(--ink);gap:5px;font-size:20px}.run-option__type{border:1.5px solid var(--line);color:var(--ink);font:800 12px/1 var(--body);white-space:nowrap;border-radius:7px;grid-area:type;justify-self:start;align-items:center;gap:3px;padding:3px 8px 3px 5px;display:inline-flex}.run-option__type svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.run-option[data-type=relic] .run-option__type{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--bg), inset 0 0 0 2.5px var(--ink);padding-inline:7px 9px}.run-option[data-type=trait] .run-option__type{border-color:var(--mute)}.run-army{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:8px;display:grid}.run-unit{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);text-align:left;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}button.run-unit{cursor:pointer}@media (hover:hover){button.run-unit:not(:disabled):hover{border-color:var(--coral)}}.run-unit:disabled{opacity:.38;cursor:default}.run-unit__piece{grid-row:1/3;width:36px;height:36px}.run-unit__name{font:850 14px/1.2 var(--body)}.run-unit__traits{color:var(--mute);flex-wrap:wrap;gap:4px;font-size:11px;display:flex}.run-term--battle{background:color-mix(in srgb, var(--gold) 20%, var(--surface));color:color-mix(in srgb, var(--gold-edge) 85%, var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent)}.run-unit__source{font:750 11px/1.25 var(--body);color:color-mix(in srgb, var(--gold-edge) 85%, var(--ink));flex-basis:100%}.run-unit-pick{display:grid;position:relative}.run-unit-pick .run-unit{padding-right:40px}.run-unit-pick__info{width:36px;height:36px;color:var(--action);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-top:-18px;display:grid;position:absolute;top:50%;right:4px}.run-sheet--end{gap:16px}.run-sheet--end>*{min-width:0}.run-verdict{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.run-verdict h2{font:var(--display-weight) 34px/1 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0}.run-verdict p{color:var(--mute);text-wrap:pretty;margin:5px 0 0;font-size:15px}.run-verdict p strong{color:var(--ink)}.run-verdict--won h2{font-size:30px;line-height:1.04}.run-verdict__rooky{width:46px;height:auto}.run-verdict__foe{width:64px;height:64px;position:relative}.run-verdict__foe img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink);border-radius:50%}.run-verdict__mark{background:var(--ink);width:26px;height:26px;color:var(--bg);box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.run-verdict__mark svg{stroke-width:3px;width:15px;height:15px}.run-trail{gap:7px;display:grid}.run-trail__stops{grid-template-columns:repeat(7,1fr) auto;align-items:center;margin:0;padding:0;list-style:none;display:grid}.run-trail__stop{place-items:center;height:36px;display:grid;position:relative}.run-trail__stop+.run-trail__stop:before{content:"";background:var(--line);width:100%;height:3px;margin-top:-1.5px;position:absolute;top:50%;right:50%}.run-trail__stop--done:before,.run-trail__stop--fell:before{background:var(--coral)!important}.run-trail__stop--boss:before{width:calc(100% + 1.5rem)}.run-trail__node{z-index:1;background:var(--soft);width:26px;height:26px;box-shadow:0 0 0 1.5px var(--line) inset;color:var(--mute);font:850 11px/1 var(--body);border-radius:50%;place-items:center;display:grid;position:relative}.run-trail__stop--done .run-trail__node{background:var(--coral);box-shadow:none;color:var(--on-coral)}.run-trail__stop--done .run-icon{stroke-width:3px}.run-trail__stop--fell .run-trail__node{background:var(--ink);width:34px;height:34px;color:var(--bg);box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink)}.run-trail__stop--fell svg{stroke-width:3px;width:16px;height:16px}.run-trail__stop--boss .run-trail__node{width:36px;height:36px;box-shadow:0 0 0 2px var(--line);overflow:hidden}.run-trail__stop--boss .run-trail__node img{object-fit:cover;filter:grayscale(.85);opacity:.7;width:100%;height:100%}.run-trail__stop--boss.run-trail__stop--done .run-trail__node{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--coral)}.run-trail__stop--boss.run-trail__stop--done .run-trail__node img{filter:none;opacity:1}.run-trail__cap{color:var(--mute);font:800 12px/1.2 var(--body);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin:0;display:flex}.run-trail__cap strong{color:var(--ink)}.run-choice{background:var(--tint);border-radius:18px;gap:12px;padding:16px;display:grid}.run-choice h3{font:var(--display-weight) 22px/1.05 var(--display);letter-spacing:-.02em;margin:0}.run-choice>p{color:var(--action);text-wrap:pretty;margin:-6px 0 0;font-size:14px}.run-choice__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.run-choice__token{background:var(--surface);font:850 12px/1 var(--body);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 5px;display:inline-flex}.run-choice__token .run-icon{box-sizing:content-box;background:var(--coral);color:var(--on-coral);stroke-width:2.4px;border-radius:50%;padding:3px}.run-choice .btn{gap:8px}.run-choice__or{color:var(--action);font:800 12px/1 var(--body);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.run-choice__or:before,.run-choice__or:after{content:"";opacity:.25;background:currentColor;height:1px}.run-choice__bank{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--action) 24%, transparent) inset}.run-choice__bank .run-icon,.run-crowns__big .run-icon{color:var(--coral);fill:var(--coral)}.run-choice__why{color:var(--action);align-items:center;gap:8px;margin:-4px 0 0;font-size:14px;display:flex}.run-crowns{gap:3px;display:grid}.run-crowns__big{font:600 44px/1 var(--display);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.run-crowns__note{color:var(--mute);font-size:13px;font-weight:700}.run-choice .run-crowns__note,.run-trophy .run-crowns__note{color:var(--action)}.run-crowns__note strong{color:var(--ink)}.run-trophy{background:var(--tint);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:14px 16px;display:grid}.run-hero{background:var(--coral);color:var(--on-coral);border-radius:1.2rem 1.2rem 0 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title rooky""boss rooky";align-items:end;gap:14px 8px;margin:-18px -16px 0;padding:22px 16px 20px;display:grid;position:relative;overflow:hidden}.run-hero h2{grid-area:title;gap:4px;margin:0;display:grid}.run-hero__shout{font:var(--display-weight) clamp(44px, 13vw, 60px)/.95 var(--display);letter-spacing:-.03em}.run-hero__line{font:850 20px/1.15 var(--body);text-wrap:balance}.run-hero .run-trophy__pic{grid-area:boss;width:72px;height:72px;margin-bottom:6px}.run-hero .run-trophy__pic img{box-shadow:0 0 0 3px var(--on-coral)}.run-hero__rooky{filter:drop-shadow(0 10px 14px #00000038);width:clamp(84px,26vw,116px);height:auto;animation:run-pop .6s .3s var(--ease) both;grid-area:rooky;align-self:center;transform:rotate(8deg)}.run-sheet--won .run-trophy{background:0 0;padding:0}.run-sheet--won .run-crowns__big{font-size:64px}.run-sheet--won .run-crowns__note{color:var(--mute)}.run-sheet--won .run-sheet__actions .run-share{flex:2 10rem}.run-sheet--won .run-sheet__actions .btn-secondary{flex:5rem}.run-trophy__pic{width:92px;height:92px;position:relative}.run-trophy__pic img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--coral);border-radius:50%}.run-trophy__stamp{border:2.5px solid var(--ink);background:var(--surface);color:var(--ink);font:650 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:run-stamp .5s .35s var(--ease) both;border-radius:7px;padding:3px 9px 2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(-7deg)}.run-tally{align-items:center;gap:14px;display:flex}.run-tally dl{flex-wrap:wrap;flex:1;gap:6px 18px;margin:0;display:flex}.run-tally div{gap:1px;display:grid}.run-tally dt{color:var(--mute);font:800 11px/1.2 var(--body)}.run-tally dd{font:850 17px/1.1 var(--body);margin:0}.run-share-icon{background:var(--soft);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.run-share-icon:hover{background:var(--line)}.run-share-icon:focus-visible{outline:3px solid var(--action);outline-offset:2px}.run-share-icon--done{background:var(--coral);color:var(--on-coral)}.run-share-icon__tip{background:var(--ink);color:var(--bg);font:800 12px/1 var(--body);white-space:nowrap;border-radius:8px;padding:4px 8px;position:absolute;bottom:calc(100% + 6px);right:0}.run-share-icon__tip:empty{display:none}.run-next{text-align:left;border-radius:28px;justify-content:space-between;width:100%;height:56px;padding:0 6px 0 20px}.run-next span{gap:2px;display:grid}.run-next small{opacity:.8;font-size:12px;font-weight:800}.run-next img{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.run-next-daily{border:1px solid var(--line);background:var(--bg);font:700 15px/1.2 var(--body);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 14px;display:flex}.run-next-daily .run-icon{color:var(--action)}.run-intro{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);color:var(--ink);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:run-fade .25s var(--ease) both;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.run-intro__count{color:var(--mute);font:800 13px/1.2 var(--body)}.run-intro__portrait{aspect-ratio:1;object-fit:cover;width:min(56vw,15rem,100svh - 16rem);animation:run-reveal .6s var(--ease) both;border-radius:50%;box-shadow:0 18px 40px #00000059}.run-intro__name{font:var(--display-weight) clamp(30px, 8vw, 44px)/1.05 var(--display);letter-spacing:-.025em;animation:run-rise .5s .12s var(--ease) both;margin-top:6px}.run-intro .run-foe__chips{animation:run-rise .5s .2s var(--ease) both}.run-intro__tap{color:var(--action);font:800 13px/1 var(--body);margin-top:14px}.run-intro--morphing{cursor:default;animation:run-intro-backdrop-out .36s var(--ease) forwards}.run-intro--morphing .run-intro__count,.run-intro--morphing .run-foe__chips,.run-intro--morphing .run-intro__tap,.run-frame--intro-morph .run-foe__portrait-wrap,.run-frame--intro-morph .run-foe__name>span:first-child{opacity:0}.run-result{z-index:6;text-align:center;background:var(--surface);width:min(20rem,100% - 40px);box-shadow:var(--run-float);transform-origin:50% 0;animation:run-result-reveal 1.15s var(--ease) both;border-radius:20px;justify-items:center;gap:7px;padding:20px 18px 16px;display:grid;position:absolute;top:50%;left:50%}.run-result img{object-fit:cover;filter:grayscale(.7)brightness(.8);border-radius:50%;width:72px;height:72px}.run-result strong{font:var(--display-weight) 30px/1 var(--display)}.run-result span{color:var(--mute);font-size:14px}.run-feature{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:transform .15s var(--ease);border-radius:16px;grid-template-columns:1fr auto;align-items:center;column-gap:12px;margin-bottom:18px;padding:0;display:grid;overflow:hidden}.run-feature__art{aspect-ratio:2.5;object-fit:cover;object-position:50% 52%;grid-column:1/-1;width:100%;display:block}.run-feature__text{gap:2px;padding:12px 0 13px 14px;display:grid}.run-feature__title{font:var(--display-weight) 22px/1.05 var(--display);letter-spacing:-.02em}.run-feature__line{color:var(--mute);font:700 13px/1.3 var(--body)}.run-feature__cta{background:var(--coral);color:var(--on-coral);font:850 14px/1 var(--body);border-radius:999px;margin-right:14px;padding:10px 20px}.run-feature--done .run-feature__cta{background:var(--soft);color:var(--ink)}.run-feature:active{transform:scale(.985)}@media (hover:hover){.run-feature:hover{transform:translateY(-2px)}}.run-feature:focus-visible{outline:3px solid var(--action);outline-offset:2px}@container content (width<=759px){.run-hub__picture{display:none}.run-hub__title{margin-top:0;padding-top:12px}.run-hub__title h1{font-size:clamp(24px,6.6vw,30px)}.run-card--main{padding:8px 8px 16px}.run-card--main>:not(.road-panel){margin-inline:8px}}@container content (width>=760px){.run-hub{grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);grid-template-areas:"hero hero""main daily""main keeps""main board";gap:18px 28px;max-width:74rem;padding:8px 40px 40px}.run-hub__hero{grid-area:hero}.run-hub__art{aspect-ratio:auto;border-radius:20px;height:clamp(8rem,16cqh,11rem);max-height:none}.run-hub__title{padding-inline:0}.run-hub__help{background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:999px;min-height:36px;padding:0 14px;text-decoration:none}.run-hub .run-card{margin-inline:0}.run-card--main{grid-area:main;align-self:start}.run-card--daily{grid-area:daily}.run-card--keeps{grid-area:keeps}.run-card--board{grid-area:board;align-self:start}}@media (height<=720px){.run-hub__picture{display:none}.run-hub__title{margin-top:0;padding-top:8px}.run-hub__title h1{font-size:24px}}@media (height<=600px) and (width<=899px){.run-wall-nudge{background:0 0;padding:0}.run-wall-nudge>strong,.run-wall-nudge__full{display:none}.run-wall-nudge__short{display:inline}.run-realm-detail__portrait{width:48px;height:48px}}@media (width>=721px),(width>=560px) and (height<=720px){.app-shell--rail .road-panel{width:min(100%,600px,max(260px,126.866svh - 532.836px))}.app-shell--rail .run-ticket__brief{font-size:13px}}@media (width>=560px) and (height<=600px){.app-shell--rail .road-panel{width:min(100%,600px,max(200px,126.866svh - 336.194px))}}@media (height<=450px){.run-hub__hero{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.run-army-line__help{display:inline}}@media (width>=560px) and (height<=450px){.app-shell--rail .run-hub{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""main""daily""keeps""board""links";max-width:52rem}.app-shell--rail .run-card--main{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:start;column-gap:18px}.app-shell--rail .run-card--main>.road-panel{grid-row:1/span 9;width:max(220px,126.866svh - 185.224px);margin:0}.app-shell--rail .run-card--main>:not(.road-panel){grid-column:2}.app-shell--rail .run-ticket__brief{text-align:left}}@media (width<=420px){.run-keeps__row{gap:6px}.run-keeps__restore{max-width:9.5rem;padding-inline:7px;font-size:11px}}@media (width<=360px){.run-mini{display:none}.run-lb__row{grid-template-columns:2ch 28px minmax(0,1fr) 5.5ch}.run-progress{padding-inline:10px}.run-progress:before{left:21px;right:25px}.run-progress__node{width:22px;height:22px}.run-progress__node--boss{width:28px;height:28px}.run-progress__node--boss:last-child{width:34px;height:34px}}@media (width<=899px) and (height<=699px){.run-stage{grid-template-rows:52px minmax(0,1fr) 52px auto 54px}.run-foe{height:52px}.run-foe__portrait-wrap{--size:52px}.run-foe__portrait-wrap[data-kind=skirmish] .run-foe__portrait{box-shadow:none}.run-foe__name{font-size:19px}.run-turns{min-width:56px;padding:3px 6px}.run-turns .run-tabular{font-size:17px}.run-deploy{gap:2px}.run-bench{min-height:52px}.run-dock__hint{font-size:12.5px;line-height:1.3}.run-progress{height:40px}.run-top{grid-template-rows:minmax(34px,auto) auto;column-gap:6px}.run-top__stats{gap:4px}.run-top__where strong{font-size:15px}.run-gold{gap:3px;padding:4px 6px;font-size:13px}.run-inspector{gap:8px;max-height:42%;padding-top:10px}.run-inspector__glyph{width:44px;height:44px}.run-inspector__glyph svg{width:38px;height:38px}.run-inspector__moves{padding:7px 10px}.run-effect{padding-block:6px}}@media (width<=899px) and (orientation:portrait){.run-frame{container-type:inline-size}.run-stage{--board-h:calc((100cqw - 24px) * var(--board-rows) / var(--board-cols) + var(--board-key));grid-template-rows:84px minmax(0, var(--board-h)) 52px auto 64px 1fr;grid-template-areas:"foe""board""me""slot""dock""."}}@media (width<=899px) and (height<=820px) and (orientation:portrait){.run-stage{grid-template-rows:40px minmax(0, var(--board-h)) 52px auto 54px 1fr}.run-foe{gap:8px;height:40px}.run-foe__portrait-wrap{--size:40px}.run-foe__portrait-wrap[data-kind=skirmish] .run-foe__portrait{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line)}.run-foe__name{flex-wrap:nowrap;font-size:18px}.run-foe__name>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.run-foe__text{align-items:center;gap:0}.run-turns{border-radius:999px;align-items:baseline;gap:4px;min-width:0;padding:5px 10px;display:flex}.run-turns .run-tabular{font-size:15px}}@media (width<=899px) and (height<=760px) and (orientation:portrait){.run-stage{grid-template:"foe foe foe"40px"board board board"minmax(0,1fr)"dock dock dock"54px/auto minmax(0,1fr) auto;padding-bottom:8px}.run-me,.run-dock__hint{display:none}.run-deploy__head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.run-frame--deploy .run-me__command{display:grid}.run-stage>.run-deploy,.run-dock{display:contents}.run-me-tile{border:1px solid var(--line);background:var(--surface);width:52px;min-height:54px;box-shadow:0 1px 0 var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;grid-area:dock/1;align-content:center;justify-items:center;gap:2px;padding:3px 0 4px;display:grid}.run-me-tile__rooky{width:28px;height:28px}.run-me-tile b{font:850 13px/1 var(--body);white-space:nowrap;align-items:center;gap:1px;display:inline-flex}.run-me-tile b svg{width:14px;height:14px}.run-me-tile:focus-visible{outline:3px solid var(--action);outline-offset:2px}.run-bench,.run-pieceline,.run-dock__turn{grid-area:dock/2;min-width:0}.run-bench{min-height:54px}.run-dock__go,.run-resign{grid-area:dock/3}.run-dock__go{min-width:6rem}.run-resign{justify-self:end}}@media (width<=899px) and (height<=760px) and (orientation:portrait) and (aspect-ratio<=3/5) and (width>=380px),(width<=899px) and (height<=760px) and (orientation:portrait) and (aspect-ratio<=9/16){.run-stage{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px minmax(0, var(--board-h)) 48px 54px 1fr;grid-template-areas:"foe foe""board board""me me""dock dock"". ."}.run-me{min-height:48px;display:flex}.run-me-tile{display:none}.run-bench,.run-pieceline,.run-dock__turn{grid-column:1}.run-dock__go,.run-resign{grid-column:2}}@media (width<=899px) and (orientation:portrait){.run-panel.run-panel--won{z-index:3;border-radius:0;max-height:none;padding-top:18px;inset:0}.run-panel.run-panel--won .run-hero{margin-top:calc(-18px - env(safe-area-inset-top));padding-top:calc(22px + env(safe-area-inset-top));border-radius:0}}@media (width<=899px) and (height<=640px){.run-panel--end{max-height:88%}.run-sheet--end,.run-verdict{gap:12px}.run-verdict h2{font-size:28px}.run-verdict p{margin-top:3px;font-size:14px}.run-verdict__foe{width:52px;height:52px}.run-trail__cap{display:none}.run-choice{gap:9px;padding:12px 14px}.run-choice__or{margin-block:-2px}.run-crowns__big{font-size:36px}}@media (width>=900px),(width>=560px) and (height<=720px) and (orientation:landscape){.run-stage{grid-template:"board foe""board slot""board dock""board side"minmax(0,1fr)/minmax(0,1fr) minmax(16rem,22rem);align-content:stretch;column-gap:24px}.run-stage--panel{grid-template-columns:minmax(0,1fr) min(26rem,46%)}.run-stage--panel>:not(.run-board-wrap){visibility:hidden}.run-top{grid-template:"back where progress stats"/auto auto minmax(0,1fr) auto;padding-bottom:2px}.run-progress{height:44px;margin:0}.run-foe{flex-wrap:wrap;align-self:start;height:auto;min-height:84px}.run-board-wrap{align-content:start}.run-board{border-radius:9px}.run-me{display:none}.run-dock{flex-direction:column;align-self:start;align-items:stretch;gap:8px}.run-dock__hint{flex:none}.run-dock__go{width:100%}.run-resign{align-self:flex-end}.run-side{border-top:1px solid var(--line);grid-area:side;min-height:0;padding-top:8px;display:block;overflow-y:auto}.run-side h3{margin:8px 0 10px;font-size:1.1rem}.run-side .run-army{grid-template-columns:1fr 1fr}.run-panel,.run-inspector{z-index:7;width:min(26rem,46%);max-height:calc(100% - 68px);box-shadow:var(--run-float);border-radius:20px;inset:56px 12px auto auto}.run-inspector{z-index:8}}@media (orientation:landscape) and (width>=560px) and (height<=500px){.run-stage{grid-template:"foe board slot""foe board dock""foe board side"minmax(0,1fr)/clamp(8rem,18vw,11rem) minmax(0,1fr) clamp(14rem,34vw,20rem);column-gap:16px}.run-stage--panel{grid-template-columns:0 minmax(0,1fr) min(26rem,46%)}.run-foe{text-align:center;flex-direction:column;align-self:start;align-items:center;gap:6px;min-height:0}.run-foe__portrait{width:72px;height:72px}.run-foe__text{justify-items:center}.run-foe__name{justify-content:center;font-size:18px}.run-foe__twist{-webkit-line-clamp:3;font-size:12.5px}.run-side{padding-top:6px}.run-side h3{margin:4px 0 8px}.run-side .run-army{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:6px}}@keyframes run-in{0%{opacity:0;scale:.7}}@keyframes run-burst{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}@keyframes run-lunge{0%,to{translate:0}45%{translate:calc(var(--dx) * .55 / .78) calc(var(--dy) * .55 / .78)}}@keyframes run-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes run-pop{40%{transform:scale(1.12)}}@keyframes run-land{0%{scale:1}40%{scale:1.07 .94}to{scale:1}}@keyframes run-ghost{0%{opacity:1;scale:1}to{opacity:0;translate:0 12%;scale:.6}}@keyframes run-shard{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(260%)scale(.3)}}@keyframes run-shake{10%,90%{translate:-1px}20%,80%{translate:3px}30%,50%,70%{translate:-5px 1px}40%,60%{translate:5px -1px}}@keyframes run-stamp{0%{opacity:0;transform:translate(-50%)rotate(-7deg)scale(1.9)}}@keyframes run-progress-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.45)}}@keyframes run-fade{0%{opacity:0}}@keyframes run-reveal{0%{opacity:0;filter:blur(6px);scale:.82}}@keyframes run-intro-backdrop-out{to{opacity:0;-webkit-backdrop-filter:blur()}}@keyframes run-panel-exit{to{opacity:0;transform:translateY(32px)}}@keyframes run-result-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.14)}24%,68%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.14)}}@media (prefers-reduced-motion:reduce){.run-piece,.run-piece__svg,.run-panel,.run-panel--exiting,.run-inspector,.run-turns--low,.run-board--shake,.run-result,.run-progress__node--now:after,.run-intro,.run-intro__portrait,.run-intro__name,.run-intro .run-foe__chips,.road-panel__fanfare,.road-map__maskpath--draw,.road-stop--hint .road-stop__disc,.road-map__leg--unlock .road-map__ghost,.road-map__leg--unlock .road-map__paved,.road-stop__scene,.road-panel--unlocking .road-stop__disc,.road-stop__disc:after,.road-map__label,.road-map__rooky,.run-hero__rooky,.run-trophy__stamp{transition:none;animation:none}.run-piece--land .run-piece__svg,.run-piece--lunge .run-piece__svg{animation:none}.run-burst,.run-ghost{display:none}}.run-screen--still .run-piece,.run-screen--still .run-piece__svg,.run-screen--still .run-panel,.run-screen--still .run-inspector,.run-screen--still .run-board--shake,.run-screen--still .run-intro,.run-screen--still .run-intro *,.run-screen--still .run-result,.run-screen--still .run-progress__node--now:after,.run-screen--still .road-map__leg--unlock .road-map__ghost,.run-screen--still .road-map__leg--unlock .road-map__paved,.run-screen--still .road-panel__fanfare,.run-screen--still .road-map__maskpath--draw,.run-screen--still .road-stop--hint .road-stop__disc,.run-screen--still .road-stop__scene,.run-screen--still .road-panel--unlocking .road-stop__disc,.run-screen--still .road-stop__disc:after,.run-screen--still .road-map__label,.run-screen--still .run-hero__rooky,.run-screen--still .run-trophy__stamp{transition:none;animation:none}.run-screen--still .run-panel--exiting{opacity:0;animation:none}.run-screen--still .run-ghost,.run-screen--still .run-shard{display:none}@media (width>=900px),(width>=560px) and (height<=720px) and (orientation:landscape){.run-promo-key--board{display:none}.run-board-wrap--key .run-board{width:min(100cqw, 100cqh * var(--rw) / var(--rh))}.run-promo-key--side{margin-bottom:4px;display:flex}}:root{font-family:var(--body);font-weight:var(--weight-normal);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.4}body{margin:0;font-size:.9375rem}@media (width<=720px){body{font-size:.875rem}}:where(button,a){touch-action:manipulation}