:root,[data-theme=dark]{--d-hit: #ffd27a;--d-ground: rgba(0,0,0,.45);--d-edge: #c08a35;--d-face: #2b241b;--d-num: #e3b866;--d-sh: #000d;--d-hl: #f7dca066;--d-shade: rgba(0,0,0,.6)}[data-theme=light]{--d-hit: #a35400;--d-ground: rgba(90,56,8,.28);--d-edge: #b8741a;--d-face: #f8f1e3;--d-num: #8a560c;--d-sh: #5a38084d;--d-hl: #ffffffd9;--d-shade: rgba(90,56,8,.38)}@media(prefers-color-scheme:light){[data-theme=system]{--d-hit: #a35400;--d-ground: rgba(90,56,8,.28);--d-edge: #b8741a;--d-face: #f8f1e3;--d-num: #8a560c;--d-sh: #5a38084d;--d-hl: #ffffffd9;--d-shade: rgba(90,56,8,.38)}}.boot-load{position:fixed;inset:0;z-index:16;display:grid;place-items:start center;padding:min(50vh,calc(100vh - 368px)) 16px 24px;background:transparent;pointer-events:none}.boot-load[hidden]{display:none}.boot-load-inner{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(420px,100%);margin-top:0}.boot-d20-stage{width:160px;height:274px;padding-top:100px;flex:none;background:transparent}.boot-d20-stage:empty{display:none}.boot-load-copy{display:flex;flex-direction:column;align-items:center;gap:7px;width:min(360px,100%);min-height:calc(3.7em + 7px);color:var(--muted);text-align:center}.boot-load-copy b{font:400 15px/1.5 Georgia,"Noto Serif TC",serif;letter-spacing:.2em;color:var(--muted);overflow-wrap:anywhere}.boot-load-copy>span{font-size:13px;line-height:1.7;letter-spacing:.08em;color:var(--muted);overflow-wrap:anywhere}.boot-dots{display:inline-block;min-width:1.2em;margin-left:2px;color:var(--accent);letter-spacing:0}.se-d20{position:relative;width:160px;height:174px;margin:0 auto;perspective:1400px;isolation:isolate;background:transparent}.se-d20,.se-d20 *,.se-d20 *:before,.se-d20 *:after{box-sizing:border-box}.d20-body .d20-face span{transition:opacity .25s,color .25s}.d20-body.rested .d20-face:not(.hit) span{opacity:.4}.d20-body.rested .d20-face.hit span{color:var(--d-hit, #ffd27a)}.d20-shadow{position:absolute;left:50%;bottom:2px;width:110px;height:16px;margin-left:-55px;border-radius:50%;background:radial-gradient(closest-side,var(--d-ground, rgba(0,0,0,.45)),transparent)}.d20-lift,.d20-body{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.d20-face{position:absolute;left:-42px;top:-48.497423px;width:84px;height:72.746134px;transform-origin:42px 48.497423px;overflow:hidden;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--d-edge, #c08a35)}.d20-face:before{content:"";position:absolute;inset:1.3px;background:var(--d-face, #2b241b);clip-path:polygon(50% 0,100% 100%,0 100%)}.d20-face:after{content:"";position:absolute;left:0;top:0;width:840px;height:100%;background:linear-gradient(90deg,transparent,var(--d-shade, rgba(0,0,0,.6)));transform:translate(var(--shade));animation:var(--shade-animation, none)}.d20-face span{position:absolute;z-index:1;top:48.497423px;left:50%;transform:translate(-50%,-50%);font:700 26px Georgia,Times New Roman,serif;color:var(--d-num, #e3b866);text-shadow:-.6px -.9px 0 var(--d-sh, #000d),.6px .9px 0 var(--d-hl, #f7dca066);line-height:1}.d20-face[data-value="6"] span,.d20-face[data-value="9"] span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}