/* Original procedural encounter cards; the model uses the existing game canvas. */
#boss-backdrop,#boss-intro{--accent:#ffd17e;--dark:#543820;--glow:#a36b32;position:fixed;inset:0;pointer-events:none;overflow:hidden}
#boss-backdrop[hidden],#boss-intro[hidden]{display:none}
#boss-backdrop[data-kind="2"],#boss-intro[data-kind="2"]{--accent:#ff8c83;--dark:#55232d;--glow:#a63d49}
#boss-backdrop[data-kind="3"],#boss-intro[data-kind="3"]{--accent:#9aeee9;--dark:#153c50;--glow:#3c8d9d}
#boss-backdrop{z-index:0;background:radial-gradient(ellipse at 34% 46%,var(--glow) 0,var(--dark) 38%,#080e18 76%)}
#boss-backdrop:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 88px,#050b1450 89px 94px,transparent 95px 145px),linear-gradient(112deg,transparent 51%,#080d18 51.3%);opacity:.9}
#boss-backdrop:after{content:"";position:absolute;inset:0;background:var(--accent);opacity:var(--hit,0)}
#boss-orbit{position:absolute;left:34%;top:46%;width:55vmin;height:55vmin;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid #fff4;outline:14px solid #ffffff08;box-shadow:0 0 0 40px #ffffff04}
#boss-orbit:before,#boss-orbit:after{content:"";position:absolute;inset:13%;border:2px dashed #fff2;transform:rotate(35deg)}
#boss-orbit:after{inset:-30%;border-width:1px;transform:rotate(60deg)}
body.boss-card #game{z-index:1}
#boss-intro{z-index:3;color:var(--accent)}
#boss-band{position:absolute;inset:7% -2% auto;height:9%;background:var(--accent);clip-path:polygon(0 24%,91% 0,100% 75%,8% 100%);opacity:.82}
#boss-band:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 12px,#0c142977 13px 19px)}
.boss-topline{position:absolute;top:3%;left:5%;right:7%;display:flex;justify-content:space-between;font:clamp(10px,1.4vw,16px)/1.2 Pixel,monospace;letter-spacing:3px}
.boss-copy{position:absolute;left:59%;right:4%;top:29%;bottom:12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
#boss-tag{font:clamp(10px,1.3vw,16px)/1.4 Pixel,monospace;letter-spacing:2px;border-bottom:2px solid var(--accent);padding:0 0 7px}
#boss-name{margin:0;color:#fff6e1;font:clamp(28px,5.1vw,78px)/1.08 Pixel,monospace;letter-spacing:1px;text-shadow:4px 4px #060a12;overflow-wrap:normal}
#boss-subtitle{font:clamp(10px,1.4vw,17px)/1.5 Pixel,monospace;color:var(--accent);letter-spacing:1px;margin:6px 0 0}
.boss-footer{position:absolute;bottom:5%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:clamp(9px,1.2vw,14px)/1.4 Pixel,monospace;letter-spacing:2px;color:#d1d6de}
.boss-meter{width:25%;height:5px;background:#ffffff24}.boss-meter i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--progress,0));transform-origin:left}
body.boss-card #hud{z-index:4}body.boss-card #hud>*{visibility:hidden;pointer-events:none}body.boss-card #hud .race-top{visibility:visible}body.boss-card #hud .race-top>*:not(#pause){visibility:hidden}body.boss-card #hud #pause{visibility:visible;pointer-events:auto}
body.boss-card #shade,body.boss-card #impact,body.boss-card #adhesion{display:none}
body.boss-card #pause-screen,body.boss-card #settings,body.boss-card #help{z-index:10}
@media(max-aspect-ratio: 23/20){
 #boss-backdrop{background:radial-gradient(ellipse at 50% 33%,var(--glow) 0,var(--dark) 33%,#080e18 72%)}
 #boss-backdrop:before{background:repeating-linear-gradient(125deg,transparent 0 88px,#050b1450 89px 94px,transparent 95px 145px),linear-gradient(174deg,transparent 51%,#080d18 51.3%)}
 #boss-orbit{left:50%;top:33%;width:70vw;height:70vw}
 #boss-band{top:9%;height:6%}.boss-topline{top:5%;right:24%;font-size:10px;letter-spacing:1px}
 .boss-copy{left:8%;right:8%;top:55%;bottom:13%;gap:12px}
 #boss-name{font-size:clamp(31px,10vw,49px)}#boss-tag{font-size:12px}#boss-subtitle{font-size:12px}
 .boss-footer{bottom:5%;font-size:9px;letter-spacing:1px}
}
@media(max-height:400px) and (min-aspect-ratio:23/20){.boss-copy{top:25%;gap:7px}#boss-name{font-size:clamp(27px,4.8vw,49px)}#boss-tag{font-size:10px;padding-bottom:4px}#boss-subtitle{font-size:11px}.boss-topline{letter-spacing:1px;right:15%}.boss-footer{font-size:9px}}

#boss-backdrop[data-kind="4"],#boss-intro[data-kind="4"]{--accent:#c8ea8a;--dark:#243d2c;--glow:#537d42}