.dice-heading{margin-bottom:1.25rem}.dice-shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;min-height:620px}.dice-panel,.dice-stage-wrap,.dice-history-panel{border:1px solid rgba(210,164,74,.24);background:rgba(13,16,21,.88);border-radius:12px;box-shadow:0 16px 38px rgba(0,0,0,.24)}.dice-panel{padding:1.2rem;display:flex;flex-direction:column}.dice-label{font-family:Cinzel,serif;font-weight:700;margin-bottom:.45rem}.dice-formula{width:100%;border:1px solid rgba(210,164,74,.35);border-radius:8px;background:rgba(255,255,255,.045);color:inherit;padding:.8rem .9rem;font-size:1rem;outline:none}.dice-formula:focus{border-color:#d2a44a;box-shadow:0 0 0 3px rgba(210,164,74,.1)}.dice-help{margin:.45rem 0 1rem;opacity:.68;font-size:.84rem}.dice-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dice-quick button,.dice-secondary,.dice-roll{border:1px solid rgba(210,164,74,.3);border-radius:8px;cursor:pointer;font:600 .88rem Cinzel,serif}.dice-quick button,.dice-secondary{padding:.7rem .6rem;background:rgba(255,255,255,.055);color:inherit}.dice-quick button:hover,.dice-secondary:hover{border-color:#d2a44a;background:rgba(210,164,74,.1)}.dice-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}.dice-roll{grid-column:1/-1;padding:.9rem;background:linear-gradient(180deg,#b88a38,#8d6426);color:#fff;border-color:#d2a44a}.dice-roll:disabled,.dice-secondary:disabled{opacity:.45;cursor:not-allowed}.dice-result{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid rgba(210,164,74,.18)}.dice-result__label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;opacity:.65}.dice-result strong{display:block;font:700 4.3rem/1 Cinzel,serif;margin:.25rem 0 .55rem;color:#e0b65e}.dice-result #details{line-height:1.45;min-height:2.9em}.dice-result small{display:block;margin-top:.65rem;opacity:.58}.dice-stage-wrap{position:relative;overflow:hidden;min-height:620px;background:radial-gradient(circle at 50% 42%,rgba(210,164,74,.08),transparent 45%),#090b0f}.dice-stage-wrap #dice-box{position:absolute;inset:0}.dice-stage-wrap canvas{width:100%!important;height:100%!important}.dice-stage-note{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);padding:.45rem .75rem;border-radius:999px;background:rgba(0,0,0,.58);font-size:.78rem;opacity:.7;pointer-events:none;white-space:nowrap}.dice-history-panel{margin-top:1rem;padding:1.2rem}.dice-history-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dice-history-head h2{margin:.1rem 0 0;font-family:Cinzel,serif}.dice-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.dice-history-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.dice-history-item time{opacity:.55;font-size:.78rem}.dice-history-item span{min-width:0}.dice-history-item strong{font:700 1.25rem Cinzel,serif;color:#e0b65e}@media(max-width:1000px){.dice-shell{grid-template-columns:1fr;min-height:0}.dice-stage-wrap{min-height:500px}.dice-history-list{grid-template-columns:1fr}}@media(max-width:600px){.dice-quick{grid-template-columns:repeat(2,1fr)}.dice-stage-wrap{min-height:420px}.dice-history-item{grid-template-columns:auto 1fr}.dice-history-item strong{grid-column:2}.dice-history-head{align-items:flex-end}.dice-stage-note{white-space:normal;text-align:center;width:calc(100% - 2rem)}}