:root{color:#30332f;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum";--accent:#ef694b;--muted:#8b8b81;--line:#e5e3da;background:#f5f3ed;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Noto Sans,sans-serif;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #e88b53}button{border:0}svg{flex-shrink:0;width:24px;height:24px}[hidden]{display:none!important}.app{max-width:480px;min-height:100svh;margin:0 auto;padding:0 26px}.topbar{padding-top:max(28px,env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:20px;height:100px;display:flex}.tabs{background:#eae8e0;border-radius:30px;align-items:center;gap:4px;padding:5px;display:flex}.tabs button{color:#85867c;background:0 0;border-radius:24px;align-items:center;gap:7px;height:42px;padding:0 21px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:flex}.tabs button[aria-selected=true]{color:#32372e;background:#fffefa;box-shadow:0 2px 4px #36321e09}.count{background:#deded4;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid}.icon-button{background:0 0;border:1px solid #e3e1d8;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.icon-button:hover{background:#eae8e0}.dice-panel{flex-direction:column;min-height:calc(100svh - 100px);display:flex}.stage{isolation:isolate;flex:1;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.halo{z-index:-1;background:radial-gradient(circle,#efe9db 0%,#efe9db55 46%,#0000 71%);border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-57%)}.dice-hit{background:0 0;width:calc(100% + 52px);height:100%;padding:0;display:block;position:absolute;inset:0 0 0 -26px}.scene{perspective:1100px;width:154px;height:154px;display:block;position:absolute;top:calc(50% - 132px);left:calc(50% - 77px)}.cube{width:154px;height:154px;transform-style:preserve-3d;will-change:transform;display:block;position:relative;transform:rotateX(-18deg)rotateY(-26deg)}.face{backface-visibility:hidden;background:#ee6a4d;border:1px solid #f78a6b;border-radius:23px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:13px;padding:25px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 20px #c9462310,inset 0 2px 2px #ffb19660}.front{background:linear-gradient(135deg,#f7805d,#eb6346);transform:translateZ(77px)}.back{transform:rotateY(180deg)translateZ(77px)}.right{background:linear-gradient(150deg,#de5a3f,#cf5037);border-color:#e16a4e;transform:rotateY(90deg)translateZ(77px)}.left{transform:rotateY(-90deg)translateZ(77px)}.top{background:linear-gradient(130deg,#ffa07b,#f38059);border-color:#ffac8c;transform:rotateX(90deg)translateZ(77px)}.bottom{transform:rotateX(-90deg)translateZ(77px)}.pip{aspect-ratio:1;border-radius:50%;align-self:center;display:block}.pip.filled{background:#fff6e5;box-shadow:inset 0 2px 3px #a94a2d24,0 1px 1px #ffbd9880}.number-face{color:#fff6e5;letter-spacing:-5px;font-variant-numeric:tabular-nums;place-items:center;padding:10px;font-size:68px;font-weight:650;display:grid}.shadow{filter:blur(13px);opacity:.2;z-index:-1;background:#6e4d31;border-radius:50%;width:158px;height:23px;position:absolute;top:calc(50% + 60px)}.result{pointer-events:none;letter-spacing:-2px;font-size:42px;font-weight:500;line-height:1;transition:opacity .1s,transform .2s;position:absolute;top:calc(50% + 116px)}.result.pending{opacity:0;transform:translateY(8px)}.history-panel{padding-top:36px}.history-meta{color:var(--muted);justify-content:space-between;margin:0 4px 18px;font-size:12px;display:flex}.history-meta span:first-child{color:#45493f;font-weight:600}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-top:1px solid var(--line);align-items:center;gap:20px;padding:18px 4px;display:flex}.history-order{color:#9a9a8e;width:27px;font-size:12px}.mini-die{background:#ef7759;border-radius:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;width:37px;height:37px;padding:7px;display:grid}.mini-die.number-face{letter-spacing:-.5px;place-items:center;padding:2px;font-size:16px;display:grid}.history-list strong{font-size:23px;font-weight:500}.history-list time{color:var(--muted);letter-spacing:.03em;margin-left:auto;font-size:12px}.history-note,.settings-note{color:#96968a;text-align:center;font-size:11px;line-height:1.7}.history-note{margin:28px 0 35px}.empty-state{text-align:center;color:#999b90;padding:115px 0 70px;font-size:13px}.empty-state svg{opacity:.6;width:34px;height:34px;margin-bottom:12px}.more{margin:24px auto;display:block}.text-button{color:#717b65;text-underline-offset:4px;background:0 0;padding:10px 2px;font-size:12px;font-weight:550}.text-button:hover{text-decoration:underline}dialog{color:inherit;background:#faf9f4;border:1px solid #e5e3da;border-radius:30px;width:min(480px,100% - 32px);max-height:min(850px,92dvh);padding:0;overflow:hidden;box-shadow:0 30px 100px #24291d26}dialog[open]{animation:.22s cubic-bezier(.2,.8,.3,1) sheet-in}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#272d2855}#settings-form{flex-direction:column;max-height:min(850px,92dvh);display:flex}.sheet-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:23px 26px 14px;display:flex}.sheet-head h1{margin:0;font-size:19px;font-weight:600}.sheet-head .icon-button{background:#eeede6;border:0;width:36px;height:36px}.sheet-head svg{width:19px;height:19px}.sheet-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:8px 26px 0;overflow-y:auto}.setting-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0 24px;font-size:14px;font-weight:550;display:flex}.stepper{background:#fffefa;border:1px solid #e4e3d9;border-radius:14px;align-items:center;height:44px;display:flex}.stepper button{background:0 0;width:40px;height:42px;font-size:20px}.stepper button:disabled{opacity:.25}.stepper input{text-align:center;width:48px;color:inherit;background:0 0;border:0;padding:6px 0;font-weight:550}.weights-heading{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.weights-heading h2{margin:0;font-size:14px;font-weight:550}.settings-hint{color:#8d8f82;margin:3px 0 21px;font-size:11px;line-height:1.8}.column-head,.weight-row{grid-template-columns:1fr 90px 76px;align-items:center;gap:18px;display:grid}.column-head{color:#97998c;padding-bottom:11px;font-size:10px}.column-head span:nth-child(2){text-align:center}.column-head span:last-child{text-align:right}.weight-row{border-top:1px solid #eeede5;padding:10px 0}.weight-label{font-size:16px;font-weight:550}.weight-row input{text-align:center;color:#505747;background:#fffefa;border:1px solid #e3e2d8;border-radius:12px;width:90px;min-height:43px;font-size:16px}.probability{text-align:right;color:#7e8774;font-variant-numeric:tabular-nums;font-size:13px}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.sheet-footer{border-top:1px solid var(--line);background:#faf9f4;flex-shrink:0;padding:8px 26px 24px}.settings-note{margin:7px 0 14px}.save-button{color:#fffdf5;background:#30392f;border-radius:16px;width:100%;height:52px;font-size:14px;font-weight:550}.error{color:#b4442c;text-align:center;margin:7px 0;font-size:12px;line-height:1.7}.save-button:active{background:#515d4a}@keyframes sheet-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width>=700px){.app{padding:0 32px}.topbar{height:118px;padding-top:42px}.dice-panel{min-height:calc(100svh - 118px)}.stage{min-height:400px}.scene{perspective:1200px}.halo{width:380px;height:380px}}@media (width<=520px){dialog{border-bottom:0;border-radius:28px 28px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}#settings-form{max-height:92dvh}.sheet-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}}@media (height<=650px){.topbar{height:80px;padding-top:12px}.dice-panel{min-height:calc(100svh - 80px)}.stage{min-height:295px}.scene{scale:.8}.result{pointer-events:none;font-size:33px;top:calc(50% + 80px)}.shadow{width:135px;top:calc(50% + 32px)}.halo{width:260px;height:260px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.core{backface-visibility:hidden;background:#e87453;border-radius:8px;position:absolute;inset:8px}.core.front{transform:translateZ(69px)}.core.back{transform:rotateY(180deg)translateZ(69px)}.core.right{transform:rotateY(90deg)translateZ(69px)}.core.left{transform:rotateY(-90deg)translateZ(69px)}.core.top{transform:rotateX(90deg)translateZ(69px)}.core.bottom{transform:rotateX(-90deg)translateZ(69px)}.dice-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.has-3d .scene{display:none}.stage:has(.has-3d)>.shadow{display:none}@media (width>=700px){.dice-hit{width:calc(100% + 64px);left:-32px}}.motion-toggle{appearance:none;cursor:pointer;background:#d4d6cd;border-radius:20px;flex-shrink:0;width:46px;height:28px;position:relative}.motion-toggle:after{content:"";background:#fffdf5;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.motion-toggle:checked{background:#404f3b}.motion-toggle:checked:after{left:21px}