.draft-stage[data-game=ice]{background:radial-gradient(ellipse at 50% 47%,#254d68,#13223a 65%)}.draft-stage[data-game=foam]{background:radial-gradient(ellipse at 50% 47%,#54462b,#172337 68%)}
.draft-stage[data-game=ice] #hazard-tap,.draft-stage[data-game=foam] #hazard-tap{position:absolute;inset:91px 16px 48px;width:auto;height:auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 0 20px;border-radius:18px;cursor:pointer;color:#c5dce7;opacity:1;touch-action:manipulation}
.hazard-touch svg{display:block;width:100%;height:100%;max-width:560px;max-height:560px;overflow:visible;pointer-events:none;filter:drop-shadow(0 12px 12px #0003)}
.hazard-touch-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;line-height:1.4;pointer-events:none}.draft-stage[data-game=ice] .draft-big{color:#d0f3ff}.draft-stage[data-game=foam] .draft-big{color:#ffe1a0}
#ice-intact{transition:opacity .18s}#ice-shards{opacity:0;pointer-events:none}#ice-shards path{transform-box:fill-box;transform-origin:center}.is-shattered #ice-intact{opacity:0}.is-shattered #ice-shards{opacity:1}.is-shattered #ice-shards path{animation:ice-shatter .65s cubic-bezier(.2,.65,.3,1) forwards}
@keyframes ice-shatter{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:.84}}
#foam-fill{transition:transform .48s cubic-bezier(.2,.8,.2,1)}.foam-bubble{animation:foam-bubble-rise 1.7s linear infinite}#foam-spill{opacity:0;pointer-events:none}.foam-drip{transform-box:fill-box;transform-origin:top}.is-overflowing #foam-spill{opacity:1}.is-overflowing .foam-crown{transform-box:fill-box;transform-origin:center;animation:foam-crown-pop .42s ease-out both}.is-overflowing .foam-drip{animation:foam-drip-down .85s cubic-bezier(.2,.7,.3,1) both}.is-overflowing .drip-two{animation-delay:.12s}.is-overflowing .drip-three{animation-delay:.2s}.is-overflowing .foam-bubble{animation-play-state:paused}
@keyframes foam-bubble-rise{from{transform:translateY(20px);opacity:0}25%{opacity:.8}to{transform:translateY(-70px);opacity:0}}@keyframes foam-crown-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes foam-drip-down{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.game-random-bar{position:sticky;top:max(7px,env(safe-area-inset-top));z-index:12;display:flex;justify-content:center;margin:0 0 12px;padding:5px 6px;background:#0a0f1fe8;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12;border-radius:13px}.game-random-bar button{min-height:38px;font-size:13px;padding:7px 17px}.light .game-random-bar{background:#f5f2eae8;border-color:#20283a1a}
@media(orientation:landscape) and (max-height:550px){.draft-stage[data-game=ice] #hazard-tap,.draft-stage[data-game=foam] #hazard-tap{inset:58px 16px 27px;padding-bottom:13px}.hazard-touch-hint{font-size:9px}.hazard-touch svg{max-height:none}.game-random-bar{padding:3px 6px}.game-random-bar button{min-height:34px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#ice-intact,#foam-fill{transition:none}.foam-bubble{animation:none}.is-shattered #ice-shards path{animation:none;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}.is-overflowing .foam-crown,.is-overflowing .foam-drip{animation:none;transform:none}}