@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}.h-6{height:calc(var(--spacing) * 6)}.w-6{width:calc(var(--spacing) * 6)}}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#38bdf8;--accent-strong:#0284c7;--surface:#151f2f;--surface-strong:#1f2937;--dice-size:clamp(70px, min(18vw, 18vh), 178px);--dice-gap:clamp(10px, 2.2vmin, 22px);background:#0b1220;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{color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 42%,#38bdf821,#0000 36%),linear-gradient(145deg,#07111f,#0b1220 52%,#111827);min-height:100svh;display:grid;position:relative;overflow:hidden}.app:focus{outline:none}.app:focus-visible{outline-offset:-8px;outline:3px solid #38bdf8d9}.diceStage{width:100%;min-height:100svh;padding:max(36px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-content:center;place-items:center;gap:clamp(24px,5vmin,52px);display:grid}.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(128px, min(38vw, 38vh), 230px)}.diceBoard[data-count="2"]{--dice-size:clamp(112px, min(28vw, 28vh), 210px)}.diceBoard[data-count="3"]{--dice-size:clamp(96px, min(23vw, 23vh), 190px)}.diceBoard[data-count="4"]{--dice-size:clamp(82px, min(20vw, 20vh), 180px)}.diceBoard[data-count="5"]{--dice-size:clamp(70px, min(18vw, 18vh), 168px)}.die{flex:0 0 var(--dice-size);width:var(--dice-size);height:var(--dice-size);padding:calc(var(--dice-size) * .16);border-radius:clamp(14px,calc(var(--dice-size) * .14),26px);background:linear-gradient(145deg,#fff,#e5edf7);border:1px solid #ffffffb8;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);box-shadow:0 18px 46px #0006,inset 0 -6px 18px #0f172a1f}.dieRolling{animation:.62s cubic-bezier(.18,.85,.32,1.15) dice-shake;animation-delay:calc(var(--die-index) * 28ms)}.dieRolling:after{z-index:-1;border-radius:inherit;content:"";filter:blur(8px);opacity:0;background:radial-gradient(circle,#38bdf857,#0000 66%);animation:.62s ease-out roll-glow;position:absolute;inset:-12%}.pip{aspect-ratio:1;background:#020617;border-radius:999px;place-self:center;width:58%;display:block;box-shadow:inset 0 2px 2px #ffffff1f}.totalText{color:#f8fafc;letter-spacing:0;text-shadow:0 0 24px #38bdf833,0 8px 26px #00000061;grid-template-columns:auto 2ch;justify-content:center;align-items:baseline;column-gap:clamp(18px,3.2vmin,38px);min-height:1.15em;font-size:clamp(52px,min(12vw,13vh),128px);font-weight:800;line-height:1;display:grid}.totalNumber{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;min-width:2ch}.menuButton,.iconButton{color:#e2e8f0;cursor:pointer;touch-action:manipulation;background:#0f172a94;border:0;border-radius:8px;place-items:center;min-width:44px;min-height:44px;display:grid}.menuButton{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:10;gap:4px;width:48px;height:48px;position:fixed;box-shadow:0 12px 28px #00000042}.menuButton:hover,.iconButton:hover{background:#1e293bdb}.menuButton:focus-visible,.iconButton:focus-visible,.segment:focus-visible,.toggle:focus-visible{outline-offset:2px;outline:3px solid #38bdf8d9}.drawerLayer{z-index:20;cursor:default;background:#0206179e;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{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:#f8fafc;background:#172033;border-left:1px solid #94a3b82e;animation:.18s ease-out drawer-in;overflow-y:auto;box-shadow:-18px 0 42px #0000006b}.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 #94a3b82e;gap:14px;padding-block:20px;display:grid}.settingGroup h2,.settingSubgroup h2{color:#cbd5e1;font-size:15px;font-weight:700}.settingSubgroup{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))}.segment{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #94a3b847;border-radius:8px;min-height:48px;font-size:20px;font-weight:800}.segmentActive{color:#082f49;background:#7dd3fc;border-color:#7dd3fce6;box-shadow:0 0 22px #38bdf842}.toggle{color:#f8fafc;text-align:left;cursor:pointer;background:#0f172a;border:0;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px 10px 16px;display:grid}.toggleText{min-width:0;font-size:17px;font-weight:700}.toggleTrack{background:#475569;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:var(--accent-strong)}.toggleOn .toggleThumb{transform:translate(24px)}.toggleState{color:#cbd5e1;text-align:right;min-width:36px;font-size:13px;font-weight:800}.statusText{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}@keyframes dice-shake{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(-11%)rotate(-7deg)scale(1.04)}34%{transform:translateY(5%)rotate(8deg)scale(.99)}52%{transform:translateY(-7%)rotate(-5deg)scale(1.03)}74%{transform:translateY(2%)rotate(3deg)scale(1.01)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes roll-glow{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(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{width:min(92vw,360px)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}
