@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.contents{display:contents}.h-6{height:calc(var(--spacing) * 6)}.w-6{width:calc(var(--spacing) * 6)}}:root{color:var(--panel-text-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#e8b86a;--gold-bright:#ffd88a;--gold-soft:#e8b86a7a;--felt-dark:#061116;--felt-mid:#07384a;--felt-deep:#092d35;--surface:#10242b;--surface-strong:#152c34;--accent:var(--gold);--accent-strong:#d69b3c;--dice-size:clamp(78px, min(19vw, 18vh), 188px);--dice-gap:clamp(14px, 2.7vmin, 30px);background:#071419;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}.app{min-height:100svh;color:var(--panel-text-color);--table-glow-primary:#1a84946b;--table-glow-secondary:#f6b65521;--table-gradient-start:#061116;--table-gradient-mid:#073141;--table-gradient-end:#061319;--table-frame-color:#e8b86abd;--control-border-color:#e8b86ab8;--control-border-muted:#e8b86a7a;--control-text-color:#ffd88a;--control-text-muted:#f4d89c;--control-highlight:#ffe8b82e;--control-hover-highlight:#ffe8b842;--control-bg-start:#0e2730eb;--control-bg-end:#041015eb;--control-hover-start:#13363ff5;--control-hover-end:#06151bf5;--control-inset-color:#ffebc21a;--control-glow-color:#e8b86a24;--control-focus-color:#ffd88adb;--panel-text-color:#fff8e6;--panel-heading-color:#d7c8a6;--panel-muted-color:#b9aa8b;--panel-bg-start:#153037fa;--panel-bg-end:#09181efa;--panel-solid-color:#10242b;--panel-border-color:#e8b86a52;--panel-divider-color:#e8b86a2e;--panel-subtle-divider-color:#e8b86a26;--panel-card-border:#e8b86a2e;--panel-card-strong-border:#e8b86a3d;--panel-card-bg:#051218ad;--panel-card-muted-bg:#05121894;--panel-accent-start:#ffe4a3;--panel-accent-end:#d69b3c;--panel-accent-hover-start:#ffeabb;--panel-accent-hover-end:#dda548;--panel-accent-text:#231707;--panel-accent-border:#ffdb90c2;--panel-accent-border-strong:#ffdb90f5;--panel-accent-glow:#e8b86a2e;--panel-secondary-border:#e8b86a57;--panel-disabled-border:#e8b86a38;--panel-disabled-text:#fff8e67a;--panel-disabled-bg:#05121894;--toggle-track-bg:#4b5a55;--total-text-color:#fff4cc;--total-text-glow-primary:#ffe29b8f;--total-text-glow-secondary:#ffb14261;--total-line-color:#e8b86ad1;--total-number-start:#fff9df;--total-number-mid:#ffd98c;--total-number-end:#f2ac42;--total-number-shadow-rest:#ffd78738;--total-number-shadow-pop:#ffd57c61;--total-number-shadow-mid:#ffd78747;--total-under-glow-strong:#ffbb4980;--total-under-glow-soft:#ffbb492e;--die-border-color:#fff6e357;--die-corner-shadow:#9770412e;--die-face-start:#fffaf0;--die-face-mid:#f3eadb;--die-face-low:#e3d2b8;--die-face-end:#cdb695;--die-edge-shadow:#492f1438;--die-bottom-shadow:#563d2229;--die-overlay-shadow:#583e221f;--die-roll-glow:#ffcd7557;--pip-color:#030405;--pip-drop-shadow:#4e341b2e;background:radial-gradient(circle at 50% 35%,var(--table-glow-primary),transparent 42%),radial-gradient(circle at 50% 78%,var(--table-glow-secondary),transparent 28%),linear-gradient(145deg,var(--table-gradient-start) 0%,var(--table-gradient-mid) 48%,var(--table-gradient-end) 100%);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:grid;position:relative;overflow:hidden}.app[data-background-color-theme=sakura]{--table-glow-primary:#da5c8c61;--table-glow-secondary:#ffdaa61f;--table-gradient-start:#160e19;--table-gradient-mid:#64324a;--table-gradient-end:#20121d;--table-frame-color:#ffbed0ad;--control-border-color:#ffbed0b8;--control-border-muted:#ffbed080;--control-text-color:#ffd8e4;--control-text-muted:#f4bed0;--control-highlight:#ffd2e02e;--control-hover-highlight:#ffd2e045;--control-bg-start:#4e2337eb;--control-bg-end:#1f111ceb;--control-hover-start:#602b43f5;--control-hover-end:#2a1523f5;--control-inset-color:#ffe5ec1a;--control-glow-color:#ffbed024;--control-focus-color:#ffbed0db;--panel-heading-color:#f1c4d2;--panel-muted-color:#d7a6b8;--panel-bg-start:#462236fa;--panel-bg-end:#1d111dfa;--panel-solid-color:#331f2e;--panel-border-color:#ffbed052;--panel-divider-color:#ffbed02e;--panel-subtle-divider-color:#ffbed026;--panel-card-border:#ffbed02e;--panel-card-strong-border:#ffbed03d;--panel-card-bg:#1c0e19ad;--panel-card-muted-bg:#1c0e1994;--panel-accent-start:#ffd8e4;--panel-accent-end:#d97a99;--panel-accent-hover-start:#ffe5ed;--panel-accent-hover-end:#e28ba7;--panel-accent-text:#2a1019;--panel-accent-border:#ffbed0c2;--panel-accent-border-strong:#ffd3e0f5;--panel-accent-glow:#ffbed02e;--panel-secondary-border:#ffbed057;--panel-disabled-border:#ffbed038;--toggle-track-bg:#644152;--total-text-color:#ffe5ee;--total-text-glow-primary:#ffd2e07a;--total-text-glow-secondary:#f0789d59;--total-line-color:#ffbed0c2;--total-number-start:#fff7fa;--total-number-mid:#ffc4d8;--total-number-end:#ec789b;--total-number-shadow-rest:#ffbed038;--total-number-shadow-pop:#ffbed061;--total-number-shadow-mid:#ffbed047;--total-under-glow-strong:#ff96b77a;--total-under-glow-soft:#ff96b72b}.app[data-dice-color-theme=sakura]{--die-border-color:#fff4f866;--die-corner-shadow:#79294129;--die-face-start:#fff7fa;--die-face-mid:#ffdbe6;--die-face-low:#f0a9bd;--die-face-end:#d07893;--die-edge-shadow:#69293e3d;--die-bottom-shadow:#682a3e33;--die-overlay-shadow:#702c441f;--die-roll-glow:#ffaec95c;--pip-color:#45202b;--pip-drop-shadow:#5e263a29}.app[data-background-color-theme=aqua]{--table-glow-primary:#3cbfd661;--table-glow-secondary:#ffd3781c;--table-gradient-start:#04111d;--table-gradient-mid:#0a4356;--table-gradient-end:#061726;--table-frame-color:#82e2ee8f;--control-border-color:#82e2eead;--control-border-muted:#82e2ee75;--control-text-color:#baf5ff;--control-text-muted:#9bdde8;--control-highlight:#bef6ff29;--control-hover-highlight:#bef6ff3d;--control-bg-start:#0c4050eb;--control-bg-end:#051621eb;--control-hover-start:#0f4e60f5;--control-hover-end:#061d2af5;--control-inset-color:#d6faff1a;--control-glow-color:#82e2ee21;--control-focus-color:#82e2eed1;--panel-heading-color:#b9e9ef;--panel-muted-color:#92c7d1;--panel-bg-start:#0d3e4efa;--panel-bg-end:#051824fa;--panel-solid-color:#0c2f3f;--panel-border-color:#82e2ee4d;--panel-divider-color:#82e2ee2e;--panel-subtle-divider-color:#82e2ee24;--panel-card-border:#82e2ee2e;--panel-card-strong-border:#82e2ee3d;--panel-card-bg:#04141fb3;--panel-card-muted-bg:#04141f94;--panel-accent-start:#c9f7ff;--panel-accent-end:#56bdd4;--panel-accent-hover-start:#ddfbff;--panel-accent-hover-end:#70cee2;--panel-accent-text:#061923;--panel-accent-border:#82e2eeb8;--panel-accent-border-strong:#bef6fff0;--panel-accent-glow:#82e2ee2b;--panel-secondary-border:#82e2ee52;--panel-disabled-border:#82e2ee33;--toggle-track-bg:#45606a;--total-text-color:#d9f9ff;--total-text-glow-primary:#a0effa75;--total-text-glow-secondary:#4ecde457;--total-line-color:#82e2eeb8;--total-number-start:#f6fdff;--total-number-mid:#a9effb;--total-number-end:#4fbed7;--total-number-shadow-rest:#82e2ee38;--total-number-shadow-pop:#82e2ee61;--total-number-shadow-mid:#82e2ee47;--total-under-glow-strong:#5fd7eb75;--total-under-glow-soft:#5fd7eb29}.app[data-dice-color-theme=aqua]{--die-border-color:#eefbff5c;--die-corner-shadow:#26657d2e;--die-face-start:#f6fdff;--die-face-mid:#cbeefe;--die-face-low:#7fc5df;--die-face-end:#4d94b2;--die-edge-shadow:#0e445c3d;--die-bottom-shadow:#124f6733;--die-overlay-shadow:#0f475f21;--die-roll-glow:#6cddf557;--pip-color:#071827;--pip-drop-shadow:#0c4a5d29}.app[data-background-color-theme=forest]{--table-glow-primary:#52965b61;--table-glow-secondary:#f2c56f1f;--table-gradient-start:#07100c;--table-gradient-mid:#17422b;--table-gradient-end:#091711;--table-frame-color:#bcdb8b94;--control-border-color:#bcdb8bad;--control-border-muted:#bcdb8b75;--control-text-color:#dff4b8;--control-text-muted:#c7dfa0;--control-highlight:#e0f6b826;--control-hover-highlight:#e0f6b83b;--control-bg-start:#18422beb;--control-bg-end:#071710eb;--control-hover-start:#1f5236f5;--control-hover-end:#0a1f15f5;--control-inset-color:#edffd21a;--control-glow-color:#bcdb8b21;--control-focus-color:#bcdb8bd1;--panel-heading-color:#cfdfa9;--panel-muted-color:#aebf8a;--panel-bg-start:#193d27fa;--panel-bg-end:#081911fa;--panel-solid-color:#173223;--panel-border-color:#bcdb8b4d;--panel-divider-color:#bcdb8b2e;--panel-subtle-divider-color:#bcdb8b24;--panel-card-border:#bcdb8b2e;--panel-card-strong-border:#bcdb8b3d;--panel-card-bg:#07170fb3;--panel-card-muted-bg:#07170f94;--panel-accent-start:#e6f6bd;--panel-accent-end:#9fc56c;--panel-accent-hover-start:#f0facf;--panel-accent-hover-end:#b0d27c;--panel-accent-text:#14210c;--panel-accent-border:#bcdb8bb8;--panel-accent-border-strong:#e0f6b8f0;--panel-accent-glow:#bcdb8b2b;--panel-secondary-border:#bcdb8b52;--panel-disabled-border:#bcdb8b33;--toggle-track-bg:#4e6043;--total-text-color:#edf9cf;--total-text-glow-primary:#dcf2a475;--total-text-glow-secondary:#a6cd5e57;--total-line-color:#bcdb8bb8;--total-number-start:#fbfff2;--total-number-mid:#d9ef9e;--total-number-end:#9ac765;--total-number-shadow-rest:#bcdb8b38;--total-number-shadow-pop:#bcdb8b61;--total-number-shadow-mid:#bcdb8b47;--total-under-glow-strong:#b4dc5f75;--total-under-glow-soft:#b4dc5f29}.app[data-dice-color-theme=forest]{--die-border-color:#faffee5c;--die-corner-shadow:#45652d2e;--die-face-start:#fbfff2;--die-face-mid:#dbeec9;--die-face-low:#a9c789;--die-face-end:#759760;--die-edge-shadow:#3248203d;--die-bottom-shadow:#354e2033;--die-overlay-shadow:#35492421;--die-roll-glow:#cdee7e52;--pip-color:#17220f;--pip-drop-shadow:#364c2229}.app[data-background-color-theme=obsidian]{--table-glow-primary:#6853655c;--table-glow-secondary:#f4b45821;--table-gradient-start:#0b0a0c;--table-gradient-mid:#34252b;--table-gradient-end:#120f13;--table-frame-color:#d2b28694;--control-border-color:#d2b286a3;--control-border-muted:#d2b2866b;--control-text-color:#ead2ad;--control-text-muted:#d6bb92;--control-highlight:#edd3ae21;--control-hover-highlight:#edd3ae33;--control-bg-start:#32272deb;--control-bg-end:#100e11eb;--control-hover-start:#403137f5;--control-hover-end:#171317f5;--control-inset-color:#f0dec417;--control-glow-color:#d2b28621;--control-focus-color:#d2b286cc;--panel-heading-color:#d8c3a4;--panel-muted-color:#b8a182;--panel-bg-start:#30272bfa;--panel-bg-end:#110f12fa;--panel-solid-color:#262126;--panel-border-color:#d2b28647;--panel-divider-color:#d2b2862b;--panel-subtle-divider-color:#d2b28621;--panel-card-border:#d2b2862b;--panel-card-strong-border:#d2b2863b;--panel-card-bg:#100e11b8;--panel-card-muted-bg:#100e1199;--panel-accent-start:#ead2ad;--panel-accent-end:#b68a55;--panel-accent-hover-start:#f3ddbd;--panel-accent-hover-end:#c29a65;--panel-accent-text:#1f160d;--panel-accent-border:#d2b286ad;--panel-accent-border-strong:#edd3aee6;--panel-accent-glow:#d2b28629;--panel-secondary-border:#d2b2864d;--panel-disabled-border:#d2b28630;--toggle-track-bg:#5f5755;--total-text-color:#f0ddc0;--total-text-glow-primary:#e2c3966b;--total-text-glow-secondary:#bd894c4d;--total-line-color:#d2b286ad;--total-number-start:#f6ead6;--total-number-mid:#dcb77e;--total-number-end:#a8733e;--total-number-shadow-rest:#d2b28633;--total-number-shadow-pop:#d2b28657;--total-number-shadow-mid:#d2b28642;--total-under-glow-strong:#c891526b;--total-under-glow-soft:#c8915226}.app[data-dice-color-theme=obsidian]{--die-border-color:#fff6e32e;--die-corner-shadow:#ffffff0f;--die-face-start:#4a5059;--die-face-mid:#2e343d;--die-face-low:#1c2027;--die-face-end:#11151c;--die-edge-shadow:#0000005c;--die-bottom-shadow:#00000047;--die-overlay-shadow:#0000002e;--die-roll-glow:#d2b28647;--pip-color:#f8ead0;--pip-drop-shadow:#0000004d}.app:before,.app:after{pointer-events:none;content:"";position:absolute}.app:before{z-index:0;mix-blend-mode:soft-light;opacity:.72;background:repeating-radial-gradient(circle at 18% 28%,#ffffff09 0 1px,#0000 1px 6px),repeating-linear-gradient(18deg,#ffffff06 0 1px,#0000 1px 5px),repeating-linear-gradient(108deg,#02061729 0 1px,#0000 1px 7px);inset:0}.app:after{z-index:1;border:1px solid var(--table-frame-color);box-shadow:inset 0 0 0 1px #ffe8b61c,inset 0 0 48px #ffc7650f,0 0 30px var(--control-glow-color);border-radius:clamp(26px,4vmin,52px);inset:clamp(14px,2.3vmin,28px)}.app:focus{outline:none}.app:focus-visible{outline:3px solid var(--control-focus-color);outline-offset:-8px}.diceStage{z-index:2;width:100%;min-height:100svh;padding:max(64px,calc(env(safe-area-inset-top) + 42px)) max(28px,calc(env(safe-area-inset-right) + 22px)) max(52px,calc(env(safe-area-inset-bottom) + 38px)) max(28px,calc(env(safe-area-inset-left) + 22px));align-content:center;place-items:center;gap:clamp(28px,5.3vmin,58px);display:grid;position:relative}.diceBoard{justify-content:center;align-items:center;gap:var(--dice-gap);width:min(100%,calc((var(--dice-size) * 5) + (var(--dice-gap) * 4)));flex-wrap:wrap;margin-inline:auto;display:flex}.diceBoard[data-count="1"]{--dice-size:clamp(142px, min(40vw, 38vh), 250px)}.diceBoard[data-count="2"]{--dice-size:clamp(122px, min(29vw, 28vh), 224px)}.diceBoard[data-count="3"]{--dice-size:clamp(106px, min(24vw, 23vh), 204px)}.diceBoard[data-count="4"]{--dice-size:clamp(88px, min(20.1vw, 20.8vh), 184px)}.diceBoard[data-count="5"]{--dice-size:clamp(76px, min(17.6vw, 19.6vh), 166px)}.die{flex:0 0 var(--dice-size);width:var(--dice-size);height:var(--dice-size);padding:calc(var(--dice-size) * .15);border:1px solid var(--die-border-color);border-radius:clamp(18px,calc(var(--dice-size) * .145),32px);background:radial-gradient(circle at 27% 21%,#fffffffa,#ffffff6b 16%,transparent 34%),radial-gradient(circle at 76% 82%,var(--die-corner-shadow),transparent 34%),linear-gradient(145deg,var(--die-face-start) 0%,var(--die-face-mid) 48%,var(--die-face-low) 76%,var(--die-face-end) 100%);box-shadow:0 18px 16px -12px #000000b8,0 30px 46px #00000057,inset 7px 9px 13px #ffffff9e,inset -10px -12px 18px var(--die-edge-shadow),inset 0 -3px 0 var(--die-bottom-shadow);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:"p1 p2 p3""p4 p5 p6""p7 p8 p9";display:grid;position:relative;transform:translateZ(0)}.die:before{border-radius:inherit;background:radial-gradient(circle at 28% 24%,#ffffff57,transparent 32%),linear-gradient(135deg,#ffffff24,transparent 46%),linear-gradient(315deg,var(--die-overlay-shadow),transparent 48%);content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 2px 2px 1px #ffffff38,inset -4px -5px 8px #5c41251f}.dieRolling{animation:.62s cubic-bezier(.2,.86,.32,1.08) dice-shake;animation-delay:calc(var(--die-index) * 28ms)}.dieRolling:after{z-index:-1;border-radius:inherit;background:radial-gradient(circle,var(--die-roll-glow),transparent 66%);content:"";filter:blur(8px);opacity:0;animation:.62s ease-out roll-glow;position:absolute;inset:-12%}.dieSettled{animation:.3s cubic-bezier(.2,.82,.22,1) dice-settle;animation-delay:calc(var(--die-index) * 20ms);will-change:transform}.pip{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#ffffff38,transparent 28%),var(--pip-color);width:64%;box-shadow:inset 0 3px 4px #ffffff29,inset 0 -5px 8px #000000b8,0 1px 1px #ffffff6b,0 2px 2px var(--pip-drop-shadow);border-radius:999px;place-self:center;display:block;position:relative}.totalText{min-height:1.55em;color:var(--total-text-color);letter-spacing:0;text-shadow:0 0 10px var(--total-text-glow-primary),0 0 34px var(--total-text-glow-secondary),0 10px 26px #00000073;grid-template-rows:auto auto;grid-template-columns:2ch;justify-content:center;justify-items:center;gap:clamp(10px,1.8vmin,18px);font-size:clamp(82px,min(17vw,19vh),186px);font-weight:800;line-height:1;display:grid;position:relative}.totalText:before,.totalText:after{background:linear-gradient(90deg,transparent,var(--total-line-color));content:"";width:clamp(44px,12vmin,104px);height:1px;position:absolute;top:calc(.23em + clamp(9px,1.2vmin,14px))}.totalText:before{right:calc(50% + clamp(58px,12vmin,88px))}.totalText:after{left:calc(50% + clamp(58px,12vmin,88px));transform:scaleX(-1)}.totalLabel{border:1px solid var(--panel-accent-border-strong);min-width:86px;min-height:38px;color:var(--panel-text-color);background:linear-gradient(180deg,var(--control-bg-start),var(--control-bg-end));box-shadow:0 0 0 1px var(--control-inset-color),0 0 18px var(--panel-accent-glow);text-shadow:0 1px 6px #0000008a;border-radius:999px;justify-self:center;place-items:center;padding:6px 20px;font-size:clamp(16px,2.6vmin,24px);font-weight:800;line-height:1;display:inline-grid}.totalNumber{isolation:isolate;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;background:linear-gradient(180deg,var(--total-number-start) 0%,var(--total-number-mid) 52%,var(--total-number-end) 100%);width:2ch;filter:drop-shadow(0 0 12px var(--total-number-shadow-rest)) drop-shadow(0 10px 18px #00000047);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block;position:relative}.totalNumber:after{z-index:-1;background:radial-gradient(ellipse at center,var(--total-under-glow-strong),var(--total-under-glow-soft) 44%,transparent 72%);content:"";filter:blur(2px);opacity:.78;border-radius:999px;width:1.72em;height:.14em;position:absolute;bottom:-.06em;left:50%;transform:translate(-50%)}.totalNumber::selection{background:0 0}.totalNumberSettled{will-change:filter,transform;animation:.5s cubic-bezier(.18,.88,.28,1) total-pop}.totalNumberSettled:after{will-change:opacity,transform;animation:.64s ease-out total-glow-settle}.menuButton,.iconButton{border:1px solid var(--control-border-color);min-width:44px;min-height:44px;color:var(--control-text-color);background:radial-gradient(circle at 36% 26%,var(--control-highlight),transparent 36%),linear-gradient(145deg,var(--control-bg-start),var(--control-bg-end));cursor:pointer;box-shadow:inset 0 0 0 1px var(--control-inset-color),0 10px 24px #00000061,0 0 14px var(--control-glow-color);touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.menuButton{top:max(24px,calc(env(safe-area-inset-top) + 18px));left:max(24px,calc(env(safe-area-inset-left) + 18px));z-index:10;opacity:.68;width:58px;height:58px;box-shadow:inset 0 0 0 1px var(--control-inset-color),0 8px 18px #00000047,0 0 8px var(--control-glow-color);gap:4px;position:fixed}.historyHandle{top:50%;right:max(0px,env(safe-area-inset-right));z-index:11;border:1px solid var(--control-border-muted);width:48px;min-width:44px;min-height:108px;color:var(--control-text-color);background:radial-gradient(circle at 28% 18%,var(--control-highlight),transparent 42%),linear-gradient(180deg,var(--control-bg-start),var(--control-bg-end));cursor:pointer;box-shadow:inset 1px 0 0 var(--control-inset-color),-9px 10px 24px #0000004d,0 0 14px var(--control-glow-color);touch-action:manipulation;border-right:0;border-radius:16px 0 0 16px;grid-template-rows:auto auto;place-items:center;gap:6px;padding:11px 7px 12px 9px;display:grid;position:fixed;transform:translateY(-50%)}.historyHandleIcon{width:20px;height:20px}.historyHandleText{writing-mode:vertical-rl;text-orientation:upright;color:var(--control-text-muted);letter-spacing:0;font-size:13px;font-weight:850;line-height:1}.menuButton:hover,.iconButton:hover,.historyHandle:hover{background:radial-gradient(circle at 36% 26%,var(--control-hover-highlight),transparent 36%),linear-gradient(145deg,var(--control-hover-start),var(--control-hover-end))}.menuButton:hover,.menuButton:focus-visible{opacity:.95}.menuButton:focus-visible,.iconButton:focus-visible,.segment:focus-visible,.colorOption:focus-visible,.toggle:focus-visible,.volumeSlider:focus-visible,.historyHandle:focus-visible{outline:3px solid var(--control-focus-color);outline-offset:2px}.drawerLayer{z-index:20;cursor:default;background:#020a0ea8;justify-content:flex-start;display:flex;position:fixed;inset:0}.drawer{width:min(86vw,380px);height:100%;padding:max(22px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--panel-text-color);background:linear-gradient(180deg,var(--panel-bg-start),var(--panel-bg-end)),var(--panel-solid-color);border-right:1px solid var(--panel-border-color);box-shadow:18px 0 42px #0000007a,inset -1px 0 0 var(--control-inset-color);animation:.18s ease-out drawer-in;overflow-y:auto}.historyDrawerLayer{z-index:20;cursor:default;background:#020a0ea8;justify-content:flex-end;display:flex;position:fixed;inset:0}.historyDrawer{width:min(86vw,380px);height:100%;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) 22px;color:var(--panel-text-color);background:linear-gradient(180deg,var(--panel-bg-start),var(--panel-bg-end)),var(--panel-solid-color);border-left:1px solid var(--panel-border-color);box-shadow:-18px 0 42px #0000007a,inset 1px 0 0 var(--control-inset-color);flex-direction:column;animation:.18s ease-out history-drawer-in;display:flex;overflow:hidden}.historyDrawer .drawerHeader{flex:none}.drawerHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.drawerHeader h1,.settingGroup h2,.settingSubgroup h2{letter-spacing:0;margin:0}.drawerHeader h1{font-size:26px;line-height:1.1}.settingGroup{border-top:1px solid var(--panel-divider-color);gap:14px;padding-block:20px;display:grid}.settingGroupFirst{border-top:0;padding-top:0}.settingGroup h2,.settingSubgroup h2{color:var(--panel-heading-color);font-size:15px;font-weight:700}.settingSubgroup,.tabletopActions{gap:10px;display:grid}.segments{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;display:grid}.engineSegments{grid-template-columns:repeat(2,minmax(0,1fr))}.colorOptions{gap:8px;display:grid}.segment{border:1px solid var(--panel-card-strong-border);min-height:48px;color:var(--panel-text-color);background:var(--panel-card-bg);cursor:pointer;border-radius:999px;font-size:20px;font-weight:800}.segmentActive{border-color:var(--panel-accent-border-strong);color:var(--panel-accent-text);background:linear-gradient(180deg,var(--panel-accent-start),var(--panel-accent-end));box-shadow:0 0 20px var(--panel-accent-glow)}.colorOption{border:1px solid var(--panel-card-border);width:100%;min-height:56px;color:var(--panel-text-color);background:var(--panel-card-bg);cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:9px 12px;display:grid}.colorOptionActive{border-color:var(--panel-accent-border-strong);background:radial-gradient(circle at 12% 22%,var(--control-highlight),transparent 40%),var(--panel-card-bg);box-shadow:0 0 18px var(--panel-accent-glow)}.colorPreview{border:1px solid var(--panel-card-strong-border);border-radius:10px;width:52px;height:34px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #040c1147}.colorPreviewDice{background:linear-gradient(135deg,#ffffff14,transparent 46%),var(--panel-card-bg)}.colorBackgroundSwatch{position:absolute;inset:0}.colorDiceSwatch{border:1px solid #ffffff75;border-radius:6px;width:21px;height:21px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 8px #00000042,inset 2px 2px 4px #ffffff4d,inset -3px -4px 5px #00000029}.colorOptionLabel{min-width:0;font-size:16px;font-weight:800}.drawerActionButton{border:1px solid var(--panel-accent-border);width:100%;min-height:54px;color:var(--panel-accent-text);background:radial-gradient(circle at 34% 20%,#ffffff47,transparent 38%),linear-gradient(180deg,var(--panel-accent-start),var(--panel-accent-end));cursor:pointer;box-shadow:0 0 18px var(--panel-accent-glow),inset 0 1px #fff8dc73;touch-action:manipulation;border-radius:16px;font-size:17px;font-weight:850}.drawerActionButton:hover{background:radial-gradient(circle at 34% 20%,#ffffff57,transparent 38%),linear-gradient(180deg,var(--panel-accent-hover-start),var(--panel-accent-hover-end))}.drawerActionButtonSecondary{border-color:var(--panel-secondary-border);color:var(--panel-text-color);background:radial-gradient(circle at 34% 20%,var(--control-highlight),transparent 38%),var(--panel-card-bg);box-shadow:inset 0 0 0 1px var(--control-inset-color),0 0 12px var(--control-glow-color)}.drawerActionButtonSecondary:hover{background:radial-gradient(circle at 34% 20%,var(--control-hover-highlight),transparent 38%),linear-gradient(180deg,var(--control-hover-start),var(--control-hover-end))}.drawerActionButton:disabled{border-color:var(--panel-disabled-border);color:var(--panel-disabled-text);background:var(--panel-disabled-bg);cursor:not-allowed;box-shadow:none}.toggle{border:1px solid var(--panel-card-border);width:100%;min-height:56px;color:var(--panel-text-color);background:var(--panel-card-bg);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:grid}.toggleText{min-width:0;font-size:17px;font-weight:700}.toggleTrack{background:var(--toggle-track-bg);border-radius:999px;width:54px;height:30px;transition:background .14s;position:relative}.toggleThumb{background:#f8fafc;border-radius:999px;width:22px;height:22px;transition:transform .14s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00000047}.toggleOn .toggleTrack{background:linear-gradient(90deg,var(--panel-accent-end),var(--panel-accent-start))}.toggleOn .toggleThumb{transform:translate(24px)}.toggleState{min-width:36px;color:var(--panel-heading-color);text-align:right;font-size:13px;font-weight:800}.statusText{color:var(--panel-muted-color);margin:0;font-size:13px;line-height:1.5}.installedStatus{border:1px solid var(--panel-card-strong-border);min-height:54px;color:var(--panel-heading-color);background:var(--panel-card-muted-bg);text-align:center;border-radius:14px;place-items:center;margin:0;padding:10px 14px;font-size:14px;font-weight:800;line-height:1.35;display:grid}.volumeControls{gap:14px;display:grid}.volumeControl{border:1px solid var(--panel-card-border);background:var(--panel-card-bg);border-radius:14px;gap:10px;min-width:0;padding:14px 16px;display:grid}.volumeLabelRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.volumeLabel{min-width:0;color:var(--panel-text-color);font-size:16px;font-weight:700}.volumeValue{color:var(--panel-heading-color);flex:none;font-size:13px;font-weight:800}.volumeSlider{width:100%;height:28px;accent-color:var(--panel-accent-end);cursor:pointer}.historyContent{overscroll-behavior:contain;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.historyList{gap:0;margin:0;padding:0;list-style:none;display:grid}.historyItem{border-top:1px solid var(--panel-subtle-divider-color);grid-template-columns:minmax(64px,auto) 1fr;align-items:center;gap:14px;padding:14px 0;display:grid}.historyItem:first-child{border-top:0;padding-top:0}.historyItemTotal{min-width:2ch;color:var(--panel-accent-start);text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-shadow:0 0 14px var(--panel-accent-glow),0 8px 18px #00000047;font-size:44px;font-weight:850;line-height:1}.historyItemDetails{gap:5px;min-width:0;display:grid}.historyItemValues{color:var(--panel-text-color);overflow-wrap:anywhere;font-size:18px;font-weight:800;line-height:1.25}.historyItemTime{color:var(--panel-muted-color);font-size:13px;font-weight:700;line-height:1}.historyEmpty{color:var(--panel-heading-color);margin:0;padding:18px 0 22px;font-size:15px;font-weight:700;line-height:1.6}.historyClearButton{flex:none;margin-top:18px}.fullscreenPrompt{right:max(18px,calc(env(safe-area-inset-right) + 14px));bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px));left:max(18px,calc(env(safe-area-inset-left) + 14px));z-index:12;border:1px solid var(--panel-border-color);width:min(620px,100vw - 36px);color:var(--panel-text-color);background:radial-gradient(circle at 18% 0%,var(--control-highlight),transparent 44%),linear-gradient(180deg,var(--panel-bg-start),var(--panel-bg-end));box-shadow:0 18px 38px #0000006b,inset 0 1px 0 var(--control-inset-color);cursor:default;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-inline:auto;padding:14px 14px 14px 18px;animation:.18s ease-out prompt-in;display:flex;position:fixed}.fullscreenPrompt p{min-width:0;margin:0;font-size:clamp(14px,2.1vmin,17px);font-weight:750;line-height:1.35}.fullscreenPromptActions{flex:none;gap:8px;display:flex}.promptPrimary,.promptSecondary{cursor:pointer;touch-action:manipulation;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800}.promptPrimary{border:1px solid var(--panel-accent-border-strong);color:var(--panel-accent-text);background:linear-gradient(180deg,var(--panel-accent-start),var(--panel-accent-end));box-shadow:0 0 16px var(--panel-accent-glow)}.promptSecondary{border:1px solid var(--panel-card-strong-border);color:var(--panel-text-color);background:var(--panel-card-bg)}.drawerActionButton:focus-visible,.promptPrimary:focus-visible,.promptSecondary:focus-visible{outline:3px solid var(--control-focus-color);outline-offset:2px}@keyframes dice-shake{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(-9%)rotate(-5deg)scale(1.035)}34%{transform:translateY(4%)rotate(5deg)scale(.995)}52%{transform:translateY(-5%)rotate(-3deg)scale(1.02)}74%{transform:translateY(1.5%)rotate(2deg)scale(1.005)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes roll-glow{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes dice-settle{0%{transform:translateY(-3px)scale(1.006)}42%{transform:translateY(2px)scale(.998)}70%{transform:translateY(-1px)scale(1.002)}to{transform:translateY(0)scale(1)}}@keyframes total-pop{0%{filter:drop-shadow(0 0 12px var(--total-number-shadow-rest)) drop-shadow(0 10px 18px #00000047);transform:translateY(4px)scale(.96)}38%{filter:drop-shadow(0 0 22px var(--total-number-shadow-pop)) drop-shadow(0 10px 18px #00000047);transform:translateY(-3px)scale(1.06)}64%{filter:drop-shadow(0 0 16px var(--total-number-shadow-mid)) drop-shadow(0 10px 18px #00000047);transform:translateY(1px)scale(.995)}to{filter:drop-shadow(0 0 12px var(--total-number-shadow-rest)) drop-shadow(0 10px 18px #00000047);transform:translateY(0)scale(1)}}@keyframes total-glow-settle{0%{opacity:.58;transform:translate(-50%)scaleX(.86)}42%{opacity:.94;transform:translate(-50%)scaleX(1.24)}to{opacity:.78;transform:translate(-50%)scaleX(1)}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes history-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes prompt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(orientation:landscape)and (max-height:620px){.diceStage{gap:clamp(14px,4vmin,28px)}.diceBoard[data-count]{--dice-size:clamp(64px, min(15vw, 24vh), 130px)}.totalText{font-size:clamp(44px,min(9vw,15vh),86px)}}@media(max-width:420px){.diceStage{padding-inline:14px}.diceBoard[data-count="4"],.diceBoard[data-count="5"]{--dice-size:clamp(68px, 21vw, 92px)}.drawer,.historyDrawer{width:min(92vw,360px)}.historyHandle{width:44px;min-height:98px;padding-inline:6px 7px}.fullscreenPrompt{flex-direction:column;align-items:stretch;padding:14px}.fullscreenPromptActions{grid-template-columns:1fr 1fr;display:grid}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}.dieSettled,.totalNumberSettled,.totalNumberSettled:after{animation:none!important}}