*,:before,:after{box-sizing:border-box}:root{--ink-0:#08080a;--ink-1:#141417;--ink-2:#202024;--ink-3:#34343a;--ink-4:#5a5a62;--ink-5:#8a8a92;--ink-6:#b8b8bf;--ink-7:#dcdce0;--ink-8:#eeeef1;--ink-9:#f8f8fa;--font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-md:1.15rem;--t-lg:1.5rem;--t-xl:2rem;--t-2xl:2.75rem;--t-3xl:3.75rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-full:999px;--ease:cubic-bezier(.2,.6,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--d2:.22s;--d3:.42s;--spring:cubic-bezier(.45,.05,.35,1.15)}:root,:root[data-theme=light]{--bg:var(--ink-9);--bg-2:var(--ink-8);--surface:#fff;--surface-2:var(--ink-8);--fg:var(--ink-1);--fg-muted:var(--ink-4);--fg-subtle:#6a6a70;--line:var(--ink-7);--line-strong:#87878c;--accent:var(--ink-0);--accent-fg:var(--ink-9);--focus:var(--ink-2);--acc-alpha:#a1521a;--acc-beta:#0e6f86;--acc-ladder:#5d7a0b;--acc-serpent:#c4462c;--acc-fg:var(--ink-9);--acc-resonance:#60426e;--glass-fill:#ffffff73;--glass-fill-2:#ffffff1f;--glass-border:#1414171f;--glass-hi:#fffffffa;--glass-inner:#ffffffa6;--glass-sheen:#fffc;--glass-shadow:0 24px 60px #08080a24,0 6px 16px #08080a14;--glass-blur:26px;--glass-sat:180%}:root[data-theme=dark]{--bg:var(--ink-0);--bg-2:#050506;--surface:var(--ink-1);--surface-2:var(--ink-2);--fg:var(--ink-9);--fg-muted:var(--ink-6);--fg-subtle:var(--ink-5);--line:var(--ink-2);--line-strong:#6c6c74;--accent:var(--ink-9);--accent-fg:var(--ink-0);--focus:var(--ink-7);--acc-alpha:#e09a58;--acc-beta:#5fc2da;--acc-ladder:#c9f24a;--acc-serpent:#f0836a;--acc-fg:var(--ink-0);--acc-resonance:#bb77d9;--glass-fill:#ffffff17;--glass-fill-2:#ffffff05;--glass-border:#ffffff29;--glass-hi:#fff9;--glass-inner:#ffffff1f;--glass-sheen:#fff6;--glass-shadow:0 28px 70px #0009,0 8px 22px #0006;--glass-blur:30px;--glass-sat:160%}html{background:var(--bg)}body{min-height:100svh;color:var(--fg);font-family:var(--font-sans);font-size:var(--t-base);background:radial-gradient(circle at 73% 18%,color-mix(in srgb,var(--fg) 9%,transparent),transparent 22rem), radial-gradient(circle at 23% 47%,color-mix(in srgb,var(--fg) 5%,transparent),transparent 28rem), linear-gradient(165deg,var(--bg) 0%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--d3) var(--ease),color var(--d2) var(--ease);margin:0;line-height:1.6}body:before{z-index:-1;content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--s7) var(--s7);position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 62% 22%,#000 0,#0000 62%);mask-image:radial-gradient(circle at 62% 22%,#000 0,#0000 62%)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{overflow-wrap:break-word;margin:0}button{appearance:none;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg) 24%,transparent) transparent}.eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-panel{isolation:isolate;border-radius:var(--r-lg);border:1px solid var(--glass-border);background:linear-gradient(160deg,var(--glass-fill) 0%,var(--glass-fill-2) 78%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-shadow),inset 0 1.5px 0 var(--glass-inner),inset 0 -1px 1px #0000000d;position:relative;overflow:hidden}.glass-panel:before{content:"";border-radius:inherit;background:linear-gradient(150deg,var(--glass-hi) 0%,transparent 30%,transparent 72%,var(--glass-hi) 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.85;z-index:2;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel:after{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(90% 60% at 12% -8%,var(--glass-sheen) 0%,transparent 42%), radial-gradient(70% 50% at 108% 110%,var(--glass-sheen) 0%,transparent 40%);opacity:.55;position:absolute;inset:0}.glass-panel>*{z-index:3;position:relative}.glass-subtle{border:1px solid var(--glass-border);border-radius:var(--r-md);background:color-mix(in srgb,var(--glass-fill) 70%,transparent);box-shadow:inset 0 1px 0 var(--glass-inner);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel,.glass-subtle{background:var(--surface)}.glass-panel:before,.glass-panel:after{display:none}}.button{justify-content:center;align-items:center;gap:var(--s2);height:44px;padding:0 var(--s5);border-radius:var(--r-sm);font-size:var(--t-sm);cursor:pointer;transition:transform .12s,filter var(--d2),background var(--d2),border-color var(--d2);border:1px solid #0000;font-weight:560;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;pointer-events:none}.button-primary{background:var(--accent);color:var(--accent-fg)}.button-primary:hover{filter:brightness(1.12)}.button-secondary{color:var(--fg);border-color:var(--line-strong);background:0 0}.button-secondary:hover{background:var(--surface-2)}.icon-button{border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;width:44px;height:44px;transition:transform .12s,background var(--d2);background:0 0;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2)}.icon-button:active{transform:translateY(1px)}.brand{align-items:center;gap:var(--s3);min-height:44px;display:flex}.brand strong{font-family:var(--font-display);font-size:var(--t-md);letter-spacing:-.015em;font-weight:600}.mark{width:26px;height:26px;color:var(--fg);flex:none;display:block}.mark-spin{animation:mark-collapse 1.15s var(--spring)}@keyframes mark-collapse{0%{transform:scale(1)rotate(0)}24%{transform:scale(1.42)rotate(-24deg)}76%{transform:scale(1.42)rotate(556deg)}to{transform:scale(1)rotate(720deg)}}.shell{flex-direction:column;width:min(1320px,100% - 48px);min-height:100svh;margin:0 auto;display:flex}.shell>nav{padding-top:var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.nav-tools{align-items:center;gap:var(--s3);min-width:0;display:flex}.hero{align-items:center;gap:var(--s7);padding:clamp(var(--s6),6vh,var(--s7)) 0;grid-template-columns:minmax(0,1.06fr) minmax(0,.82fr);display:grid}.hero h1{margin-top:var(--s4);font-size:clamp(var(--t-2xl),4.9vw,4.4rem);letter-spacing:-.03em;line-height:.98}.hero h1 em{color:var(--acc-alpha);font-style:italic}.hero-copy>p:not([class]){max-width:36rem;margin-top:var(--s5);color:var(--fg-muted);font-size:var(--t-md)}.hero-board{gap:var(--s3);pointer-events:none;justify-items:center;display:grid}.hero-board .board{width:100%;max-width:440px;box-shadow:var(--glass-shadow)}.hero-board .cell-num{font-size:.625rem}.hero-board .cell-link{font-size:clamp(.9rem,1.5vw,1.3rem)}.hero-actions{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.hero-actions .button{min-width:210px}.mode-grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.mode-card{gap:var(--s2);padding:var(--s5);text-align:left;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);transition:transform var(--d2) var(--ease-out),background var(--d2),border-color var(--d2);grid-template-rows:auto auto auto 1fr auto;display:grid}[dir=rtl] .mode-card{text-align:right}.mode-card .kind-icon{width:44px;height:44px;margin-bottom:var(--s1);color:var(--fg)}.start-cta .kind-icon{display:inline-flex}.kind-icon{flex:none;width:20px;height:20px}.mode-card b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.mode-card small{color:var(--fg-muted);font-size:var(--t-sm);line-height:1.5}.mode-action{justify-content:space-between;align-items:center;gap:var(--s2);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;display:flex}.mode-arrow{border:1px solid var(--line-strong);border-radius:var(--r-full);width:30px;height:30px;transition:background var(--d2),color var(--d2),border-color var(--d2);flex:none;padding:6px}[dir=rtl] .mode-arrow{transform:scaleX(-1)}.mode-card:hover,.mode-card:focus-visible{border-color:var(--accent);background:var(--surface-2);transform:translateY(-3px)}.mode-card:hover .mode-arrow,.mode-card:focus-visible .mode-arrow{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.mode-card:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.mode-card:hover,.mode-card:focus-visible{transform:none}}.shell>footer{gap:var(--s5);padding:var(--s6) 0;color:var(--fg-subtle);flex-wrap:wrap;margin-top:auto;display:flex}.game{grid-template-rows:72px minmax(0,1fr);grid-template-columns:290px minmax(420px,1fr) 380px;height:100svh;display:grid}.game-header{justify-content:space-between;align-items:center;gap:var(--s4);padding:0 var(--s5);border-bottom:1px solid var(--line);grid-column:1/-1;display:flex}.turn-pill{align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:600;display:flex}.turn-pill i{border-radius:var(--r-full);background:var(--seat);flex:none;width:9px;height:9px}.side{gap:var(--s3);padding:var(--s4) var(--s5) var(--s5);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.side-left{border-right:1px solid var(--line)}.side-right{border-left:1px solid var(--line)}.side h2{font-size:var(--t-lg)}.side-left>p{color:var(--fg-muted);font-size:var(--t-sm)}.objective{padding:var(--s4);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:600}.objective span{margin-bottom:var(--s1);display:block}.seat-alpha{--seat:var(--acc-alpha)}.seat-beta{--seat:var(--acc-beta)}.roster{gap:var(--s2);padding-top:var(--s5);border-top:1px solid var(--line);display:grid}.roster li{align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r-sm);color:var(--fg-muted);transition:color var(--d2),background var(--d2);display:flex}.roster li.is-turn{color:var(--fg);background:var(--surface-2)}.roster b{font-size:var(--t-sm);color:inherit;display:block}.roster small{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--t-xs)}.token{border-radius:var(--r-full);background:var(--seat);width:28px;height:28px;color:var(--acc-fg);font-size:var(--t-sm);flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.log{gap:var(--s2);padding-top:var(--s5);border-top:1px solid var(--line);display:grid}.log ol{gap:var(--s2);max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.log li{color:var(--fg-muted);font-size:var(--t-xs);padding-left:var(--s3);border-left:2px solid var(--line);line-height:1.5}.board-wrap{justify-content:center;align-items:center;gap:var(--s4);padding:var(--s5);flex-direction:column;min-height:0;display:flex;overflow:auto}.board{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--line);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;width:min(74vh,720px);display:grid;overflow:hidden;container-type:inline-size}.board-links{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-link{fill:none;stroke-linecap:round;opacity:.8}.board-link-ladder{stroke:var(--acc-ladder);stroke-width:.1px;stroke-dasharray:.04 .11}.board-link-serpent{stroke:var(--acc-serpent);stroke-width:.07px}.board-rail,.board-rung{fill:none;stroke:var(--acc-ladder);stroke-linecap:round;opacity:.9}.board-rail{stroke-width:.055px}.board-rung{stroke-width:.045px}.board-link-serpent.is-classic{stroke-width:.115px;opacity:.9}.board-snake-head{fill:var(--acc-serpent)}.board-snake-eye{fill:var(--bg)}.board{position:relative}.cell{padding:clamp(2px,1.4cqw,var(--s2));background:var(--surface);align-items:flex-start;display:flex;position:relative}.cell-pieces{z-index:3}.cell-num{z-index:3;color:var(--fg-muted);font-family:var(--font-mono);font-size:clamp(9px,3.4cqw,var(--t-xs));line-height:1;position:relative}.cell-link{right:clamp(1px,1.2cqw,var(--s2));bottom:clamp(0px,.7cqw,var(--s1));font-family:var(--font-display);pointer-events:none;font-size:clamp(10px,4.2cqw,1.3rem);line-height:1;position:absolute}.cell-ladder{background:color-mix(in srgb,var(--acc-ladder) 15%,var(--surface))}.cell-ladder .cell-link{color:var(--acc-ladder)}.cell-serpent{background:color-mix(in srgb,var(--acc-serpent) 14%,var(--surface))}.cell-serpent .cell-link{color:var(--acc-serpent)}.cell-resonance{background:color-mix(in srgb,var(--acc-resonance) 13%,var(--surface))}.cell-resonance .cell-link{color:var(--acc-resonance)}.board-link-resonance{stroke:var(--acc-resonance);stroke-width:.06px;stroke-dasharray:.02 .09}.cell-summit{background:var(--accent)}.cell-summit .cell-num,.cell-summit .cell-link{color:var(--accent-fg)}.cell-crown{width:42%;height:42%;color:var(--accent-fg);pointer-events:none;margin:0 auto;position:absolute;inset:auto 0 6%}.cell-pieces{justify-content:center;align-items:center;gap:var(--s1);display:flex;position:absolute;inset:0}.cell-pieces .token{background:radial-gradient(120% 160% at 30% 12%,color-mix(in srgb,var(--seat) 82%,#fff) 0%,var(--seat) 58%,color-mix(in srgb,var(--seat) 88%,#000) 100%);width:min(2.3rem,64%);height:min(1.6rem,45%);box-shadow:0 1px 0 color-mix(in srgb,var(--seat) 84%,#000), 0 2px 0 color-mix(in srgb,var(--seat) 76%,#000), 0 3px 0 color-mix(in srgb,var(--seat) 68%,#000), 0 4px 0 color-mix(in srgb,var(--seat) 60%,#000), 0 7px 10px #08080a52;animation:hop var(--d3) var(--ease-out);border-radius:50%}.seat-classic{--seat:var(--fg-muted)}.board.is-classic .cell-pieces .token{width:min(1.9rem,52%);height:min(1.35rem,38%)}.cell-pieces:has(>:nth-child(2)) .token{width:min(1.7rem,42%);height:min(1.2rem,31%)}.cell-pieces .token.is-self{outline:2px solid var(--fg);outline-offset:2px}.cell-pieces .token-more{color:var(--fg-muted);font-size:var(--t-xs);background:var(--surface-2);border:1px solid var(--line);box-shadow:none;font-weight:600;animation:none}.cell-pieces .token.is-walking{animation-duration:var(--d2)}.link-flash{left:50%;bottom:calc(100% - var(--s2));z-index:6;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);white-space:nowrap;pointer-events:none;border:1px solid var(--line-strong);border-left:3px solid var(--fg);border-radius:var(--r-sm);background:var(--surface);color:var(--fg);animation:flash-in var(--d3) var(--ease-out);display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px #08080a38}.link-flash b{font-size:var(--t-xs);font-weight:600}.link-flash small{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-muted)}.link-flash-mark{font-size:var(--t-sm);line-height:1}.link-flash-ladder{border-left-color:var(--acc-ladder)}.link-flash-serpent{border-left-color:var(--acc-serpent)}.link-flash-resonance{border-left-color:var(--acc-resonance)}@keyframes flash-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hop{0%{opacity:0;transform:translateY(-38%)scale(.7)}to{opacity:1;transform:none}}.legend{gap:var(--s5);color:var(--fg-muted);font-size:var(--t-xs);display:flex}.legend span{align-items:center;gap:var(--s2);display:flex}.legend i{border-radius:3px;width:10px;height:10px}.legend i.is-resonance{border-radius:2px;transform:rotate(45deg)}.bench-head{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.bench-head button{min-width:44px;min-height:44px;padding:0 var(--s2);margin-right:calc(var(--s2)*-1);color:var(--fg-muted);font-size:var(--t-xs);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:underline;display:inline-flex}.circuit{align-items:center;gap:var(--s1);padding:var(--s4);border-radius:var(--r-md);display:flex}.circuit .ket,.circuit .meter{font-family:var(--font-mono);font-size:var(--t-sm);direction:ltr;unicode-bidi:isolate}.circuit .wire{min-width:var(--s2);background:var(--line-strong);flex:1;height:1px}.slot{border:1px dashed var(--line-strong);border-radius:var(--r-sm);width:44px;height:44px;color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--t-sm);cursor:pointer;transition:all var(--d2) var(--ease);background:0 0}.slot.is-filled{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:700}.meter{border-radius:var(--r-full);background:var(--accent);width:34px;height:34px;color:var(--accent-fg);place-items:center;display:grid}.state-group{gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);display:grid}.fidelity{gap:var(--s1);display:grid}.fidelity b{font-family:var(--font-display);font-size:var(--t-lg)}.fidelity small{color:var(--fg-muted);font-size:var(--t-xs);line-height:1.4}.measure-dock{bottom:calc(var(--s5) * -1);gap:var(--s2);padding:var(--s3) 0 var(--s5);background:var(--bg);margin-top:auto;display:grid;position:sticky}.measure-dock:before{content:"";left:0;right:0;top:calc(var(--s5) * -1);height:var(--s5);background:linear-gradient(transparent,var(--bg));pointer-events:none;position:absolute}.trace ol{align-items:flex-end;gap:var(--s2);margin-top:var(--s2);padding:0;list-style:none;display:flex}.trace li{justify-items:center;gap:var(--s1);flex:1;display:grid}.trace-bar{border-radius:var(--r-sm);background:var(--surface-2);align-items:flex-end;width:100%;height:2.6rem;display:flex}.trace-bar i{border-radius:inherit;background:var(--acc-beta);width:100%;transition:height var(--d3) var(--ease-out)}.trace-dial{border:1px solid var(--line-strong);border-radius:var(--r-full);width:15px;height:15px;transition:transform var(--d3) var(--ease);position:relative}.trace-dial:after{content:"";background:var(--fg);transform-origin:0;width:6px;height:1.5px;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.trace-dial.is-flat{opacity:.25}.trace b{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:700}.trace small{color:var(--fg-subtle);font-family:var(--font-mono);font-size:.625rem}.accuracy{gap:var(--s1);padding:var(--s3) var(--s4);border-radius:var(--r-md);display:grid}.accuracy b{font-family:var(--font-display);font-size:var(--t-lg)}.accuracy small{color:var(--fg-muted);font-size:var(--t-xs)}.gates{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.gate{align-items:center;gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-sm);text-align:left;cursor:pointer;transition:border-color var(--d2),background var(--d2);background:0 0;display:flex}.gate:hover:not(:disabled){border-color:var(--fg-muted);background:var(--surface-2)}.gate:disabled{background:var(--surface-2);border-color:var(--line);cursor:not-allowed}.gate:disabled b{border-color:var(--fg-muted);color:var(--fg-muted)}.gate:disabled span{color:var(--fg-muted)}.gate b{border:1px solid var(--fg);border-radius:var(--r-sm);width:28px;height:28px;font-family:var(--font-mono);font-size:var(--t-sm);flex:none;place-items:center;display:grid}.gate span{font-size:var(--t-xs);font-weight:600;line-height:1.3}.gate small{color:var(--fg-subtle);font-weight:400;display:block}.readout{gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--ink-1);color:var(--ink-9);display:grid}.readout .eyebrow{color:var(--ink-5)}.readout code{margin-top:var(--s2);font-family:var(--font-mono);font-size:var(--t-sm);overflow-wrap:anywhere;display:block}.device{align-items:baseline;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--ink-3);flex-wrap:wrap;display:flex}.device span{color:var(--ink-6);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.625rem}.device b{font-family:var(--font-display);font-size:var(--t-lg);margin-left:auto}.device small{width:100%;color:var(--ink-5);font-size:var(--t-xs)}.histogram{gap:var(--s2);height:5rem;margin-top:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.histogram>div{justify-items:center;gap:var(--s1);grid-template-rows:1fr auto auto;display:grid}.histogram i{border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(var(--acc-beta),color-mix(in srgb,var(--acc-beta) 55%,transparent));width:100%;transition:height var(--d3) var(--ease-out);align-self:end}.histogram b{font-size:var(--t-xs);font-weight:700}.histogram span{color:var(--fg-muted);font-family:var(--font-mono);font-size:.625rem}.readout .histogram span{color:var(--ink-6)}.hint{color:var(--ink-6);font-size:var(--t-xs);line-height:1.5}.predict{gap:var(--s2);display:grid}.predict-choices{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.predict-choices[data-count="2"]{grid-template-columns:repeat(2,1fr)}.predict-choices[data-count="7"]{grid-template-columns:repeat(7,1fr)}.picker{gap:var(--s2);display:grid}.picker-choices{gap:var(--s1);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px;display:flex}.picker-choices button{min-height:44px;color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--t-xs);cursor:pointer;transition:background var(--d2),color var(--d2);background:0 0;border:0;border-radius:5px;flex:1}.picker-choices button:hover:not(:disabled){color:var(--fg)}.picker-choices button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);font-weight:700}.picker-choices button:disabled{opacity:.4;cursor:not-allowed}.picker small{color:var(--fg-subtle);font-size:var(--t-xs);line-height:1.45}.readout .picker small{color:var(--ink-5)}.readout .picker-choices{border-color:var(--ink-3)}.readout .picker-choices button{color:var(--ink-6)}.readout .picker-choices button[aria-pressed=true]{background:var(--ink-9);color:var(--ink-0)}.predict-choices button{border:1px solid var(--line-strong);border-radius:var(--r-sm);height:44px;font-family:var(--font-mono);font-size:var(--t-sm);cursor:pointer;transition:all var(--d2);background:0 0}.predict-choices button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:700}.measure{border-radius:var(--r-full);background:var(--accent);width:100%;height:52px;color:var(--accent-fg);font-size:var(--t-sm);cursor:pointer;transition:filter var(--d2),transform .12s;border:0;font-weight:700}.measure:hover:not(:disabled){filter:brightness(1.12)}.measure:active:not(:disabled){transform:translateY(1px)}.measure:disabled{opacity:.4;cursor:not-allowed}.measure-help{color:var(--fg-subtle);font-size:var(--t-xs);text-align:center}.backdrop{z-index:20;padding:var(--s5);background:color-mix(in srgb,var(--ink-0) 62%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;display:grid;position:fixed;inset:0}.win{gap:var(--s3);width:min(440px,100%);padding:var(--s7);text-align:center;animation:rise var(--d3) var(--ease-out);display:grid}.win h2{font-size:var(--t-2xl)}.win p{color:var(--fg-muted)}.win div{justify-content:center;gap:var(--s2);margin-top:var(--s3);display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=1180px){.hero{gap:var(--s6);grid-template-columns:1fr}.hero-board{justify-items:start}.game{grid-template-rows:72px auto auto;grid-template-columns:250px 1fr;height:auto;min-height:100svh}.board-wrap .board{width:min(74vh,100%)}.side-right{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=760px){.shell{width:calc(100% - 32px)}.shell>nav .eyebrow{display:none}.hero{padding:var(--s6) 0}.hero-actions .button{width:100%}.mode-card{padding:var(--s4)}.game{height:auto;display:block}.game-header{z-index:10;gap:var(--s2);height:auto;min-height:0;padding-block:var(--s2);background:var(--bg);padding-inline:var(--s3);flex-wrap:nowrap;position:sticky;top:0}.game-header .nav-tools{gap:var(--s2);flex-wrap:nowrap}.game-header .nav-tools:first-child{flex:auto;min-width:0}.game-header .nav-tools:last-child{flex:none}.game-header .brand{min-width:0}.game-header .brand strong{display:none}.game-header .turn-pill{min-width:0;padding-inline:var(--s3);flex:0 auto}.game-header .turn-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-right .picker>p,.side-right .picker small,.side-right .bench-head .eyebrow{display:none}.shell>nav{row-gap:var(--s2);flex-wrap:wrap}.shell>nav .nav-tools{flex:none;margin-inline-start:auto}.board-wrap{scroll-margin-top:72px}.game{flex-direction:column;display:flex}.board-wrap{order:1}.side-right{order:2}.side-left{order:3}html{overscroll-behavior-y:none}body{overscroll-behavior-y:none;min-height:100lvh}.game{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}.game-header{flex:none}.game{overflow-y:auto}.board-wrap{min-height:248px;padding:var(--s3) var(--s4);flex:auto;place-items:center;display:grid}.board{aspect-ratio:1;width:auto;max-width:100%;height:100%}.board-wrap .legend{display:none}.side-right{padding:0 var(--s4);flex:none;overflow:visible}.side-right .bench-head h2,.side-right .hint,.side-right .readout{display:none}.gates{gap:var(--s2);padding-bottom:var(--s1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.gates .gate{scroll-snap-align:start;flex:none;width:8.5rem}.measure-dock{padding:var(--s2) var(--s4) calc(var(--s2) + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line);margin:0;position:static}.measure-dock:before{display:none}.side-left{z-index:30;max-height:76dvh;padding:var(--s5) var(--s4) calc(var(--s6) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);transition:transform var(--d3) var(--ease-out);visibility:hidden;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(101%);box-shadow:0 -18px 44px #08080a47}.is-stats-open .side-left{visibility:visible;transform:translateY(0)}.is-stats-open .stats-toggle{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.side-left:before{content:"";width:40px;height:4px;margin:calc(var(--s4) * -1) auto var(--s4);border-radius:var(--r-full);background:var(--line-strong);display:block}.side{padding:var(--s5) var(--s4)}.side-left{border-right:0;border-bottom:1px solid var(--line)}.side-left>p{display:none}.board{width:100%}.board-wrap{padding:var(--s4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.bloch{align-items:center;gap:var(--s4);display:flex}.bloch svg{flex:none;width:92px;height:92px}.bloch-shell{fill:color-mix(in srgb,var(--fg) 4%,transparent);stroke:var(--line-strong);stroke-width:1px}.bloch-equator{fill:none;stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 3}.bloch-axis{stroke:var(--line);stroke-width:1px}.bloch-arm{stroke:var(--acc-beta);stroke-width:2px;stroke-linecap:round;transition:all var(--d3) var(--ease)}.bloch-tip{fill:var(--acc-beta);transition:all var(--d3) var(--ease)}.bloch b{font-family:var(--font-display);font-size:var(--t-lg);display:block}.bloch small{color:var(--fg-muted);font-size:var(--t-xs);line-height:1.4}.lab{grid-template-rows:72px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 420px;height:100svh;display:grid}.lab .game-header{grid-column:1/-1}.lab-build{align-content:start;gap:var(--s5);padding:var(--s6);min-height:0;display:grid;overflow-y:auto}.lab-copy{max-width:52ch;margin-top:var(--s3);color:var(--fg-muted);font-size:var(--t-sm)}.lab-readout{align-content:start;gap:var(--s5);padding:var(--s6) var(--s5);border-left:1px solid var(--line);min-height:0;display:grid;overflow-y:auto}.wires{gap:var(--s3);padding:var(--s5);border-radius:var(--r-md);display:grid}.wire-row{align-items:center;gap:var(--s2);display:flex}.wire-row:after{content:"";flex:1}.wire-label{color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--t-xs)}.wire-line{flex:0 0 var(--s5);background:var(--line-strong);height:1px}.wire-row .slot{width:40px;height:40px}.lab-gates{gap:var(--s4);max-width:44rem;display:grid}.lab-gates .picker-choices{flex-wrap:wrap}.lab-gates .picker-choices button{min-width:44px;padding:0 var(--s3);flex:0 auto}.slider{gap:var(--s1);display:grid}.slider span{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--t-xs);justify-content:space-between;align-items:baseline;display:flex}.slider b{color:var(--fg);font-size:var(--t-sm)}.slider input{width:100%;height:44px;accent-color:var(--acc-beta)}.verdict{gap:var(--s2);padding:var(--s5);border:1px solid var(--line-strong);border-radius:var(--r-md);display:grid}.verdict b{font-family:var(--font-display);font-size:var(--t-2xl);line-height:1}.verdict p:not([class]){color:var(--fg-muted);font-size:var(--t-sm)}.verdict small{color:var(--fg-subtle);font-size:var(--t-xs)}.verdict.is-violating{border-color:var(--acc-ladder);background:color-mix(in srgb,var(--acc-ladder) 10%,transparent)}.turn-pill.is-violating{border-color:var(--acc-ladder);color:var(--acc-ladder)}@media (width<=1100px){.lab{grid-template-rows:72px auto auto;grid-template-columns:1fr;height:auto;min-height:100svh}.lab-readout{border-left:0;border-top:1px solid var(--line)}}:root{--font-arabic:"Amiri","Scheherazade New","Traditional Arabic","Geeza Pro","Noto Naskh Arabic","Segoe UI",serif}[lang=ar] body,html[lang=ar] body{font-family:var(--font-arabic);font-size:1.06rem;line-height:1.7}body:has([lang=ar]){font-family:var(--font-arabic);font-size:1.06rem;line-height:1.7}html[lang=ar]{--t-xs:.9rem;--t-sm:1.05rem}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .mode-card b,html[lang=ar] .verdict b,html[lang=ar] .accuracy b,html[lang=ar] .device b,html[lang=ar] .bloch b{font-family:var(--font-arabic);letter-spacing:0}html[lang=ar] .eyebrow,html[lang=ar] .mode-action,html[lang=ar] .how-step-number,html[lang=ar] .roster small,html[lang=ar] .slider span,html[lang=ar] .bars-tag,html[lang=ar] .device span{letter-spacing:0;font-family:var(--font-arabic);font-size:var(--t-xs);text-transform:none}html[lang=ar] .lang-toggle{font-family:var(--font-arabic)}html[lang=ar] .hero h1{font-size:clamp(var(--t-xl),4.1vw,3.6rem);line-height:1.2}html[lang=ar] .mode-card small,html[lang=ar] .start-cta small,html[lang=ar] .walk-do,html[lang=ar] .walk-note,html[lang=ar] .walk-outcome,html[lang=ar] .walk-recap li,html[lang=ar] .picker small,html[lang=ar] .how-steps small,html[lang=ar] .fidelity small,html[lang=ar] .bloch small,html[lang=ar] .gate span{line-height:1.7}[dir=rtl] .board,[dir=rtl] .circuit,[dir=rtl] .wire-row,[dir=rtl] .histogram,[dir=rtl] .trace ol,[dir=rtl] .bars,[dir=rtl] .predict-choices,[dir=rtl] .picker-choices{direction:ltr}[dir=rtl] .cell-num,[dir=rtl] .histogram span,[dir=rtl] .trace small{direction:rtl}[dir=rtl] .side-left{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .side-right,[dir=rtl] .lab-readout{border-left:0;border-right:1px solid var(--line)}[dir=rtl] .log li{padding-left:0;padding-right:var(--s3);border-left:0;border-right:2px solid var(--line)}[dir=rtl] .cell-link{right:auto;left:var(--s2)}[dir=rtl] .measure span{float:left}[dir=rtl] .icon-mirror{transform:scaleX(-1)}@media (width<=1180px){[dir=rtl] .side-right,[dir=rtl] .lab-readout{border-right:0;border-top:1px solid var(--line)}}@media (width<=760px){[dir=rtl] .side-left{border-left:0;border-bottom:1px solid var(--line)}}.help-button{font-family:var(--font-mono);font-size:var(--t-md);font-weight:700}.button-ghost{color:var(--fg-muted);background:0 0;border-color:#0000}.button-ghost:hover{color:var(--fg);border-color:var(--line-strong)}.how,.win,.strategy{background:var(--surface)}.how:after,.win:after,.strategy:after{display:none}.how{gap:var(--s5);width:min(720px,100%);max-height:min(88svh,900px);padding:var(--s7);animation:rise var(--d3) var(--ease-out);grid-template-rows:minmax(0,1fr) auto;display:grid}.how:focus{outline:none}.how-scroll{gap:var(--s5);min-height:0;padding-right:var(--s3);display:grid;overflow-y:auto}[dir=rtl] .how-scroll{padding-right:0;padding-left:var(--s3)}.how h2{font-size:var(--t-2xl);margin-top:var(--s2)}.how-premise{max-width:58ch;margin-top:var(--s3);color:var(--fg);font-size:var(--t-md);line-height:1.6}.how-steps{gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.how-steps li{gap:var(--s1);padding-left:var(--s5);border-left:2px solid var(--line-strong);display:grid}[dir=rtl] .how-steps li{padding-left:0;padding-right:var(--s5);border-left:0;border-right:2px solid var(--line-strong)}.how-step-number{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-subtle)}.how-steps b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.how-steps p{color:var(--fg);line-height:1.6}.how-steps small{color:var(--fg);font-size:var(--t-sm);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--surface-2);line-height:1.55}.how-legend{gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);color:var(--fg-muted);font-size:var(--t-sm);flex-wrap:wrap;display:flex}.how-legend span{align-items:center;gap:var(--s2);display:flex}.how-legend i{border-radius:3px;flex:none;width:12px;height:12px}.how-summit i{background:var(--accent)}.how footer{gap:var(--s2);justify-items:start;display:grid}.how footer small{color:var(--fg-subtle);font-size:var(--t-xs)}@media (width<=760px){.how{padding:var(--s5);gap:var(--s4)}.how h2{font-size:var(--t-xl)}.how footer .button{width:100%}}.walk{grid-template-rows:72px minmax(0,1fr) auto;grid-template-columns:minmax(440px,1fr) minmax(340px,42%);height:100svh;display:grid}.walk .game-header{grid-column:1/-1}.walk-story{gap:var(--s3);min-height:0;padding:var(--s5) var(--s6) var(--s5) var(--s5);border-inline-end:1px solid var(--line);flex-direction:column;display:flex;overflow-y:auto}[dir=rtl] .walk-story{padding:var(--s5) var(--s5) var(--s5) var(--s6)}.walk-story h2{font-family:var(--font-display);font-size:var(--t-xl);text-wrap:balance;font-weight:600;line-height:1.15}.walk-story>p:not([class]){max-width:62ch;color:var(--fg);font-size:var(--t-md);line-height:1.65}.walk-board{justify-content:center;align-items:center;gap:var(--s4);padding:var(--s5);flex-direction:column;min-height:0;display:flex;overflow:auto}.walk-board .board{width:min(100%,56vh)}.walk-nav{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-top:1px solid var(--line);grid-column:1/-1;display:flex}.walk-dots{gap:var(--s2);display:flex}.walk-dots i{border-radius:var(--r-full);border:1px solid var(--line-strong);width:7px;height:7px;transition:transform var(--d2) var(--ease-out),background var(--d2)}.walk-dots i.is-done{background:var(--fg-muted);border-color:var(--fg-muted)}.walk-dots i.is-here{background:var(--fg);border-color:var(--fg);transform:scale(1.4)}.walk-do{padding:var(--s3) var(--s4);border-inline-start:3px solid var(--fg);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface-2);font-size:var(--t-sm);font-weight:600;line-height:1.55}[dir=rtl] .walk-do{border-radius:var(--r-sm) 0 0 var(--r-sm)}.walk-outcome{padding:var(--s3) var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:var(--t-sm);line-height:1.6}.walk-note{max-width:62ch;color:var(--fg-muted);font-size:var(--t-sm);line-height:1.6}.walk-recap{gap:var(--s2);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);list-style:none;display:grid}.walk-recap li{gap:var(--s3);font-size:var(--t-sm);color:var(--fg);line-height:1.5;display:flex}.walk-recap li:before{content:"·";color:var(--fg-subtle);font-weight:700}.walk-gates{margin-top:var(--s2)}.walk-gates .button{padding-inline:var(--s5);justify-self:start}.load-choice{gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap;display:flex}.load-choice .button{flex:12rem}.die-dock{align-items:center;gap:var(--s4);margin:var(--s2) 0;flex-wrap:wrap;display:flex}.die-stage{perspective:none;flex:none;width:104px;height:78px;position:relative}.die-iso{width:72px;height:72px;transform-style:preserve-3d;margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%;transform:rotateX(-35.264deg)rotateY(-45deg)}.die3d{transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.17,.72,.24,1);position:absolute;inset:0}.die-face{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);backface-visibility:hidden;grid-template-columns:repeat(3,1fr);gap:4px;padding:9px;display:grid;position:absolute;inset:0}.die-face i{border-radius:var(--r-full)}.die-face i.is-pip{background:var(--fg)}.die-front{transform:translateZ(36px)}.die-back{transform:rotateY(180deg)translateZ(36px)}.die-right{transform:rotateY(90deg)translateZ(36px)}.die-left{transform:rotateY(-90deg)translateZ(36px)}.die-top{transform:rotateX(90deg)translateZ(36px)}.die-bottom{transform:rotateX(-90deg)translateZ(36px)}.die-stage[data-toss="0"]{animation:toss-a 1.15s var(--ease-out)}.die-stage[data-toss="1"]{animation:toss-b 1.15s var(--ease-out)}@keyframes toss-a{0%{transform:none}28%{transform:translateY(-22px)scale(1.05)}to{transform:none}}@keyframes toss-b{0%{transform:none}28%{transform:translateY(-22px)scale(1.05)}to{transform:none}}@media (prefers-reduced-motion:reduce){.die3d{transition:none}.die-stage[data-toss="0"],.die-stage[data-toss="1"]{animation:none}}.bars{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.bars .histogram{grid-template-columns:repeat(auto-fit,minmax(0,1fr));height:6rem;margin:0}.bars .eyebrow{align-items:center;gap:var(--s2);margin-top:var(--s3);display:flex}.bars-tag{padding:1px var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-full);letter-spacing:.12em}.bars.is-fixed .histogram i{background:linear-gradient(var(--fg-muted),color-mix(in srgb,var(--fg-muted) 45%,transparent))}.cell-marked{box-shadow:inset 0 0 0 2px var(--fg)}@media (width<=1100px){.walk{grid-template-rows:72px minmax(0,1fr) auto;grid-template-columns:1fr}.walk-story{border-inline-end:0;border-bottom:1px solid var(--line)}.walk-board{padding:var(--s4)}.walk-board .board{width:min(100%,44vh)}}@media (width<=760px){.walk{flex-direction:column;height:auto;min-height:100svh;display:flex}.walk-story{min-height:0;padding:var(--s4);overflow-y:visible}.walk-board{padding:0 var(--s4) var(--s5)}.walk-board .board{width:min(100%,58vw)}.walk-nav{z-index:15;background:var(--bg);border-top:1px solid var(--line);padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom,0px));gap:var(--s2);padding:var(--s3) var(--s4);flex-wrap:wrap;position:sticky;bottom:0}.walk-dots{order:3;justify-content:center;width:100%}}.strat-block{gap:var(--s3);display:grid}.strat-block>b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.strat-block>p{color:var(--fg);line-height:1.65}.strat-block>small{color:var(--fg-muted);font-size:var(--t-sm);line-height:1.6}.strat-table{border-collapse:collapse;width:100%;font-size:var(--t-sm);display:block;overflow-x:auto}.strat-table th,.strat-table td{padding:var(--s2) var(--s3);text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}.strat-table thead th{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--line-strong)}html[lang=ar] .strat-table thead th{letter-spacing:0;font-family:var(--font-arabic);text-transform:none;font-size:.8125rem}.strat-table tbody tr:last-child th,.strat-table tbody tr:last-child td{border-bottom:0}.strat-table td:last-child{white-space:normal;min-width:16ch;color:var(--fg-muted)}.tnum{font-variant-numeric:tabular-nums}.strat-circuit{padding:1px var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;direction:ltr;unicode-bidi:isolate;display:inline-block}.strat-shots{color:var(--fg-muted);font-size:var(--t-xs)}.strat-key{padding:var(--s3) var(--s4);border-inline-start:3px solid var(--fg);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface-2);font-size:var(--t-sm);font-weight:600;line-height:1.6}[dir=rtl] .strat-key{border-radius:var(--r-sm) 0 0 var(--r-sm)}@media (width<=760px){.strat-table th,.strat-table td{padding:var(--s2)}.strat-table td:last-child{min-width:14ch}}.online{grid-template-rows:72px 1fr;min-height:100svh;display:grid}.online .game-header{grid-column:1/-1}.online-body{width:min(1180px,100% - 48px);padding:var(--s6) 0 var(--s8);margin:0 auto}.online-lead{max-width:60ch;margin-bottom:var(--s6)}.online-lead h2{font-size:var(--t-2xl)}.online-lead p{margin-top:var(--s3);color:var(--fg-muted);font-size:var(--t-md);line-height:1.65}.online-entry{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));align-items:start;display:grid}.online-card{gap:var(--s3);padding:var(--s5);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);align-content:start;display:grid}.online-card>b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.online-card>small{color:var(--fg-muted);font-size:var(--t-sm);line-height:1.6}.online-list{grid-column:1/-1}.online-error{padding:var(--s3) var(--s4);border-inline-start:3px solid var(--acc-serpent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface-2);font-size:var(--t-sm);grid-column:1/-1}[dir=rtl] .online-error{border-radius:var(--r-sm) 0 0 var(--r-sm)}.field{gap:var(--s2);display:grid}.field input{height:44px;padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font:inherit;font-size:var(--t-sm)}.field input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.code-input{font-family:var(--font-mono);font-size:var(--t-lg);letter-spacing:.28em;text-align:center}[dir=rtl] .code-input{direction:ltr}.room-list{gap:var(--s2);display:grid}.room-list li{gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--t-sm);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.room-code-small{font-family:var(--font-mono);letter-spacing:.12em;direction:ltr;unicode-bidi:isolate}.lobby{gap:var(--s4);text-align:center;justify-items:center;max-width:44rem;margin:0 auto;display:grid}.room-code{gap:var(--s2);direction:ltr;display:flex}.room-code span{min-width:clamp(2.6rem,7vw,4.4rem);padding:var(--s3) var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font-family:var(--font-mono);place-items:center;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1;display:grid}.lobby-share{gap:var(--s2);justify-items:center;display:grid}.lobby-share small{color:var(--fg-muted);font-size:var(--t-sm)}.lobby-players{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.lobby-players li{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--r-full);font-size:var(--t-sm);display:flex}.lobby-players small{color:var(--fg-muted);font-size:var(--t-xs)}.race{gap:var(--s5);grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;display:grid}.race-head{justify-content:space-between;align-items:center;gap:var(--s4);grid-column:1/-1;display:flex}.race-board{justify-items:center;display:grid}.race-board .board{width:min(100%,58vh)}.race-side{gap:var(--s3);align-content:start;display:grid}.turn-pill.is-urgent{border-color:var(--acc-serpent);color:var(--acc-serpent);font-weight:700}.scoreboard{gap:var(--s2);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);display:grid}.standings{gap:var(--s1);max-height:20rem;display:grid;overflow-y:auto}.standing{gap:var(--s1) var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-size:var(--t-sm);grid-template-columns:1.6rem 1fr 2.2rem;align-items:center;display:grid}.scoreboard .standing{grid-template-areas:"seat name square""seat bar bar"}.scoreboard .standing-seat{grid-area:seat}.scoreboard .standing-name{grid-area:name}.scoreboard .standing-bar{grid-area:bar}.scoreboard .standing-square{grid-area:square}.standing.is-me{background:var(--surface-2);font-weight:600}.standing-rank{color:var(--fg-muted);font-size:var(--t-xs)}.standing-seat{width:1.6rem;height:1.6rem;font-size:var(--t-xs)}.standing-name{overflow-wrap:break-word;unicode-bidi:isolate;min-width:0}.standing-name b,.standing-name small{color:var(--fg-muted);font-weight:400;font-size:var(--t-xs)}.standing-bar{border-radius:var(--r-full);background:var(--line);height:7px;display:block;overflow:hidden}.standing-bar i{background:var(--acc-beta);height:100%;transition:width var(--d3) var(--ease-out);display:block}.standing.is-me .standing-bar i{background:var(--acc-alpha)}.standing.is-done .standing-bar i{background:var(--acc-ladder)}.standing-square{text-align:end;color:var(--fg-muted);font-size:var(--t-xs)}.final{gap:var(--s4);text-align:center;justify-items:center;max-width:38rem;margin:0 auto;display:grid}.final h2{font-size:var(--t-2xl)}.final-standings{width:100%}.final-standings .standing{border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:1.8rem 1fr auto}.final-standings .standing:last-child{border-bottom:0}@media (width<=900px){.race{grid-template-columns:1fr}.race-board .board{width:min(100%,52vh)}}@media (width<=760px){.online-body{width:calc(100% - 32px);padding:var(--s5) 0 var(--s7)}.online-entry{grid-template-columns:1fr}.room-list li{row-gap:var(--s2);grid-template-columns:auto 1fr}}.row-label{margin:var(--s6) 0 var(--s3)}.tool-row{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.tool-card{gap:var(--s2);padding:var(--s4);text-align:start;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--d2),background var(--d2);background:0 0;align-content:start;display:grid}.tool-card:hover{border-color:var(--line-strong);background:var(--surface)}.tool-card b{font-family:var(--font-display);font-size:var(--t-base);font-weight:600}.tool-card small{color:var(--fg-muted);font-size:var(--t-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-card .kind-icon{width:20px;height:20px;color:var(--fg-muted)}:root,:root[data-theme=light],:root[data-theme=dark]{--qr-ink:#08080a;--qr-paper:#fff}.join-panel{gap:var(--s6);width:100%;padding:var(--s5);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);text-align:start;grid-template-columns:1fr auto;align-items:center;display:grid}.join-words{gap:var(--s2);justify-items:start;display:grid}.join-url{font-family:var(--font-mono);letter-spacing:.02em;word-break:break-all;direction:ltr;unicode-bidi:isolate;font-size:clamp(1.1rem,2.6vw,1.6rem)}.join-qr{gap:var(--s2);justify-items:center;display:grid}.qr{border-radius:var(--r-sm);background:var(--qr-paper);display:block}@media (width<=760px){.join-panel{gap:var(--s4);text-align:center;grid-template-columns:1fr;justify-items:center}.join-words{justify-items:center}.join-qr{display:none}}.online-entry{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.online-name{grid-column:1/-1}.online-name .field{max-width:24rem}.online-primary{border-color:var(--fg)}.online-primary>b{font-size:var(--t-xl)}.online-divider{gap:var(--s3);color:var(--fg-muted);font-size:var(--t-xs);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.online-divider:before,.online-divider:after{content:"";background:var(--line);height:1px}@media (width<=760px){.online-entry{grid-template-columns:1fr}.online-name{grid-column:1}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior-y:contain}html{-webkit-tap-highlight-color:transparent}button,a,input,label,select,summary,[role=button]{touch-action:manipulation}.game-header,.shell>nav,.mode-card,.tool-card,.start-cta,.gate,.slot,.picker-choices,.button,.icon-button,.measure,.standings,.die-stage,.walk-nav,.mode-action,.turn-pill{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (width<=760px){.hero-board,.shell>footer,.shell>nav .help-button,.shell>nav .strategy-button{display:none}.shell>nav{gap:var(--s2)}.shell>nav .nav-tools{gap:var(--s1)}.hero{padding-top:var(--s4)}.hero h1{font-size:clamp(var(--t-xl),8.5vw,var(--t-2xl));line-height:1.05}.hero-copy>.eyebrow,.hero-copy>p:not([class]){display:none}.hero{padding-bottom:0}.shell>.row-label:first-of-type{margin-top:var(--s5)}.row-label{margin:var(--s5) 0 var(--s2)}.mode-grid,.tool-row{gap:var(--s2);grid-template-columns:1fr}.mode-card,.tool-card{align-items:center;gap:0 var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;min-height:44px}.mode-card .kind-icon,.tool-card .kind-icon{grid-row:1/3;width:24px;height:24px}.mode-card .eyebrow{display:none}.mode-card b,.tool-card b{font-size:var(--t-base);grid-column:2}.mode-card small{display:none}.tool-row{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{justify-items:center;gap:var(--s1);padding:var(--s2) var(--s1);text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr}.tool-card .kind-icon{grid-row:1;width:20px;height:20px}.tool-card b{font-size:var(--t-xs);grid-column:1;line-height:1.2}.tool-card small{display:none}.mode-card .mode-action{border:0;grid-area:1/3/3;margin:0;padding:0;font-size:0}.mode-card .mode-action .mode-arrow{width:20px;height:20px}.mode-card:hover,.tool-card:hover{transform:none}}.start-cta{align-items:center;gap:var(--s4);width:100%;max-width:34rem;margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r-lg);cursor:pointer;text-align:start;background:var(--accent);color:var(--accent-fg);transition:transform var(--d2) var(--ease-out),filter var(--d2);border:0;grid-template-columns:auto 1fr auto;display:grid}.start-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}.start-cta:active{transform:translateY(0)}.start-cta-icon{border-radius:var(--r-md);background:color-mix(in srgb,var(--accent-fg) 16%,transparent);flex:none;place-items:center;width:44px;height:44px;display:grid}.start-cta-icon .kind-icon{width:24px;height:24px;color:var(--accent-fg)}.start-cta-copy{gap:2px;min-width:0;display:grid}.start-cta b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;line-height:1.15}.start-cta small{font-size:var(--t-xs);opacity:.82;line-height:1.4}.start-cta .mode-arrow{flex:none;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.start-cta:hover{transform:none}}.nav-desktop{display:contents}.menu-wrap{display:none;position:relative}.menu-scrim{z-index:40;cursor:default;background:0 0;border:0;position:fixed;inset:0}.menu-sheet{inset-inline-end:0;top:calc(100% + var(--s2));z-index:41;gap:var(--s1);min-width:15rem;padding:var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--glass-shadow);display:grid;position:absolute}.menu-row{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s1) var(--s2);font-size:var(--t-sm);display:flex}@media (width<=760px){.nav-desktop{display:none}.menu-wrap{display:block}.start-cta{margin-top:var(--s4);padding:var(--s3) var(--s4);gap:var(--s3)}.start-cta b{font-size:var(--t-base)}.game-header.is-match .brand{display:none}.shell{height:100svh;min-height:0;overflow:hidden}.shell>nav,.hero,.row-label,.tool-row{flex:none}.mode-grid{flex:0 auto;align-content:start;min-height:0;overflow-y:auto}.shell>.row-label:last-of-type{margin-top:auto}}@media (width<=760px) and (height<=800px){.hero h1{font-size:clamp(var(--t-lg),7.5vw,var(--t-xl))}.hero{padding-top:var(--s3)}.start-cta{margin-top:var(--s3)}.row-label{margin:var(--s3) 0 var(--s1)}}@media (width<=760px) and (height<=720px){.mode-card{padding:var(--s2) var(--s4)}.hero h1{font-size:var(--t-lg)}}@media (width<=760px) and (height<=600px){.hero h1,.start-cta small{display:none}.start-cta{padding:var(--s2) var(--s3)}.mode-grid{gap:var(--s1)}.mode-card{padding:0 var(--s4)}.row-label{margin:var(--s2) 0 var(--s1)}}.menu-build{margin-top:var(--s1);padding-top:var(--s2);border-top:1px solid var(--line);color:var(--fg-muted)}.menu-build small{font-size:var(--t-xs)}