.dice-card{--ink: #f4eddf;--muted: #c3c8c7;--felt: #1f5b4e;--felt-dark: #164238;width:min(920px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,58px) 0}header{max-width:580px}.eyebrow,.result-label{margin:0;color:#eeb35a;font:700 .73rem/1.2 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}h1{margin:.35rem 0 .5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,9vw,5.8rem);line-height:.86;letter-spacing:-.06em}.intro{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.5}.controls{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:34px 0 18px}.control-label{display:block;margin:0 0 9px;color:var(--muted);font-size:.85rem;font-weight:700}.action-row{display:flex;gap:9px}button{height:46px;border-radius:5px;font:inherit}.stepper{display:grid;grid-template-columns:46px 52px 46px;overflow:hidden;border:1px solid #738078;border-radius:5px;background:#27323b}.count{display:grid;place-items:center;color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.step-button{padding:0;color:var(--ink);border:0;border-radius:0;background:#36434b;font-size:1.55rem;line-height:1}.step-button:hover:not(:disabled){background:#46575c}.roll-button{padding:0 20px;cursor:pointer;color:#152018;border:0;background:#eeb35a;font-weight:800;transition:transform .18s ease,background .18s ease}.roll-button:hover:not(:disabled){transform:translateY(-2px);background:#ffd182}button:focus-visible{outline:3px solid #dbe9d8;outline-offset:3px;z-index:1}button:disabled{cursor:wait;opacity:.7}.table{min-height:280px;display:grid;place-items:center;overflow:hidden;border:1px solid #4f876f;border-radius:18px;background:radial-gradient(circle at 50% 42%,var(--felt),var(--felt-dark));box-shadow:inset 0 0 0 11px #8a5a35,inset 0 0 0 14px #bd8d5b,0 20px 50px #07120f80}.dice-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,5vw,45px);padding:36px;perspective:900px}.die-wrap{width:80px;height:80px;perspective:900px}.die{--size: 80px;position:relative;width:var(--size);height:var(--size);transform-style:preserve-3d;animation:roll 1.2s cubic-bezier(.18,.76,.24,1) forwards}.die.preview{animation:none}.face{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:12px;backface-visibility:hidden;border:1px solid #cfd2c8;border-radius:12px;background:linear-gradient(135deg,#fffefa,#d9dfd6);box-shadow:inset -5px -5px 10px #8e9d9680}.face i{width:12px;height:12px;place-self:center;border-radius:50%;background:#252b31;box-shadow:inset 1px 1px 2px #0008}.one{transform:translateZ(40px)}.six{transform:rotateY(180deg) translateZ(40px)}.three{transform:rotateY(90deg) translateZ(40px)}.four{transform:rotateY(-90deg) translateZ(40px)}.two{transform:rotateX(90deg) translateZ(40px)}.five{transform:rotateX(-90deg) translateZ(40px)}.one i:nth-child(1){grid-area:2 / 2}.two i:nth-child(1){grid-area:1 / 3}.two i:nth-child(2){grid-area:3 / 1}.three i:nth-child(1){grid-area:1 / 3}.three i:nth-child(2){grid-area:2 / 2}.three i:nth-child(3){grid-area:3 / 1}.four i:nth-child(1),.four i:nth-child(2){grid-row:1}.four i:nth-child(3),.four i:nth-child(4){grid-row:3}.four i:nth-child(1),.four i:nth-child(3){grid-column:1}.four i:nth-child(2),.four i:nth-child(4){grid-column:3}.five i:nth-child(1),.five i:nth-child(2){grid-row:1}.five i:nth-child(3){grid-area:2 / 2}.five i:nth-child(4),.five i:nth-child(5){grid-row:3}.five i:nth-child(1),.five i:nth-child(4){grid-column:1}.five i:nth-child(2),.five i:nth-child(5){grid-column:3}.six i:nth-child(1),.six i:nth-child(2){grid-column:1}.six i:nth-child(3),.six i:nth-child(4){grid-column:2}.six i:nth-child(5),.six i:nth-child(6){grid-column:3}.six i:nth-child(1),.six i:nth-child(3),.six i:nth-child(5){grid-row:1}.six i:nth-child(2),.six i:nth-child(4),.six i:nth-child(6){grid-row:3}@keyframes roll{0%{transform:rotate3d(var(--axis-x),var(--axis-y),var(--axis-z),0)}52%{transform:rotate3d(var(--axis-y),var(--axis-z),var(--axis-x),var(--mid-turn))}78%{transform:rotate3d(var(--axis-z),var(--axis-x),var(--axis-y),var(--late-turn))}to{transform:var(--end)}}.result{min-height:79px;display:flex;align-items:baseline;gap:12px;margin-top:18px;padding:18px 22px;border-left:3px solid #eeb35a;background:#26323b}.result strong{font-family:Georgia,serif;font-size:1.55rem}.breakdown{color:var(--muted);font-family:ui-monospace,monospace}@media(max-width:520px){.dice-card{width:min(100% - 24px,920px);padding-top:32px}.controls{align-items:stretch;flex-direction:column}.action-row{width:100%}.roll-button{flex:1}.table{min-height:235px}.dice-area{gap:25px;padding:28px 16px}.die-wrap,.die{--size: 64px;width:64px;height:64px}.one{transform:translateZ(32px)}.six{transform:rotateY(180deg) translateZ(32px)}.three{transform:rotateY(90deg) translateZ(32px)}.four{transform:rotateY(-90deg) translateZ(32px)}.two{transform:rotateX(90deg) translateZ(32px)}.five{transform:rotateX(-90deg) translateZ(32px)}.result{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.die{animation-duration:.01ms}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:#f4eddf;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#1b2430}main[data-astro-cid-lmkhxrmj]{min-height:100vh}