:root{color-scheme:dark;--bg:#101410;--panel:#171d17;--line:#2e372a;--muted:#9aa58e;--text:#edf1e4;--lime:#c5f477;--coral:#ff9d84;font-family:Inter,"Helvetica Neue",Arial,"Noto Sans",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.36}button,select,a,summary,canvas{outline-offset:5px}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--lime)}[hidden]{display:none!important}.game{width:min(100% - 48px,860px);margin:28px auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.identity{display:flex;align-items:center;gap:13px}.mark{width:42px;height:42px;flex-shrink:0}.mark path{fill:none;stroke:var(--lime);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.mark circle{fill:var(--coral)}.eyebrow{font-size:10px;letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin:0 0 7px}h1{font-size:23px;letter-spacing:-.7px;font-weight:650;margin:0}.language select{max-width:120px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 11px;border-radius:7px;font-size:12px}.cabinet{padding:0 26px;border:1px solid #3b4633;border-radius:19px;background:linear-gradient(125deg,#1b221a,#151b15);box-shadow:0 24px 65px #0003;overflow:hidden}.topline{height:56px;display:flex;align-items:center;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:#b4beaa}.topline span:first-child{display:flex;align-items:center;gap:10px}.topline i{display:block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c5f47788}.topline b{color:var(--lime);font-size:20px;margin-left:12px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 196px;gap:25px}.board-column{min-width:0}.board-wrap{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid #3b4c31;box-shadow:0 0 0 5px #10160f,0 0 35px #8bba4a08;background:#0c130e}canvas{width:100%;height:100%;display:block;touch-action:none}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:linear-gradient(#0c130e91,#0c130eee);backdrop-filter:blur(2px)}.screen-content{max-width:340px}.screen-symbol{display:block;color:var(--lime);font-size:59px;line-height:1;font-weight:300;margin-bottom:22px}.screen .eyebrow{font-size:9px;letter-spacing:1.8px;color:#c5f477ab}.screen h2{font-size:clamp(21px,3.6vw,32px);letter-spacing:-1px;line-height:1.3;margin:15px 0 12px;font-weight:600}.screen p{font-size:13px;line-height:1.8;color:#acb6a2;margin:0 auto 27px;max-width:290px}.primary{width:min(100%,228px);border:0;border-radius:8px;background:var(--lime);color:#1c2810;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 auto;font-weight:650;font-size:13px;box-shadow:0 0 28px #c5f4770f}.primary:hover{background:#d4ffa0;box-shadow:0 0 30px #c5f47722}.primary b{font-size:20px;font-weight:400}.sidebar{display:flex;flex-direction:column;gap:19px}.label{display:block;color:var(--muted);font-size:10px;letter-spacing:1.2px;line-height:1.5}.score-card{padding-top:4px}.score-card>strong{font:500 63px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--lime);letter-spacing:-5px;display:block;font-variant-numeric:tabular-nums;text-shadow:0 0 32px #c5f47718;overflow-wrap:anywhere}.score-rule{display:flex;gap:9px;align-items:center;font-size:10px;color:#a4ae99;margin-top:5px}.score-rule i{height:7px;width:7px;transform:rotate(45deg);background:var(--coral);box-shadow:0 0 10px #ff9d8444}.best-card{border-block:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:13px 0}.best-card strong{font:18px ui-monospace,SFMono-Regular,monospace;margin-left:auto;color:#e0e8d2}.best-card>span:last-child{color:#6d7d5d;font-size:18px}.stat-grid{display:grid;grid-template-columns:1fr 1fr}.stat-grid strong{display:block;font:25px ui-monospace,SFMono-Regular,monospace;margin-top:6px}.stat-grid>div+div{border-left:1px solid var(--line);padding-left:24px}.mode-card{border:0;padding:0;margin:0;min-width:0}.mode-card legend{margin-bottom:9px;padding:0}.mode-options{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:3px;gap:3px}.mode-options button{background:transparent;border:0;padding:9px 5px;font-size:11px;flex:1;border-radius:3px;line-height:1.5;color:var(--muted)}.mode-options button[aria-pressed=true]{background:#c5f477;color:#202a15}.mode-options button:disabled{opacity:.55}.mode-options button[aria-pressed=true]:disabled{opacity:.82}.mode-card p{font-size:10px;line-height:1.8;color:#8d9a81;margin:9px 0 0}.actions{display:grid;gap:8px}.actions button{background:#20281d;border:1px solid #35402e;border-radius:6px;display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:12px}.actions button:hover:not(:disabled){border-color:#7f9b59;color:var(--lime)}.actions b{font-weight:400;font-size:15px;color:var(--lime);width:14px}.actions kbd{margin-left:auto;color:#9da98f;font:9px ui-monospace,monospace;border:1px solid #45513c;padding:2px 4px;border-radius:3px}.sidebar-art{margin-top:auto;padding-bottom:2px;color:#68775a}.sidebar-art>span{font:8px ui-monospace,monospace;letter-spacing:1.8px}.sidebar-art svg{display:block;width:100%;height:37px;margin-top:5px}.sidebar-art path{fill:none;stroke:#5e7446;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.touch-controls{display:flex;align-items:center;gap:8px;padding:17px 0 0}.touch-controls>button,.vertical-controls button{height:42px;width:60px;border:1px solid #3b4733;background:#222c1e;border-radius:6px;font-size:23px;color:#c1d4aa;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vertical-controls{display:flex;gap:8px}.touch-controls button:active{background:#c5f477;color:#182110}.touch-caption{font:9px/1.5 ui-monospace,monospace;letter-spacing:1.4px;color:#7d8c6d;margin-left:auto;padding-left:8px;position:relative}.touch-caption i{font-style:normal;color:var(--lime);position:absolute;font-size:18px;right:0;top:0}.touch-caption{padding-right:26px}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:49px;border-top:1px solid var(--line);margin-top:20px;font:10px ui-monospace,monospace;color:#8f9e81;letter-spacing:.6px}.statusbar b{font-weight:400;color:#b7c3aa}.status{display:flex;align-items:center;gap:8px}.status i{width:5px;height:5px;border-radius:50%;background:#78945a}.status i.active{background:var(--lime);box-shadow:0 0 8px #c5f47788}.instructions{padding:26px 0 5px}.instructions h2{font-size:15px;font-weight:500;margin:0 0 10px}.instructions>p{font-size:11px;line-height:1.9;color:#8f9c83;margin:0 0 13px}.instructions details{font-size:11px;line-height:1.9;color:#9caa8e}.instructions summary{cursor:pointer;color:#b8c5aa;width:fit-content}.instructions details p{max-width:650px}.notice{font-size:12px;color:var(--coral);line-height:1.7}footer{border-top:1px solid #293222;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0 5px;margin-top:14px;font-size:10px;color:#77856c;line-height:1.7}footer a{color:#adbc9e;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1000px){.game{margin:33px auto}}@media(max-width:700px){.game{width:min(100% - 28px,580px);margin:18px auto}.game-header{margin-bottom:18px}h1{font-size:20px}.cabinet{padding:0 16px;border-radius:14px}.topline{height:47px;font-size:9px}.play-layout{grid-template-columns:minmax(0,1fr);gap:20px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px 21px}.score-card{grid-column:1;grid-row:1/3}.score-card>strong{font-size:54px}.best-card{border-top:0;border-bottom:1px solid var(--line);padding:0 0 10px;align-self:start}.stat-grid{grid-column:2;grid-row:2}.stat-grid strong{font-size:21px;margin-top:4px}.stat-grid>div+div{padding-left:17px}.mode-card{grid-column:1}.mode-card p{font-size:9px}.actions{grid-column:2;align-content:center;gap:7px}.actions button{padding:9px 10px}.sidebar-art{display:none}.touch-controls{padding-top:13px}.touch-controls>button,.vertical-controls button{width:50px;height:39px}.touch-caption{font-size:8px;letter-spacing:1px}.statusbar{margin-top:17px;height:42px;font-size:9px}.instructions{padding-top:22px}.screen-symbol{font-size:46px;margin-bottom:17px}.screen h2{font-size:27px}.screen p{font-size:12px;margin-bottom:22px}.primary{padding:13px 16px}.screen .eyebrow{font-size:8px}.mark{width:36px;height:36px}.eyebrow{font-size:9px}.language select{font-size:11px;padding:8px}.instructions>p{font-size:10px}}@media(max-width:370px){.game{width:calc(100% - 22px)}.cabinet{padding:0 12px}.touch-caption{display:none}.touch-controls{justify-content:center}.touch-controls>button,.vertical-controls button{width:55px}.screen{padding:18px}.screen h2{font-size:23px}.screen-symbol{font-size:33px;margin-bottom:10px}.screen p{margin-bottom:16px}.screen h2{margin-top:12px}.game-header{gap:8px}.identity{gap:8px}h1{font-size:18px}.sidebar{gap:13px}.mode-options button{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
canvas:focus-visible{outline-offset:-4px}.board-wrap:focus-within{border-color:var(--lime)}.touch-controls>button,.vertical-controls button{min-height:44px}
@media(max-width:700px){.screen-symbol{font-size:32px;margin-bottom:12px}.screen .eyebrow{display:block;font-size:8px;line-height:1.4;margin:0}.screen h2{font-size:26px;line-height:1.2;margin:12px 0 10px}.screen p{line-height:1.6;margin-bottom:18px}}
@media(max-width:370px){.screen-symbol{display:none}.screen h2{font-size:23px}.screen p{margin-bottom:16px}}