:root{--accent-h: 171;--accent-s: 72%;--accent-l: 48%;--font-sans: ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--leading: 1.45;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: .25rem;--radius: .5rem;--radius-lg: .75rem;--ease: .16s cubic-bezier(.2, .7, .2, 1);--duration-fast: 80ms;--duration: .16s;--duration-slow: .28s}:root,[data-theme=light]{color-scheme:light dark;--bg: hsl(220 16% 97%);--bg-sunken: hsl(220 14% 94%);--bg-raised: hsl(220 20% 100%);--fg: hsl(220 20% 10%);--fg-muted: hsl(220 8% 40%);--fg-subtle: hsl(220 8% 52%);--border: hsl(220 10% 86%);--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-fg: hsl(0 0% 100%);--accent-bg: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .16);--danger: hsl(4 72% 44%);--danger-bg: hsl(4 72% 44% / .12);--ok: hsl(150 50% 32%);--ok-bg: hsl(150 50% 32% / .12);--warn: hsl(38 90% 42%);--warn-bg: hsl(38 90% 42% / .12);--shadow: 0 1px 2px hsl(220 20% 10% / .06)}[data-theme=dark]{color-scheme:light dark;--bg: hsl(220 14% 9%);--bg-sunken: hsl(220 14% 7%);--bg-raised: hsl(220 12% 13%);--fg: hsl(220 12% 94%);--fg-muted: hsl(220 8% 64%);--fg-subtle: hsl(220 8% 52%);--border: hsl(220 10% 22%);--accent: hsl(var(--accent-h) calc(var(--accent-s) - 4%) 62%);--accent-fg: hsl(220 20% 10%);--accent-bg: hsl(var(--accent-h) 70% 62% / .22);--danger: hsl(4 70% 62%);--danger-bg: hsl(4 70% 62% / .14);--ok: hsl(150 40% 52%);--ok-bg: hsl(150 40% 52% / .14);--warn: hsl(38 86% 56%);--warn-bg: hsl(38 86% 56% / .14);--shadow: 0 1px 2px hsl(0 0% 0% / .4)}@media(prefers-reduced-motion:reduce){:root{--ease: 0ms;--duration-fast: 0ms;--duration: 0ms;--duration-slow: 0ms}}html{color-scheme:light dark}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px}*{box-sizing:border-box}button,input{font:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:2px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;min-width:360px;min-height:100dvh}.top-strip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:2.5rem;padding:0 .75rem;border-bottom:1px solid var(--border);background:var(--bg-raised);flex-shrink:0}.brand{margin:0;font-size:.8rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:.4rem}.ghost{appearance:none;border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:var(--radius);min-height:1.85rem;padding:0 .6rem;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.theme-toggle button{appearance:none;border:0;background:transparent;color:var(--fg-muted);min-height:1.85rem;padding:0 .5rem;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.theme-toggle button[aria-pressed=true]{background:var(--bg);color:var(--fg)}.shell{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 12.5rem;grid-template-rows:minmax(0,1fr) auto;gap:.7rem;padding:.7rem;min-height:0}.board-wrap{grid-column:1;grid-row:1;min-width:0;min-height:12rem;display:flex;align-items:center;justify-content:center;container-type:size}.board{position:relative;aspect-ratio:4 / 3;width:100%;height:auto;max-width:100%;max-height:100%}@supports (width: 1cqi){.board{width:min(100cqi,calc(100cqh * 4 / 3));height:min(100cqh,75cqi)}}.board canvas{display:block;width:100%;height:100%;border-radius:calc(var(--radius) + .15rem);box-shadow:var(--shadow)}.board-result{position:absolute;left:.75rem;right:.75rem;top:.55rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none;text-align:center}.total{margin:0;font-size:clamp(2rem,6cqi,3.4rem);font-weight:750;letter-spacing:-.04em;line-height:1}.faces{margin:0;color:var(--fg-muted);font-family:var(--font-mono);font-size:.78rem;max-width:100%;overflow-wrap:anywhere}.faces .drop{color:var(--fg-subtle)}.stat-rail{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:.55rem;border-left:1px solid var(--border);padding:.15rem 0 .15rem .7rem}.stat{display:flex;flex-direction:column;gap:.1rem;margin:0}.label,.stat dt{margin:0;font-size:.62rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.stat dd{margin:0;font-size:1.05rem;font-weight:650;font-variant-numeric:tabular-nums}.hist{display:flex;align-items:flex-end;gap:2px;height:4.2rem;padding:.2rem 0 0}.hist span{flex:1;min-width:0;background:var(--accent);border-radius:1px 1px 0 0;min-height:2px}.hist-empty{margin:0;color:var(--fg-subtle);font-size:.72rem}.controls{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:.5rem}.roll-row{display:flex;flex-wrap:wrap;gap:.4rem}#notation{flex:1 1 12rem;min-width:0;min-height:2.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--fg);padding:0 .7rem;font-family:var(--font-mono)}.primary{appearance:none;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);min-height:2.4rem;padding:0 .9rem;font-size:.74rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.primary:hover{filter:brightness(1.06)}.quick{display:flex;flex-wrap:wrap;gap:.3rem}.quick button,.history-item{appearance:none;border:1px solid var(--border);background:var(--bg-raised);color:var(--fg);border-radius:var(--radius);min-height:2rem;padding:0 .55rem;font-family:var(--font-mono);font-size:.78rem;cursor:pointer}.error{margin:0;color:var(--danger);font-size:.78rem;min-height:1.1rem}.history-strip{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.1rem}.history-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:6.4rem;padding:.35rem .5rem}.history-item .n{color:var(--fg-muted);font-size:.68rem}.history-item .t{font-weight:650}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .8rem;padding:.35rem .75rem .5rem;border-top:1px solid var(--border);background:var(--bg-raised);color:var(--fg-muted);font-size:.7rem;flex-shrink:0}.foot p{margin:0}.drawer-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--fg) 40%,transparent);z-index:20}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(22rem,100vw);background:var(--bg-raised);color:var(--fg);z-index:21;overflow:auto;padding:.75rem;box-shadow:var(--shadow)}.drawer h2{margin:0 0 .5rem;font-size:.9rem}.drawer p,.drawer li{color:var(--fg-muted);font-size:.82rem;line-height:1.45}.drawer ul{padding-left:1.1rem}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.history-full{display:flex;flex-direction:column;gap:.35rem}.history-full button{appearance:none;width:100%;text-align:left;border:1px solid var(--border);background:var(--bg);color:inherit;border-radius:var(--radius);padding:.45rem .5rem;cursor:pointer}.history-full .n{font-family:var(--font-mono)}.history-full .faces{display:block;margin-top:.15rem}@media(max-width:719px){.shell{grid-template-columns:1fr;grid-template-rows:auto minmax(14rem,1fr) auto}.stat-rail{grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:flex-end;border-left:0;border-bottom:1px solid var(--border);padding:0 0 .55rem}.stat{min-width:4.2rem}.hist{flex:1 1 100%;height:2.6rem}.board-wrap{grid-row:2;min-height:14rem}.controls{grid-row:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}