.dr{--die: clamp(3.6rem, 22vw, 5.6rem);box-sizing:border-box;max-width:100%;margin:0 0 2rem;padding:1rem;border:1px solid var(--color-border);border-radius:1rem;background:#fff;font-family:var(--font-body);color:var(--color-ink);overflow-wrap:anywhere}.dr *,.dr *:before,.dr *:after{box-sizing:border-box}.dr button:focus-visible,.dr input:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:2px}.dr-toolbar{display:flex;flex-direction:column;gap:.5rem;min-height:5.75rem}.dr-group{display:flex;gap:.3rem;max-width:100%}.dr-chip{flex:1 1 0;min-width:0;min-height:2.6rem;padding:0 .25rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-cream);font:inherit;font-size:.9rem;font-weight:600;color:var(--color-navy);cursor:pointer}.dr-chip[aria-pressed=true]{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.dr-chip:disabled{opacity:.4;cursor:not-allowed}.dr-dice{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.6rem;min-height:calc(var(--die) + 2.2rem);margin:.75rem 0 .25rem;padding:.6rem 0}.dr[data-count="4"] .dr-dice,.dr[data-count="5"] .dr-dice,.dr[data-count="6"] .dr-dice{min-height:calc(var(--die) * 2 + 3rem)}.dr-die{position:relative;flex:0 0 var(--die);width:var(--die);height:var(--die);padding:0;border:2px solid var(--color-navy);border-radius:18%;background:#fff;box-shadow:0 2px 0 var(--color-border),0 4px 10px #1b2a4a1f;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-navy);font:inherit}.dr-pips{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);width:100%;height:100%;padding:15%}.dr-pips i{place-self:center;width:78%;aspect-ratio:1;border-radius:50%;background:var(--color-navy)}.dr-pips b{display:block}.dr-num{font-family:var(--font-display);font-size:calc(var(--die) * .46);line-height:1}.dr-empty{opacity:.3}.dr-locked{border-color:var(--color-teal);background:#eef8f5;box-shadow:0 0 0 3px #2d8b754d}.dr-locked:after{content:"Låst";position:absolute;bottom:-1.35rem;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:700;color:var(--color-teal)}.dr-hit{border-color:var(--color-terracotta);background:var(--color-highlight);box-shadow:0 0 0 4px #d4763c59}.dr-hit .dr-pips i{background:var(--color-terracotta-dark)}.dr-rolling{animation:dr-shake .48s ease-in-out}@keyframes dr-shake{0%{transform:rotate(0) translateY(0)}20%{transform:rotate(-14deg) translateY(-6px)}40%{transform:rotate(12deg) translateY(2px)}60%{transform:rotate(-8deg) translateY(-4px)}80%{transform:rotate(5deg)}to{transform:rotate(0)}}.dr-sum{min-height:2rem;margin:.4rem 0 .6rem;text-align:center;font-family:var(--font-display);font-size:1.5rem;color:var(--color-navy)}.dr-roll{display:block;width:100%;min-height:3.5rem;border:0;border-radius:.9rem;background:var(--color-terracotta);color:#fff;font:inherit;font-size:1.35rem;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--color-terracotta-dark)}.dr-roll:hover:not(:disabled){background:var(--color-terracotta-dark)}.dr-roll:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dr-keyhint{margin:.4rem 0 0;text-align:center;font-size:.78rem;color:var(--color-muted)}.dr-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.6rem;margin-top:.6rem}.dr-meta[hidden]{display:none}.dr-throws{font-weight:700;color:var(--color-navy)}.dr-btn{min-height:2.5rem;padding:0 .9rem;border:1px solid var(--color-border);border-radius:.6rem;background:#fff;font:inherit;font-size:.9rem;font-weight:600;color:var(--color-navy);cursor:pointer}.dr-btn:hover:not(:disabled){border-color:var(--color-terracotta);color:var(--color-terracotta-dark)}.dr-btn:disabled{opacity:.45;cursor:not-allowed}.dr-btn-primary{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.dr-btn-primary:hover:not(:disabled){background:var(--color-navy-light);color:#fff}.dr-status{min-height:2.6rem;margin:.5rem 0 0;font-size:.9rem;font-weight:600;color:var(--color-teal)}.dr-modes{display:flex;flex-direction:column;gap:.15rem;margin-top:.25rem}.dr-check{display:flex;align-items:flex-start;gap:.55rem;min-height:2.5rem;padding:.35rem 0;font-size:.92rem;color:var(--color-ink);cursor:pointer}.dr-check input{flex:none;width:1.2rem;height:1.2rem;margin-top:.1rem;accent-color:var(--color-terracotta)}.dr-julklapp{margin:.5rem 0;padding:.9rem;border-radius:.8rem;background:var(--color-highlight);border:1px solid var(--color-border)}.dr-julklapp[hidden],.dr-alarm[hidden]{display:none}.dr-label{margin:0 0 .35rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.dr-hl,.dr-tm{margin-bottom:.8rem}.dr-timerrow{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.3rem;min-height:2.6rem}.dr-clock{font-family:var(--font-display);font-size:1.6rem;color:var(--color-navy);min-width:4rem}.dr-alarm{margin-top:.6rem;padding:.8rem;border-radius:.7rem;background:var(--color-terracotta);color:#fff;font-size:.95rem;animation:dr-flash .8s ease-in-out 6}.dr-alarm .dr-btn{margin-top:.5rem;display:block}@keyframes dr-flash{0%,to{background:var(--color-terracotta)}50%{background:var(--color-navy)}}.dr-history{margin-top:.75rem;min-height:4rem}.dr-history-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.05rem;color:var(--color-navy)}.dr-history-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.dr-history-list li{padding:.2rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-cream);font-size:.85rem}.dr-h-type{font-size:.7rem;font-weight:700;color:var(--color-muted);margin-right:.15rem}.dr-history-empty{margin:0;font-size:.85rem;color:var(--color-muted)}.dr-history-empty[hidden]{display:none}@media(prefers-reduced-motion:reduce){.dr-rolling,.dr-alarm{animation:none}}