*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0a0a;--surface:#161010;--surface2:#1e1515;--border:#3b2020;--border-light:#5c3030;--text:#e8dfd4;--text-dim:#a89a8a;--gold:#d4a843;--gold-dim:#a88432;--red:#8b1a1a;--red-bright:#c42b2b;--green:#2d8b4e;color:var(--text);background:var(--bg);font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.55}body{background:var(--bg);min-height:100vh}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.siteNav{border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;max-width:1100px;height:48px;margin:0 auto;padding:0 1rem;display:flex}.navBrand{align-items:center;text-decoration:none;display:flex}.navLogo{width:auto;height:28px}.navLinks{gap:1.25rem;margin-left:auto;display:flex}.navLink{color:var(--text-dim);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .1s}.navLink:hover{color:var(--text);text-decoration:none}.navLink.active{color:var(--gold)}.landing{max-width:1100px;margin:0 auto}.landingBody{padding:1.5rem 1rem 3rem}.landingBody h1{color:var(--text);margin-bottom:1.25rem;font-size:1.4rem;font-weight:700}.streamEmbed{aspect-ratio:16/9;border:1px solid var(--border);background:#000;width:100%;margin-bottom:1.5rem}.streamEmbed iframe{border:0;width:100%;height:100%;display:block}.challengeLinks{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.challengeLink{background:var(--surface);border:1px solid var(--border);color:var(--text);flex-direction:column;gap:.3rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .1s;display:flex}.challengeLink:hover{border-color:var(--border-light);text-decoration:none}.challengeLink strong{color:var(--gold);font-size:.95rem}.challengeLink span{color:var(--text-dim);font-size:.82rem}.challengeLinkSoon{opacity:.5;cursor:default;border-style:dashed}.challengeLinkSoon:hover{border-color:var(--border)}.pvmPage{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.pvmHeader{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.pvmHeader h1{margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.pvmHeader p{color:var(--text-dim);max-width:52ch;font-size:.85rem}.pvmStats{flex-shrink:0;gap:1.5rem;display:flex}.stat{flex-direction:column;display:flex}.statLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.72rem}.statValue{color:var(--text);font-size:1.15rem;font-weight:700}.gpValue{color:var(--gold)}.authRow{color:var(--text-dim);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.85rem;display:flex}.warning{color:#e57373;margin-bottom:.75rem;font-size:.85rem}.loadingMsg{color:var(--text-dim);font-size:.85rem}.bossGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;display:grid}.bossCard{background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:.4rem;padding:.7rem .8rem;display:flex}.bossCardKilled{border-left:3px solid var(--green)}.bossCardHead{align-items:baseline;gap:.4rem;display:flex}.bossOrder{color:var(--text-dim);min-width:2ch;font-size:.75rem;font-weight:600}.bossCard h2{font-size:.92rem;font-weight:600}.bossLvl{color:var(--text-dim);margin-left:auto;font-size:.72rem}.bossKillInfo{flex-direction:column;gap:.35rem;display:flex}.clipThumbLink{display:block}.clipPreview{object-fit:cover;border:1px solid var(--border);background:#000;width:100%;height:140px}.clipTextLink{font-size:.82rem}.loot{color:var(--gold);font-size:.88rem;font-weight:700}.bossWaiting{color:var(--text-dim);font-size:.8rem;font-style:italic}.bossDied{color:#e74c3c;letter-spacing:.02em;font-size:.9rem;font-weight:600}.editorArea{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.45rem}.editorForm{flex-direction:column;gap:.4rem;display:flex}.editorForm label{color:var(--text-dim);flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.editorForm input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.35rem .45rem;font-size:.85rem}.editorActions{gap:.4rem;display:flex}button,.buttonLink{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:border-color .1s;display:inline-flex}button:hover,.buttonLink:hover{border-color:var(--border-light);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:0 0}button.danger{color:#f5b0b0;border-color:#6b2020}button.secondary.danger{background:0 0}.loginPage{place-items:center;min-height:calc(100vh - 48px);padding:1rem;display:grid}.loginCard{background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:.75rem;width:min(420px,100%);padding:1.5rem;display:flex}.loginCard h1{font-size:1.1rem}.loginCard p{color:var(--text-dim);font-size:.85rem}.hcimPage{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.hcimHeader{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.5rem;padding-bottom:1rem;display:flex}.hcimHeader h1{align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:1.3rem;font-weight:700;display:flex}.hcimHeader p{color:var(--text-dim);max-width:52ch;font-size:.85rem}.hcimSkull{color:var(--red-bright);font-size:1.1em}.hcimBadge{text-transform:uppercase;letter-spacing:.08em;background:var(--red);color:#f5b0b0;vertical-align:middle;border-radius:2px;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.hcimXp{color:var(--red-bright)}.hcimLastUpdated{color:var(--text-dim);margin-bottom:1.25rem;font-size:.78rem}.hcimSectionTitle{border-bottom:1px solid var(--border);margin-top:1.75rem;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}.hcimSkillGrid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.hcimSkillCard{background:var(--surface);border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.1rem .5rem;padding:.55rem .7rem;display:grid}.hcimSkillCard.hcimUnranked{opacity:.45}.hcimSkillName{color:var(--text);font-size:.82rem;font-weight:600}.hcimSkillLevel{color:var(--text);text-align:right;grid-area:1/2/3;align-self:center;font-size:.95rem;font-weight:700}.hcimSkillXp{color:var(--text-dim);font-size:.72rem}.hcimSkillRank{display:none}.hcimGainsPanel{background:var(--surface);border:1px solid var(--border);padding:.9rem}.hcimPeriodSelector{gap:.35rem;margin-bottom:.75rem;display:flex}.hcimPeriodSelector button{padding:.3rem .7rem;font-size:.78rem}.hcimPeriodSelector button.active{background:var(--red);border-color:var(--red-bright);color:#fff}.hcimCustomDates{gap:.75rem;margin-bottom:.75rem;display:flex}.hcimCustomDates label{color:var(--text-dim);flex-direction:column;gap:.15rem;font-size:.78rem;display:flex}.hcimCustomDates input[type=date]{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.3rem .4rem;font-size:.82rem}.hcimGainsPeriodLabel{color:var(--text-dim);margin-bottom:.5rem;font-size:.78rem}.hcimGainsTable{border-collapse:collapse;width:100%;font-size:.85rem}.hcimGainsTable th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:.3rem .5rem;font-size:.72rem}.hcimGainsTable td{border-bottom:1px solid var(--border);padding:.35rem .5rem}.hcimGainsTable tr:last-child td{border-bottom:none}.hcimLevelUp{color:var(--green);font-weight:600}.hcimNoGains{color:var(--text-dim);font-size:.85rem;font-style:italic}.hcimClipEditor{margin-bottom:.75rem}.hcimClipGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;display:grid}.hcimClipCard{background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex}.hcimClipThumb{object-fit:cover;border-bottom:1px solid var(--border);background:#000;width:100%;height:160px}.hcimClipInfo{flex-direction:column;gap:.15rem;padding:.55rem .7rem;display:flex}.hcimClipTitle{color:var(--text);font-size:.88rem;font-weight:600}.hcimClipDate{color:var(--text-dim);font-size:.72rem}.hcimClipDelete{align-self:flex-start;margin:0 .7rem .55rem}@media (width<=600px){.challengeLinks{grid-template-columns:1fr}.pvmHeader,.hcimHeader{flex-direction:column}.pvmStats{justify-content:space-between;width:100%}.bossGrid{grid-template-columns:1fr}.hcimSkillGrid{grid-template-columns:repeat(2,1fr)}.hcimClipGrid{grid-template-columns:1fr}.hcimCustomDates{flex-direction:column}}