@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:#eef1e9;background:#111411;font-synthesis:none;--accent: #d4f879;--muted: #8b968d;--line: #2a312b;--board-width: min(380px, max(170px, calc((100svh - 290px)/2) ));letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.28}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}svg{width:18px;height:18px;stroke-width:1.7;flex:0 0 auto}button svg{pointer-events:none}.header{height:64px;max-width:930px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:16px}.header h1{margin:0 auto 0 0;font-size:inherit}.header .mode-switch{padding:3px}.header .mode{padding:8px 13px}.brand{text-decoration:none;color:#eef1e9;display:flex;align-items:center;gap:14px;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;line-height:1.05}.brand-sub{display:block;margin-top:6px;font-family:DM Sans Variable,sans-serif;font-size:8px;font-weight:600;color:var(--muted)}.brand-mark{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(2,10px);gap:3px;transform:rotate(-90deg)}.brand-mark b{background:var(--accent)}.brand-mark b:first-child{grid-column:2}.brand-mark b:nth-child(2){grid-column:1}.eyebrow,.label,.board-bottom{font-size:10px;font-weight:600}.status-dot,.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}main{max-width:930px;padding:0 32px;margin:0 auto}.eyebrow{color:var(--muted)}.mode-switch{display:flex;padding:4px;border:1px solid #353d34;border-radius:6px;background:#171c17}.mode{border:none;border-radius:3px;padding:11px 15px;display:flex;align-items:center;gap:9px;background:transparent;color:#a0aa9e;font-size:12px;font-weight:600}.mode span{margin-left:9px;font-size:9px;opacity:.65}.mode svg{width:15px;height:15px}.mode:hover{color:#edf1e8}.mode.active{background:var(--accent);color:#17220c}.game-layout{padding-top:4px;display:flex;flex-direction:column;align-items:center;gap:14px}.hud{width:100%;display:grid;grid-template-columns:1.5fr repeat(4,1fr) repeat(2,1.1fr) 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hud-item{position:relative;min-width:0;padding:10px 12px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.hud-item:first-child{border-left:none;padding-left:0}.hud-item>strong,.width-row strong{font-family:Space Grotesk,monospace;font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.width-row strong small{font-size:10px;color:var(--muted);font-family:DM Sans Variable,sans-serif}.label{color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:6px}.label strong{color:var(--accent);font-family:Space Grotesk,monospace;font-size:11px;font-weight:400}.score{font-family:Space Grotesk,monospace;font-size:24px;font-weight:500;line-height:1.05;font-variant-numeric:tabular-nums}.best{display:flex;align-items:center;gap:4px}.best svg{color:#d8c47c;width:12px;height:12px}.label .best strong{color:#c7cec1;font-size:10px}.key-hint{border:1px solid #3a4237;border-radius:3px;padding:1px 4px;font-size:8px}.piece-slot canvas{display:block;width:50px;height:28px;max-width:100%}#hold-empty{position:absolute;top:30px;left:30px;color:#485142}.width-row{display:flex;align-items:center;gap:10px}#map{display:block;flex:1;min-width:0;height:18px}.map-label{display:none}.play-column{width:var(--board-width);max-width:100%}#board-probe{position:absolute;width:var(--board-width);height:0;visibility:hidden}.icon-button{border:0;background:transparent;width:34px;height:34px;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#b5bfb0;border-radius:4px;flex-shrink:0}.icon-button:not(:disabled):hover{background:#2c3428;color:var(--accent)}.board-actions{margin-left:auto;display:flex;gap:6px}.board-actions .icon-button{width:26px;height:26px;padding:5px}.board-actions svg{width:15px;height:15px}.board-wrap{position:relative;border:1px solid #4c5842;aspect-ratio:1 / 2;width:100%;isolation:isolate}#board{display:block;width:100%;height:100%}.board-overlay{position:absolute;inset:0;background:#111611bf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center}[hidden]{display:none!important}.overlay-symbol{color:var(--accent);margin-bottom:20px}.overlay-symbol svg{width:28px;height:28px;stroke-width:1}.board-overlay .eyebrow{font-size:8px;color:#aab99c}h2{font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:500;margin:10px 0 25px;line-height:1.2}.primary{background:var(--accent);color:#19240c;border:1px solid var(--accent);padding:12px 19px;border-radius:3px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#e0ffa0}.primary svg{width:15px;height:15px}.edge-label{display:none;position:absolute;top:48%;width:22px;height:30px;align-items:center;color:#748064;pointer-events:none}.edge-label svg{width:14px}.left-edge{left:-22px}.right-edge{right:-24px}body[data-mode=degenerate] .edge-label{display:flex}body[data-mode=degenerate] .board-wrap{border-left-style:dashed;border-right-style:dashed;border-color:#758653}.board-bottom{display:flex;align-items:center;gap:7px;color:#7f8e77;padding-top:6px;font-size:8px}.live-dot{width:4px;height:4px;background:#7e906d}.controls{display:flex;justify-content:center;align-items:stretch;gap:12px;width:min(100%,480px);margin:16px auto}.control-set{display:flex;flex:2;gap:6px}.control-set:last-child{flex:1}.control-set+.control-set{padding-left:12px;border-left:1px solid var(--line)}.controls .icon-button{flex:1;width:auto;height:52px;border-radius:6px;background:#1d251d;border:1px solid #3a4633;color:#dfe7d8;box-shadow:0 3px #090c08}.controls .icon-button svg{width:22px;height:22px;stroke-width:2}.controls .icon-button:not(:disabled):hover{background:#2a3526;border-color:var(--accent)}.controls [data-action=drop]{background:#2b3a1c;border-color:#5d7a36;color:var(--accent)}.controls .icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #090c08}.clear-notice{position:absolute;left:0;right:0;top:40%;text-align:center;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;text-shadow:0 2px 10px #111411;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;pointer-events:none}.clear-notice.visible{opacity:1;transform:translateY(0)}dialog{width:min(400px,calc(100% - 32px));padding:30px;background:#1b211b;border:1px solid #536047;border-radius:6px;color:#edf2e7}dialog::backdrop{background:#050905bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{margin-bottom:30px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-actions button{font-size:11px;padding:10px 14px}.secondary{background:transparent;border:1px solid #59624f;border-radius:3px}@media(max-height:820px)and (min-width:701px){:root{--board-width: min(340px, max(170px, calc((100svh - 272px)/2) ))}.hud-item{padding-top:7px;padding-bottom:7px}.controls{margin:12px auto}.controls .icon-button{height:48px}}@media(max-width:700px){:root{--board-width: min(300px, calc(100vw - 92px) , max(170px, calc((100svh - 310px)/2) ))}.header{height:56px;padding:0 20px;gap:10px}.brand{font-size:20px;gap:10px}.brand-sub{display:none}.header .mode{padding:7px 10px;gap:6px;font-size:11px}.mode span,.mode svg{display:none}main{padding:0 20px;max-width:520px}.hud{grid-template-columns:repeat(4,1fr)}.hud-item{padding:6px 8px;gap:3px}.hud-item:nth-child(4n+1){border-left:none;padding-left:0}.hud-item:nth-child(n+5){border-top:1px solid var(--line)}.hud-item>strong,.width-row strong,.score{font-size:18px}.width-row{gap:6px}.label{font-size:8px}.key-hint{display:none}.piece-slot canvas{width:40px;height:22px}#hold-empty{top:20px;left:24px}.board-overlay h2{font-size:20px}.board-overlay .eyebrow{font-size:7px}.board-overlay .primary{padding:11px 15px;gap:13px}.controls{gap:8px;margin:14px auto}.control-set{gap:5px}.control-set+.control-set{padding-left:8px}}@media(max-width:370px){main{padding:0 14px}:root{--board-width: min( calc(100vw - 80px) , max(170px, calc((100svh - 310px)/2) ))}.brand>span:last-child{display:none}.controls{gap:6px}.control-set{gap:4px}.control-set+.control-set{padding-left:6px}.controls .icon-button svg{width:19px;height:19px}.hud-item>strong,.width-row strong,.score{font-size:16px}.best{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}