:root{--shell: #b7302b;--shell-dk: #7e1f1c;--screen: #dde2d2;--screen-alt: #edf0e6;--screen-dim: #c6cdba;--rule: #c3ccb6;--rule-strong: #a9b29c;--ink: #1b2018;--ink-soft: #5b6357;--lens: #2f6fd0;--amber: #e8a33d;--bg: #8a9484}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.wrap{max-width:960px;margin:0 auto;padding:16px}.shell{background:var(--shell);border-radius:20px;padding:14px;box-shadow:inset 0 -6px #00000038,inset 0 3px #ffffff2e,0 10px 24px #00000047}.chrome{display:flex;align-items:center;gap:12px;margin-bottom:4px}.lens{width:38px;height:38px;border-radius:50%;flex:none;background:var(--lens);box-shadow:inset 0 3px 6px #ffffff8c,inset 0 -3px 6px #00000059,0 0 0 4px #ffffffd9}.dot{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:inset 0 -2px 3px #0000004d}.wordmark{font-weight:900;letter-spacing:-.02em;color:#fff;line-height:.92;text-transform:uppercase;font-size:22px}.tag{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.tabs{display:flex;gap:6px;margin:12px 0 0}.tab{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border:0;border-radius:6px 6px 0 0;background:var(--shell-dk);color:#ffffffb3;cursor:pointer}.tab[data-on=true]{background:var(--screen);color:var(--ink)}.tab:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.screen{background:var(--screen);border-radius:0 10px 10px;padding:18px;box-shadow:inset 0 3px 10px #0000004d;min-height:440px}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.chip{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:2px 7px;border-radius:3px;display:inline-block}.fld{width:100%;font-family:IBM Plex Mono,monospace;font-size:13px;padding:7px 9px;border:1.5px solid var(--rule-strong);border-radius:5px;background:var(--screen-alt);color:var(--ink)}.fld:focus{outline:2px solid var(--lens);outline-offset:-1px;border-color:var(--lens)}.btn{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border:0;border-radius:5px;background:var(--ink);color:var(--screen);cursor:pointer}.btn:hover{background:#2e362b}.btn:focus-visible{outline:2px solid var(--lens);outline-offset:2px}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--rule-strong)}.btn.tiny{padding:3px 8px;font-size:10px}.card{background:var(--screen-alt);border:1.5px solid var(--rule);border-radius:8px;padding:12px}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.step{border-left:3px solid var(--shell);padding:6px 0 6px 12px;margin-bottom:10px}.step[data-accent=true]{border-left-color:var(--amber)}.step-label{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-soft)}.step-body{font-family:IBM Plex Mono,monospace;font-size:13px;font-variant-numeric:tabular-nums}.rolls{display:flex;align-items:flex-end;gap:3px;height:74px;background:var(--screen-alt);border:1.5px solid var(--rule);border-radius:6px;padding:8px}.roll{flex:1;border-radius:2px 2px 0 0;background:var(--shell);min-height:3px;transition:filter .12s}.roll:hover{filter:brightness(1.25)}.roll[data-ko=true]{background:var(--amber)}.track{background:var(--screen-dim);border-radius:3px;overflow:hidden;flex:1}.bar{height:14px;border-radius:3px;transition:width .3s}table.lb{width:100%;border-collapse:collapse;font-family:IBM Plex Mono,monospace;font-size:12px}table.lb th{text-align:left;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding:5px 6px;border-bottom:1.5px solid var(--rule-strong);font-weight:600}table.lb td{padding:5px 6px;border-bottom:1px solid #d3dac6}table.lb tr:hover td{background:#e5e9db}.empty{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft)}.duel{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:560px){.screen{padding:12px}.wordmark{font-size:18px}}@media(prefers-reduced-motion:reduce){.bar,.roll{transition:none}}