.draw-stage{--card-w:106px;--fan-spread:58;--arc-ratio:.14;max-width:940px;margin-inline:auto;position:relative}@media (width>=640px){.draw-stage{--card-w:146px;--fan-spread:74;--arc-ratio:.17}}.draw-slots{z-index:5;justify-content:center;gap:var(--slot-gap,16px);padding-top:var(--stage-pad,calc(var(--card-w) * .3));transition:padding-top .48s;display:flex;position:relative}.draw-slot-wrap{width:var(--card-w);flex-direction:column;align-items:center;display:flex}.draw-slot{width:var(--card-w);aspect-ratio:300/527;border:1px dashed var(--color-hairline,#333);border-radius:10px;position:relative}.draw-slot.is-pending{animation:2.4s ease-in-out infinite draw-slot-pulse}.draw-slot:not(.is-pending){border-color:#0000}.draw-slot--bare{border-color:#0000;height:0;transition:height .3s}.draw-stage.is-drawn .draw-slot--bare{aspect-ratio:300/527;height:auto}@keyframes draw-slot-pulse{0%,to{border-color:var(--color-hairline,#333)}50%{border-color:var(--color-faint,#666)}}.draw-slot-label{letter-spacing:.02em;text-transform:uppercase;color:var(--color-mute,#8f8f8f);text-align:center;margin-top:8px;font-size:11px;line-height:1.35}.draw-hint{color:var(--color-mute,#8f8f8f);text-align:center;opacity:0;margin-top:10px;font-size:12px;transition:opacity .3s}.draw-hint.is-visible{opacity:1}.draw-trust-note{color:var(--color-faint,#666);text-align:center;opacity:0;margin-top:4px;font-size:11px;transition:opacity .3s}.draw-trust-note.is-visible{opacity:1}.draw-sound-toggle{border-radius:var(--radius-pill,100px);min-height:32px;color:var(--color-faint,#666);opacity:0;visibility:hidden;align-items:center;gap:6px;margin:6px auto 0;padding:4px 12px;font-size:11px;transition:opacity .3s,visibility .3s,color .15s;display:flex}.draw-sound-toggle.is-visible{opacity:1;visibility:visible}.draw-sound-toggle:hover{color:var(--color-body,#a1a1a1)}.draw-sound-toggle:focus-visible{outline:1px solid var(--color-hairline,#333);outline-offset:2px}.draw-sound-toggle svg{width:16px;height:16px}.draw-sound-toggle .draw-sound-x,.draw-sound-toggle.is-muted .draw-sound-wave{display:none}.draw-sound-toggle.is-muted .draw-sound-x{display:inline}.draw-status{letter-spacing:.02em;color:var(--color-gold-soft,#e8d4a0);text-align:center;margin-top:14px;font-size:12px;display:none}.draw-status.is-visible{animation:1.8s ease-in-out infinite draw-status-pulse;display:block}@keyframes draw-status-pulse{0%,to{opacity:.45}50%{opacity:.9}}.draw-card.is-awaiting .draw-card-face--back{animation:1.8s ease-in-out infinite draw-await-glow}@keyframes draw-await-glow{0%,to{box-shadow:0 0 0 1px #c9a25a1f}50%{box-shadow:0 0 0 1px #c9a25a66,0 0 18px #e9c48a40}}.draw-deck{margin-inline:auto;width:100%;height:calc(var(--card-w) * 1.76 + 40px);perspective:1000px;margin-top:22px;transition:height .42s,margin-top .42s,opacity .3s;animation:5.2s ease-in-out infinite draw-deck-breathe;position:relative}@keyframes draw-deck-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.draw-stage.is-drawn .draw-deck{opacity:0;pointer-events:none;height:0;margin-top:0;animation-play-state:paused;overflow:hidden}.draw-card{width:var(--card-w);aspect-ratio:300/527;transform-origin:50% 100%;transform:translateX(-50%) translate(calc(var(--dx,0px) + var(--hover-shift,0px)), var(--dy,0px)) rotate(var(--rot,0deg)) scale(var(--scale,1)) rotateX(var(--tilt,6deg));filter:brightness(calc(1 - var(--depth,0) * .14)) drop-shadow(0 8px 14px #0000002e);perspective:800px;touch-action:manipulation;background:0 0;border:none;margin:0;padding:0;transition:transform .72s cubic-bezier(.22,1,.36,1),filter .72s,opacity .4s;position:absolute;bottom:0;left:50%}.draw-card--shuffling{transition-duration:.14s}.draw-card--rising{filter:brightness(1.03)drop-shadow(0 16px 20px #0000003d)drop-shadow(0 0 20px #e9c48a59);transition:transform .17s cubic-bezier(.16,1,.3,1),filter .17s}.draw-card--traveling{filter:brightness()drop-shadow(0 22px 26px #0000004d)drop-shadow(0 0 10px #e9c48a1f);transition:transform .56s cubic-bezier(.34,1.56,.64,1),filter .48s}.draw-card[data-picked=true]{filter:brightness()drop-shadow(0 22px 28px #00000052)drop-shadow(0 4px 8px #0003)}.draw-card[data-interactive=true]{cursor:pointer}.draw-card[data-interactive=true]:hover,.draw-card[data-interactive=true]:focus-visible{transform:translateX(-50%) translate(calc(var(--dx,0px) + var(--hover-shift,0px)), calc(var(--dy,0px) - 14px)) rotate(0deg) scale(calc(var(--scale,1) * 1.035)) rotateX(0deg);filter:brightness(1.03)drop-shadow(0 18px 22px #0000003d)drop-shadow(0 0 18px #e9c48a52);transition:transform .72s cubic-bezier(.22,1,.36,1),filter .72s,opacity .4s;z-index:500!important}.draw-card[data-interactive=true]:hover+.draw-card{--hover-shift:4px}.draw-card:has(+.draw-card[data-interactive=true]:hover){--hover-shift:-4px}.draw-card[data-interactive=true]:focus-visible{outline:2px solid var(--color-ink,#ededed);outline-offset:4px;border-radius:10px}.draw-card[data-exiting=true]{opacity:0;transform:translateX(-50%) translate(var(--dx,0px), calc(var(--dy,0px) + 20px)) rotate(var(--rot,0deg)) scale(.92);pointer-events:none;transition:transform .4s,opacity .4s}.draw-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.4,.1,.2,1);position:relative}.draw-card[data-flipped=true] .draw-card-inner{transform:rotateY(180deg)}.draw-card-face{object-fit:cover;border:1px solid var(--color-hairline,#333);backface-visibility:hidden;background:var(--color-canvas-elevated,#141414);border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.draw-card-face--front{border-color:var(--color-gold,#c9a25a);transform:rotateY(180deg);box-shadow:0 0 0 1px #c9a25a59}@media (prefers-reduced-motion:reduce){.draw-card,.draw-card-inner,.draw-deck,.draw-hint,.draw-trust-note,.draw-sound-toggle,.draw-status,.draw-card.is-awaiting .draw-card-face--back,.draw-slot.is-pending{transition-duration:1ms!important;animation:none!important}}