:root{--bg: #0f172a;--panel: #111827;--panel-light: #1f2933;--text: #e5e7eb;--accent: #4caf50;--border: #2a2f3a}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}button{border-radius:8px;border:1px solid var(--border);background:var(--panel-light);color:var(--text);cursor:pointer;padding:8px 12px;transition:all .15s ease}button:hover{background:#2b3440}button.primary{background:var(--accent);border-color:var(--accent);color:#062b0f;font-weight:700}input{background:var(--panel-light);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px}.panel{background:var(--panel);border-radius:12px;padding:12px;box-shadow:0 8px 24px #0000004d}.roll-row{display:flex;gap:8px;flex-wrap:wrap}.die-wrapper{position:relative;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.die-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.9}.die-number{position:relative;font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}