.class-boss{position:relative;isolation:isolate;display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;overflow:hidden;padding:18px 24px;margin:0 0 16px;border:1px solid #ec71446b;border-radius:22px;color:#ffebdb;background:radial-gradient(ellipse at 10% 50%,#a32d344f,transparent 58%),linear-gradient(125deg,#321725,#171627);box-shadow:0 12px 30px #10071328}
.boss-art{display:flex;align-items:center;justify-content:center;min-width:0}.boss-art img{width:100%;filter:drop-shadow(0 0 16px #ff4d3060)}
.boss-eyebrow{color:#ffba79;font-size:10px;letter-spacing:.14em;font-weight:800}.boss-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.boss-heading h2{margin:6px 0;font-size:clamp(18px,2.5vw,25px);color:#fff1e4}.boss-timer{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe0a0;background:#ff9a281c;border:1px solid #ffab4947;border-radius:10px;padding:7px 10px}.boss-summary{margin:6px 0 10px;font-size:14px;line-height:1.5}.class-boss progress{appearance:none;display:block;width:100%;height:13px;border:0;border-radius:9px;overflow:hidden;background:#090e1e}.class-boss progress::-webkit-progress-bar{background:#090e1e;border-radius:9px}.class-boss progress::-webkit-progress-value{background:linear-gradient(90deg,#e5344f,#ff7835,#ffd470);border-radius:9px;transition:width .7s}.class-boss progress::-moz-progress-bar{background:linear-gradient(90deg,#e5344f,#ffd470)}.class-boss progress[hidden]{display:none}.boss-numbers{font-size:12px;margin:7px 0;color:#ffd09b;font-variant-numeric:tabular-nums}.class-boss details{font-size:12px;line-height:1.6;color:#ecd1c8}.class-boss summary{cursor:pointer;min-height:30px;padding:5px 0}.class-boss details p{margin:6px 0}.class-boss[data-state=scheduled] .boss-art{opacity:.65}.class-boss[data-state=won]{border-color:#ffcf6b;background:radial-gradient(ellipse at 10% 50%,#cb8d2445,transparent 70%),#211b2b}.class-boss[data-state=active] .boss-art{animation:boss-hover 3s ease-in-out infinite}
.boss-toast{position:fixed;bottom:20px;right:20px;z-index:1300;width:min(460px,calc(100vw - 32px));display:grid;grid-template-columns:65px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:14px;border:1px solid #ffae6f88;border-radius:18px;color:#fff0e1;background:#241521f5;box-shadow:0 12px 45px #0008;pointer-events:none}.boss-toast img{width:65px}.boss-toast strong{font-size:16px}.boss-toast p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#ffe0cb}.boss-toast button{pointer-events:auto;align-self:start;background:transparent;color:#ffe6ce;border:0;font-size:25px;cursor:pointer;min-height:32px}.boss-arrival{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1200}.boss-flight{position:absolute;top:10%;left:50%;width:min(620px,85vw);filter:drop-shadow(0 0 25px #ff492c88);animation:boss-flight 5.5s cubic-bezier(.2,.7,.3,1) both}.boss-flight img{width:100%}.boss-arrival i{position:absolute;left:calc(6% + var(--i)*5.7%);top:-20px;width:4px;height:14px;border-radius:50%;background:#ffad55;box-shadow:0 0 9px #fa6235;animation:boss-ember 3s ease-out both;animation-delay:calc(var(--i)*.12s)}
@keyframes boss-flight{0%{transform:translate(100vw,-60vh) rotate(-25deg) scale(.35);opacity:0}18%{opacity:1}45%,70%{transform:translate(-50%,0) rotate(0) scale(1);opacity:1}100%{transform:translate(-100vw,-35vh) rotate(18deg) scale(.5);opacity:0}}@keyframes boss-ember{to{transform:translate(-55px,80vh);opacity:0}}@keyframes boss-hover{50%{transform:translateY(-7px)}}
@media(max-width:600px){.class-boss{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:14px}.boss-heading{flex-wrap:wrap;gap:3px}.boss-heading h2{font-size:18px}.boss-timer{padding:4px 8px;font-size:12px}.boss-eyebrow{font-size:9px}.boss-summary{font-size:12px}.boss-art{align-self:start;margin-top:25px}.boss-toast{bottom:calc(76px + env(safe-area-inset-bottom));right:16px;grid-template-columns:38px minmax(0,1fr) 28px}.boss-toast img{width:45px}.boss-toast strong{font-size:14px}.boss-toast p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.boss-flight{animation:none;transform:translateX(-50%);width:200px}.boss-arrival{display:none}.boss-arrival i,.class-boss[data-state=active] .boss-art{animation:none}.class-boss progress::-webkit-progress-value{transition:none}}
.boss-fire{position:fixed;inset:0;z-index:1250;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#ffb02b99,#d4332055 55%,#53162933);animation:boss-fire-screen 2s ease-in-out both}.boss-fire i{position:absolute;bottom:-28vh;left:calc(var(--i)*5% - 8%);width:22vw;height:100vh;border-radius:55% 30% 0 0;background:linear-gradient(0deg,#fff1a2,#ffb329 38%,#f1442199 70%,transparent);transform-origin:bottom;filter:blur(3px);animation:boss-flame 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}.boss-fire-bird{position:absolute;z-index:2;width:min(450px,75vw);left:50%;top:4%;transform:translateX(-50%);filter:drop-shadow(0 0 30px #ff7b30)}.boss-fire-bird img{width:100%}.boss-fire-caption{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:min(450px,90vw);box-sizing:border-box;padding:20px;text-align:center;background:#301321eb;border:1px solid #ffc572;border-radius:20px;color:#fff1d0;box-shadow:0 8px 40px #3c0b0b66}.boss-fire-caption strong{display:block;font-size:clamp(24px,4vw,40px);margin-bottom:10px}.boss-fire-caption span{font-size:14px;line-height:1.6}.boss-fire.calm{background:transparent;animation:none}.boss-fire.calm .boss-fire-bird{display:none}.boss-fire.calm .boss-fire-caption{top:auto;bottom:90px;transform:translateX(-50%)}@keyframes boss-flame{from{transform:scaleY(.45) rotate(-12deg)}to{transform:scaleY(1.2) rotate(10deg)}}@keyframes boss-fire-screen{0%,100%{opacity:0}15%,80%{opacity:1}}@media(prefers-reduced-motion:reduce){.boss-fire,.boss-fire i{animation:none}.boss-fire i{display:none}}
/* Six-second obstacles: compositor transforms, no flashing or expensive blur. */
.boss-hazard{position:fixed;inset:0;z-index:1205;pointer-events:none;overflow:hidden;contain:strict;background:linear-gradient(110deg,#15203422,#15203455);animation:hazard-veil 6s ease-in-out both}
.boss-hazard-label{position:absolute;top:14%;left:50%;transform:translateX(-50%);z-index:2;width:max-content;max-width:85vw;padding:12px 20px;border:1px solid #c5cbf577;border-radius:16px;background:#17182ce8;color:#f4f3ff;font:700 clamp(14px,1.3vw,24px)/1.4 var(--font-ui,sans-serif);text-align:center;box-sizing:border-box}
.boss-hazard i{position:absolute;display:block;left:calc(var(--i)*15% - 20%);top:calc(25% + var(--i)*5%);width:30vw;height:16vh;border-radius:50%;background:#afbdca9c;animation:hazard-drift 5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.45s)}
.boss-hazard[data-kind=fog] i{background:radial-gradient(ellipse,#77ba9bdd,#45726977 60%,transparent 72%);width:50vw;height:30vh}
.boss-hazard[data-kind=storm] i{background:radial-gradient(ellipse,#323152ee,#545779aa 60%,transparent 72%);width:50vw;height:30vh}
.boss-hazard[data-kind=sand]{background:linear-gradient(120deg,#ad6b2344,#b89b4366)}
.boss-hazard[data-kind=sand] i{height:4px;width:40vw;background:#ffdda3;box-shadow:0 30px #b48a5180,0 80px #edc98980,0 140px #e6c78b80;transform:rotate(-12deg)}
.boss-hazard[data-kind=embers] i{width:6vw;height:20vh;border-radius:70% 0 70% 50%;background:linear-gradient(35deg,#ff743b,#ffc67c99);animation-name:hazard-fall}
.boss-hazard[data-kind=frost] i,.boss-hazard[data-kind=shards] i{width:15vw;height:40vh;border-radius:0;clip-path:polygon(50% 0,100% 40%,70% 100%,0 70%);background:linear-gradient(125deg,#b8f1ffd9,#70afd988);animation-name:hazard-fall}
.boss-hazard[data-kind=shards] i{background:linear-gradient(45deg,#e9acffc9,#c5e4ffad 45%,#8369bdbb 46%,#ded2ff8a)}
.boss-hazard[data-kind=shadow]{background:radial-gradient(ellipse at 50% 50%,transparent 10%,#140c2a99 55%,#140c2add)}
.boss-hazard[data-kind=shadow] i{background:#241632bb;width:25vw;height:50vh}
.boss-hazard[data-kind=web] i{width:45vw;height:45vw;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 17%,#e4d9ffbb 18% 19%,transparent 20% 25%);border:2px solid #d9c9fdaa}
.boss-hazard[data-kind=web] i::before,.boss-hazard[data-kind=web] i::after{content:'';position:absolute;left:50%;height:100%;border-left:2px solid #d9c9fdaa;transform:rotate(45deg)}
.boss-hazard[data-kind=web] i::after{transform:rotate(-45deg)}
.boss-hazard[data-kind=tide] i{width:50vw;height:50vh;top:65%;border-radius:45%;background:linear-gradient(#69d3e3cc,#25447ae6);animation-name:hazard-wave}
.boss-hazard[data-kind=clock] i{width:5vw;height:45vh;top:-10%;border-radius:0 0 50% 50%;transform-origin:50% 0;background:linear-gradient(90deg,transparent 42%,#deb860 43% 57%,transparent 58%);animation:hazard-pendulum 3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.4s)}
.boss-hazard[data-kind=clock] i::after{content:'';position:absolute;bottom:0;left:-50%;width:10vw;height:10vw;max-height:150px;max-width:150px;border-radius:50%;border:3px solid #e7c884;background:radial-gradient(circle,#827342,#342339)}
.boss-hazard.calm{background:transparent;animation:none}.boss-hazard.calm .boss-hazard-label{top:auto;bottom:110px;font-size:14px}
@keyframes hazard-drift{from{transform:translate(-12vw,-4vh)}to{transform:translate(18vw,7vh)}}
@keyframes hazard-fall{from{transform:translate(-6vw,-35vh) rotate(-20deg)}to{transform:translate(10vw,35vh) rotate(20deg)}}
@keyframes hazard-wave{from{transform:translate(-10vw,12vh) rotate(-8deg)}to{transform:translate(10vw,-25vh) rotate(8deg)}}
@keyframes hazard-pendulum{from{transform:rotate(-30deg)}to{transform:rotate(30deg)}}
@keyframes hazard-veil{0%,100%{opacity:0}12%,85%{opacity:1}}
@media(prefers-reduced-motion:reduce){.boss-hazard{animation:none;background:transparent}.boss-hazard i{display:none}}
.class-boss[data-boss=sand]{border-color:#e6bd73;background:linear-gradient(125deg,#594321,#171627)}
.class-boss[data-boss=spider]{border-color:#bc9de7;background:linear-gradient(125deg,#442b59,#171627)}
.class-boss[data-boss=kraken]{border-color:#77cadd;background:linear-gradient(125deg,#153d55,#171627)}
.class-boss[data-boss=mirror]{border-color:#e1a1ed;background:linear-gradient(125deg,#542f65,#171627)}
.class-boss[data-boss=chrono]{border-color:#e8cb7e;background:linear-gradient(125deg,#4c4327,#171627)}

.class-boss[data-boss=roshan]{border-color:#c77b55;background:linear-gradient(125deg,#48362d,#191822)}.class-boss[data-boss=roshan] .boss-art img{filter:drop-shadow(0 0 16px #e97d3b55)}
/* In-flow battle HUD: never covers the exercise, keyboard or navigation. */
body.battle-mode [data-battle-blocked]{cursor:not-allowed;box-shadow:none;border-style:dashed}body.battle-mode .profile-link,body.battle-mode .lb-clan-link{cursor:not-allowed}
.toast-root:has(.battle-nav-toast){width:min(360px,calc(100vw - 32px));bottom:calc(80px + env(safe-area-inset-bottom,0px));pointer-events:none}
.toast.battle-nav-toast{box-sizing:border-box;width:100%;border-radius:14px;text-align:center;font-size:.875rem;line-height:1.4}
.boss-activity-dock{box-sizing:border-box;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(1200px,calc(100% - 32px));margin:12px auto 0;padding:11px 15px;border:1px solid var(--warm-border,var(--border));border-radius:14px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm);font-family:var(--font-ui,sans-serif)}
.boss-activity-dock>img{display:block;width:40px;height:40px;object-fit:contain;pointer-events:none}.boss-activity-copy{min-width:0}.boss-activity-copy strong{display:block;color:var(--text-bright);font-size:.88rem;line-height:1.4}.boss-activity-copy p{margin:3px 0 0;color:var(--text-muted);font-size:.77rem;line-height:1.5;overflow-wrap:anywhere}
.boss-activity-clock{min-width:78px;text-align:right;font-variant-numeric:tabular-nums}.boss-activity-clock span{display:block;color:var(--text-muted);font-size:.65rem;line-height:1.4}.boss-activity-clock b{display:block;margin-top:3px;color:var(--text-bright);font:850 1rem var(--font-mono,monospace)}.boss-activity-clock[hidden]{display:none}
.boss-activity-dock[data-state=warning]{border-color:var(--error);background:var(--panel)}.boss-activity-dock[data-state=warning] .boss-activity-clock b{color:var(--error)}.boss-activity-dock[data-state=charged]{grid-template-columns:40px minmax(0,1fr);border-color:var(--warm-border)}.boss-activity-dock[data-state=paused]>img{opacity:.6}
@media(max-width:600px){.boss-activity-dock{grid-template-columns:30px minmax(0,1fr) 62px;gap:8px;width:calc(100% - 24px);padding:10px;margin-top:8px}.boss-activity-dock>img{width:30px;height:30px}.boss-activity-copy strong{font-size:.8rem}.boss-activity-copy p{font-size:.72rem}.boss-activity-clock{min-width:0}.boss-activity-clock span{font-size:.6rem}.boss-activity-clock b{font-size:.94rem}.boss-activity-dock[data-state=charged]{grid-template-columns:30px minmax(0,1fr)}}
.boss-hazard[data-kind=slam]{background:radial-gradient(ellipse at 50% 100%,#ce7b3544,transparent 70%)}.boss-hazard[data-kind=slam] i{width:12vw;height:12vw;max-width:140px;max-height:140px;border-radius:12%;clip-path:polygon(20% 0,85% 10%,100% 65%,60% 100%,0 75%);background:linear-gradient(135deg,#b48a61,#574136 60%,#392c2b);box-shadow:inset 0 0 20px #e3b88e;animation-name:hazard-fall}.boss-hazard[data-kind=slam]::after{content:'';position:absolute;inset:auto 0 0;height:22vh;background:repeating-conic-gradient(from 8deg at 50% 100%,transparent 0deg 16deg,#edba7966 17deg 18deg,transparent 19deg 36deg);mask-image:linear-gradient(transparent,black)}

/* Illustrated encounters. Surfaces remain theme-aware; effects never receive input. */
.class-boss[data-boss=beehive]{--boss-hue:#dba333}
.class-boss[data-boss=pooh]{--boss-hue:#d9a853}
.class-boss[data-boss=wolf]{--boss-hue:#809fb5}
.class-boss[data-boss=pooh] .boss-art img{max-height:180px;object-fit:contain}
.boss-hazard[data-kind=swarm]{background:radial-gradient(ellipse at 15% 5%,#edb52d29,transparent 66%)}
.boss-hazard[data-kind=honey]{background:linear-gradient(130deg,#9d641b11,transparent 40%,#ffe3a62b)}
.boss-hazard[data-kind=chase]{background:linear-gradient(transparent 45%,#345c431a)}
.boss-hazard[data-kind=swarm] .boss-hazard-label,.boss-hazard[data-kind=honey] .boss-hazard-label{background:#3e2c16ed;border-color:#efca69;color:#fff4c7}
.boss-hazard[data-kind=chase] .boss-hazard-label{background:#203d48ed;border-color:#c6d6c4;color:#f3f8ec}
.boss-hazard img{display:block;object-fit:contain;pointer-events:none;user-select:none}
.boss-hive-scene{position:absolute;top:-26px;left:1%;width:clamp(140px,20vw,260px);height:clamp(140px,20vw,260px);transform-origin:50% 0;animation:boss-hive-swing 2.6s ease-in-out infinite alternate}
.boss-swarm-bee{position:absolute;left:-150px;top:calc(var(--lane)*1%);width:clamp(48px,6vw,86px);height:auto;animation:boss-bee-cross 3.1s linear infinite;animation-delay:calc(var(--bee)*-.31s);z-index:1}
.boss-swarm-bee img{width:100%;height:auto;animation:boss-bee-bob .55s ease-in-out infinite alternate;animation-delay:calc(var(--bee)*-.08s)}
.boss-swarm-bee:nth-of-type(3n){animation-direction:reverse;z-index:0;opacity:.82}
.boss-swarm-bee:nth-of-type(3n) img{scale:-1 1}
.boss-honey-jar{position:absolute;top:22%;right:7%;width:clamp(100px,16vw,200px);height:clamp(110px,18vw,220px);transform-origin:75% 70%;animation:boss-jar-tip 6s ease-in-out both;z-index:1}
.boss-honey-pool{position:absolute;left:25%;top:54%;width:50%;height:clamp(60px,17vh,170px);border-radius:47% 53% 42% 58%/51% 42% 58% 49%;background:radial-gradient(ellipse at 35% 30%,#fff2b3ba 0 3%,transparent 4%),linear-gradient(135deg,#ffd66fe8,#eeb72bd4 60%,#b66b20de);box-shadow:inset 0 -8px 0 #ad651b88,0 5px 0 #fff1a255;transform-origin:85% 15%;animation:boss-honey-spill 6s cubic-bezier(.2,.8,.3,1) both}
.boss-honey-pool::before{content:'';position:absolute;left:17%;top:18%;width:45%;height:12%;border-radius:50%;background:#fff5b792;transform:rotate(-8deg)}
.boss-honey-pool::after{content:'';position:absolute;right:-13%;top:38%;width:27%;height:53%;border-radius:50%;background:#eeb72bd9;box-shadow:-14vw 5vh 0 -15px #ffc63abd}
.boss-honey-drop{position:absolute;right:calc(13% + var(--drop)*6%);top:34%;width:calc(12px + var(--drop)*2px);height:calc(23px + var(--drop)*3px);border-radius:65% 35% 65% 35%;background:linear-gradient(135deg,#fff2aa,#ffc238 65%,#b5761c);animation:boss-honey-drip 1.5s ease-in infinite;animation-delay:calc(var(--drop)*-.19s)}
.boss-pooh-scene{position:absolute;left:-260px;top:2%;width:clamp(170px,25vw,300px);height:clamp(210px,30vw,360px);animation:boss-balloon-cross 6s ease-in-out both;z-index:1}
.boss-chase-road{position:absolute;left:0;right:0;bottom:17%;height:10%;background:linear-gradient(transparent,#c7b89644 18% 85%,transparent);transform:rotate(-2deg)}
.boss-chase-road::after{content:'';position:absolute;inset:48% -10% auto;height:3px;background:repeating-linear-gradient(90deg,#fff4c977 0 55px,transparent 56px 100px);animation:boss-road-slide 1s linear infinite}
.boss-chase-wolf,.boss-chase-hare{position:absolute;left:-300px;bottom:16%;width:clamp(140px,22vw,260px);height:clamp(170px,27vw,310px);animation:boss-chase-run 5.5s linear infinite;z-index:1}
.boss-chase-hare{width:clamp(85px,13vw,150px);height:clamp(130px,21vw,240px);animation-delay:-.8s;bottom:17%}
.boss-chase-dust{position:absolute;left:-150px;bottom:calc(15% + var(--dust)*1.5%);width:calc(35px + var(--dust)*11px);height:calc(20px + var(--dust)*8px);border-radius:50%;background:#c4a67980;animation:boss-chase-run 5.5s linear infinite;animation-delay:calc(var(--dust)*.08s + .15s);z-index:0}
.boss-story-strike{animation-duration:2s}
.boss-arrival[data-boss=pooh] .boss-flight{width:min(360px,65vw);top:0;animation-name:boss-balloon-arrival;filter:drop-shadow(0 8px 12px #56371f44)}
.boss-arrival[data-boss=beehive] .boss-flight{filter:drop-shadow(0 0 25px #f5c54b77)}
.boss-arrival[data-boss=wolf] .boss-flight{filter:drop-shadow(0 7px 15px #263b4955)}
.boss-arrival[data-boss=beehive] i,.boss-arrival[data-boss=pooh] i{background:#ffe186;box-shadow:none;width:6px;height:6px}
.boss-arrival[data-boss=wolf] i{background:#d0dece;box-shadow:none;width:6px;height:6px}
@keyframes boss-hive-swing{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@keyframes boss-bee-cross{0%{transform:translateX(-4vw) translateY(var(--rise)) rotate(-8deg)}50%{transform:translateX(65vw) translateY(calc(var(--rise)*-1)) rotate(5deg)}100%{transform:translateX(calc(100vw + 300px)) translateY(var(--rise)) rotate(-5deg)}}
@keyframes boss-bee-bob{from{transform:translateY(-6px) rotate(-7deg)}to{transform:translateY(6px) rotate(7deg)}}
@keyframes boss-jar-tip{0%,10%{transform:rotate(0)}28%,72%{transform:rotate(-48deg)}100%{transform:rotate(-20deg)}}
@keyframes boss-honey-spill{0%,12%{transform:scale(.03);opacity:0}35%{opacity:1;transform:scale(.68)}75%,100%{transform:scale(1);opacity:1}}
@keyframes boss-honey-drip{0%{transform:translateY(0) scale(.2);opacity:0}20%{opacity:1}100%{transform:translate(-12vw,26vh) scale(.9);opacity:0}}
@keyframes boss-balloon-cross{0%{transform:translate(-5vw,16vh) rotate(-7deg)}35%{transform:translate(45vw,0) rotate(6deg)}70%{transform:translate(80vw,4vh) rotate(-5deg)}100%{transform:translate(calc(100vw + 300px),-18vh) rotate(8deg)}}
@keyframes boss-road-slide{to{transform:translateX(-100px)}}
@keyframes boss-chase-run{0%{transform:translateX(-10vw) translateY(0) rotate(-3deg)}12.5%,37.5%,62.5%,87.5%{translate:0 -9px}25%,50%,75%{translate:0 0}100%{transform:translateX(calc(100vw + 600px)) translateY(0) rotate(4deg)}}
@keyframes boss-balloon-arrival{0%{transform:translate(80vw,50vh) rotate(9deg);opacity:0}20%{opacity:1}45%,65%{transform:translate(-50%,0) rotate(-4deg);opacity:1}100%{transform:translate(-100vw,-65vh) rotate(7deg);opacity:0}}
@media(max-width:600px){.boss-hazard[data-kind=swarm] .boss-hive-scene{top:0;left:-35px;width:145px;height:145px}.boss-swarm-bee:nth-of-type(n+9){display:none}.boss-honey-pool{left:12%;width:70%;height:90px;top:55%}.boss-honey-jar{top:26%;right:0}.boss-pooh-scene{top:7%;width:175px;height:220px}.boss-chase-wolf{width:170px;height:205px}.boss-chase-hare{width:100px;height:160px}.boss-hazard-label{max-width:90vw;font-size:13px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.boss-hazard .boss-swarm-bee,.boss-hive-scene,.boss-pooh-scene,.boss-honey-jar,.boss-honey-pool,.boss-honey-drop,.boss-chase-road,.boss-chase-wolf,.boss-chase-hare,.boss-chase-dust{display:none;animation:none}.boss-hazard[data-kind=swarm],.boss-hazard[data-kind=honey],.boss-hazard[data-kind=chase]{background:transparent}.boss-arrival[data-boss=pooh] .boss-flight{animation:none}}

/* One account-owned, server-confirmed pause. Native modal preserves the draft. */
.boss-cage{box-sizing:border-box;width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #bc9658;border-radius:26px;background:var(--panel,#222c38);color:var(--text,#e3e8ee);box-shadow:0 28px 100px #0008;overflow:auto;overscroll-behavior:contain;font-family:var(--font-ui,sans-serif)}
.boss-cage::backdrop{background:#09121be8}
.boss-cage-room{position:relative;isolation:isolate;height:220px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#40546a 0,transparent 65%),linear-gradient(#152232,#263749)}
.boss-cage-room:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(#c0a070,#826647);border-top:4px solid #d5bd8b;z-index:3}
.boss-cage-moon{position:absolute;right:13%;top:23px;width:58px;height:58px;border-radius:50%;background:#f3dfaa;box-shadow:0 0 32px #f3dfaa33}
.boss-cage-keyboard{display:flex;gap:8px;position:absolute;left:50%;top:87px;transform:translateX(-50%) rotate(-5deg);padding:15px 13px 20px;border:3px solid #6f96a5;border-radius:15px;background:#294455;box-shadow:0 14px 0 #142a38,0 20px 22px #0005}
.boss-cage-keyboard span{display:grid;place-items:center;width:38px;height:38px;background:#d5e6de;color:#244453;border:2px solid #abc4ba;border-bottom-width:5px;border-radius:7px;font:800 21px var(--font-mono,monospace)}
.boss-cage-bars{position:absolute;inset:0 11%;display:flex;justify-content:space-between;z-index:2;animation:boss-cage-lower .55s cubic-bezier(.2,.75,.4,1) both;border-top:15px solid #b4c2c6}
.boss-cage-bars:after{content:"";position:absolute;left:-10px;right:-10px;top:143px;height:17px;background:linear-gradient(#d5dbd9,#7b919d);border:2px solid #516977;border-radius:4px;box-shadow:0 4px 6px #0004}
.boss-cage-bars>i{display:block;width:14px;height:100%;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#667b88,#c9d4d4 45%,#78909d);box-shadow:3px 0 4px #0004}
.boss-cage-bars>b{display:grid;place-items:center;position:absolute;z-index:3;left:calc(50% - 22px);top:131px;width:44px;height:48px;border:3px solid #e4c887;border-radius:10px;background:#ad8847;color:#fff0bd;font:900 29px sans-serif;box-shadow:0 5px 8px #0004}
.boss-cage-copy{padding:27px 32px 26px;text-align:center}.boss-cage-eyebrow{color:var(--text-muted,#9eadbd);font-size:11px;letter-spacing:.13em;font-weight:800}.boss-cage-copy h2{margin:10px 0;color:var(--text-bright,var(--text));font-size:clamp(23px,4vw,32px);line-height:1.2}.boss-cage-copy p{margin:12px 0;color:var(--text-muted);line-height:1.55;font-size:14px}.boss-cage-copy .boss-cage-note{font-size:12px;margin:18px 0 10px}.boss-cage-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.boss-cage-summary>div{padding:14px 8px;border:1px solid var(--border,#465362);border-radius:14px;background:var(--panel-2,var(--panel))}.boss-cage-summary span{display:block;color:var(--text-muted);font-size:11px}.boss-cage-summary strong{display:block;margin-top:5px;font-size:23px;font-variant-numeric:tabular-nums;color:var(--text-bright,var(--text));line-height:1.4}.boss-cage-connection{display:block;color:var(--text-muted);font-size:11px;line-height:1.5}
@keyframes boss-cage-lower{from{transform:translateY(-105%)}to{transform:translateY(0)}}
@media(max-width:440px){.boss-cage{border-radius:20px}.boss-cage-room{height:170px}.boss-cage-keyboard{top:59px;padding:11px 10px 15px;gap:5px}.boss-cage-keyboard span{width:30px;height:30px;font-size:18px}.boss-cage-bars:after{top:109px}.boss-cage-bars>b{top:97px}.boss-cage-copy{padding:20px 17px}.boss-cage-copy p{font-size:13px}.boss-cage-summary strong{font-size:21px}.boss-cage-moon{width:43px;height:43px;top:17px}}
@media(prefers-reduced-motion:reduce){.boss-cage-bars{animation:none}}