.jd-page{--jd-bg:#f1ede6;--jd-ink:#24211d;--jd-muted:#6b645b;--jd-line:#24211d24;--jd-line-strong:#24211d4d;--jd-glass:#f1ede6f5;--jd-serif:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;--jd-gutter:clamp(16px,3vw,44px);padding:clamp(16px,2.2vw,28px)max(var(--jd-gutter),env(safe-area-inset-right))clamp(28px,4vw,56px)max(var(--jd-gutter),env(safe-area-inset-left));background:var(--jd-bg);color:var(--jd-ink);-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(0,1fr) minmax(280px,320px);grid-template-areas:"mast mast""table side";gap:20px clamp(24px,3vw,44px);display:grid}.jd-page button{touch-action:manipulation}.jd-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jd-masthead{grid-area:mast;justify-content:space-between;align-items:center;gap:16px;display:flex}.jd-title{font-family:var(--jd-serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(40px,4.2vw,60px);font-style:italic;font-weight:400;line-height:.95}.jd-status{white-space:nowrap;color:var(--jd-muted);align-items:center;gap:7px;margin:0;font-size:12px;display:inline-flex}.jd-status-state{color:var(--jd-ink)}.jd-status-dot{background:#a39b90;border-radius:50%;width:7px;height:7px}.jd-status[data-status=ready] .jd-status-dot{background:#2f9a64}.jd-status[data-status=unsupported] .jd-status-dot{background:#b98424}.jd-status[data-status=error] .jd-status-dot{background:#c23f38}.jd-table{border:1px solid var(--jd-line);border-radius:30px;flex-direction:column;grid-area:table;min-width:0;display:flex;overflow:hidden}.jd-stage{height:clamp(440px,100dvh - 300px,760px);position:relative}.jd-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.jd-canvas:focus{outline:none}.jd-canvas:focus-visible{outline:2px solid var(--jd-ink);outline-offset:-6px;border-radius:26px}.jd-result{border:1px solid var(--jd-line);background:var(--jd-glass);pointer-events:none;border-radius:20px;max-width:calc(100% - 140px);padding:12px 16px 14px;position:absolute;top:16px;left:16px}.jd-result-live{align-items:center;min-height:34px;display:flex}.jd-idle{color:var(--jd-muted);margin:0;font-size:16px;font-weight:600}.jd-values{transform-origin:0;grid-template-columns:auto auto;grid-template-areas:"faces total""badges badges""settling settling";align-items:center;gap:6px 18px;animation:.42s cubic-bezier(.2,1.4,.4,1) jd-pop;display:grid}.jd-result[data-state=settling] .jd-values{opacity:.55;animation:none}@keyframes jd-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.jd-faces{flex-wrap:wrap;grid-area:faces;gap:6px;display:flex}.jd-face{display:inline-flex}.jd-die-icon{display:block}.jd-die-body{fill:var(--jd-flavor)}.jd-die-gloss{fill:#ffffff47}.jd-die-pip{fill:#fffdf8}.jd-total{grid-area:total;align-items:baseline;gap:8px;margin:0;display:flex}.jd-total-label{color:var(--jd-muted);font-size:12px}.jd-total-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:.9}.jd-badges{flex-wrap:wrap;grid-area:badges;gap:6px;margin:2px 0 0;display:flex}.jd-badge{background:var(--jd-flavor);color:#fffdf8;letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.jd-badge-best{background:var(--jd-ink)}.jd-settling{color:var(--jd-muted);grid-area:settling;margin:0;font-size:12px}.jd-rolling{align-items:baseline;gap:8px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.jd-rolling-dots{gap:4px;display:inline-flex}.jd-rolling-dots span{background:var(--jd-flavor);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite jd-wobble}.jd-rolling-dots span:nth-child(2){animation-delay:.12s}.jd-rolling-dots span:nth-child(3){animation-delay:.24s}@keyframes jd-wobble{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-5px)scale(.85,1.15)}70%{transform:translateY(0)scale(1.2,.8)}}.jd-stage-tools{gap:8px;display:flex;position:absolute;top:16px;right:16px}.jd-icon-btn{border:1px solid var(--jd-line-strong);background:var(--jd-glass);width:44px;height:44px;color:var(--jd-ink);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .15s,background-color .15s,color .15s;display:grid}.jd-icon-btn:hover{border-color:var(--jd-ink)}.jd-icon-btn[aria-pressed=true]{background:var(--jd-ink);border-color:var(--jd-ink);color:var(--jd-bg)}.jd-hint{max-width:calc(100% - 32px);color:var(--jd-muted);text-align:center;pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.jd-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:absolute;inset:0}.jd-fallback-title{text-wrap:balance;max-width:22ch;margin:0;font-size:24px;font-weight:700;line-height:1.1}.jd-fallback-body{max-width:42ch;color:var(--jd-muted);margin:0;font-size:14px;line-height:1.6}.jd-rail{border-top:1px solid var(--jd-line);grid-template-columns:1fr minmax(0,380px) 1fr;align-items:center;gap:16px;padding:14px 16px;display:grid}.jd-rail:after{content:""}.jd-stepper{align-items:center;gap:10px;display:flex}.jd-rail-label{color:var(--jd-muted);white-space:nowrap;font-size:12px;font-weight:600}.jd-stepper-row{border:1px solid var(--jd-line-strong);border-radius:999px;align-items:center;display:flex}.jd-step{width:44px;height:44px;color:var(--jd-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .15s,color .15s;display:grid}.jd-step:hover:not(:disabled){background:#24211d12}.jd-step:disabled{color:var(--jd-line-strong);cursor:not-allowed}.jd-step-value{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:18px;font-weight:700;line-height:1}.jd-roll{background:var(--jd-ink);width:min(100%,380px);min-height:56px;color:var(--jd-bg);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:700;transition:transform .12s,background-color .15s;display:inline-flex}.jd-roll:hover:not(:disabled){background:#000}.jd-roll:active:not(:disabled){transform:scale(.97)}.jd-roll:disabled{background:var(--jd-line-strong);cursor:not-allowed}.jd-kbd{color:#f1ede6bf;border:1px solid #f1ede659;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:600}.jd-side{flex-direction:column;grid-area:side;gap:26px;min-width:0;display:flex}.jd-label{color:var(--jd-muted);margin:0 0 10px;font-size:12px;font-weight:600;display:block}.jd-flavor-name{color:var(--jd-ink);margin-left:6px;font-weight:500}.jd-swatches{flex-wrap:wrap;gap:2px;display:flex}.jd-swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;position:relative}.jd-swatch:before{content:"";background:var(--swatch);border-radius:50%;transition:transform .15s;position:absolute;inset:9px;box-shadow:inset 0 -3px 6px #0000002e,inset 0 2px 3px #ffffff73}.jd-swatch:hover:before{transform:scale(1.08)}.jd-swatch[aria-checked=true]:after{content:"";border:1.5px solid var(--jd-ink);border-radius:50%;position:absolute;inset:4px}.jd-history{border-top:1px solid var(--jd-line);padding-top:18px}.jd-stats-scope{color:var(--jd-muted);margin:0 0 8px;font-size:11px}.jd-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;display:grid}.jd-stats div{flex-direction:column;gap:2px;display:flex}.jd-stats dt{color:var(--jd-muted);font-size:11px}.jd-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:24px;font-weight:700;line-height:1.1}.jd-history-empty{color:var(--jd-muted);margin:0;font-size:13px}.jd-history-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jd-history-item{border-bottom:1px solid var(--jd-line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;display:grid}.jd-history-item:first-child .jd-history-total{font-weight:700}.jd-history-order{color:var(--jd-muted);font-variant-numeric:tabular-nums;font-size:12px}.jd-history-faces{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.jd-history-total{font-variant-numeric:tabular-nums;font-size:15px}.jd-settings{border-top:1px solid var(--jd-line);padding-top:6px}.jd-settings summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:14px;list-style:none;display:flex}.jd-settings summary::-webkit-details-marker{display:none}.jd-settings summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin-right:4px;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.jd-settings[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.jd-settings-body{flex-direction:column;gap:18px;padding:8px 0 4px;display:flex}.jd-range{flex-direction:column;gap:6px;font-size:13px;display:flex}.jd-range-head{justify-content:space-between;display:flex}.jd-range-head output{font-variant-numeric:tabular-nums;color:var(--jd-muted)}.jd-range input{width:100%;min-height:32px;accent-color:var(--jd-ink)}.jd-range-ends{color:var(--jd-muted);justify-content:space-between;font-size:11px;display:flex}.jd-keyboard-hint{color:var(--jd-muted);margin:0;font-size:12px;line-height:1.55}.jd-page :focus-visible{outline:2px solid var(--jd-ink);outline-offset:3px}@media (max-width:1023px){.jd-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"mast""table""side";row-gap:16px}.jd-stage{height:clamp(380px,62svh,660px)}}@media (min-width:640px) and (max-width:1023px){.jd-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px 36px;display:grid}.jd-history{border-top:0;grid-area:span 3/2;padding-top:0}}@media (max-width:639px){.jd-table{border-radius:24px}.jd-rail{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px}.jd-rail:after,.jd-rail-label{display:none}.jd-roll{width:100%}.jd-kbd{display:none}.jd-result{max-width:calc(100% - 120px);padding:10px 12px 12px;top:12px;left:12px}.jd-total-value{font-size:44px}.jd-stage-tools{flex-direction:column;top:12px;right:12px}.jd-hint{font-size:12px}}@media (prefers-reduced-motion:reduce){.jd-rolling-dots span,.jd-values{animation:none}.jd-roll,.jd-icon-btn,.jd-step,.jd-swatch:before,.jd-settings summary:after{transition:none}}
/*# sourceMappingURL=fe4efa612a35e031.css.map*/