@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0a0a0a;--paper:#f7f7f5;--muted:#6b6b6b;--line:#0a0a0a;--line-soft:#0a0a0a38;--line-faint:#0a0a0a1a;--line-major:#0a0a0a33;--line-minor:#0a0a0a1a;--hash:#0a0a0a1f;--hash-strong:#0a0a0a33;--color-x:#5a189a;--color-o:#8ac926;--mark-on-x:#f7f7f5;--mark-on-o:#0a0a0a;--turn-color:var(--color-x);--turn-mark-on:var(--mark-on-x);--font-sans:"IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--hud-h:2.75rem;--gap-board:1px;--gap-mini:1px;--radius:0;--touch-min:44px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-med:.22s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f7f5;--paper:#0a0a0a;--muted:#9a9a9a;--line:#f7f7f5;--line-soft:#f7f7f538;--line-faint:#f7f7f51a;--line-major:#f7f7f533;--line-minor:#f7f7f51a;--hash:#f7f7f51f;--hash-strong:#f7f7f533}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-med:1ms}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-weight:400;line-height:1.35;overflow:hidden}button,select{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}button:disabled{cursor:default}button.cell:disabled{opacity:1}button:disabled:not(.cell){opacity:.4}#app{height:100%;height:100dvh;max-height:100dvh}.hash-fill{background-image:repeating-linear-gradient(-45deg, var(--hash) 0, var(--hash) 1px, transparent 1px, transparent 6px)}.hash-fill--strong{background-image:repeating-linear-gradient(-45deg, var(--hash-strong) 0, var(--hash-strong) 1px, transparent 1px, transparent 5px)}.hash-fill--dense{background-image:repeating-linear-gradient(-45deg, var(--hash-strong) 0, var(--hash-strong) 1px, transparent 1px, transparent 4px)}.board{--board-size:min(100cqw, calc(100cqh - 3.5rem));width:var(--board-size);height:var(--board-size);gap:var(--gap-board);background:var(--line-major);border:1px solid var(--line-major);box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:relative}@supports not (width:1cqw){.board{--board-size:min(100vw - 1.25rem, calc(100dvh - 8.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}.mini{background:var(--paper);min-width:0;min-height:0;display:flex;position:relative;overflow:visible}.mini.is-active{z-index:2}.mini.is-active:before{content:"";border:2px solid var(--turn-color);pointer-events:none;z-index:5;position:absolute;inset:0}.mini.is-active-pop:before{animation:active-border-pop .32s var(--ease-out)}@keyframes active-border-pop{0%{opacity:0;border-width:0}55%{opacity:1;border-width:3px}to{opacity:1;border-width:2px}}.mini__flash{pointer-events:none;z-index:3;opacity:0;position:absolute;inset:0}.mini__flash.flash-x{background:color-mix(in srgb, var(--color-x) 50%, transparent)}.mini__flash.flash-o{background:color-mix(in srgb, var(--color-o) 50%, transparent)}.mini__flash.is-visible{animation:1s ease-out forwards next-target-flash}@keyframes next-target-flash{0%{opacity:1}to{opacity:0}}.mini.is-drawn{background:var(--paper)}.mini.is-drawn:after{content:"";background-image:repeating-linear-gradient(-45deg, var(--hash-strong) 0, var(--hash-strong) 1px, transparent 1px, transparent 4px);pointer-events:none;z-index:1;position:absolute;inset:0}.mini.is-claimed.mark-x{background:var(--color-x)}.mini.is-claimed.mark-o{background:var(--color-o)}.mini.is-claimed .mini__grid{opacity:0;pointer-events:none}.mini.is-claimed.mark-x .mini__claim{color:var(--mark-on-x)}.mini.is-claimed.mark-o .mini__claim{color:var(--mark-on-o)}.mini.is-flash .mini__claim{animation:claim-flash var(--dur-med) var(--ease-out)}.mini__grid{gap:var(--gap-mini);background:var(--line-minor);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.mini__claim{pointer-events:none;opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);z-index:2;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.92)}.mini__claim.is-visible{opacity:1;transform:scale(1)}.mini__claim .icon--mark{stroke-width:2.25px;width:clamp(1.75rem,14vw,4.25rem);height:clamp(1.75rem,14vw,4.25rem)}.mini__think,.board__think{pointer-events:none;opacity:0;z-index:4;transition:opacity var(--dur-med) var(--ease-out);background:0 0;place-items:center;display:grid;position:absolute;inset:0}.mini__think.is-visible,.board__think.is-visible{opacity:1}.think-cycle{width:clamp(1.75rem,11vw,3rem);height:clamp(1.75rem,11vw,3rem);filter:drop-shadow(0 0 .35rem var(--paper)) drop-shadow(0 0 .15rem var(--paper));display:block;position:relative}.think-cycle__frame{opacity:0;color:var(--turn-color);place-items:center;display:grid;position:absolute;inset:0}.think-cycle__frame .icon--think{stroke-width:1.75px;width:100%;height:100%}.think-cycle__frame--low{animation:1s linear infinite think-frame-low}.think-cycle__frame--med{animation:1s linear infinite think-frame-med}.think-cycle__frame--high{animation:1s linear infinite think-frame-high}@keyframes think-frame-low{0%,33.333%{opacity:1}33.334%,to{opacity:0}}@keyframes think-frame-med{0%,33.333%{opacity:0}33.334%,66.666%{opacity:1}66.667%,to{opacity:0}}@keyframes think-frame-high{0%,66.666%{opacity:0}66.667%,to{opacity:1}}.cell{background:var(--paper);opacity:1;width:100%;min-width:0;height:100%;min-height:0;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:relative}.cell.is-legal{cursor:pointer}.cell.is-legal:hover,.cell.is-legal:focus-visible{background-color:color-mix(in srgb, var(--turn-color) 12%, var(--paper));outline:none}.cell.mark-x{background-color:var(--color-x);color:var(--mark-on-x)}.cell.mark-o{background-color:var(--color-o);color:var(--mark-on-o)}.cell.mark-x .glyph,.cell.mark-o .glyph{color:inherit}.cell.is-pressing{transform:scale(.92)}.cell.is-pressing:not(.has-mark){background-color:color-mix(in srgb, var(--turn-color) 28%, var(--paper))}.glyph{color:var(--ink);pointer-events:none;place-items:center;line-height:0;display:grid}.glyph .icon--mark{stroke-width:2.35px;width:clamp(.85rem,4.2vw,1.65rem);height:clamp(.85rem,4.2vw,1.65rem)}.glyph--pop{animation:mark-pop var(--dur-med) var(--ease-out)}@keyframes mark-pop{0%{opacity:.2;transform:scale(.55)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes claim-flash{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.glyph--pop,.mini.is-flash .mini__claim,.mini.is-active-pop:before,.mini__flash.is-visible{animation:none}.mini__flash.is-visible{opacity:.35}.think-cycle__frame--low,.think-cycle__frame--med,.think-cycle__frame--high{animation:none}.think-cycle__frame--med{opacity:1}.cell.is-pressing{transform:none}}@media (min-width:900px){.board{--board-size:min(100cqw, 100cqh, 560px)}}.hud{--hud-bar-h:2.75rem;z-index:20;width:100%;height:var(--hud-bar-h);min-height:var(--hud-bar-h);border-bottom:1px solid var(--line-soft);flex-shrink:0;grid-template-columns:1fr auto auto;grid-template-areas:"brand meta menu";align-items:center;gap:.5rem;padding:0 .65rem;display:grid;position:relative}.hud__brand{grid-area:brand;min-width:0}.hud__title{letter-spacing:-.03em;text-transform:uppercase;font-size:.95rem;font-weight:600}.hud__meta{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;grid-area:meta;align-items:center;gap:.65rem;font-size:.72rem;display:flex}.hud__timer{color:var(--ink);align-items:center;gap:.25rem;display:inline-flex}.hud__menu{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--ink);background:var(--paper);color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;grid-area:menu;place-items:center;display:grid}.hud__menu:active{transform:scale(.94)}.drawer__backdrop{z-index:30;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);background:#0a0a0a59;border:none;margin:0;padding:0;position:fixed;inset:0}[data-theme=dark] .drawer__backdrop{background:#0000008c}.hud.is-menu-open .drawer__backdrop{opacity:1;pointer-events:auto}.drawer{z-index:40;width:min(18rem,88vw);height:100%;background:var(--paper);border-left:1px solid var(--line-soft);height:100dvh;transition:transform var(--dur-med) var(--ease-out);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.hud.is-menu-open .drawer{transform:translate(0)}.drawer__head{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .85rem .65rem;display:flex}.drawer__title{letter-spacing:-.02em;text-transform:uppercase;font-size:.9rem;font-weight:600}.drawer__close{border:1px solid var(--ink);background:var(--paper);width:2.25rem;height:2.25rem;color:var(--ink);place-items:center;display:grid}.drawer__body{flex-direction:column;flex:1;gap:1.25rem;padding:.85rem;display:flex;overflow-y:auto}.drawer__section{flex-direction:column;gap:.45rem;display:flex}.drawer__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem;font-weight:600}.drawer__mode{min-height:var(--touch-min);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:.45rem;padding:0 .65rem;display:flex}.drawer__mode-icon{flex-shrink:0;place-items:center;display:grid}.drawer__select{appearance:none;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:.2rem 0;font-size:.85rem;font-weight:500}.drawer__swatches{flex-wrap:wrap;gap:.4rem;display:flex}.swatch{border:1px solid var(--ink);cursor:pointer;flex-shrink:0;grid-template-columns:1fr 1fr;width:2.25rem;height:1.25rem;padding:0;display:grid;overflow:hidden}.swatch.is-selected{outline:2px solid var(--ink);outline-offset:1px}.swatch__x,.swatch__o{height:100%;display:block}.drawer__mark-groups{flex-wrap:wrap;gap:.4rem;display:flex}.mark-pick{border:1px solid var(--ink);cursor:pointer;flex-shrink:0;grid-template-columns:1fr 1fr;width:2.25rem;height:1.25rem;padding:0;display:grid;overflow:hidden}.mark-pick.is-selected{outline:2px solid var(--ink);outline-offset:1px}.mark-pick__x,.mark-pick__o{place-items:center;height:100%;line-height:0;display:grid}.mark-pick__x{background:var(--color-x);color:var(--mark-on-x)}.mark-pick__o{background:var(--color-o);color:var(--mark-on-o)}.mark-pick .icon--mark-preview{stroke-width:2px;width:.72rem;height:.72rem}.drawer__theme,.drawer__reset{min-height:var(--touch-min);border:1px solid var(--ink);width:100%;transition:transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.drawer__theme{background:var(--paper);color:var(--ink)}.drawer__reset{background:var(--ink);color:var(--paper)}.drawer__theme:active,.drawer__reset:active{transform:scale(.98)}.icon{stroke-width:1.75px;width:1rem;height:1rem;display:block}body.ox-menu-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.drawer,.drawer__backdrop{transition:none}}@media (min-width:720px){.hud{padding:0 1rem}}.turn-pair{flex-shrink:0}.turn-pair__row{justify-content:center;align-items:center;display:flex}.turn-pair.is-pickable .turn-pair__row{grid-template-columns:var(--touch-min) auto var(--touch-min);align-items:center;gap:.45rem;display:grid}.turn-pair.is-pickable .turn-pair__track{grid-column:2}.turn-pair.is-pickable .turn-pair__dice{grid-column:3}.turn-pair__track{--turn-gap:.35rem;--turn-slide:.68s;--turn-bounce:.22rem;gap:var(--turn-gap);grid-template-columns:1fr 1fr;display:grid;position:relative}.turn-pair__pill{z-index:0;width:calc((100% - var(--turn-gap)) / 2);background:var(--color-x);will-change:transform, background-color;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.turn-pair.is-at-x:not(.is-animating) .turn-pair__pill{background:var(--color-x);transform:translate(0)}.turn-pair.is-at-o:not(.is-animating) .turn-pair__pill{transform:translateX(calc(100% + var(--turn-gap)));background:var(--color-o)}.turn-pair.is-animating.is-slide-to-o .turn-pair__pill{animation:turn-slide-to-o var(--turn-slide) forwards}.turn-pair.is-animating.is-slide-to-x .turn-pair__pill{animation:turn-slide-to-x var(--turn-slide) forwards}@keyframes turn-slide-to-o{0%{background-color:var(--color-x);animation-timing-function:cubic-bezier(.82,0,.98,.35);transform:translate(0)}68%{transform:translateX(calc(100% + var(--turn-gap))) scaleX(1.04);background-color:var(--color-o);animation-timing-function:cubic-bezier(.28,1.35,.52,1)}76%{transform:translateX(calc(100% + var(--turn-gap) + var(--turn-bounce))) scaleX(.97);background-color:var(--color-o);animation-timing-function:cubic-bezier(.45,0,.55,1)}84%{transform:translateX(calc(100% + var(--turn-gap) - .11rem)) scaleX(1.02);background-color:var(--color-o);animation-timing-function:ease-in-out}91%{transform:translateX(calc(100% + var(--turn-gap) + .05rem)) scaleX(.995);background-color:var(--color-o);animation-timing-function:cubic-bezier(.45,0,.55,1)}96%{transform:translateX(calc(100% + var(--turn-gap) - .02rem)) scaleX(1.005);background-color:var(--color-o)}to{transform:translateX(calc(100% + var(--turn-gap))) scaleX(1);background-color:var(--color-o)}}@keyframes turn-slide-to-x{0%{transform:translateX(calc(100% + var(--turn-gap)));background-color:var(--color-o);animation-timing-function:cubic-bezier(.82,0,.98,.35)}68%{background-color:var(--color-x);animation-timing-function:cubic-bezier(.28,1.35,.52,1);transform:translate(0)scaleX(1.04)}76%{transform:translateX(calc(var(--turn-bounce) * -1)) scaleX(.97);background-color:var(--color-x);animation-timing-function:cubic-bezier(.45,0,.55,1)}84%{background-color:var(--color-x);animation-timing-function:ease-in-out;transform:translate(.11rem)scaleX(1.02)}91%{background-color:var(--color-x);animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-.05rem)scaleX(.995)}96%{background-color:var(--color-x);transform:translate(.02rem)scaleX(1.005)}to{background-color:var(--color-x);transform:translate(0)scaleX(1)}}.turn-pair.is-idle .turn-pair__pill{opacity:0}.turn-pair.is-shuffling:not(.is-animating) .turn-pair__pill{transition:transform var(--hop-ms,.12s) cubic-bezier(.22, 1.5, .36, 1), background-color calc(var(--hop-ms,.12s) * .65) ease;animation:none}.turn-pair.is-shuffling:not(.is-animating).is-at-x .turn-pair__pill{background:var(--color-x);transform:translate(0)}.turn-pair.is-shuffling:not(.is-animating).is-at-o .turn-pair__pill{transform:translateX(calc(100% + var(--turn-gap)));background:var(--color-o)}.turn-pair__cell{appearance:none;z-index:1;width:clamp(2.85rem,14vmin,4.25rem);height:clamp(2.85rem,14vmin,4.25rem);color:inherit;font:inherit;background:0 0;border:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.turn-pair__cell:disabled{pointer-events:none}.turn-pair.is-pickable:not(.is-shuffling) .turn-pair__cell:not(:disabled){cursor:pointer}.turn-pair.is-pickable:not(.is-shuffling) .turn-pair__cell:not(:disabled):hover{transform:scale(1.05)}.turn-pair.is-pickable:not(.is-shuffling) .turn-pair__cell:not(:disabled):active{transform:scale(.96)}.turn-pair__dice{appearance:none;width:var(--touch-min);height:var(--touch-min);border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;place-items:center;margin:0;padding:0;display:grid}.turn-pair__dice:hover:not(:disabled){transform:scale(1.04)}.turn-pair__dice:active:not(:disabled){transform:scale(.94)}.turn-pair__dice:disabled{cursor:default}.turn-pair__dice[hidden]{display:none}.turn-pair__dice .icon{width:1.15rem;height:1.15rem}.turn-pair.is-shuffling .turn-pair__dice .icon{animation:.38s linear infinite turn-dice-tumble}.turn-pair__cell:focus-visible,.turn-pair__dice:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.turn-pair__cell .icon--mark{stroke-width:2.35px;width:58%;height:58%;transition:none}.turn-pair__cell--x .icon--mark{color:var(--color-x)}.turn-pair__cell--o .icon--mark{color:var(--color-o)}.turn-pair.is-at-x .turn-pair__cell--x .icon--mark{color:var(--mark-on-x)}.turn-pair.is-at-o .turn-pair__cell--o .icon--mark{color:var(--mark-on-o)}.turn-pair.is-animating .turn-pair__cell .icon--mark{transition:color .46s cubic-bezier(.82,0,.98,.35)}.turn-pair.is-shuffling:not(.is-animating) .turn-pair__cell .icon--mark{transition:color var(--hop-ms,.12s) ease}.turn-pair.is-idle .turn-pair__cell .icon--mark{opacity:.35}.turn-pair.is-colour-only .turn-pair__cell{box-sizing:border-box;border:1.5px solid #0000}.turn-pair.is-colour-only .turn-pair__cell--x{border-color:color-mix(in srgb, var(--color-x) 42%, transparent)}.turn-pair.is-colour-only .turn-pair__cell--o{border-color:color-mix(in srgb, var(--color-o) 42%, transparent)}.turn-pair.is-colour-only.is-at-x .turn-pair__cell--x,.turn-pair.is-colour-only.is-at-o .turn-pair__cell--o{border-color:#0000}.turn-pair.is-colour-only.is-idle .turn-pair__cell--x,.turn-pair.is-colour-only.is-idle .turn-pair__cell--o{border-color:color-mix(in srgb, var(--ink) 18%, transparent)}@keyframes turn-dice-tumble{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.turn-pair.is-animating.is-slide-to-o .turn-pair__pill,.turn-pair.is-animating.is-slide-to-x .turn-pair__pill{animation:none}.turn-pair.is-animating .turn-pair__cell .icon--mark,.turn-pair.is-shuffling:not(.is-animating) .turn-pair__cell .icon--mark,.turn-pair.is-shuffling:not(.is-animating) .turn-pair__pill{transition:none}.turn-pair.is-shuffling .turn-pair__dice .icon{animation:none}.turn-pair.is-pickable:not(.is-shuffling) .turn-pair__cell:not(:disabled):hover,.turn-pair.is-pickable:not(.is-shuffling) .turn-pair__cell:not(:disabled):active,.turn-pair__dice:hover:not(:disabled),.turn-pair__dice:active:not(:disabled){transform:none}}.game{background:var(--paper);flex-direction:column;align-items:stretch;height:100%;display:flex}.game__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.55rem;min-height:0;padding:.35rem .625rem .75rem;display:flex;position:relative;container:stage/size}.game__status{letter-spacing:.02em;width:max-content;max-width:calc(100% - 1rem);height:1.1rem;color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);z-index:2;font-size:.7rem;font-weight:500;line-height:1.1rem;position:absolute;top:.15rem;left:50%;overflow:hidden;transform:translate(-50%)}.game__status.is-visible{opacity:1}.game__undo{min-height:var(--touch-min);border:1px solid var(--ink);background:var(--paper);color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;padding:0 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.game__undo:active:not(:disabled){transform:scale(.97)}.game__undo:disabled{opacity:.35}.game__undo[hidden]{display:none}.game__banner{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);z-index:5;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;position:fixed;transform:translate(-50%,8px)}.game__banner.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.game__banner{transition:none}}