.toolkit-section{padding:85px 0 35px;background:var(--paper-2);overflow:hidden;isolation:isolate}
.toolkit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.toolkit-heading .kicker{color:var(--rose);font-size:11px;letter-spacing:.2em}
.toolkit-heading h2{font-size:clamp(36px,5vw,70px);line-height:1.05;letter-spacing:-.055em;margin:0}
.toolkit-heading h2 em{font-style:normal;color:var(--rose)}
.roll-tools{flex-shrink:0;border:1px solid var(--line);border-radius:30px;padding:13px 21px;color:var(--ink);background:var(--paper);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}
.roll-tools:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.roll-tools:disabled{opacity:.5;cursor:default}
.dice-stage{position:relative;height:390px;perspective:1000px;margin-top:20px;--die:52px}
.tool-dice-list{list-style:none;margin:0;padding:0;position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:center;row-gap:38px;padding:24px 0 35px}
.tool-die{flex:0 0 20%;position:relative;width:var(--die);height:var(--die);perspective:700px;z-index:2}
.die-cube{width:var(--die);height:100%;margin-inline:auto;position:relative;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(19deg) rotateZ(-8deg)}
.tool-die:nth-child(even) .die-cube{transform:rotateX(-14deg) rotateY(-19deg) rotateZ(9deg)}
.die-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #8899b833;border-radius:10px;background:var(--paper);backface-visibility:hidden;box-shadow:inset 0 0 16px #7293bb10}
.die-face img{width:43%;height:43%;object-fit:contain}
.die-front{transform:translateZ(calc(var(--die)/2))}.die-back{transform:rotateY(180deg) translateZ(calc(var(--die)/2))}.die-left{transform:rotateY(-90deg) translateZ(calc(var(--die)/2))}.die-right{transform:rotateY(90deg) translateZ(calc(var(--die)/2))}.die-top{transform:rotateX(90deg) translateZ(calc(var(--die)/2))}.die-bottom{transform:rotateX(-90deg) translateZ(calc(var(--die)/2))}
.die-label{position:absolute;top:calc(100% + 19px);left:50%;translate:-50% 0;white-space:nowrap;font-size:13px;color:var(--subtle)}
.dice-hand{position:absolute;left:0;top:70px;width:360px;color:var(--ink);z-index:4;opacity:0;pointer-events:none;transform-origin:0 70%}
.dice-hand svg{display:block;width:100%;overflow:visible}.hand-skin{fill:var(--paper)}.hand-sleeve{fill:#b8d7ff;stroke:#0071e3}.hand-open{opacity:0}.is-releasing .hand-open{opacity:1}.is-releasing .hand-closed{opacity:0}
.toolkit-note{text-align:center;color:var(--subtle);font-size:12px;letter-spacing:.06em;margin:28px 15px 0}
@media(max-width:600px){.toolkit-section{padding-top:55px}.toolkit-heading{align-items:flex-start}.toolkit-heading h2{font-size:34px}.roll-tools{padding:10px 12px;font-size:11px}.dice-stage{height:540px;--die:40px}.tool-die{flex-basis:33.333%}.tool-dice-list{row-gap:30px;padding-top:18px}.dice-hand{width:270px;top:25px;left:-35px}.die-label{font-size:12px;top:calc(100% + 15px)}}

@media(min-width:601px) and (max-width:850px){.dice-stage{--die:46px}}