:root{--font: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: "SF Mono", "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--r-full: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}html[data-theme=dark]{--bg: #0b0d10;--bg-2: #101318;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--surface-solid: #14181e;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #f2f4f7;--text-2: rgba(242, 244, 247, .62);--text-3: rgba(242, 244, 247, .36);--accent: #7c8cff;--accent-ink: #0b0d10;--shadow: 0 18px 50px -18px rgba(0, 0, 0, .85);--label-ink: #0e1116;--label-bg: rgba(255, 255, 255, .94);color-scheme:dark}html[data-theme=light]{--bg: #f4f5f7;--bg-2: #eceef2;--surface: rgba(255, 255, 255, .72);--surface-2: rgba(15, 20, 30, .06);--surface-solid: #ffffff;--line: rgba(15, 20, 30, .1);--line-strong: rgba(15, 20, 30, .18);--text: #10141b;--text-2: rgba(16, 20, 27, .62);--text-3: rgba(16, 20, 27, .38);--accent: #4a5bdb;--accent-ink: #ffffff;--shadow: 0 18px 50px -22px rgba(15, 20, 30, .35);--label-ink: #ffffff;--label-bg: rgba(16, 20, 27, .9);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#app{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;transition:background .35s var(--ease)}.topbar,.readout,.controls,.dice-row,.quick,.rolls{min-width:0}.stage{position:absolute;inset:0;z-index:0}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#labels{pointer-events:none}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + var(--safe-t)) 16px 8px}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em;font-size:15px}.brand-dot{width:9px;height:9px;border-radius:3px;background:var(--accent);transform:rotate(45deg)}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;padding:9px;border-radius:var(--r-full);color:var(--text-2);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .2s,background .2s,transform .15s var(--ease)}.icon-btn.sm{width:30px;height:30px;padding:6px}.icon-btn:hover{color:var(--text)}.icon-btn:active{transform:scale(.93)}html[data-theme=dark] .i-moon,html[data-theme=light] .i-sun{display:none}.chip-ghost{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:var(--r-full);font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--text-2);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .2s,border-color .2s}.chip-ghost:hover{color:var(--text);border-color:var(--line-strong)}.src-led{width:6px;height:6px;border-radius:50%;background:var(--text-3);transition:background .3s,box-shadow .3s}.src-led[data-state=live]{background:#34d399;box-shadow:0 0 0 3px #34d39929}.src-led[data-state=local]{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2429}.src-led[data-state=wait]{background:var(--accent);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.readout{position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 16px 0;text-align:center}.readout-formula{font-family:var(--font-num);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-3)}.readout-total{font-family:var(--font-num);font-size:clamp(54px,15vw,104px);font-weight:700;line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--text);transition:opacity .2s}.readout-total.pending{opacity:.25}.readout-meta{font-size:12.5px;color:var(--text-2);min-height:18px;font-variant-numeric:tabular-nums}.rolls{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:5px;max-height:66px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rolls:empty{display:none}.tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;width:100%}.tally-label{font-family:var(--font-num);font-size:12px;font-weight:700;color:var(--text-3)}.tally-chip{display:inline-flex;align-items:baseline;gap:4px;height:25px;padding:0 9px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-variant-numeric:tabular-nums;line-height:25px}.tally-chip b{font-size:11px;font-weight:600;color:var(--text-3)}.roll-pill{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 9px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pop .32s var(--ease) backwards}.roll-pill .tag{font-size:10px;font-weight:500;color:var(--text-3)}.roll-pill.max{border-color:#34d3998c;color:#34d399}.roll-pill.min{border-color:#f8717173;color:#f87171}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.94)}}.controls{position:relative;z-index:3;display:flex;flex-direction:column;gap:10px;padding:12px 14px calc(14px + var(--safe-b));background:linear-gradient(to top,var(--bg) 42%,transparent)}.pool-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.pool-expr{font-family:var(--font-num);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-expr.hint{font-family:var(--font);font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--text-3)}.dice-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:196px;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 2px;margin:-4px -2px -2px;scrollbar-width:none}.dice-row::-webkit-scrollbar{display:none}.die-btn{position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-size:13px;font-weight:600;letter-spacing:-.01em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .16s var(--ease),border-color .2s,color .2s,background .2s}.die-btn:active{transform:scale(.94)}.die-btn[data-picked=true]{background:var(--surface-2);color:var(--text)}.die-btn[data-holding=true]{border-color:var(--accent);color:var(--text);transform:scale(.96);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.die-glyph{width:24px;height:24px;color:var(--die-color, currentColor);opacity:.95}.die-glyph svg{stroke-width:1.5}.die-count{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;display:grid;place-items:center}.mod{display:flex;align-items:center;gap:6px}.step-btn{width:42px;height:42px;flex:none;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:20px;font-weight:500;line-height:1;display:grid;place-items:center;transition:transform .15s var(--ease),background .2s}.step-btn:active{transform:scale(.9)}.action-row{display:flex;align-items:center;gap:9px}.mod{flex:none;padding:4px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mod .step-btn{width:36px;height:36px;background:transparent;color:var(--text-2)}.mod-value{min-width:38px;text-align:center;font-family:var(--font-num);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.roll-btn{flex:1;height:54px;border-radius:var(--r-md);background:var(--text);color:var(--bg);font-size:15.5px;font-weight:650;letter-spacing:.005em;display:grid;place-items:center;transition:transform .16s var(--ease),opacity .2s,filter .2s}.roll-btn.sm{flex:none;height:38px;padding:0 18px;font-size:14px}.roll-btn:active{transform:scale(.975)}.roll-btn:disabled{opacity:.35;cursor:default;transform:none}.roll-btn.busy span{opacity:.45}.scrim{position:fixed;inset:0;z-index:8;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade .2s var(--ease)}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;z-index:9;left:0;right:0;bottom:0;max-height:68vh;display:flex;flex-direction:column;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface-solid);border-top:1px solid var(--line);box-shadow:var(--shadow);animation:sheetIn .3s var(--ease)}@keyframes sheetIn{0%{transform:translateY(100%)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 11px;font-size:14px;font-weight:600;border-bottom:1px solid var(--line)}.sheet-head>div{display:flex;align-items:center;gap:8px}.sheet-body{overflow-y:auto;padding:6px 10px calc(14px + var(--safe-b));-webkit-overflow-scrolling:touch}.hist-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 8px;border-bottom:1px solid var(--line)}.hist-item:last-child{border-bottom:0}.hist-left{min-width:0}.hist-expr{font-family:var(--font-num);font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-detail{font-size:11.5px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-total{font-family:var(--font-num);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.empty{padding:26px 8px;text-align:center;font-size:13px;color:var(--text-3)}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade .2s var(--ease)}.modal-card{width:min(340px,100%);padding:20px;border-radius:var(--r-lg);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop .25s var(--ease)}.modal-card h2{margin:0 0 4px;font-size:16px;font-weight:650}.modal-card p{margin:0 0 14px;font-size:12.5px;color:var(--text-3)}.modal-card input{width:100%;height:46px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:transparent;text-align:center;font-family:var(--font-num);font-size:19px;font-weight:600;-moz-appearance:textfield}.modal-card input::-webkit-outer-spin-button,.modal-card input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}@media(min-width:720px){.controls{justify-self:center;width:min(720px,100%);padding-bottom:22px}.dice-row{grid-template-columns:repeat(8,minmax(0,1fr))}.readout{padding-top:10px}.rolls{max-height:96px}.sheet{left:50%;bottom:50%;transform:translate(-50%,50%);width:min(520px,calc(100vw - 40px));max-height:70vh;border-radius:var(--r-lg);border:1px solid var(--line);animation:pop .25s var(--ease)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}