:root{--bg: #0f1420;--panel: #1a2236;--panel-2: #232d47;--accent: #f5b301;--accent-2: #4caf80;--text: #eef2f8;--muted: #9aa7bd;--danger: #e0584b;--border: #2c364f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#182338 0%,var(--bg) 55%);color:var(--text)}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;padding:10px 16px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1a1300;border-color:var(--accent);font-weight:600}button.dice-btn{width:64px;height:64px;font-size:28px;border-radius:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.wrap{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}h1{margin:0 0 4px;font-size:28px}h2{margin:0 0 12px;font-size:20px}input{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0c1120;color:var(--text)}.die{width:64px;height:64px;border-radius:14px;background:#fefefe;color:#0f1420;font-size:30px;font-weight:700;display:grid;place-items:center;border:3px solid transparent;-webkit-user-select:none;user-select:none}.die.held{border-color:var(--accent);box-shadow:0 0 0 3px #f5b30140}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{color:var(--muted);font-weight:600}.badge{background:var(--accent);color:#1a1300;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.you{color:var(--accent-2);font-weight:700}.err{color:var(--danger)}