/* Extracted from code-bosses.html */
:root{ --season-col:#ff4444; }
.page-hero{text-align:center;padding:64px 22px 48px;background:radial-gradient(ellipse at 50% -5%,rgba(255,68,68,.1) 0%,transparent 60%);position:relative;overflow:hidden;}
.page-hero-deco{position:absolute;font-size:180px;opacity:.05;top:-10px;right:-30px;pointer-events:none;animation:floatD 10s ease-in-out infinite alternate;}
@keyframes floatD{from{transform:translateY(0) rotate(-8deg);}to{transform:translateY(20px) rotate(0deg);}}
.page-label{font-family:var(--font-head);font-size:10px;letter-spacing:7px;color:var(--season-col);opacity:.75;text-transform:uppercase;margin-bottom:12px;}
.page-hero h1{font-family:var(--font-head);font-size:clamp(1.8rem,5vw,3.6rem);font-weight:900;background:linear-gradient(135deg,#ff4444,#ff8888,#ffcccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(255,68,68,.55));line-height:1.1;margin-bottom:8px;}
.page-hero .sub{color:var(--muted);font-family:var(--font-body);font-weight:300;font-size:1rem;letter-spacing:2px;}
.page-hero .desc{max-width:660px;margin:10px auto 0;color:rgba(204,216,232,.6);font-size:.88rem;line-height:1.7;}
.red-bar{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--season-col),transparent);margin:22px auto 0;}
h2{color:#ff8888;}

.boss-card{border-radius:14px;padding:28px;margin-bottom:24px;position:relative;overflow:hidden;}
.boss-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.boss-39{background:linear-gradient(135deg,rgba(30,144,255,.08),rgba(13,21,32,.95));border:1px solid rgba(30,144,255,.25);}
.boss-39::before{background:linear-gradient(90deg,transparent,#1e90ff,transparent);}
.boss-64{background:linear-gradient(135deg,rgba(255,51,51,.08),rgba(13,21,32,.95));border:1px solid rgba(255,51,51,.25);}
.boss-64::before{background:linear-gradient(90deg,transparent,#ff4444,transparent);}
.boss-87{background:linear-gradient(135deg,rgba(57,255,20,.07),rgba(13,21,32,.95));border:1px solid rgba(57,255,20,.22);}
.boss-87::before{background:linear-gradient(90deg,transparent,#39ff14,transparent);}
.boss-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.boss-badge{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.1rem;font-weight:900;flex-shrink:0;}
.badge-39{background:rgba(30,144,255,.15);border:2px solid rgba(30,144,255,.4);color:#7bbfff;}
.badge-64{background:rgba(255,51,51,.15);border:2px solid rgba(255,51,51,.4);color:#ff8888;}
.badge-87{background:rgba(57,255,20,.1);border:2px solid rgba(57,255,20,.3);color:#7fff50;}
.boss-title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;}
.boss-39 .boss-title{color:#7bbfff;}
.boss-64 .boss-title{color:#ff8888;}
.boss-87 .boss-title{color:#7fff50;}
.boss-schedule{font-size:.78rem;color:var(--muted);margin-top:3px;}
.boss-buff{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-family:var(--font-head);font-size:.72rem;letter-spacing:1px;margin-top:6px;}
.buff-39{background:rgba(30,144,255,.12);border:1px solid rgba(30,144,255,.3);color:#7bbfff;}
.buff-64{background:rgba(255,51,51,.12);border:1px solid rgba(255,51,51,.3);color:#ff8888;}
.buff-87{background:rgba(57,255,20,.1);border:1px solid rgba(57,255,20,.25);color:#7fff50;}
.squad-label{font-family:var(--font-head);font-size:.72rem;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:14px;display:block;}
.formation{display:grid;grid-template-rows:auto auto;gap:10px;margin:16px 0;}
.row-label{font-family:var(--font-head);font-size:.65rem;letter-spacing:2px;color:var(--muted);text-align:center;margin-bottom:6px;}
.hero-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.hero-slot{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px 10px;text-align:center;width:110px;flex-shrink:0;transition:all .2s;}
.hero-slot:hover{transform:translateY(-3px);}
.hero-slot.frontline{border-color:rgba(255,255,255,.15);}
.hero-slot.backline{border-color:rgba(255,255,255,.08);}
.slot-pos{font-family:var(--font-head);font-size:.6rem;letter-spacing:1px;margin-bottom:6px;opacity:.5;}
.slot-icon{font-size:1.6rem;margin-bottom:6px;display:block;}
.slot-name{font-family:var(--font-head);font-size:.72rem;letter-spacing:.5px;margin-bottom:3px;}
.slot-39 .slot-name{color:#7bbfff;}
.slot-64 .slot-name{color:#ff8888;}
.slot-87 .slot-name{color:#7fff50;}
.slot-role{font-size:.7rem;color:var(--muted);}
.gear-badge{display:inline-block;font-size:.62rem;padding:1px 7px;border-radius:8px;margin-top:4px;font-family:var(--font-head);}
.gear-1{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);color:#ffd700;}
.gear-2{background:rgba(192,192,192,.1);border:1px solid rgba(192,192,192,.25);color:#bbb;}
.gear-3{background:rgba(180,100,30,.1);border:1px solid rgba(180,100,30,.25);color:#c8a060;}
.gear-4{background:rgba(100,100,100,.1);border:1px solid rgba(100,100,100,.2);color:#888;}
.gear-5{background:rgba(80,80,80,.1);border:1px solid rgba(80,80,80,.2);color:#666;}
.mason-card{background:linear-gradient(135deg,rgba(255,215,0,.07),rgba(13,21,32,.95));border:1px solid rgba(255,215,0,.25);border-radius:13px;padding:20px 24px;margin:20px 0;}
.mason-card .mc-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.mason-card .mc-icon{font-size:2rem;}
.mason-card .mc-title{font-family:var(--font-head);font-size:.88rem;color:#ffd700;letter-spacing:1px;}
.mason-card .mc-sub{font-size:.78rem;color:var(--muted);margin-top:2px;}
.toc{background:var(--panel);border:1px solid rgba(255,68,68,.15);border-radius:13px;padding:22px 28px;margin:36px 0;position:relative;overflow:hidden;}
.toc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--season-col),transparent);opacity:.5;}
.toc-title{font-family:var(--font-head);font-size:.72rem;letter-spacing:3px;color:var(--season-col);margin-bottom:14px;text-transform:uppercase;}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 20px;}
.toc a{color:var(--accent2);font-size:.84rem;text-decoration:none;padding:4px 0;display:block;border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s;}
.toc a:hover{color:var(--season-col);}
.toc a::before{content:'→ ';color:var(--accent);font-size:.74rem;}
@media(max-width:600px){.hero-slot{width:90px;}.hero-row{gap:6px;}.toc-grid{grid-template-columns:1fr!important;}}