:root{--ink-950:#04060c;--ink-900:#06080f;--ink-850:#0a0d18;--ink-800:#111527;--ink-750:#161b31;--ink-700:#1d2340;--ink-600:#2a3255;--ink-500:#3b456e;--text:#eef1fb;--text-dim:#a3abcb;--text-faint:#7e88ae;--line:#ffffff1a;--line-strong:#fff3;--volt:#c6ff2e;--volt-deep:#7fa800;--hot:#ff2d78;--hot-deep:#a1004a;--cool:#35e6ff;--cool-deep:#0a7c92;--gold:#ffc24b;--node-0:#ffb03a;--node-0-shade:#9a5b00;--node-1:#46d6f0;--node-1-shade:#0b6d85;--node-2:#35d67f;--node-2-shade:#0a6c40;--node-3:#ff6ab3;--node-3-shade:#8f1c5c;--node-4:#a98cff;--node-4-shade:#4a2f9c;--node-5:#dbe7f7;--node-5-shade:#5b6a80;--radius-sm:8px;--radius:14px;--radius-lg:22px;--edge:5px;--font-display:"Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;--font-ui:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-pop:cubic-bezier(.18, 1.3, .35, 1);--ease-out:cubic-bezier(.22, .9, .28, 1);--shell-max:1280px}.reduce-motion *{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--ink-900);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45}#root{isolation:isolate;min-height:100%}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--volt);outline-offset:3px;border-radius:4px}::selection{background:var(--hot);color:#fff}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:.92}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.backdrop{z-index:-1;background:radial-gradient(120% 90% at 50% 0%, #131a33 0%, transparent 60%), linear-gradient(180deg, var(--ink-900) 0%, var(--ink-950) 100%);position:fixed;inset:0;overflow:hidden}.backdrop:before,.backdrop:after{content:"";filter:blur(90px);opacity:.22;will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.backdrop:before{background:radial-gradient(circle, var(--hot) 0%, transparent 62%);animation:34s ease-in-out infinite alternate drift-a;top:-28vmax;left:-18vmax}.backdrop:after{background:radial-gradient(circle, var(--cool) 0%, transparent 62%);animation:41s ease-in-out infinite alternate drift-b;bottom:-30vmax;right:-20vmax}.backdrop__grid{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 100%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 100%)}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(16vmax,10vmax)scale(1.18)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-14vmax,-12vmax)scale(.95)}}.flashlayer{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%, var(--flash-color,#fff) 0%, transparent 62%);position:fixed;inset:0}.flashlayer.is-on{animation:flash .42s var(--ease-out)}@keyframes flash{0%{opacity:.42}to{opacity:0}}.shake{animation:shake .3s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0,0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.btn{--btn-face:var(--ink-700);--btn-edge:var(--ink-500);--btn-text:var(--text);border:2px solid var(--btn-edge);border-radius:var(--radius);background:var(--btn-face);min-height:48px;color:var(--btn-text);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 var(--edge) 0 var(--btn-edge);transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background-color .14s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:700;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover:not(:disabled){box-shadow:0 calc(var(--edge) + 2px) 0 var(--btn-edge);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(var(--edge));box-shadow:0 0 0 var(--btn-edge)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{--btn-face:var(--volt);--btn-edge:var(--volt-deep);--btn-text:#0b1400}.btn--hot{--btn-face:var(--hot);--btn-edge:var(--hot-deep);--btn-text:#fff}.btn--cool{--btn-face:var(--cool);--btn-edge:var(--cool-deep);--btn-text:#00232b}.btn--ghost{--btn-face:transparent;--btn-edge:var(--ink-600);box-shadow:none;min-height:42px;padding:9px 16px}.btn--ghost:hover:not(:disabled){--btn-edge:var(--ink-500);box-shadow:none;background:#ffffff0a;transform:none}.btn--ghost:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn--block{width:100%}.btn--lg{min-height:62px;padding:16px 30px;font-size:18px}.panel{background:var(--ink-800);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 var(--edge) 0 #0000008c;padding:22px;position:relative}.panel--flush{padding:0;overflow:hidden}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.chip{border:2px solid var(--line);background:var(--ink-750);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.chip--volt{color:var(--volt);border-color:#c6ff2e80}.chip--hot{color:var(--hot);border-color:#ff2d788c}.field{flex-direction:column;gap:8px;display:flex}.input{border:2px solid var(--ink-600);border-radius:var(--radius);background:var(--ink-850);width:100%;min-height:52px;color:var(--text);font:inherit;letter-spacing:.02em;transition:border-color .14s var(--ease-out);padding:12px 16px;font-weight:600}.input::placeholder{color:var(--text-faint);letter-spacing:.06em}.input:focus{border-color:var(--volt);outline:none}.input--code{font-family:var(--font-display);letter-spacing:.4em;text-align:center;text-transform:uppercase;padding-left:.4em;font-size:34px;font-weight:800}.scrim{z-index:70;animation:fade-in .18s var(--ease-out);background:#030409c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(560px,100%);max-height:min(84vh,760px);animation:dialog-in .26s var(--ease-pop);overflow:auto}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--text);align-items:center;font-weight:800;line-height:.85;display:inline-flex}.wordmark__o{color:#0000;place-items:center;display:inline-grid;position:relative}.wordmark__o:before{content:"";border:.16em solid var(--volt);border-radius:50%;position:absolute;inset:8%}.wordmark__o--hot:before{border-color:var(--hot);animation:2.6s ease-in-out infinite orbit-pulse}@keyframes orbit-pulse{0%,to{transform:scale(1)}50%{transform:scale(.86)}}.play{height:100dvh;padding:max(10px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));max-width:var(--shell-max);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 auto;display:grid;position:relative}.play__foot{flex-direction:column;gap:8px;display:flex}.play__stage{grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:0;display:grid;position:relative}.play__with-rail{grid-template-columns:minmax(0,1fr) minmax(170px,230px);align-items:stretch;gap:16px}.play__boardwrap{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.board{width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));touch-action:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;position:relative}.board__frame{inset:calc(var(--cell) * -.14);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:inset 0 0 60px #0000008c, 0 var(--edge) 0 #00000080;transition:box-shadow .26s var(--ease-out), border-color .26s var(--ease-out);background:#080b16a8;position:absolute}.is-surging .board__frame{box-shadow:inset 0 0 70px #ff2d7838, 0 0 40px #ff2d7866, 0 var(--edge) 0 #00000080;border-color:#ff2d78cc}.board__slots{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);display:grid;position:absolute;inset:0}.board__slot{margin:calc(var(--cell) * .08);border-radius:calc(var(--cell) * .24);background:#ffffff06}.board__ink{pointer-events:none;position:absolute;inset:0;overflow:visible}.board__ink path{fill:none;stroke-linecap:round;stroke-linejoin:round}.board__nodes{border-radius:calc(var(--cell) * .2);position:absolute;inset:0;overflow:hidden}.node{width:var(--cell);height:var(--cell);transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)), 0);transition:transform .26s var(--ease-out);pointer-events:none;position:absolute;top:0;left:0}.node__face{background:var(--c);box-shadow:0 calc(var(--cell) * .07) 0 var(--cs);transform-origin:50% 60%;animation:node-in .28s var(--ease-pop) backwards;animation-delay:calc(var(--x) * 16ms);transition:transform .14s var(--ease-pop), filter .14s var(--ease-out), box-shadow .14s var(--ease-out);border-radius:30%;place-items:center;display:grid;position:absolute;inset:9%}.node__glyph{fill:#090c16db;width:52%;height:52%}.node.is-linked .node__face{box-shadow:0 calc(var(--cell) * .04) 0 var(--cs), 0 0 0 calc(var(--cell) * .05) #ffffffe6, 0 0 calc(var(--cell) * .5) var(--c);filter:brightness(1.14);transform:scale(1.1)}.node.is-head .node__face{transform:scale(1.18)}.node.is-taken .node__face{filter:brightness(.55)saturate(.65);box-shadow:0 calc(var(--cell) * .07) 0 var(--cs), 0 0 0 calc(var(--cell) * .045) var(--taken,#fff)}.board.is-drawing .node:not(.is-linked):not(.is-legal) .node__face{filter:brightness(.5)saturate(.5)}.board.is-drawing .node.is-legal .node__face{animation:.9s ease-in-out infinite legal-bob}.node.is-jammed .node__face{box-shadow:0 calc(var(--cell) * .07) 0 #0c1020;filter:none;background:#222a42}.node.is-jammed .node__glyph{fill:#5d6a92}.node.is-cursor .node__face{box-shadow:0 calc(var(--cell) * .07) 0 var(--cs), 0 0 0 calc(var(--cell) * .05) var(--volt)}.node.is-called .node__face:after{content:"";border:calc(var(--cell) * .045) solid #fff;opacity:.9;border-radius:34%;animation:1s ease-in-out infinite called-ring;position:absolute;inset:-12%}@keyframes called-ring{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(1.1)}}@keyframes legal-bob{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes node-in{0%{transform:translateY(-260%)scale(.92)}}.burst{z-index:3;width:var(--cell);height:var(--cell);transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)), 0);pointer-events:none;position:absolute;top:0;left:0}.burst__face{background:var(--c);animation:burst-out .34s var(--ease-out) forwards;border-radius:30%;position:absolute;inset:9%}@keyframes burst-out{0%{opacity:1;transform:scale(1)}35%{opacity:1;filter:brightness(2);transform:scale(1.35)}to{opacity:0;transform:scale(.2)}}.fx{z-index:4;pointer-events:none;position:absolute;inset:0}.popscore{z-index:6;transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)), 0);width:var(--cell);font-family:var(--font-display);font-weight:800;font-size:calc(var(--cell) * .4);color:#fff;text-shadow:0 2px #000000b3;pointer-events:none;animation:popscore .9s var(--ease-out) forwards;place-items:center;display:grid;position:absolute}@keyframes popscore{0%{opacity:0;transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)), 0) scale(.6)}22%{opacity:1;transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell) - 14px), 0) scale(1.1)}to{opacity:0;transform:translate3d(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell) - 54px), 0) scale(1)}}.hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.hud__block{flex-direction:column;gap:2px;min-width:0;display:flex}.hud__block .meter{max-width:180px}.hud__block--right{align-items:flex-end}.hud__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(26px,5vw,40px);font-weight:800;line-height:1}.hud__score{text-align:center;transition:transform .12s var(--ease-pop);font-size:clamp(34px,7vw,58px)}.hud__score.is-bumped{color:var(--volt);transform:scale(1.12)}.hud__timer{color:var(--text)}.hud__timer.is-low{color:var(--hot);animation:1s steps(2,end) infinite timer-throb}@keyframes timer-throb{50%{opacity:.45}}.hud__mult{color:var(--volt)}.meter{background:var(--ink-700);border-radius:999px;height:8px;position:relative;overflow:hidden}.meter__fill{transform-origin:0;transform:scaleX(var(--p,0));background:var(--volt);transition:transform .14s linear;position:absolute;inset:0}.meter--combo .meter__fill{background:var(--gold);transition:transform 90ms linear}.surge{border:2px solid var(--line);border-radius:var(--radius);background:var(--ink-850);align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.surge__track{background:var(--ink-700);border-radius:999px;flex:1;height:14px;position:relative;overflow:hidden}.surge__fill{transform-origin:0;transform:scaleX(var(--p,0));background:linear-gradient(90deg, var(--cool), var(--volt));transition:transform .16s var(--ease-out);position:absolute;inset:0}.is-surging .surge{border-color:var(--hot);background:#ff2d781f;animation:.8s ease-in-out infinite surge-pulse}.is-surging .surge__fill{background:linear-gradient(90deg, var(--hot), var(--gold));transition:transform .1s linear}@keyframes surge-pulse{50%{box-shadow:0 0 26px #ff2d7880}}.surge__label{font-family:var(--font-display);letter-spacing:.14em;white-space:nowrap;font-size:15px;font-weight:800}.call{border:2px solid var(--gold);border-radius:var(--radius);animation:call-in .32s var(--ease-pop);background:#ffc24b1f;align-items:center;gap:12px;padding:8px 14px;display:flex}.call__glyph{background:var(--c);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.call__glyph svg{fill:#090c16db;width:62%;height:62%}.call__name{font-family:var(--font-display);letter-spacing:.06em;font-size:19px;font-weight:800}.call__bar{flex:1}.call__answers{gap:4px;display:flex}.call__dot{border:2px solid var(--line-strong);border-radius:50%;width:11px;height:11px}.call__dot.is-on{background:var(--seat);border-color:var(--seat)}@keyframes call-in{0%{opacity:0;transform:translateY(-10px)}}.rail{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex;overflow:auto}.railcard{border:2px solid var(--line);border-left-width:6px;border-left-color:var(--seat);border-radius:var(--radius-sm);background:var(--ink-800);transition:transform .22s var(--ease-pop), border-color .2s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.railcard.is-me{background:var(--ink-750);border-color:var(--line-strong);border-left-color:var(--seat)}.railcard.is-surging{border-color:var(--hot);box-shadow:0 0 18px #ff2d7866}.railcard__name{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.railcard__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.railcard__rank{background:var(--ink-700);border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.announce{pointer-events:none;z-index:8;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.announce__line{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px #0009;animation:announce 1.1s var(--ease-out) forwards;white-space:nowrap;font-size:clamp(30px,7vw,62px);font-weight:800}.announce__sub{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);animation:announce 1.1s var(--ease-out) forwards;font-size:14px;font-weight:700}@keyframes announce{0%{opacity:0;transform:scale(.6)rotate(-3deg)}18%{opacity:1;transform:scale(1.06)rotate(0)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)translateY(-26px)}}.countdown{z-index:40;background:#04060cd1;place-items:center;display:grid;position:fixed;inset:0}.countdown__n{font-family:var(--font-display);color:var(--volt);animation:count .9s var(--ease-out);font-size:clamp(90px,26vw,240px);font-weight:800;line-height:1}@keyframes count{0%{opacity:0;filter:blur(8px);transform:scale(2.4)}30%{opacity:1;filter:blur();transform:scale(1)}to{opacity:.1;transform:scale(.8)}}@media (max-width:560px){.play{gap:8px;padding-left:8px;padding-right:8px}.hud__score{font-size:clamp(28px,9vw,44px)}}@media (max-width:860px){.play__with-rail{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.rail{flex-direction:row;overflow-x:auto}.railcard{flex:none;min-width:132px}}.screen{min-height:100dvh;padding:clamp(18px, 4vw, 44px) 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.screen__inner{flex-direction:column;gap:18px;width:100%;max-width:560px;display:flex}.screen__inner--wide{max-width:880px}.home__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:clamp(8px,4vh,34px) 0 clamp(10px,3vh,26px);display:flex}.home__mark{font-size:clamp(50px,14vw,104px)}.home__tagline{letter-spacing:.4em;text-transform:uppercase;color:var(--text-faint);padding-left:.4em;font-size:13px;font-weight:700}.modes{gap:12px;display:grid}.mode{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-800);box-shadow:0 var(--edge) 0 #0000008c;text-align:left;cursor:pointer;transition:transform .12s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.mode:before{content:"";background:linear-gradient(120deg, var(--tint) -30%, transparent 55%);opacity:.2;transition:opacity .2s var(--ease-out);position:absolute;inset:0}.mode:hover{border-color:var(--tint);transform:translateY(-3px)}.mode:hover:before{opacity:.4}.mode:active{transform:translateY(2px)}.mode__icon{background:var(--tint);color:#06080f;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;position:relative}.mode__icon svg{fill:currentColor;width:28px;height:28px}.mode__body{flex-direction:column;gap:3px;display:flex;position:relative}.mode__title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:24px;font-weight:800}.mode__desc{color:var(--text-dim);font-size:13.5px;line-height:1.35}.mode__meta{text-align:right;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700;position:relative}.home__row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.home__foot{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:4px;display:flex}.best{color:var(--text-dim);justify-content:center;align-items:baseline;gap:8px;font-size:13px;display:flex}.best strong{font-family:var(--font-display);color:var(--volt);font-variant-numeric:tabular-nums;font-size:20px}.code{border:2px dashed var(--ink-600);border-radius:var(--radius-lg);background:var(--ink-850);flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.code__value{font-family:var(--font-display);letter-spacing:.14em;color:var(--volt);padding-left:.14em;font-size:clamp(50px,14vw,82px);font-weight:800;line-height:1}.seats{gap:8px;display:grid}.seat{border:2px solid var(--line);border-left-width:6px;border-left-color:var(--seat);border-radius:var(--radius-sm);background:var(--ink-800);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.seat__avatar{background:var(--seat);color:#06080f;width:34px;height:34px;font-family:var(--font-display);border-radius:10px;place-items:center;font-size:17px;font-weight:800;display:grid}.seat__name{letter-spacing:.02em;font-weight:700}.seat__tag{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.seat.is-ready .seat__tag{color:var(--volt)}.seat.is-gone{opacity:.45}.result__headline{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.result__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(38px,9vw,70px);font-weight:800;line-height:.95}.result__score{font-family:var(--font-display);color:var(--volt);font-variant-numeric:tabular-nums;font-size:clamp(46px,13vw,96px);font-weight:800;line-height:1}.stars{justify-content:center;gap:10px;display:flex}.stars svg{width:44px;height:44px;fill:var(--ink-600);transition:fill .3s var(--ease-out)}.stars svg.is-on{fill:var(--gold);animation:star-pop .48s var(--ease-pop) backwards}@keyframes star-pop{0%{transform:scale(0)rotate(-40deg)}}.standings{gap:8px;display:grid}.standing{border:2px solid var(--line);border-left-width:6px;border-left-color:var(--seat);border-radius:var(--radius-sm);background:var(--ink-800);animation:standing-in .42s var(--ease-pop) backwards;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.standing.is-winner{border-color:var(--gold);background:#ffc24b1a}.standing__place{font-family:var(--font-display);width:28px;color:var(--text-faint);font-size:22px;font-weight:800}.standing.is-winner .standing__place{color:var(--gold)}.standing__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}@keyframes standing-in{0%{opacity:0;transform:translate(-16px)}}.statgrid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.stat{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-850);text-align:center;padding:12px}.stat__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.stat__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.howto{flex-direction:column;gap:18px;display:flex}.rule{grid-template-columns:76px 1fr;align-items:center;gap:16px;display:grid}.rule__art{background:var(--ink-850);border:2px solid var(--line);border-radius:12px;width:76px;height:76px;position:relative;overflow:hidden}.rule__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:18px;font-weight:800}.rule__text{color:var(--text-dim);font-size:14px;line-height:1.4}.kindkey{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.kindkey__item{background:var(--ink-850);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.kindkey__swatch{background:var(--c);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.kindkey__swatch svg{fill:#090c16db;width:60%;height:60%}.kindkey__name{letter-spacing:.1em;font-size:11px;font-weight:700}.toasts{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{border:2px solid var(--line-strong);background:var(--ink-750);letter-spacing:.06em;animation:toast-in .24s var(--ease-pop);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700}.toast--bad{border-color:var(--hot);color:var(--hot)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}}.topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}