:root{color:#eef1e8;font-synthesis:none;text-rendering:optimizelegibility;background:#090b09;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#090b09}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent,#c7ff39);outline-offset:3px}.app{--ink:#f0f2eb;--muted:#81887e;--line:#e4ece024;background:radial-gradient(circle at 45% 30%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 38%), linear-gradient(135deg, #0d100d 0%, #080a08 58%, #10130f 100%);min-height:100svh;color:var(--ink);isolation:isolate}.app:before{content:"";pointer-events:none;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:108px;padding:22px clamp(20px,4vw,72px);display:grid}.brand{align-items:center;gap:15px;display:flex}.brand-mark{background:var(--accent);color:#080a08;width:42px;height:42px;box-shadow:0 0 30px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:4px 14px;place-items:center;font:900 24px/1 ui-monospace,monospace;display:grid}.brand h1{letter-spacing:-.055em;margin:0;font-size:clamp(25px,3vw,38px);font-weight:900;line-height:.85}.brand p{color:var(--accent);letter-spacing:.22em;margin:7px 0 0;font:600 10px/1 ui-monospace,monospace}.top-tagline{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin:0;font:600 10px/1 ui-monospace,monospace}.top-tagline span{color:var(--accent);margin:0 8px}.top-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.locale-switch{gap:2px;display:flex}.locale-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;font:700 10px/1 ui-monospace,monospace}.locale-switch button[aria-pressed=true]{color:var(--accent)}.customize-button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:12px 16px;font-size:12px;font-weight:700;transition:border-color .2s,background .2s,color .2s}.customize-button:hover{border-color:var(--accent);background:var(--accent);color:#080a08}.customize-button span{margin-left:18px}.workspace{grid-template-columns:minmax(0,1fr) 350px;max-width:1540px;min-height:calc(100svh - 160px);margin:0 auto;display:grid}.play-column{min-width:0;padding:clamp(24px,3vw,48px) clamp(20px,4vw,64px) 36px}.side-column{border-left:1px solid var(--line);padding:clamp(24px,3vw,48px) 30px}.stage-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font:700 9px/1 ui-monospace,monospace;display:block}.status-label{align-items:center;gap:9px;margin-top:10px;font-size:13px;font-weight:650;display:flex}.status-label i{background:var(--muted);border-radius:50%;width:7px;height:7px}.status-label i.playing{background:var(--accent);box-shadow:0 0 12px var(--accent);animation:1.6s infinite status-pulse}.status-label i.paused{background:#f2c25c}.status-label i.gameover{background:#ff6658}.hud{display:flex}.hud>div{border-left:1px solid var(--line);min-width:82px;padding:0 18px}.hud span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:600 9px/1 ui-monospace,monospace;display:block}.hud strong{margin-top:7px;font:700 18px/1 ui-monospace,monospace;display:block}.board-frame{aspect-ratio:1;background:var(--board-bg);width:min(100%,100svh - 270px);min-width:300px;box-shadow:0 30px 100px #00000061, 0 0 80px color-mix(in srgb, var(--accent) 8%, transparent);margin:0 auto;animation:.75s cubic-bezier(.16,1,.3,1) both board-in;position:relative}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.corner{border-color:var(--accent);pointer-events:none;opacity:.85;border-style:solid;width:16px;height:16px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:-5px;left:-5px}.corner-tr{border-width:1px 1px 0 0;top:-5px;right:-5px}.corner-bl{border-width:0 0 1px 1px;bottom:-5px;left:-5px}.corner-br{border-width:0 1px 1px 0;bottom:-5px;right:-5px}.board-overlay{pointer-events:none;background:0 0;place-items:center;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:grid;position:absolute;inset:0}.board-overlay:not(.playing){pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060480}.overlay-copy{text-align:center;animation:.4s both copy-in}.overlay-copy>span{color:var(--accent);letter-spacing:.22em;font:700 9px/1 ui-monospace,monospace}.overlay-copy strong{letter-spacing:-.055em;margin:13px 0 22px;font-size:clamp(30px,5vw,64px);display:block}.overlay-copy button{background:var(--accent);color:#080a08;cursor:pointer;border:0;padding:13px 24px;font-weight:800}.game-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.primary-controls{gap:8px;display:flex}.play-button,.restart-button{cursor:pointer;border:0;padding:13px 18px;font-weight:760}.play-button{background:var(--accent);color:#080a08}.play-button span{margin-right:12px}.restart-button{color:var(--muted);border:1px solid var(--line);background:0 0}.control-help{text-align:right;color:var(--muted);letter-spacing:.08em;font:600 9px/1.5 ui-monospace,monospace}.control-help span,.control-help small{display:block}.control-help small{margin-top:4px}.control-help i{background:#ff6658;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.control-help i.online{background:var(--accent)}.dpad-wrap{text-align:center;margin-top:22px;display:none}.dpad-wrap p{color:var(--muted);font-size:11px}.dpad{grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;width:154px;height:116px;margin:auto;display:grid}.dpad-key{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:8px;font-size:19px}.dpad-key:active{background:var(--accent);color:#080a08}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.run-spec{border-bottom:1px solid var(--line);padding-bottom:30px}.run-spec dl{margin:18px 0 0}.run-spec dl div{justify-content:space-between;padding:8px 0;display:flex}.run-spec dt{color:var(--muted);font-size:11px}.run-spec dd{margin:0;font:650 11px/1 ui-monospace,monospace}.player-profile{border-bottom:1px solid var(--line);padding:26px 0 28px}.player-profile label{justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:700;display:flex}.player-profile input{border:1px solid var(--line);width:100%;color:var(--ink);background:#090b09;margin-top:12px;padding:12px}.player-profile small{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.45;display:block}.leaderboard{margin-top:31px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{letter-spacing:-.035em;margin:9px 0 0;font-size:23px}.live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%}.score-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:23px;display:grid}.score-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 4px;font-size:11px;font-weight:700}.score-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--accent)}.ranking-hint{min-height:30px;color:var(--muted);font-size:10px;line-height:1.5}.score-list{margin-top:12px}.score-row{border-top:1px solid #e4ece014;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.score-rank{color:var(--accent);font:650 9px/1 ui-monospace,monospace}.score-player{min-width:0}.score-player strong,.score-player small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.score-player strong{font-size:12px}.score-player small{color:var(--muted);text-transform:uppercase;margin-top:4px;font:500 8px/1 ui-monospace,monospace}.score-value{font:700 12px/1 ui-monospace,monospace}.empty-score{color:var(--muted);padding:22px 0;font-size:12px}footer{border-top:1px solid var(--line);min-height:52px;color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,72px);font:600 8px/1 ui-monospace,monospace;display:flex}footer strong{color:var(--ink)}.drawer-scrim{z-index:20;opacity:0;pointer-events:none;background:#0000008f;border:0;transition:opacity .3s;position:fixed;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.customizer{z-index:21;border-left:1px solid var(--line);background:#10130f;flex-direction:column;width:min(440px,94vw);transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(102%)}.customizer.is-open{transform:none}.drawer-head{justify-content:space-between;align-items:center;padding:28px 28px 22px;display:flex}.drawer-head h2{letter-spacing:-.04em;margin:8px 0 0;font-size:28px}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;width:38px;height:38px;font-size:24px}.drawer-tabs{border-bottom:1px solid var(--line);padding:0 20px;display:flex;overflow-x:auto}.drawer-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:13px 9px;font-size:10px}.drawer-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--accent)}.drawer-content{flex:1;padding:24px 28px 38px;overflow-y:auto}.settings-section{gap:18px;display:grid}.preset-list{border-top:1px solid var(--line)}.preset-line{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:15px 2px;display:flex}.preset-line:hover span{color:var(--accent)}.preset-line small{color:var(--muted);font:600 9px/1 ui-monospace,monospace}.field span,.range-field>span,.segmented-field>span,.color-field>span{color:var(--muted);font-size:10px}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#090b09;margin-top:8px;padding:12px}.wide-button,.apply-button{background:var(--accent);color:#080a08;cursor:pointer;border:0;padding:14px;font-weight:800}.wide-button:disabled{opacity:.35;cursor:not-allowed}.button-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-pair button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:12px}.range-field{gap:10px;display:grid}.range-field>span{justify-content:space-between;display:flex}.range-field strong{color:var(--ink);font:650 10px/1 ui-monospace,monospace}input[type=range]{width:100%;accent-color:var(--accent)}.segmented-field{gap:9px;display:grid}.segmented-field>div{border:1px solid var(--line);background:#090b09;padding:3px;display:flex}.segmented-field button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:9px 5px;font-size:10px}.segmented-field button[aria-pressed=true]{background:var(--accent);color:#080a08}.toggle-field{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.toggle-field input{opacity:0;position:absolute}.toggle-field i{background:#252a24;border-radius:20px;width:38px;height:21px;padding:3px;transition:background .2s}.toggle-field i:before{content:"";background:#747b71;border-radius:50%;width:15px;height:15px;transition:transform .2s,background .2s;display:block}.toggle-field input:checked+i{background:color-mix(in srgb, var(--accent) 30%, #252a24)}.toggle-field input:checked+i:before{background:var(--accent);transform:translate(17px)}.color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-field{border:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px;display:flex}.color-field input{cursor:pointer;background:0 0;border:0;width:30px;height:24px;padding:0}.settings-note{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.result-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.result-dialog{border-top:2px solid var(--accent);background:#111510;width:min(430px,100%);padding:36px;animation:.45s cubic-bezier(.16,1,.3,1) both dialog-in;box-shadow:0 40px 120px #000000b3}.result-dialog h2{letter-spacing:-.045em;margin:10px 0 20px;font-size:30px}.result-score{color:var(--accent);letter-spacing:-.07em;font:800 clamp(52px,10vw,82px)/.9 ui-monospace,monospace;display:block}.result-unit{color:var(--muted);letter-spacing:.14em;margin-top:10px;font:600 9px/1 ui-monospace,monospace;display:block}.result-dialog label{margin-top:28px;display:block}.result-dialog label span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.result-dialog input{border:1px solid var(--line);width:100%;color:var(--ink);background:#090b09;padding:13px}.result-dialog p{color:var(--muted);font-size:10px;line-height:1.5}.result-dialog .form-error{color:#ff8277}.result-dialog>button{background:var(--accent);color:#080a08;cursor:pointer;border:0;width:100%;margin-top:8px;padding:14px;font-weight:800}.result-dialog>button:disabled{opacity:.4}.result-dialog>.dialog-secondary{color:var(--muted);border:1px solid var(--line);background:0 0}.high-contrast{--ink:#fff;--muted:#c2c8bf;--line:#ffffff57}.reduce-motion *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes board-in{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:none}}@keyframes copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}@keyframes status-pulse{50%{opacity:.35}}@media (max-width:980px){.topbar{grid-template-columns:1fr auto;min-height:86px}.top-tagline{display:none}.workspace{grid-template-columns:1fr}.side-column{border-left:0;border-top:1px solid var(--line);grid-template-columns:minmax(220px,.6fr) 1fr;gap:42px;display:grid}.leaderboard{margin-top:0}.board-frame{width:min(100%,720px)}}@media (max-width:680px){.topbar{padding:16px 15px}.brand-mark{width:36px;height:36px}.brand h1{font-size:25px}.customize-button{padding:10px 11px;font-size:0}.customize-button span{margin:0;font-size:16px}.locale-switch{display:none}.play-column{padding:22px 12px 30px}.stage-head{align-items:center}.hud>div{min-width:0;padding:0 9px}.hud>div:nth-child(2),.hud>div:nth-child(4){display:none}.hud strong{font-size:15px}.board-frame{width:100%;min-width:0}.game-controls{align-items:flex-start}.control-help>span{display:none}.dpad-auto,.dpad-on{display:block}.side-column{padding:30px 20px;display:block}.leaderboard{margin-top:30px}footer{display:none}.drawer-content{padding-inline:20px}.result-dialog{padding:28px 24px}}@media (min-width:681px){.dpad-on{display:block}}