:root{color-scheme:dark;--gold:#e1bd71;--ink:#091d2c;--muted:#a6b6bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#1a3b48,#091d2c 65%);color:#f6f4e9;font:14px Arial,sans-serif}header,main,footer{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff20}a{color:var(--gold);text-decoration:none}.brand{display:flex;gap:14px;align-items:center;color:#fff;font-size:12px;font-weight:800;letter-spacing:1.5px}.brand b{border:1px solid var(--gold);padding:14px 8px;color:var(--gold);font-family:Georgia}.brand small{display:block;font-size:9px;color:var(--gold);margin-top:7px;letter-spacing:2px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800}h1{font-size:68px;letter-spacing:-3px;margin:5px 0;line-height:1}h1 em{font-style:normal;color:var(--gold)}.intro>p{color:#c1d0d4;line-height:1.8}.mode-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.mode-bar span{margin-left:auto;font-size:12px;color:var(--muted)}button{cursor:pointer;background:#183649;color:#e9eee8;border:1px solid #59707b;border-radius:5px;padding:12px 16px;font:700 12px Arial}button:hover{border-color:var(--gold)}button[aria-pressed=true],#continue,#throw{background:var(--gold);color:var(--ink);border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.arena{border:1px solid #57756c;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0003}.scorebar{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:#081b28}.scorebar h2{font-size:21px;margin:7px 0 0}.scorebar small{font-size:9px;letter-spacing:2px;color:var(--gold)}.stats{display:flex;gap:28px;font-size:9px;letter-spacing:1px;color:var(--muted)}.stats b{display:block;font-size:19px;color:#f5e5bb;margin-top:6px}.canvas-wrap{position:relative}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#081b2866;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay>div{text-align:center;background:#0a2133f5;padding:30px 42px;max-width:490px;border:1px solid #d3b37399;border-radius:12px;box-shadow:0 20px 40px #0005}.overlay h2{font:700 38px Georgia;margin:12px 0}.overlay p:not(.eyebrow){line-height:1.7;color:#c5d1d7}.overlay button{min-width:200px;margin-top:8px}#status{margin:0;padding:15px 24px;background:#0d2936;color:#dbe5df;font-size:12px;min-height:44px}.controls{display:flex;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid #ffffff20;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.controls output{width:35px;color:var(--gold)}input{width:110px;accent-color:var(--gold)}.help{color:var(--muted);font-size:12px;line-height:1.8}.progress{padding:25px 0 35px}.progress h2{font-size:25px;margin:8px 0}.progress p:not(.eyebrow){font-size:12px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:23px}.levels button{text-align:left;padding:15px 12px}.levels strong{display:block;font-size:10px;line-height:1.5;min-height:32px;margin:7px 0}.levels small{color:var(--gold);letter-spacing:2px}.levels [aria-pressed=true] small{color:#584714}footer{padding:24px 0;border-top:1px solid #ffffff20;font-size:10px;color:var(--muted)}@media(max-width:750px){header,main,footer{width:calc(100% - 24px)}.intro{display:block}h1{font-size:50px}.mode-bar span{display:none}.stats{gap:12px}.stats b{font-size:13px}.scorebar{padding:13px}.scorebar h2{font-size:16px}.levels{grid-template-columns:repeat(3,1fr)}.overlay>div{padding:15px;max-width:85%}.overlay h2{font-size:24px}.overlay p{font-size:11px}.brand{font-size:9px}header>a:last-child{font-size:11px}}