.boss-card,.boss-panel{--boss-gold:#edc67f;--boss-violet:#bc81ff;color:#f7f1ff;border:1px solid #d2b77b99;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1d2e49,#0b172c);box-shadow:0 14px 35px #030a193b,inset 0 1px #fff1}
.boss-card{position:relative;margin:18px 0;isolation:isolate;min-height:350px}
.boss-card-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,#0b172c 73%),url('../assets/boss/guardian.webp') center 26%/cover}
.boss-card-content{padding:155px 17px 18px}
.boss-kicker{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#f7d694}
.boss-kicker .icon{width:16px;height:16px}
.boss-card h2{margin:9px 0 16px;font:500 26px/1.15 var(--serif);text-wrap:balance}
.boss-health>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.boss-health strong{font-size:21px;font-variant-numeric:tabular-nums;font-weight:600;color:#ffe0a1}
.boss-health small{font-size:12px;color:#c9cddd;font-weight:400}
.boss-health b{color:#ddb4ff;font-size:14px}
.boss-hp-track{position:relative;height:13px;border:1px solid #c4abc999;border-radius:99px;background:#061121;overflow:hidden;box-shadow:inset 0 2px 5px #0008}
.boss-hp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7943c9,#c18bff);box-shadow:inset 0 1px #fff7,0 0 12px #bb78ff70;transition:width 600ms ease}
.boss-hp-track>span{position:absolute;top:0;bottom:0;width:1px;background:#eee9ff66}
.boss-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:13px 0;font-size:10px;color:#d1d8e8}
.boss-card-meta>span{display:flex;gap:5px;align-items:center}
.boss-card-meta .icon{width:15px;height:15px}
.boss-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;padding:12px;border:1px solid #f2cd8a;border-radius:11px;background:linear-gradient(180deg,#8e57da,#55318e);color:#fff8e9;font:600 15px/1.25 var(--serif);box-shadow:inset 0 1px #ffffff4d,0 3px 14px #17092555;cursor:pointer;touch-action:manipulation}
.boss-primary:active{filter:brightness(1.2)}
.boss-primary:focus-visible{outline:3px solid #ffe2a6;outline-offset:3px}
.boss-primary:disabled{opacity:.55;cursor:not-allowed}
.boss-primary .icon{width:19px;height:19px}
.boss-page{display:grid;gap:16px;min-width:0;padding-bottom:12px}
.boss-hero{position:relative;min-height:350px;overflow:hidden;border-radius:16px 16px 0 0;border:1px solid #d2b77b66;border-bottom:0;margin-bottom:-18px;isolation:isolate}
.boss-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:-2}
.boss-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,#0c192fee 100%)}
.boss-hero-title{padding:240px 16px 18px;text-align:center}
.boss-phase-label{display:inline-block;padding:6px 12px;border:1px solid #d9b57399;background:#0c182cdd;border-radius:99px;font-size:10px;color:#f4d59a}
.boss-hero h1{font:500 29px/1.12 var(--serif);margin:10px 0 0;text-wrap:balance}
.boss-panel{padding:18px 16px;min-width:0}
.boss-combat{border-radius:0 0 16px 16px;border-top:0}
.boss-clock{display:flex;align-items:center;gap:8px;margin:16px 0;color:#e7dbbf;font-size:12px}
.boss-clock .icon{width:17px;height:17px}
.boss-prize{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:15px 10px;border:1px solid #d9b57366;border-radius:10px;background:linear-gradient(110deg,#61502740,#222842)}
.boss-prize>.icon{color:#f0c67b;width:28px;height:28px}
.boss-prize small,.boss-prize strong,.boss-prize span{display:block}
.boss-prize small{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#e5c993}
.boss-prize strong{font-size:13px;line-height:1.5;margin:3px 0;color:#ffe2a4}
.boss-prize span{font-size:10px;line-height:1.45;color:#d2c9e9}
.boss-description,.boss-rules p{font-size:12px;line-height:1.65;color:#c4d0e4}
.boss-section-title{font:500 20px var(--serif);margin:21px 0 12px}
.boss-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.boss-actions>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 8px;align-items:center;padding:12px 10px;background:#20314a;border:1px solid #a3b4d433;border-radius:10px;min-width:0}
.boss-actions .icon{width:20px;height:20px;color:#cba4ff;grid-row:span 2}
.boss-actions strong{font-size:11px;overflow-wrap:anywhere}
.boss-actions span{font-size:12px;color:#f3d396;font-variant-numeric:tabular-nums}
.boss-personal{display:flex;justify-content:space-between;gap:10px;padding:16px 0;margin:5px 0;font-size:12px}
.boss-personal span{display:flex;align-items:center;gap:6px}
.boss-personal .icon{width:18px;height:18px;color:#e8c488}
.boss-personal strong{color:#e4c5ff;white-space:nowrap}
.boss-rules{margin-top:18px;border-top:1px solid #a7b6d333;padding-top:14px;font-size:11px;color:#cfbddf}
.boss-rules summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:6px}
.boss-rules summary:before{content:'+';font-size:18px}
.boss-rules[open] summary:before{content:'−'}
.boss-section-heading h2{font:500 22px/1.2 var(--serif);margin:0 0 5px}
.boss-section-heading>span{font-size:11px;color:#bdc9db}
.boss-contributors{list-style:none;padding:0;margin:14px 0 0}
.boss-contributors li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 6px;border-top:1px solid #acbdd326;font-size:12px}
.boss-contributors li>span{min-width:0;overflow-wrap:anywhere}
.boss-contributors li strong{white-space:nowrap;color:#f1d39b;font-variant-numeric:tabular-nums}
.boss-contributors li small{font-size:9px;color:#b8c7d9}
.boss-contributors .is-you{background:#9c6fe41a;border-radius:8px}
.boss-victory{text-align:center;padding:15px 0;color:#ffe0a4}
.boss-victory h2{font:500 25px var(--serif)}
.boss-victory p{font-size:12px;line-height:1.5;color:#dfd5eb}
.boss-won .boss-hp-track{border-color:#efca80}
.boss-magic{position:absolute;width:115px;height:115px;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;background:radial-gradient(circle,#e4aeff66,transparent 70%);mix-blend-mode:screen}
.boss-phase-2 .boss-magic{opacity:.55}
.boss-phase-3 .boss-magic{opacity:.9;width:180px;height:180px}
@media(prefers-reduced-motion:no-preference){html:not(.motion-off) .boss-magic{animation:bossHeart 3s ease-in-out infinite alternate}@keyframes bossHeart{to{filter:brightness(1.7);transform:translate(-50%,-50%) scale(1.12)}}}
.boss-empty{text-align:center;padding:35px 20px}
.boss-empty>span>.icon{width:50px;height:50px;color:#bf99f4}
.boss-empty h2{font:500 27px var(--serif)}
.boss-empty p{font-size:12px;line-height:1.6;color:#c4cce0}
.boss-trophy{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfbe7970;border-radius:12px;background:#302945}
.boss-trophy>.icon{width:32px;height:32px;color:#edc77e}
.boss-trophy strong,.boss-trophy small{display:block;line-height:1.5}
.boss-trophy strong{font-size:13px}.boss-trophy small{font-size:10px;color:#cbbada}
@media(max-width:360px){.boss-hero h1{font-size:25px}.boss-card h2{font-size:23px}.boss-personal{font-size:11px}}

.boss-demo-label{position:relative;z-index:10;padding:10px;text-align:center;background:#342950;color:#f3e5ff;font:11px/1.4 sans-serif}