.dice-animation-toggle{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--muted);font-size:.72rem;white-space:nowrap}.dice-animation-toggle input{-webkit-appearance:none;appearance:none;position:relative;width:2.25rem;height:1.25rem;flex-shrink:0;margin:0;border:1px solid var(--border);border-radius:999px;background:var(--border);box-shadow:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}.dice-animation-toggle input::before{content:"";position:absolute;top:0;bottom:0;left:2.5px;width:.875rem;height:.875rem;margin-top:auto;margin-bottom:auto;border-radius:999px;background:var(--background);transition:transform .2s ease}.dice-animation-toggle input:checked{border-color:var(--accent);background:var(--accent)}.dice-animation-toggle input:checked::before{transform:translateX(1rem)}.dice-animation-toggle input:focus{outline:1px solid var(--accent);outline-offset:2px}.dice-dialog{width:min(94vw,46rem);max-height:90vh;margin:auto;padding:1rem;overflow:auto;border:1px solid var(--border);border-radius:.8rem;background:var(--background);color:var(--foreground)}.dice-dialog [hidden]{display:none!important}.dice-dialog::backdrop{background:rgba(20,12,8,.72)}.dice-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dice-dialog-heading h2{margin:0;font-family:ui-serif,Georgia,Cambria,times new roman,serif}.dice-dialog-actions{display:flex;align-items:center;gap:.75rem}#dice-close{width:2rem;min-width:2rem;height:2rem;padding:0;border-radius:50%;line-height:1}.dice-mode-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.dice-mode-tabs button{width:auto;padding:.3rem .65rem}.dice-dialog[aria-busy=true] button,.dice-dialog[aria-busy=true] input,.dice-dialog[aria-busy=true] select{cursor:wait}.dice-mode-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}#dice-form{display:grid;gap:.5rem;margin-top:.8rem}#dice-form>label{color:var(--muted);font-size:.75rem;font-weight:700}.dice-formula-row{display:flex;gap:.5rem}#dice-roll,#dice-clear{width:auto;flex:none;white-space:nowrap}#dice-formula{min-width:0;flex:auto;padding:.35rem .5rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface);color:var(--foreground);font:inherit}#dice-formula:focus{border-color:var(--accent);outline:1px solid var(--accent)}.dice-presets{display:flex;flex-wrap:wrap;gap:.35rem}.dice-presets button{padding:.15rem .45rem;font-size:.72rem}.skill-check-form{display:grid;gap:.6rem;margin-top:.8rem}.skill-check-form[hidden]{display:none}.skill-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.skill-check-grid label{display:grid;gap:.2rem;margin:0;color:var(--muted);font-size:.75rem;font-weight:700}#skill-check-opposition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.65rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface)}#skill-check-opposition label{display:grid;gap:.2rem;margin:0;color:var(--muted);font-size:.75rem;font-weight:700}.skill-check-grid select,.skill-check-grid input,#skill-check-opposition input,#skill-check-skill,#skill-check-own-roll{width:100%;min-width:0;padding:.35rem .5rem;border:1px solid var(--border);border-radius:.35rem;background:var(--surface);color:var(--foreground)}.skill-check-grid output{color:var(--foreground);font-size:1rem}.skill-check-ignore-conditions{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:.8rem;color:var(--muted)}.skill-check-ignore-conditions input{width:auto;margin:0}.skill-check-note{min-height:1.2rem;margin:0;color:var(--muted);font-size:.75rem}.skill-check-influences{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.2rem .65rem;margin:0;font-size:.8rem}.skill-check-influences dt{font-weight:700}.skill-check-influences dd{margin:0;color:var(--muted)}.skill-check-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.6rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface)}#skill-check-roll{width:max-content}.skill-check-result{padding:.75rem;border-top:1px solid var(--border);text-align:center}.skill-check-result h3,.skill-check-result p{margin:0 0 .35rem}.skill-check-result h3{color:var(--accent)}.skill-check-luck{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.skill-check-luck button{width:auto}.skill-check-luck button:disabled{opacity:.5;cursor:not-allowed}.dice-error{min-height:1.4rem;margin:.35rem 0 0;color:var(--accent);font-size:.8rem}.dice-tray{--die-box-size:7rem;display:flex;min-height:10rem;max-height:44vh;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;overflow:auto;padding:1rem .5rem}.dice-tray:empty::before{content:"No result";color:var(--muted)}.dice-result{display:flex;min-height:4.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center}#dice-total{min-height:2.5rem;color:var(--accent);font-size:2.5rem;line-height:1}#dice-breakdown{min-height:1.2rem;color:var(--muted);font-size:.85rem}.dice-die-wrapper{position:relative;width:var(--die-box-size);height:var(--die-box-size);flex:0 0 var(--die-box-size);perspective:40rem}.dice-modal-die{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);transform:translate(-50%,calc(var(--center-y) - 100%))rotateX(var(--rot-x,0deg))rotateY(var(--rot-y,0deg))rotateZ(var(--rot-z,0deg));transform-style:preserve-3d;transition:transform 1.1s ease;font-size:1.575rem;font-weight:700}.dice-animation-disabled .dice-modal-die,.dice-animation-disabled .dice-modal-coin{transition-duration:0s}.dice-modal-coin{position:absolute;top:50%;left:50%;width:6rem;height:5.65rem;border-radius:50%;transform:translate(-50%,-50%)rotateX(var(--coin-rotation,0deg));transform-style:preserve-3d;transition:transform 1.1s ease;font-size:1.5rem;font-weight:700}.dice-coin-face{position:absolute;display:grid;width:100%;height:100%;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--accent),#651515);box-shadow:0 .35rem #651515;color:var(--background);backface-visibility:hidden}.dice-coin-heads{transform:rotateX(0)translateZ(.05px)}.dice-coin-tails{transform:rotateX(180deg)}.dice-modal-die>span{position:absolute;display:grid;width:100%;height:100%;place-items:center;box-sizing:border-box;background:radial-gradient(circle at 50% var(--center-y),var(--accent),#651515);color:var(--background);-webkit-clip-path:var(--path);clip-path:var(--path);transform:translateY(calc(50% - var(--center-y)))var(--rotate,rotate(0))translateZ(var(--inradius))scale(1.01);transform-origin:50% var(--center-y)0}.dice-modal-die.d4,.dice-modal-die.d8,.dice-modal-die.d20{height:5.153rem}.dice-modal-die.d4>span,.dice-modal-die.d8>span,.dice-modal-die.d20>span{--path:polygon(50% 0%, 100% 100%, 0% 100%);padding-top:25%}.dice-modal-die.d10{width:4.127rem}.dice-modal-die.d10>span{--path:polygon(50% 0%, 100% 80.9017%, 50% 100%, 0% 80.9017%);padding-top:15%}.dice-modal-die.d12{height:3.994rem}.dice-modal-die.d12>span{--path:polygon(50% 0%, 100% 38.1966%, 80.9017% 100%, 19.0983% 100%, 0% 38.1966%);padding-top:10%}.dice-modal-die.d4{--size:5.95rem;--center-y:66.6667%;--inradius:1.215rem}.dice-modal-die.d4>.face-2{--rotate:rotateZ(60deg) rotateX(109.471221deg)}.dice-modal-die.d4>.face-3{--rotate:rotateZ(-60deg) rotateX(109.471221deg)}.dice-modal-die.d4>.face-4{--rotate:rotateZ(180deg) rotateX(109.471221deg)}.dice-modal-die.d6{--size:5.075rem;--center-y:50%;--inradius:2.538rem}.dice-modal-die.d6>span{--path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.dice-modal-die.d6>.face-2{--rotate:rotateX(-90deg)}.dice-modal-die.d6>.face-3{--rotate:rotateY(-90deg)}.dice-modal-die.d6>.face-4{--rotate:rotateY(90deg)}.dice-modal-die.d6>.face-5{--rotate:rotateX(90deg)}.dice-modal-die.d6>.face-6{--rotate:rotateX(180deg)}.dice-modal-die.d8{--size:5.95rem;--center-y:66.6667%;--inradius:2.429rem}.dice-modal-die.d8>.face-2{--rotate:rotateZ(60deg) rotateX(70.528779deg)}.dice-modal-die.d8>.face-3{--rotate:rotateZ(-60deg) rotateX(70.528779deg)}.dice-modal-die.d8>.face-4{--rotate:rotateZ(180deg) rotateX(70.528779deg)}.dice-modal-die.d8>.face-5{--rotate:rotateX(109.471221deg) rotateZ(180deg)}.dice-modal-die.d8>.face-6{--rotate:rotateZ(120deg) rotateX(109.471221deg) rotateZ(180deg)}.dice-modal-die.d8>.face-7{--rotate:rotateZ(-120deg) rotateX(109.471221deg) rotateZ(180deg)}.dice-modal-die.d8>.face-8{--rotate:rotateX(180deg)}.dice-modal-die.d10{--size:5.25rem;--center-y:50%;--inradius:2.361rem;--rot-x:-41.969915deg}.dice-modal-die.d10>.face-1{--rotate:rotateX(41.969915deg)}.dice-modal-die.d10>.face-2{--rotate:rotateY(72deg) rotateX(41.969915deg)}.dice-modal-die.d10>.face-3{--rotate:rotateY(144deg) rotateX(41.969915deg)}.dice-modal-die.d10>.face-4{--rotate:rotateY(-144deg) rotateX(41.969915deg)}.dice-modal-die.d10>.face-5{--rotate:rotateY(-72deg) rotateX(41.969915deg)}.dice-modal-die.d10>.face-6{--rotate:rotateY(-72deg) rotateX(221.969915deg)}.dice-modal-die.d10>.face-7{--rotate:rotateY(-144deg) rotateX(221.969915deg)}.dice-modal-die.d10>.face-8{--rotate:rotateY(144deg) rotateX(221.969915deg)}.dice-modal-die.d10>.face-9{--rotate:rotateY(72deg) rotateX(221.969915deg)}.dice-modal-die.d10>.face-10{--rotate:rotateX(221.969915deg)}.dice-modal-die.d12{--size:4.2rem;--center-y:55.2786%;--inradius:2.890rem}.dice-modal-die.d12>.face-2{--rotate:rotateZ(36deg) rotateX(63.434949deg)}.dice-modal-die.d12>.face-3{--rotate:rotateZ(36deg) rotateX(-116.565051deg)}.dice-modal-die.d12>.face-4{--rotate:rotateZ(108deg) rotateX(63.434949deg)}.dice-modal-die.d12>.face-5{--rotate:rotateZ(108deg) rotateX(-116.565051deg)}.dice-modal-die.d12>.face-6{--rotate:rotateZ(180deg) rotateX(63.434949deg)}.dice-modal-die.d12>.face-7{--rotate:rotateZ(180deg) rotateX(-116.565051deg)}.dice-modal-die.d12>.face-8{--rotate:rotateZ(-108deg) rotateX(63.434949deg)}.dice-modal-die.d12>.face-9{--rotate:rotateZ(-108deg) rotateX(-116.565051deg)}.dice-modal-die.d12>.face-10{--rotate:rotateZ(-36deg) rotateX(63.434949deg)}.dice-modal-die.d12>.face-11{--rotate:rotateZ(-36deg) rotateX(-116.565051deg)}.dice-modal-die.d12>.face-12{--rotate:rotateX(180deg)}.dice-modal-die.d20{--size:3.85rem;--center-y:66.6667%;height:3.334rem;--inradius:2.910rem;font-size:1.05rem}.dice-modal-die.d20>.face-2{--rotate:rotateZ(60deg) rotateX(-138.189685deg)}.dice-modal-die.d20>.face-3{--rotate:rotateZ(22.238756deg) rotateX(70.528779deg) rotateZ(-37.761244deg)}.dice-modal-die.d20>.face-4{--rotate:rotateZ(157.761244deg) rotateX(109.471221deg) rotateZ(142.238756deg)}.dice-modal-die.d20>.face-5{--rotate:rotateZ(142.238756deg) rotateX(70.528779deg) rotateZ(-37.761244deg)}.dice-modal-die.d20>.face-6{--rotate:rotateZ(82.238756deg) rotateX(109.471221deg) rotateZ(217.761244deg)}.dice-modal-die.d20>.face-7{--rotate:rotateZ(-60deg) rotateX(41.810315deg)}.dice-modal-die.d20>.face-8{--rotate:rotateZ(180deg) rotateX(-138.189685deg)}.dice-modal-die.d20>.face-9{--rotate:rotateZ(97.761244deg) rotateX(70.528779deg) rotateZ(37.761244deg)}.dice-modal-die.d20>.face-10{--rotate:rotateZ(37.761244deg) rotateX(109.471221deg) rotateZ(142.238756deg)}.dice-modal-die.d20>.face-11{--rotate:rotateZ(217.761244deg) rotateX(70.528779deg) rotateZ(37.761244deg)}.dice-modal-die.d20>.face-12{--rotate:rotateZ(-82.238756deg) rotateX(109.471221deg) rotateZ(142.238756deg)}.dice-modal-die.d20>.face-13{--rotate:rotateZ(180deg) rotateX(41.810315deg)}.dice-modal-die.d20>.face-14{--rotate:rotateZ(-60deg) rotateX(-138.189685deg)}.dice-modal-die.d20>.face-15{--rotate:rotateZ(-97.761244deg) rotateX(70.528779deg) rotateZ(-37.761244deg)}.dice-modal-die.d20>.face-16{--rotate:rotateZ(-37.761244deg) rotateX(109.471221deg) rotateZ(217.761244deg)}.dice-modal-die.d20>.face-17{--rotate:rotateZ(-22.238756deg) rotateX(70.528779deg) rotateZ(37.761244deg)}.dice-modal-die.d20>.face-18{--rotate:rotateZ(-157.761244deg) rotateX(109.471221deg) rotateZ(217.761244deg)}.dice-modal-die.d20>.face-19{--rotate:rotateZ(60deg) rotateX(41.810315deg)}.dice-modal-die.d20>.face-20{--rotate:rotateX(180deg)}.dice-hit-icon{display:inline-block;width:1.4rem;height:1.4rem}.dice-hit-icon svg{display:block;width:100%;height:100%}.dice-hit-mirrored{transform:scaleX(-1)}.dice-hit-side{position:absolute;right:28%;bottom:14%;font-size:.55rem;line-height:1;color:var(--background)}.roll-result-values-hit{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.roll-history-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.roll-history-heading-row h2{margin-bottom:.75rem}#roll-history-clear{flex-shrink:0}#roll-history{margin:0;padding-left:2rem}#roll-history:empty::after{content:"No history yet.";display:block;padding:1rem;color:var(--muted);text-align:center}#roll-history>li{padding:.6rem .5rem;border-bottom:1px solid var(--border);word-break:break-word}.roll-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.roll-history-heading time,.roll-history-label{color:var(--muted);font-size:.8rem}.roll-history-label{margin:.1rem 0 0}.dice-individual-results,.roll-history-details{margin-top:.6rem}.dice-individual-results>summary,.roll-history-details>summary{color:var(--accent);cursor:pointer;font-weight:700}.roll-result-group h3{margin:.75rem 0 .25rem;font-family:inherit;font-size:.8rem}.roll-result-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.3rem;margin:0;padding:0;list-style:none}.roll-result-values li{padding:.2rem .35rem;border:1px solid var(--border);border-radius:.25rem;background:var(--surface);font-variant-numeric:tabular-nums;text-align:center}@media(max-width:38rem){.skill-check-grid,#skill-check-opposition{grid-template-columns:1fr}.dice-dialog-heading{align-items:flex-start}.dice-dialog-actions{flex-direction:column-reverse;align-items:flex-end}.dice-formula-row{flex-wrap:wrap}#dice-formula{flex-basis:100%}.dice-tray{--die-box-size:6rem}}@media print{.dice-dialog{display:none}}