:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#e5ede8;background:#080f13;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--mint:#83dcb7;--muted:#789087;--line:rgba(168,199,185,.13)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 51% -18%,rgba(73,123,112,.16),transparent 53%),#080f13}.shell{width:min(1120px,calc(100% - 56px));margin:0 auto}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:11px;color:#aebdb5;text-decoration:none;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.14em}.wordmark b{color:#eef5f0;font-weight:500}.mark{width:28px;height:28px;border:1px solid rgba(131,220,183,.54);color:var(--mint);display:grid;place-items:center;font-size:14px;transform:rotate(45deg);margin-right:3px}.mark:first-letter{transform:rotate(-45deg)}.date-chip,.eyebrow,.seed,.arena-top,.arena-bottom,.metric-label,.metrics small,.panel-heading,footer,.mode-switch button,.start-button,.replay-actions button,.share-row button{font-family:ui-monospace,monospace;letter-spacing:.1em}.date-chip{font-size:10px;color:#94a79d;display:flex;align-items:center;gap:9px}.date-chip i,.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--mint);box-shadow:0 0 10px #83dcb7a6}.divider{color:#3f5149}.intro{padding:42px 0 24px;text-align:center}.eyebrow{font-size:10px;color:#9cad9f;letter-spacing:.2em}.eyebrow span{color:#54715e}h1{margin:12px 0 6px;font-size:clamp(32px,5vw,47px);font-weight:600;letter-spacing:-.055em;color:#eef5ef}h1 em{font-style:normal;color:var(--mint)}.intro p{margin:0;color:#80928a;font-size:13px}.arena{border:1px solid rgba(150,202,181,.23);border-radius:9px;overflow:hidden;background:#0c1519;box-shadow:0 18px 60px #02060766}.arena-top,.arena-bottom{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#80968d;font-size:9px;letter-spacing:.13em}.arena-top>div:first-child{display:flex;align-items:center;gap:9px}.arena-top .live-dot{width:5px;height:5px}.seed{font-size:9px}.seed b{color:#d7e6dc;font-weight:400;margin-left:8px}.arena canvas{display:block;width:100%;height:220px}.arena-bottom{border-top:1px solid var(--line);height:36px;color:#71857b;font-size:8px}.arena-bottom b{color:#b6ddca;font-weight:500}.metrics{height:94px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.12fr;padding:0 30px;align-items:center}.metrics>div{position:relative;padding-left:17px;border-left:1px solid var(--line)}.metric-label{display:block;font-size:8px;color:#81958a;letter-spacing:.17em;margin-bottom:2px}.metrics strong{font-size:24px;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums}.metrics small{font-size:8px;color:#7b8e83;margin-left:5px}.timer-box{text-align:right!important;padding-right:15px;border-left:0!important;border-right:1px solid var(--line)}.timer-box strong{color:var(--mint);font-size:31px}.timer-box strong span{font-size:20px;color:#75bfa0}.controls{display:flex;align-items:center;justify-content:space-between;padding:18px 0 21px}.mode-switch{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:#0c1418}.mode-switch button{border:0;background:transparent;color:#788c82;padding:8px 12px;border-radius:4px;font-size:9px;cursor:pointer}.mode-switch button span{color:#61756c;font-size:8px;margin-left:4px}.mode-switch button.selected{background:#183027;color:#a5edc9;box-shadow:inset 0 0 0 1px #38664f}.mode-switch button.selected span{color:#85bf9d}.start-button{height:39px;padding:0 17px;border:1px solid #9be8c0;border-radius:5px;background:var(--mint);color:#10241b;font-weight:600;font-size:10px;letter-spacing:.12em;cursor:pointer;box-shadow:0 3px 24px #6bd8ad22}.start-button:disabled{opacity:.62;cursor:default}.play-icon{font-size:10px;margin-right:8px}kbd{margin-left:12px;color:#3d7158;background:#b2e9cb88;border-radius:3px;padding:3px 5px;font:8px ui-monospace,monospace}.lower-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:7px;background:#0e171ac4;padding:16px 18px;min-height:177px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b4c5ba;letter-spacing:.15em}.badge,.ghost-state{border:1px solid rgba(146,181,159,.2);border-radius:3px;padding:4px 6px;color:#869a8e;font-size:8px}.badge.verified{color:#9ce6be;border-color:#528c69}.result-summary{display:flex;align-items:baseline;gap:11px;margin:14px 0 10px}.result-summary strong{font-size:34px;line-height:1;font-weight:500;color:#eaf2ec;letter-spacing:-.06em}.result-summary span{font:8px ui-monospace,monospace;letter-spacing:.14em;color:#81958a}.verification{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;gap:10px}.check-icon{width:20px;height:20px;border:1px solid #4e6256;border-radius:50%;display:grid;place-items:center;color:#8a9f92;font-size:12px}.check-icon.passed{border-color:#65a57b;color:#a0e7bc}.verification b,.verification small{display:block}.verification b{font-size:10px;color:#dce7df;font-weight:600}.verification small{font-size:9px;color:#788c82;margin-top:2px}.fine-print{margin:8px 0 0 30px;font-size:8px;color:#667870}.replay-panel>p{font-size:10px;color:#84968c;margin:13px 0 11px}.replay-actions{display:flex;gap:7px}.replay-actions button,.share-row button{border:1px solid var(--line);border-radius:4px;padding:7px 10px;background:#131f21;color:#a4b6aa;font-size:8px;cursor:pointer}.replay-actions button:disabled{opacity:.42;cursor:default}.replay-actions button:last-child{color:#bcebd0;border-color:#416e55}.share-row{display:flex;margin-top:8px;gap:5px}.share-row input{min-width:0;flex:1;background:#091114;border:1px solid var(--line);border-radius:4px;padding:7px 8px;color:#b9d8c6;font:9px ui-monospace,monospace}.share-row input::placeholder{color:#5e7167}.ghost-note{font-size:8px;color:#71847a;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{display:flex;justify-content:space-between;padding:18px 2px 25px;color:#51645a;font-size:8px;letter-spacing:.12em}@media(max-width:680px){.shell{width:calc(100% - 28px)}.topbar{height:64px}.wordmark{font-size:9px;letter-spacing:.08em}.date-chip{font-size:8px}.intro{padding:32px 0 21px}.arena canvas{height:190px}.arena-top{padding:0 11px;font-size:8px}.arena-bottom{padding:0 11px;font-size:7px}.metrics{height:82px;padding:0 8px}.metrics>div{padding-left:9px}.metrics strong{font-size:19px}.timer-box strong{font-size:24px}.controls{gap:9px;align-items:stretch}.mode-switch{display:grid;grid-template-columns:1fr;padding:2px}.mode-switch button{padding:5px 8px;font-size:8px;text-align:left}.mode-switch button span{float:right}.start-button{height:auto;padding:0 10px;font-size:9px;white-space:nowrap}.start-button kbd{display:none}.lower-grid{grid-template-columns:1fr}.panel{min-height:auto}.result-panel{padding-bottom:13px}footer{font-size:7px;gap:10px}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 3px #83dcb7;opacity:.7}}}