.boss-showcase{position:relative;min-height:570px;border:1px solid #b28b4c38;background:radial-gradient(ellipse at 50% 53%,#42341d44,transparent 63%),linear-gradient(150deg,#191711b3,#0c0d0cd9);isolation:isolate;overflow:hidden}
.boss-showcase:before,.boss-showcase:after{content:"";position:absolute;width:35px;height:35px;border:1px solid #cda46088;pointer-events:none;z-index:3}.boss-showcase:before{top:12px;left:12px;border-right:0;border-bottom:0}.boss-showcase:after{bottom:12px;right:12px;border-left:0;border-top:0}
.boss-showcase .boss-rings{position:absolute;width:65%;height:65%;left:17.5%;top:16%;opacity:.3;z-index:-1}.boss-mount{position:absolute;inset:5px 0 110px;z-index:1;transition:opacity .3s;opacity:0}.boss-mount canvas{display:block;width:100%;height:100%}.boss-ready .boss-mount{opacity:1}
.boss-poster{position:absolute;object-fit:contain;inset:20px 10% 95px;width:80%;height:75%;transition:opacity .3s}.boss-ready .boss-poster{opacity:0}
.boss-floor{position:absolute;left:14%;right:14%;height:13%;bottom:20%;border:1px solid #b38a4666;border-radius:50%;transform:perspective(400px) rotateX(55deg);box-shadow:0 0 30px #c3944415,inset 0 0 40px #b4852d17;background:radial-gradient(ellipse,#0009,transparent 70%);z-index:0}
.boss-caption{position:absolute;left:25px;right:25px;bottom:94px;z-index:2;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.boss-name{display:block;font:500 clamp(22px,2.6vw,36px)/1.15 var(--serif);color:#e0c99f;letter-spacing:.03em;text-shadow:0 3px 10px #000}.boss-action{display:block;font-size:10px;color:#aa987c;letter-spacing:.14em;margin-top:7px}.boss-number{font-size:10px;letter-spacing:.1em;color:#96846b}
.boss-controls{position:absolute;bottom:17px;left:23px;right:23px;display:flex;justify-content:center;align-items:center;gap:7px;z-index:5}.boss-controls button{width:29px;height:29px;padding:0;border:1px solid #9f7e4244;background:#12110e;color:#a99573;cursor:pointer;font:11px var(--sans)}.boss-controls button:hover,.boss-controls button:focus-visible,.boss-controls button[aria-pressed=true]{color:#f1d4a0;border-color:#c79d56;background:#46351b}.boss-selectors{display:flex;gap:5px;margin:0 4px}.boss-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#a5843820}.boss-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#795a2b,#e7ba71);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #cb985b}
@media(prefers-reduced-motion:reduce){.boss-mount,.boss-poster{transition:none}}

.boss-number{white-space:nowrap;margin-left:8px}.boss-showcase .boss-name{font-size:clamp(22px,2.3vw,32px)}
.boss-skill{position:absolute;right:22px;top:22px;z-index:5;border:1px solid #9f7e4266;background:#14120cdd;padding:9px 12px;color:#ccb284;font:9px var(--sans);letter-spacing:.13em;cursor:pointer}.boss-skill:hover,.boss-skill:focus-visible{border-color:#e7ba71;color:#f6dba9;background:#392a16}

/* Ten bosses: two compact rows retain direct access on narrow displays. */
.boss-controls{display:grid;grid-template-columns:29px minmax(0,1fr) 29px 29px;gap:6px}.boss-selectors{display:grid;grid-template-columns:repeat(5,minmax(0,29px));justify-content:center;gap:5px;margin:0}.boss-selectors button{width:100%}
.boss-drops{left:22px;right:auto;background:linear-gradient(135deg,#594120e8,#271e11f2);border-color:#c9a36399;color:#f1d6a1}.boss-drops[hidden]{display:none}