:root{color-scheme:dark;--night:#07060b;--panel:#120f1a;--ink:#f6efe4;--muted:#b9b0a3;--gold:#ffd23f;--cyan:#19e6ff}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ink);font:18px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #ffffff25}a{color:var(--gold)}main{max-width:1100px;margin:auto;padding:40px 24px}h1{font-size:clamp(36px,7vw,76px);line-height:1.1;margin:20px 0;color:var(--gold)}h2{font-size:28px;line-height:1.3}p{max-width:850px}.eyebrow{font:14px/1.5 monospace;color:var(--cyan);letter-spacing:1px}.lead{font-size:24px}section{margin:40px 0;padding:28px;background:var(--panel);border:1px solid #ffffff25;border-radius:18px}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scores article{padding:18px 0}.scores span{display:block;font-size:15px;color:var(--muted)}strong{display:block;font:700 32px/1.5 monospace;color:var(--gold)}table{width:100%;border-collapse:collapse;font-size:16px}caption{text-align:left;color:var(--muted);padding-bottom:15px}th,td{padding:14px 10px;border-bottom:1px solid #ffffff25;text-align:left;vertical-align:top}th{color:var(--cyan)}.table-wrap{overflow:auto}.notice{color:var(--muted);font-size:16px}input{display:block;width:220px;max-width:100%;padding:12px;margin:10px 0;background:#07060b;border:1px solid var(--cyan);color:var(--ink);font:inherit}output{display:block;color:var(--gold);font-weight:bold}footer{padding:24px;text-align:center;color:var(--muted)}button{padding:12px 20px;font:inherit;background:var(--gold);color:#07060b;border:0;border-radius:6px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(max-width:700px){.scores{grid-template-columns:repeat(2,1fr)}section{padding:18px}header{font-size:15px}td,th{min-width:110px}h2{font-size:24px}}
@font-face{font-family:Arcade;src:url(../fonts/bungee-400.woff2) format("woff2");font-display:swap}@font-face{font-family:ArcadeMono;src:url(../fonts/share-tech-mono-400.woff2) format("woff2");font-display:swap}@font-face{font-family:ArcadeBody;src:url(../fonts/source-sans-3-400.woff2) format("woff2");font-display:swap}body{font-family:ArcadeBody,system-ui,sans-serif}h1,h2{font-family:Arcade,system-ui,sans-serif}.eyebrow,strong{font-family:ArcadeMono,monospace}