:root{color-scheme:dark;--ink: #f6f4e9;--muted: #c6d6d1;--field: #10242b;--field-deep: #07171d;--surface: #17343b;--surface-raised: #1e4149;--line: #41666a;--ring: #f3df9e;--token-a: #76d2c4;--token-b: #ffb05a;--token-c: #ff7657;--accent: #ff8d70;--accent-ink: #23110b;--good: #9de4b8;--danger: #ffb4a5;--focus: #fff1b0;--shadow: rgba(0, 0, 0, .32);font-family:ui-rounded,Avenir Next,Segoe UI,system-ui,sans-serif;background:var(--field);color:var(--ink)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--field)}body{margin:0;min-width:320px;background:var(--field);color:var(--ink);font-size:16px;line-height:1.5}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--ring);text-decoration-thickness:.08em;text-underline-offset:.17em}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Trebuchet MS,ui-rounded,system-ui,sans-serif;letter-spacing:-.035em}h1{max-width:12ch;font-size:clamp(2.35rem,4.8vw,4.3rem);line-height:.96;margin-bottom:1rem}h2{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1;margin-bottom:.75rem}h3{font-size:1.35rem;line-height:1.12}main:focus,h1:focus,.end-panel:focus{outline:none}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.7rem 1rem;background:var(--focus);color:var(--field-deep);border-radius:.45rem;font-weight:800}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header,.site-footer,main,.demo-banner{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.wordmark{color:var(--ink);font-weight:900;text-decoration:none;letter-spacing:-.04em;font-size:1.25rem;white-space:nowrap}.wordmark span{color:var(--accent)}.site-header nav,.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem}.site-header nav a{color:var(--muted);font-size:.94rem}.site-header a,.site-footer a{display:inline-flex;min-width:44px;min-height:44px;align-items:center}.demo-banner{margin-block:.15rem 1.1rem;padding:.8rem 1rem;display:flex;align-items:center;gap:.65rem 1.1rem;flex-wrap:wrap;background:#2b4650;border:1px solid #5b8484;border-radius:.7rem;color:var(--ink)}.demo-banner span{color:var(--muted);font-size:.9rem}.text-button{padding:.55rem .35rem;min-height:44px;border:0;border-bottom:1px solid var(--ring);background:transparent;color:var(--ring);font-weight:800}.first-screen{padding:clamp(1.5rem,3vw,3.25rem) 0 2.5rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start;min-height:min(760px,calc(100vh - 72px))}.intro-copy{max-width:38rem}.eyebrow{margin-bottom:.65rem;color:var(--token-a);font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.intro{max-width:30rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.23rem)}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block:1.4rem}.intro-actions span{max-width:16rem;color:var(--muted);font-size:.9rem}.primary-action,.primary-control,.link-button{min-height:48px;padding:.7rem 1rem;border:1px solid var(--accent);border-radius:.55rem;background:var(--accent);color:var(--accent-ink);font-weight:900;box-shadow:3px 4px #542519;text-decoration:none}.primary-action:hover,.primary-control:hover{background:#ffb29e}.primary-action:active,.primary-control:active{transform:translate(2px,2px);box-shadow:1px 2px #542519}.facts{display:grid;gap:.38rem;padding:0;margin:1.35rem 0 0;list-style:none;color:var(--muted);font-size:.91rem}.facts li:before{content:"✓";display:inline-block;width:1.25rem;color:var(--good);font-weight:900}.game-shell{position:relative;overflow:hidden;padding:clamp(1rem,3vw,1.75rem);background:linear-gradient(145deg,#183940,#0b2027);border:1px solid var(--line);border-radius:1rem;box-shadow:0 24px 60px var(--shadow)}.game-shell:before{content:"";position:absolute;z-index:0;inset:0;opacity:.32;background-image:linear-gradient(90deg,transparent 49%,#6a8b8722 50%,transparent 51%),linear-gradient(transparent 49%,#6a8b8722 50%,transparent 51%);background-size:44px 44px;pointer-events:none}.game-shell>*{position:relative;z-index:1}.game-topline{display:flex;align-items:start;justify-content:space-between;gap:1rem}.game-topline h2{margin:0}.game-topline .eyebrow{margin-bottom:.25rem}.run-stats{display:grid;grid-template-columns:auto auto;gap:0 .45rem;text-align:right;color:var(--muted);font-size:.75rem}.run-stats strong{color:var(--ring);font-size:1.25rem;font-variant-numeric:tabular-nums}.run-stats span{align-self:center}.board-rule{max-width:53rem;margin:1rem 0;color:var(--muted);font-size:.9rem}.board-rule span{color:var(--ring);font-weight:900}.board{position:relative;display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:clamp(.65rem,2.1vw,1.25rem);width:min(100%,690px);padding:clamp(.45rem,2vw,1.2rem);margin:auto}.layout-ladder .board{grid-template-columns:repeat(2,minmax(82px,1fr));max-width:510px}.layout-cluster .board{grid-template-columns:repeat(3,minmax(72px,1fr));max-width:520px;transform:rotate(-2deg)}.ring{position:relative;aspect-ratio:1;min-width:0;min-height:72px;border:clamp(6px,1.4vw,11px) solid var(--ring);border-radius:50%;background:#092027;color:var(--ink);box-shadow:inset 0 0 0 2px #f7e9bc33,0 7px #071216;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;touch-action:pan-y}.ring:after{content:"";position:absolute;inset:18%;border:1px dashed #c6d6d166;border-radius:50%}.ring:hover{transform:translateY(-2px)}.ring.selected{border-color:var(--accent);box-shadow:0 0 0 4px #ff765744,0 7px #071216}.ring.clear{border-color:var(--good)}.previewing .board{border-radius:.7rem;background:#f3df9e0d}.ring.preview-changed{box-shadow:0 0 0 4px var(--focus),0 7px #071216}.ring-number{position:absolute;top:.25rem;left:.55rem;color:var(--muted);font-size:clamp(.65rem,1.4vw,.86rem);font-weight:800}.ring-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:27%;aspect-ratio:1;border-radius:50%;background:var(--surface-raised);color:var(--good);font-size:clamp(.9rem,2vw,1.25rem);font-weight:900}.gate-marker{position:absolute;z-index:4;left:50%;top:-13%;transform:translate(-50%);display:grid;place-items:center;min-width:34%;min-height:24%;border:3px solid var(--token-c);border-radius:.3rem .3rem 0 0;background:var(--field-deep);color:var(--token-c);font-weight:900;font-size:clamp(.9rem,2.4vw,1.35rem)}.gate-marker.reversed{border-color:var(--token-b);color:var(--token-b)}.token{position:absolute;z-index:3;display:grid;place-items:center;left:50%;top:50%;width:28%;aspect-ratio:1;border-radius:50%;transform-origin:0 0;background:var(--token-a);color:#062126;font-size:clamp(.85rem,2.4vw,1.4rem);font-weight:1000;box-shadow:0 1px #ddfff8;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.token-1,.token-4{background:var(--token-b)}.token-2,.token-5{background:var(--token-c)}.angle-0{transform:translate(-50%,-184%)}.angle-1{transform:translate(84%,-50%)}.angle-2{transform:translate(-50%,84%)}.angle-3{transform:translate(-184%,-50%)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.controls button{min-height:44px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.5rem;background:#16363d;color:var(--ink);font-size:.9rem;font-weight:750}.controls .primary-control{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.controls [aria-pressed=true]{border-color:var(--focus);box-shadow:inset 0 0 0 2px var(--focus)}.selected-label{width:100%;margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.selected-label strong{color:var(--ink)}.hint{margin:1rem 0 0;padding:.7rem .85rem;border-left:3px solid var(--token-a);background:#0e2b31;color:var(--ink)}.preview-bar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:1rem;padding:.8rem;border:1px solid var(--ring);border-radius:.65rem;background:#302918}.preview-bar p{flex:1 1 20rem;margin:0;color:var(--ink)}.preview-bar button{min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface-raised);color:var(--ink);font-weight:800}.preview-bar .primary-control{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.status-line{min-height:1.5em;margin:.8rem 0 0;color:var(--muted);font-size:.9rem}.settings-panel{display:grid;grid-template-columns:1fr auto;gap:.8rem 1.2rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.65rem;background:#0d292f}.settings-panel h3{margin:0;font-size:1.15rem}.settings-panel .eyebrow{margin-bottom:.25rem}.settings-panel label{display:flex;align-items:center;gap:.55rem;min-height:44px;color:var(--ink);font-weight:700}.settings-panel input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.settings-panel p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.9rem}.settings-panel button{min-height:44px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.45rem;background:var(--surface-raised);color:var(--ink)}.run-panel{position:absolute;z-index:8;inset:8% 6%;display:grid;align-content:center;justify-items:start;padding:clamp(1.2rem,5vw,2.2rem);background:#102d34f7;border:2px solid var(--ring);border-radius:.9rem;box-shadow:0 20px 50px #000a}.run-panel p{max-width:38rem;color:var(--muted)}.run-panel h3{margin-bottom:.75rem;font-size:clamp(1.45rem,4vw,2.2rem)}.panel-actions{display:flex;gap:.7rem;flex-wrap:wrap}.panel-actions button{min-height:44px;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.45rem;background:var(--surface-raised);color:var(--ink);font-weight:800}.level-strip,.how-to-play,.plain-section,.pricing{padding:clamp(2.7rem,7vw,6rem) 0;border-top:1px solid #31545a}.strip-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.strip-heading p{max-width:32rem;color:var(--muted)}.level-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.7rem}.level-option{display:grid;min-height:112px;padding:.8rem;align-content:space-between;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);color:var(--ink);text-align:left}.level-option span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.level-option strong{line-height:1.1}.level-option small{color:var(--token-a)}.level-option.selected{border-color:var(--ring);box-shadow:inset 0 0 0 1px var(--ring)}.level-option.daily{background:#2b3e38}.how-to-play{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);column-gap:3rem}.how-to-play .eyebrow,.how-to-play h2{grid-column:1}.how-to-play ol{grid-column:2;grid-row:1 / span 2;margin:0;padding-left:1.45rem;color:var(--muted)}.how-to-play li{margin-bottom:1rem;padding-left:.35rem}.how-to-play strong{color:var(--ink)}.proof-note{grid-column:2;margin:0;color:var(--token-a);font-size:.9rem}.plain-section{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);column-gap:3rem}.plain-section .eyebrow,.plain-section h2{grid-column:1}.plain-section p{grid-column:2;grid-row:1 / span 2;max-width:48rem;color:var(--muted)}.pricing{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1fr);column-gap:3rem;align-items:start}.pricing>p{max-width:37rem;color:var(--muted)}.pricing .offer-status{grid-column:2;margin:0;padding:.8rem;border-left:3px solid var(--token-b);background:#302918;color:var(--ink)}.legal-page,.not-found{width:min(760px,calc(100% - 32px));min-height:calc(100vh - 260px);padding-block:clamp(3rem,9vw,8rem)}.legal-page h1,.not-found h1{max-width:15ch}.legal-page h2{margin-top:2rem}.legal-page p,.not-found p{max-width:62ch;color:var(--muted)}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:1rem 2rem;align-items:center;padding:2rem 0 3rem;border-top:1px solid #31545a;color:var(--muted);font-size:.88rem}.site-footer p{margin:0}.site-footer small{white-space:nowrap}@media(max-width:760px){.site-header{min-height:62px}.site-header nav{gap:.75rem}.site-header nav a{font-size:.85rem}.first-screen{display:flex;flex-direction:column;gap:.8rem;min-height:auto;padding-top:.5rem}.intro-copy{display:contents}.intro-copy>.eyebrow{display:none}.intro-copy>h1{order:1;margin-bottom:0}.intro-copy>.intro{order:2;margin-bottom:0}.intro-copy>.intro-actions{order:3;margin-block:.2rem}.intro-copy>.facts{order:4;margin-block:.1rem}.first-game{order:5;width:100%}h1{max-width:100%;font-size:clamp(2.15rem,10vw,2.75rem)}.first-game{margin-inline:-4px}.game-shell{border-radius:.7rem}.board{gap:.55rem;padding-inline:.2rem}.ring{min-height:70px}.strip-heading,.pricing,.how-to-play,.plain-section{display:block}.how-to-play ol,.plain-section p{margin-top:1.2rem}.pricing .offer-status{margin-top:1rem}.site-footer{grid-template-columns:1fr}.run-panel{inset:5% 4%}}@media(max-width:420px){.site-header,.site-footer,main,.demo-banner{width:min(100% - 24px,1180px)}.site-header nav a:nth-child(2){display:none}.intro-actions{align-items:flex-start;flex-direction:column}.board{gap:.35rem}.ring{border-width:6px;min-height:64px}.controls{gap:.45rem}.controls button{flex:1 1 42%}.settings-panel{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app[data-calm=true] *,#app[data-calm=true] *:before,#app[data-calm=true] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}#app[data-symbols=true] .token{background:var(--ink);color:var(--field-deep);box-shadow:0 0 0 2px var(--field-deep),0 1px 0 var(--ring)}