:root{color-scheme:dark;--ink: #d8e0e8;--dim: #7e8b98;--warn: #f0b849;--bad: #e05c5c;--good: #6fcf70;--bg: #0b0e12;--panel: rgba(255, 255, 255, .035);--line: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100%;background:var(--bg);color:var(--ink);font:16px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace;display:flex;flex-direction:column}a{color:var(--good)}a:hover{filter:brightness(1.15)}.site-nav{display:flex;align-items:center;gap:1.4em;padding:.9em 1.4em;border-bottom:1px solid var(--line);background:#080b0fcc;flex-wrap:wrap}.site-nav .brand{font-weight:700;letter-spacing:.3em;text-indent:.3em;color:#fff;text-decoration:none;margin-right:auto}.site-nav a:not(.brand){color:var(--dim);text-decoration:none;letter-spacing:.12em}.site-nav a:not(.brand):hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]{border-bottom:2px solid var(--good)}main{flex:1 1 auto;width:min(70em,92vw);margin:0 auto;padding:2.4em 0 3em}.site-foot{border-top:1px solid var(--line);color:var(--dim);padding:1.1em 1.4em;font-size:.85em}.hero{text-align:center;padding:1.5em 0 2.2em}.hero h1{font-size:clamp(2.4em,7vw,4.4em);letter-spacing:.22em;text-indent:.22em;color:#fff;font-weight:800}.hero p{color:var(--ink);font-size:1.1em;max-width:42em;margin:.8em auto 0}.hero .lede{color:var(--dim)}.actions{display:flex;gap:1em;justify-content:center;flex-wrap:wrap;margin-top:2em}.btn{font:inherit;font-size:1.05em;letter-spacing:.12em;color:var(--ink);text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.22);border-radius:.5em;padding:.75em 1.8em;cursor:pointer;display:inline-block}.btn:hover{border-color:#ffffff73}.btn.primary{color:#0b0e12;background:var(--good);border-color:var(--good);font-weight:700}.btn.primary:hover{filter:brightness(1.12)}.btn.discord{color:#fff;background:#5865f2;border-color:#5865f2;font-weight:700}.btn.discord:hover{filter:brightness(1.12)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16em,1fr));gap:1em;margin-top:2.6em}.card{background:var(--panel);border:1px solid var(--line);border-radius:.6em;padding:1.1em 1.2em}.card h2{font-size:.9em;letter-spacing:.24em;color:var(--dim);font-weight:600;margin-bottom:.5em}.card p{font-size:.98em}.note{color:var(--dim);font-size:.9em;text-align:center;margin-top:1.6em}.board{width:100%;border-collapse:collapse;margin-top:1.4em}.board th{text-align:left;color:var(--dim);font-weight:600;letter-spacing:.16em;font-size:.82em;padding:.6em .8em;border-bottom:1px solid var(--line)}.board td{padding:.65em .8em;border-bottom:1px solid rgba(255,255,255,.05)}.board tr.you td{background:#6fcf7014}.board .rank{color:var(--dim);width:3em}.board .score{color:var(--warn);font-weight:700}.board .num{text-align:right}.empty{color:var(--dim);text-align:center;padding:3em 0}h1.page{font-size:1.9em;letter-spacing:.2em;color:#fff}.sub{color:var(--dim);margin-top:.3em}.tut-page{display:flex;flex-direction:column;gap:.9em;font-size:clamp(14px,min(2.1vh,1.15vw),21px)}.feedback{margin-top:1.4em}.feedback textarea{width:100%;margin-top:.6em;font:inherit;font-size:.95em;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:.45em;padding:.7em .8em;resize:vertical}.feedback .btn{margin-top:.7em;font-size:.95em;padding:.55em 1.6em}.feedback .dim{color:var(--dim);font-size:.9em;margin-top:.5em}.tut-page .menu-actions{display:flex;align-items:center}.tut-page .menu-actions button{font:inherit;font-size:1.15em;letter-spacing:.12em;font-weight:700;color:#0b0e12;background:var(--good);border:1px solid var(--good);border-radius:.5em;padding:.7em 2.6em;cursor:pointer}.tut-page .menu-actions button:hover{filter:brightness(1.12)}