.dragon-stage{height:130px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#8954b860,transparent 70%),linear-gradient(90deg,#130d20,#332045,#130d20);border-bottom:1px solid #bb8e5555;--aura:#b29aff}
.guardian{position:absolute;width:205px;height:137px;bottom:-5px;filter:drop-shadow(0 0 12px #a387e54d);pointer-events:none}.guardian-left{left:-12px}.guardian-right{right:-12px;transform:scaleX(-1)}.guardian svg{width:100%;height:100%;overflow:visible}.dragon-head{transform-origin:120px 150px;animation:dragon-breathe 3.8s ease-in-out infinite}.guardian-right .dragon-head{animation-delay:-1.5s}.dragon-wing{transform-origin:110px 110px;animation:wing-idle 4.5s ease-in-out infinite}.dragon-jaw{transform-origin:146px 121px;transition:transform .15s}.dragon-eye{filter:drop-shadow(0 0 5px #ffdb53)}.dragon-breath{opacity:0;transform-origin:209px 125px}.dragon-call{position:absolute;inset:30px 115px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2;text-shadow:0 2px 8px #080511}.dragon-call span{font-size:6px;letter-spacing:2px;color:#b9a5d3}.dragon-call strong{font:700 19px Georgia,serif;color:#ffe2a3;line-height:1.2;margin:6px 0}.dragon-call small{font-size:7px;color:#c7acd8;letter-spacing:1px}.dragon-stage[data-reaction=multiply]{--aura:#b6ffd0;background:radial-gradient(ellipse at 50% 100%,#548b7366,transparent 75%),#1a1229}.dragon-stage[data-reaction=bomb]{background:radial-gradient(ellipse at 50% 100%,#d2484f88,transparent 75%),#1a1229}.dragon-stage[data-reaction=prize]{background:radial-gradient(ellipse,#c69b4c77,#57387980 60%,#160c22)}
[data-reaction=multiply] .dragon-head{animation:dragon-roar .7s ease-in-out 3}[data-reaction=multiply] .dragon-wing,[data-reaction=prize] .dragon-wing{animation:wing-beat .65s ease-in-out infinite}[data-reaction=multiply] .dragon-jaw,[data-reaction=prize] .dragon-jaw{transform:rotate(17deg)}[data-reaction=multiply] .dragon-breath,[data-reaction=prize] .dragon-breath{opacity:1;animation:fire-breath .3s ease-in-out infinite alternate}[data-reaction=bomb] .dragon-head{animation:dragon-recoil .65s ease-out 2}[data-reaction=bomb] .dragon-eye{fill:#ff7887;filter:drop-shadow(0 0 8px #f04e63)}[data-reaction=prize] .guardian{filter:drop-shadow(0 0 18px #f4b762)}[data-reaction=prize] .dragon-head{animation:dragon-roar .8s ease-in-out infinite}[data-reaction=shield] .guardian{filter:drop-shadow(0 0 16px #88ffe0)}
.announcer-speaking .dragon-call strong{color:#fff4ce;text-shadow:0 0 18px #ffa74e}.announcer-controls{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #bb8e5540}.announcer-controls button{border:1px solid #95754d;background:#322039;color:#ffe2a3;border-radius:5px;padding:7px 9px;font-size:10px}.announcer-controls label{font-size:10px;color:#d4bbd8;display:flex;align-items:center;gap:5px}.announcer-controls input{accent-color:#e8b768}.voice-note{font-size:9px;color:#ad97b6;margin:7px 0 0}
.prize-celebration{position:absolute;z-index:4;left:5%;right:5%;top:18%;padding:26px 12px;text-align:center;pointer-events:none;border:1px solid #ffdb89;border-radius:12px;background:radial-gradient(ellipse,#56306beb,#1b0b27ed);box-shadow:0 0 45px #f4ad5266,inset 0 0 25px #c2923e44;animation:prize-entrance .5s ease-out}.prize-celebration[hidden]{display:none}.prize-celebration span{display:block;font-size:9px;letter-spacing:3px;color:#ddc3ed}.prize-celebration strong{display:block;font:700 clamp(22px,4vw,42px) Georgia,serif;color:#ffe1a0;text-shadow:0 0 20px #ffad56;margin:12px 0}.prize-celebration b{font-size:18px;color:#fff1d2}.dragon-card-art{transform-origin:70% 60%;animation:guardian-breathe 7s ease-in-out infinite}body[data-dragon-reaction=multiply] .dragon-card-art{filter:brightness(1.3) saturate(1.3)}body[data-dragon-reaction=bomb] .dragon-card-art{animation:guardian-recoil .6s ease-out}body[data-dragon-reaction=prize] .dragon-card-art{filter:brightness(1.4);animation:guardian-breathe 1.5s ease-in-out infinite}
@keyframes dragon-breathe{50%{transform:translateY(-3px) rotate(-1.5deg)}}@keyframes wing-idle{50%{transform:rotate(-5deg)}}@keyframes wing-beat{50%{transform:rotate(-17deg) scaleY(1.07)}}@keyframes dragon-roar{50%{transform:translate(4px,-7px) rotate(-5deg)}}@keyframes dragon-recoil{20%{transform:translate(-9px,4px) rotate(-9deg)}65%{transform:translate(2px,-2px) rotate(2deg)}}@keyframes fire-breath{to{transform:scale(1.5,1.3);opacity:.65}}@keyframes guardian-breathe{50%{transform:scale(1.035) translateY(-2px)}}@keyframes guardian-recoil{35%{transform:translateX(-7px) rotate(-2deg);filter:sepia(.5) saturate(1.4)}}@keyframes prize-entrance{from{opacity:0;transform:scale(.75) translateY(20px)}to{opacity:1;transform:none}}
.is-paused *,.reduced .dragon-stage *,.reduced .dragon-card-art,.reduced .prize-celebration{animation:none!important}.reduced .dragon-jaw{transition:none}.reduced .dragon-breath{animation:none!important}.is-paused~.score-stage{opacity:.8}
.guardian{width:170px;height:170px;bottom:-32px}.guardian-left{left:-8px}.guardian-right{right:-8px}.dragon-sprite{height:100%;width:100%;background:url('assets/dragon-reactions.webp') 0 0/300% 100% no-repeat;transform-origin:50% 90%;animation:dragon-breathe 3.8s ease-in-out infinite}.guardian-right .dragon-sprite{animation-delay:-1.5s}[data-reaction=multiply] .dragon-sprite,[data-reaction=prize] .dragon-sprite{background-position:50% 0;animation:dragon-roar .8s ease-in-out infinite}[data-reaction=bomb] .dragon-sprite{background-position:100% 0;animation:dragon-recoil .65s ease-out 2}.dragon-call{left:125px;right:125px}
@media(max-width:620px){.dragon-stage{height:107px}.guardian{width:120px;height:120px;bottom:-20px}.guardian-left{left:-10px}.guardian-right{right:-10px}.dragon-call{inset:17px 80px 8px}.dragon-call strong{font-size:15px}.dragon-call span{font-size:5px;letter-spacing:1px}.dragon-call small{font-size:6px;letter-spacing:.3px}.prize-celebration{padding:18px 8px}.prize-celebration span{font-size:6px}.prize-celebration b{font-size:15px}}