:root{color-scheme:dark;--ink:#f7f5ed;--muted:#aab4ae;--night:#0a100e;--panel:#141d19;--line:#303e36;--lime:#c9f45b;--mint:#70d7aa;--orange:#ffb45f;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:280px;background:var(--night)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 4%,rgba(112,215,170,.12),transparent 30rem),var(--night);font-family:var(--body);line-height:1.5}a{color:inherit}button{font:inherit}.site-header,main,footer{width:min(1040px,calc(100% - 36px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;text-decoration:none}.brand span{display:grid;width:34px;aspect-ratio:1;place-items:center;color:var(--night);background:var(--lime);border-radius:9px;font-family:var(--display)}.site-header p{margin:0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding:50px 0 30px}.intro>p{margin:0;color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--mint);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:clamp(3.5rem,8vw,6rem)/.84 var(--display);letter-spacing:-.07em}.game-shell{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px}.topbar{display:grid;grid-template-columns:auto auto 1fr auto;gap:18px;align-items:center;padding:12px 14px}.topbar>div{display:grid}.topbar small{color:var(--muted);font-size:.58rem;font-weight:850;text-transform:uppercase}.topbar strong{color:var(--lime);font:850 1.2rem/1 ui-monospace,monospace}.topbar p{margin:0;color:var(--muted);font-size:.76rem;text-align:center}.topbar button,.roll{min-height:42px;padding:0 14px;color:var(--ink);background:transparent;border:1px solid #536259;border-radius:8px;font-weight:850;cursor:pointer}.topbar button:hover,.topbar button:focus-visible,.roll:hover,.roll:focus-visible{color:var(--night);background:var(--lime)}.play{display:grid;grid-template-columns:.9fr 1.1fr;min-height:570px;border-top:1px solid var(--line)}.dice-area{display:grid;align-content:center;justify-items:center;padding:30px;background:radial-gradient(circle,rgba(112,215,170,.12),transparent 60%),#0d1511}.dice{display:grid;grid-template-columns:repeat(3,88px);gap:12px;justify-content:center;margin-bottom:28px}.die{display:grid;aspect-ratio:1;padding:12px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px;background:#f5f1e7;border:3px solid #d3ccbc;border-radius:16px;box-shadow:0 7px 0 #8e887c;cursor:pointer}.die.held{border-color:var(--lime);box-shadow:0 7px 0 #7f9c35,0 0 0 4px rgba(201,244,91,.18);transform:translateY(-4px)}.die.empty{opacity:.28}.pip{width:10px;aspect-ratio:1;place-self:center;background:#17201c;border-radius:50%}.pip:nth-child(1){grid-area:1/1}.pip:nth-child(2){grid-area:1/3}.pip:nth-child(3){grid-area:2/1}.pip:nth-child(4){grid-area:2/2}.pip:nth-child(5){grid-area:2/3}.pip:nth-child(6){grid-area:3/1}.pip:nth-child(7){grid-area:3/3}.roll{min-width:190px;color:var(--night);background:var(--lime);border-color:var(--lime)}.roll span{margin-left:12px;font:800 .72rem ui-monospace,monospace}.roll:disabled{opacity:.4;cursor:default}.dice-area>p{max-width:340px;margin:18px 0 0;color:var(--muted);font-size:.75rem;text-align:center}.scorecard{padding:18px}.score-head,.category,.bonus{display:grid;grid-template-columns:1fr auto;align-items:center}.score-head{padding:0 12px 8px;color:var(--muted);font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.category{width:100%;min-height:36px;padding:0 12px;color:var(--ink);background:transparent;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer}.category:hover:not(:disabled),.category:focus-visible:not(:disabled){background:#202b25}.category b{display:grid;min-width:35px;place-items:center;color:var(--lime);font:850 .88rem ui-monospace,monospace}.category.preview b::before{content:"+"}.category.used{color:#78827c}.category.used b{color:var(--muted)}.category:disabled{cursor:default}.bonus{padding:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.bonus b{color:var(--orange)}.rules{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;padding:70px 0}.rules h2{font:clamp(2rem,5vw,3.5rem)/.95 var(--display);letter-spacing:-.05em}.rules p{color:var(--muted)}footer{display:flex;justify-content:space-between;padding:24px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer a{font-weight:800;text-decoration:none}footer p{margin:0}@media(max-width:700px){.intro{display:block;padding:36px 0 24px}.intro>p{margin-top:16px}.topbar{grid-template-columns:auto auto 1fr}.topbar p{grid-column:1/-1;grid-row:2}.play{display:block}.dice-area{padding:30px 10px}.dice{grid-template-columns:repeat(5,minmax(0,62px));gap:5px;width:100%}.die{padding:7px;border-radius:10px;box-shadow:0 5px 0 #8e887c}.pip{width:7px}.scorecard{padding:10px}.category{min-height:38px}.rules{display:block;padding:48px 0}.rules>div+div{margin-top:22px}footer{display:block}footer p{margin-top:8px}}