:root{color-scheme:dark;--gold:#edc580;--cream:#f6eddb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#23514c,#091c23 75%);color:var(--cream);font:16px/1.55 system-ui,Segoe UI,sans-serif;min-height:100vh}main{max-width:1440px;margin:auto;padding:36px 28px}header{text-align:center;margin-bottom:32px}header>a{font-size:12px;letter-spacing:5px}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.eyebrow{font-size:11px;letter-spacing:3px;margin-top:28px;color:#b9ccc5}h1{font:clamp(54px,8vw,88px)/1.1 Georgia,serif;margin:8px 0;color:var(--gold)}header p{margin:10px 0}.byline{font-size:14px;color:#becec5}h2{font:27px Georgia;margin:0}.table{background:linear-gradient(135deg,#173e3ae8,#102e30);border:1px solid #876f49;border-radius:20px;padding:28px;box-shadow:0 24px 70px #0005,inset 0 0 70px #0002}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.toolbar p{margin:5px 0;color:#b6ccc4;font-size:14px}button{font:600 15px system-ui;border:1px solid #8a7957;border-radius:8px;padding:12px 16px;background:#193839;color:var(--cream);cursor:pointer}button:hover:not(:disabled){background:#2b5650;border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.dice{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}.card{background:#0c2528;border:1px solid #45635a;border-radius:13px;padding:15px 10px;text-align:center;min-width:0;transition:border-color .15s}.card.selected{border-color:var(--gold);box-shadow:inset 0 0 20px #e6bd6b09}.card label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:21px;font-weight:650;cursor:pointer}input{accent-color:var(--gold);width:18px;height:18px}svg{display:block;width:100%;max-width:120px;height:125px;margin:12px auto;overflow:visible;filter:drop-shadow(0 8px 5px #0006)}polygon{fill:hsl(var(--hue) 37% 32%);stroke:hsl(var(--hue) 55% 74%);stroke-width:2}svg path{fill:none;stroke:#ffffff28;stroke-width:1}svg text{text-anchor:middle;fill:#fff5db;font:bold 24px Georgia}.result-label{display:block;font-size:10px;color:#b8c7b9;letter-spacing:2px}output{display:block;font:40px Georgia;color:var(--gold);margin:0 0 16px;min-height:48px}.card button{width:100%;padding:10px 3px;font-size:14px}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.primary{background:var(--gold);color:#102e30;min-width:240px}.primary:hover:not(:disabled){background:#ffdda3}#status{text-align:center;color:#cfdfd1;min-height:26px;font-size:14px;overflow-wrap:anywhere}.percent{text-align:center;border-top:1px solid #52614a;margin-top:22px;padding-top:22px}.percent>span{font-size:11px;letter-spacing:3px;color:var(--gold)}.percent strong{display:block;font:48px Georgia}.percent p{font-size:13px;color:#bccdc3;margin:5px 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}details{border:1px solid #47635d;border-radius:10px;padding:18px;background:#0d282d}summary{cursor:pointer;font-weight:600;color:var(--gold)}details p,li{font-size:14px;color:#cbd9ce}li{padding:6px 0}ol{padding-left:22px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#b4c6be;font-size:12px;margin:24px 0}.rolling svg{animation:shake .12s infinite alternate}@keyframes shake{to{transform:rotate(12deg) translateY(-5px)}}@media(max-width:1050px){.dice{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){main{padding:24px 14px}.table{padding:18px 12px}.dice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar{align-items:flex-start}.toolbar button{font-size:12px;white-space:nowrap;padding:10px}.toolbar h2{font-size:23px}.notes{grid-template-columns:1fr}.controls button{flex:1}.primary{flex-basis:100%!important;min-width:0}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}