:root{--bg: #0b0f14;--panel: #131a22;--panel-2: #1a232d;--line: #26333f;--text: #e7eef5;--muted: #8ba0b2;--accent: #38bdf8;--good: #4ade80;--bad: #f87171;--warn: #fbbf24;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--keypad-h: 236px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:10px}.chip{font:600 11px/1 var(--sans);letter-spacing:.08em;color:var(--accent);background:#0f2430;border:1px solid #1d3f52;border-radius:999px;padding:7px 11px;cursor:pointer}.chip.icon{color:var(--muted);background:transparent;border-color:var(--line);font-size:14px;padding:5px 9px}.streak,.clock{font:500 13px/1 var(--mono);color:var(--muted)}.streak{color:var(--warn)}.main{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.note{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.market-head{display:flex;gap:18px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--line)}.market-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.market-head .k{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.market-head .v{font-family:var(--mono);font-size:13px}.market-head .v.big{font-size:19px;font-weight:600;color:var(--accent)}.clues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.clues li{display:flex;align-items:center;gap:7px;font-size:13px;min-height:20px}.clue-strikes{font-family:var(--mono);font-size:13.5px;white-space:nowrap}.glyph{flex:0 0 auto;width:30px;height:18px;overflow:visible}.glyph .axis{stroke:#3a4a58;stroke-width:1}.glyph .pay{fill:none;stroke:var(--warn);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.clue-label{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dots{flex:1 1 auto;border-bottom:1px dotted var(--line);min-width:8px}.clue-value{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--warn);white-space:nowrap}.ladder{padding:8px;--row-h: 48px;--row-gap: 6px;--strike-w: 72px;--label-w: 30px;--chev: 22px}.ladder-grid{display:grid;grid-template-columns:var(--w-l) 1fr var(--strike-w) 1fr var(--w-r);grid-template-rows:auto repeat(5,var(--row-h));column-gap:5px;row-gap:var(--row-gap)}.lh{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;align-self:end;padding-bottom:2px}.rail{position:relative}.brk{position:absolute}.brk svg{display:block;width:100%;height:100%;overflow:visible}.brk polyline{fill:none;stroke:var(--warn);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.brk polyline.halo{stroke:var(--panel);stroke-width:5}.brk-val{position:absolute;top:50%;transform:translateY(-50%);font:600 11px/1 var(--mono);color:var(--warn);white-space:nowrap}.rail-l .brk-val{right:100%;padding-right:3px}.rail-r .brk-val{left:100%;padding-left:3px}.cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;color:var(--text);font-family:var(--mono);font-size:17px;cursor:pointer;touch-action:manipulation}.cell em{color:#3d4c5a;font-style:normal}.cell-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#10222c}.cell-active .cell-value:after{content:"";display:inline-block;width:1px;height:1.05em;margin-left:2px;background:var(--accent);vertical-align:-.15em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.cell-ok{border-color:#1f5c3a;background:#10251a;color:var(--good)}.cell-bad{border-color:#6b2a2a;background:#251314;color:var(--bad)}.cell-truth{font-size:11px;color:var(--muted);margin-top:1px}.strike{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--muted);border-radius:9px;background:#0e151c;border:1px solid transparent}.strike-free{color:var(--warn);border-color:#4a3a12}.free-tag{font-family:var(--sans);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--warn);opacity:.8}.result-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.verdict{font:700 15px/1 var(--sans);letter-spacing:.1em}.result.pass .verdict{color:var(--good)}.result.fail .verdict{color:var(--bad)}.result .time{font-family:var(--mono);font-size:13px;color:var(--muted)}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.checks li{display:flex;gap:8px;font-size:13px;line-height:1.35}.checks li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.checks em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--muted);word-break:break-word}.checks .tick{flex:0 0 auto;font-weight:700}.checks .ok .tick{color:var(--good)}.checks .bad .tick{color:var(--bad)}.truth{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.truth-head{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.truth-grid{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:13px}.truth-grid .th,.truth-row{display:grid;grid-template-columns:1fr 72px 1fr;text-align:center}.truth-grid>.th{display:none}.truth-row .k{color:var(--muted)}.result-actions{display:flex;gap:8px;margin-top:14px}.btn{flex:1 1 auto;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:600 14px/1 var(--sans);cursor:pointer}.btn.primary{background:#0f3a4d;border-color:#1d6a8c;color:var(--accent)}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{flex:0 0 auto;padding:7px 12px;font-size:12px}.keypad{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:6px;height:var(--keypad-h);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#080c11;border-top:1px solid var(--line);user-select:none;touch-action:manipulation}.key{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-family:var(--mono);font-size:22px;font-weight:500;cursor:pointer}.key:active{background:#2a3947}.key-fn{background:#101820;color:var(--muted);font-size:17px}.key-off{opacity:.3}.key-go{background:#16303c;border-color:#24576e;color:var(--accent);font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.06em}.key-go.ready{background:#14432e;border-color:#2c7d52;color:var(--good)}.sheet-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:14px 14px calc(20px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sheet h2{margin:0;font-size:16px}.sheet .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 4px;font-size:14px}.hint{margin:0 0 8px;font-size:11.5px;line-height:1.45;color:var(--muted)}.seg{display:flex;gap:4px;background:#0e151c;border:1px solid var(--line);border-radius:9px;padding:3px}.seg button{border:0;background:transparent;color:var(--muted);font:600 12px/1 var(--sans);padding:8px 10px;border-radius:6px;cursor:pointer}.seg button.on{background:#16303c;color:var(--accent)}.struct-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 8px}.struct{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0e151c;color:var(--muted);font:600 12px/1 var(--sans);text-align:left;cursor:pointer}.struct .glyph{width:26px;height:16px;opacity:.35}.struct.on{border-color:#4a3a12;background:#1a1608;color:var(--text)}.struct.on .glyph{opacity:1}.struct.locked{cursor:default;opacity:.75}.sheet input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.stats{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.stats>div{display:flex;justify-content:space-between;width:100%;font-size:13px}.stats .k{color:var(--muted)}.stats .v{font-family:var(--mono)}.shortcuts{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.shortcuts h3{margin:0 0 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.shortcuts p{margin:0;font-size:12px;line-height:1.9;color:var(--muted)}kbd{font-family:var(--mono);font-size:11px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:2px 5px}@media (min-width: 900px){.app{max-width:960px;display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;column-gap:16px;padding:0 16px 16px}.topbar{grid-column:1 / -1}.main{grid-column:1;padding-left:0;padding-right:0}.keypad{grid-column:2;align-self:start;margin-top:10px;height:320px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.key{font-size:24px}}@media (min-height: 780px){:root{--keypad-h: 280px}}