:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e7e9ec;background:#0b0f14;height:100%;margin:0}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.scene-container{flex:1;position:relative}.panel{background:#161c24;border-right:1px solid #232b36;flex-direction:column;flex-shrink:0;gap:14px;width:320px;padding:24px 22px;display:flex;overflow-y:auto}.panel h1{margin:0;font-size:26px}.subtitle{color:#9aa4b2;margin:0;font-size:14px}.dice-table{border-collapse:collapse;width:100%;font-size:14px}.dice-table th{text-align:left;color:#7c8794;border-bottom:1px solid #232b36;padding:6px 4px;font-weight:600}.dice-table td{border-bottom:1px solid #1d2430;padding:8px 4px}.die-name{align-items:center;gap:8px;font-weight:600;display:flex}.sides-cell{color:#8792a0}.swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.swatch[data-type=d4]{background:#e74c3c}.swatch[data-type=d6]{background:#3498db}.swatch[data-type=d8]{background:#2ecc71}.swatch[data-type=d10]{background:#9b59b6}.swatch[data-type=d12]{background:#f39c12}.swatch[data-type=d20]{background:#1abc9c}.stepper{align-items:center;gap:6px;display:flex}.stepper button{color:#e7e9ec;cursor:pointer;background:#1d2430;border:1px solid #2c3644;border-radius:6px;width:26px;height:26px;font-size:16px;line-height:1}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper input{text-align:center;color:#e7e9ec;background:#0f141b;border:1px solid #2c3644;border-radius:6px;width:42px;padding:4px 2px}.roll-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a45,#ff3d68);border:none;border-radius:10px;margin-top:6px;padding:12px 16px;font-size:16px;font-weight:700;transition:transform .1s,opacity .1s}.roll-btn:hover:not(:disabled){transform:translateY(-1px)}.roll-btn:disabled{opacity:.4;cursor:not-allowed}