:root{--gold:#c8a66c;--ink:#101927;--paper:#e8d9b7;--muted:#a4b4cb;--faction:#78a9ec}body{background:#080e18;color:var(--paper);font-family:system-ui,Segoe UI,sans-serif}body[data-faction=Horde]{--faction:#df7b7c}.overlay{background:linear-gradient(120deg,#07101be8,#0c1421df);backdrop-filter:blur(2px);z-index:20}.panel{width:min(850px,95vw);border:1px solid #b59767;background:linear-gradient(145deg,#1e2b3cf5,#0f1928f8);box-shadow:0 0 0 4px #111c2b,0 0 0 5px #574a35,0 22px 90px #000b;padding:30px;border-radius:5px;max-height:94vh;overflow-y:auto}.title,h2{font-family:Georgia,serif;letter-spacing:2px}.title{color:#e5c78d;text-shadow:0 2px #080f18;font-size:clamp(30px,5vw,59px)}h2{color:#e4c990;font-size:24px}h3{font-family:Georgia,serif}.sub,.hint{color:#9eafc6;line-height:1.65}.btn{background:linear-gradient(#334459,#1b2a3e);border:1px solid #6c7c93;box-shadow:inset 0 1px #ffffff12,0 2px 0 #070c14;color:#e8dec9;border-radius:3px;font-weight:650;letter-spacing:.5px;padding:13px 20px;transition:background .12s,border-color .12s,transform .12s}.btn:hover,.btn.selected{background:linear-gradient(#554932,#302b25);border-color:#dfc187;transform:translateY(-1px)}.buttons{gap:13px}.btn[data-action=Alliance],.btn[data-action=Horde]{min-width:230px;padding:22px;font-family:Georgia,serif;font-size:20px}.btn[data-action=Alliance]{border-color:#6b9dde;background:linear-gradient(#1c3554,#152439)}.btn[data-action=Horde]{border-color:#c76b70;background:linear-gradient(#4c2631,#2c1e2a)}.zone-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zone-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:94px;text-align:left;background-size:cover;background-position:center;border:1px solid #61738a;padding:14px;color:#fbebca;text-shadow:0 2px 5px #000;font-weight:750;cursor:pointer;border-radius:4px}.zone-card small{color:#c4cedc;letter-spacing:2px;font-size:10px;margin-bottom:5px}.zone-card:hover{border-color:#e7c588;box-shadow:inset 0 0 0 2px #e7c58833}.menu-kicker{font-size:11px;letter-spacing:5px;color:#a5b7d1;margin-bottom:10px}.menu-subtitle{font-family:Georgia,serif;font-size:19px;color:#d7c095}.menu-lineup{display:flex;justify-content:center;align-items:flex-end;height:140px;margin:12px auto}.menu-model{width:128px;height:128px;background-size:768px 512px;background-repeat:no-repeat;image-rendering:pixelated}.menu-start{min-width:255px;margin:5px auto 12px;font-size:16px;border-color:#d5b575}.menu-rule{height:1px;background:linear-gradient(90deg,transparent,#8a7654,transparent);margin:18px auto;max-width:420px}
#hud{top:16px;left:18px;right:18px;font-size:12px;z-index:5}#hud>div{border:1px solid #8f79534d;border-radius:5px;background:linear-gradient(135deg,#101d2aef,#142031db);box-shadow:0 4px 14px #0005;padding:12px 16px;max-width:330px}#hud>div:first-child{padding-left:80px;min-height:100px;min-width:310px}#character{font-size:12px;max-width:235px;color:#ead7ab;line-height:1.55}#health{width:200px;height:13px;border:1px solid #ad9570;background:#3e2630;border-radius:2px;overflow:hidden}#healthFill{background:linear-gradient(#8cbd82,#4a855c);box-shadow:0 0 10px #91cd7e44}#lives{font-size:11px;color:#a9bad0}#score{color:#e5c68b;font-size:14px}#clock,#wave{font-size:11px;color:#a4b5cb;line-height:1.7}#xp{display:none}#artPlayerPortrait{position:absolute;left:32px;top:19px;width:56px;height:56px;background-size:336px 224px;background-repeat:no-repeat;image-rendering:pixelated}#artXPTrack{position:absolute;left:98px;top:85px;width:200px;height:4px;background:#293b4f;border-radius:2px;overflow:hidden}#artXPFill{height:100%;background:#6d91bf;width:0}#artXPLabel{position:absolute;left:98px;top:93px;font-size:9px;letter-spacing:.7px;color:#8fa9c7}#artActionBar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:12px 14px 9px;background:linear-gradient(#142335ed,#0d1725f5);border:1px solid #9e8659;border-radius:6px;box-shadow:0 0 0 3px #0a121daa,0 8px 24px #0008;z-index:8;pointer-events:none}.art-action-wrap{position:relative;width:52px;height:58px}.art-slot{position:relative;width:52px;height:52px;background-size:416px 208px;background-color:#21324a;image-rendering:pixelated;border:1px solid #bc9f6b;box-shadow:0 0 7px #d4b26b22;border-radius:3px}.art-slot.cooling{border-color:#536278}.art-slot.cooling:after{content:'';position:absolute;inset:0;background:#07101a8a}.art-slot.locked{filter:grayscale(1);opacity:.45}.art-key{position:absolute;top:-9px;left:4px;font:10px monospace;background:#0b1422;color:#e7d5b4;border:1px solid #6c614d;padding:1px 4px;border-radius:2px;z-index:2}.art-cooldown{position:absolute;inset:0;display:grid;place-items:center;color:#fff3d3;text-shadow:1px 1px #000;font:700 17px monospace;z-index:3}.art-slot.locked .art-cooldown{font-size:10px}.art-action-caption{text-align:center;font-size:8px;letter-spacing:.4px;color:#8da4c3;margin-top:3px}#artParty{position:absolute;left:18px;top:151px;width:177px;z-index:4;pointer-events:none;background:#101b2bdf;border:1px solid #61728b8a;padding:10px;border-radius:4px}#artParty h4{margin:0 0 10px;color:#c7b58c;letter-spacing:2px;font-size:9px}.art-party-row{margin:8px 0;font-size:10px;color:#c5d5e7}.art-party-row.departed{opacity:.35}.art-party-track{height:5px;background:#3b2934;margin-top:4px}.art-party-fill{height:100%;background:linear-gradient(90deg,#4d936e,#91c69b)}#bossBar{top:19px;bottom:auto;width:min(440px,calc(100vw - 690px));background:#0e1827ed;border:1px solid #ac8b58;padding:10px 13px;border-radius:4px;font-size:12px;box-shadow:0 3px 16px #0005;z-index:8}#bossName{color:#ebd29f;letter-spacing:.5px;margin-bottom:6px}#bossFillWrap{height:11px;border:1px solid #b29972;border-radius:2px;overflow:hidden}#bossFill{background:linear-gradient(#d47579,#91434d)}body[data-zone='9'] #bossBar{top:118px;width:min(500px,75vw)}body[data-party='true'] #bossBar{display:none!important}#toast{border:1px solid #b89964;background:linear-gradient(#202b3df2,#101a29f2);border-radius:4px;color:#eddbb7;box-shadow:0 5px 20px #0006;font-size:13px;max-width:min(630px,80vw);padding:12px 20px;z-index:9;top:25%}#mobile{display:none}.boss-intro .boss-alert{color:#be9270;letter-spacing:3px;font-size:13px}.boss-intro .boss-emblem{box-shadow:0 0 26px #0008;border-width:1px;border-radius:6px;background:radial-gradient(#2e3d54,#111d2c)}.boss-moves{color:#cfa99a;font-size:12px;letter-spacing:.6px}.results .stat-grid>div{background:#17283b;border-color:#344a63;border-radius:4px}.stat-grid strong{font-family:Georgia,serif}.stat-grid small{letter-spacing:1px}
@media(max-width:1100px){#bossBar{top:124px;width:min(450px,70vw)}#hud>div{max-width:280px}#hud>div:first-child{min-width:300px}body[data-zone='9'] #bossBar{top:120px}}@media(max-width:680px){.panel{padding:20px}.zone-cards{grid-template-columns:1fr}#hud{left:8px;right:8px;top:8px}#hud>div{padding:8px;font-size:10px;max-width:47vw}#hud>div:first-child{padding-left:8px;min-width:0;max-width:49vw;min-height:96px}#character{font-size:10px}#health{width:100%}#artPlayerPortrait{display:none}#artXPTrack{left:18px;top:88px;width:35vw}#artXPLabel{left:18px;top:95px}#artActionBar{gap:3px;padding:10px 7px;transform:translateX(-50%) scale(.78);transform-origin:center bottom;bottom:8px}#artParty{width:140px;left:8px;top:180px}#toast{font-size:11px}#bossBar{top:115px}}
/* Keep supplemental HUD art above the existing opaque health panel. */
#artPlayerPortrait,#artXPTrack,#artXPLabel{z-index:6}#hud>div:first-child{min-height:132px}#artXPTrack{top:114px}#artXPLabel{top:122px}#artParty{top:164px}body[data-zone='9'] #bossBar{top:158px}@media(max-width:1100px){#bossBar{top:158px}}@media(max-width:680px){#hud>div:first-child{min-height:120px}#artXPTrack{top:107px}#artXPLabel{top:115px}#bossBar,body[data-zone='9'] #bossBar{top:142px}}
.btn[data-action=Alliance]:before,.btn[data-action=Horde]:before{content:'';display:block;width:64px;height:64px;margin:0 auto 10px;background-image:url('../assets/world/icons.png');background-size:512px 256px;image-rendering:pixelated}.btn[data-action=Alliance]:before{background-position:-320px -128px}.btn[data-action=Horde]:before{background-position:-384px -128px}
body[data-zone='10'] #bossBar{top:auto;bottom:166px;width:min(500px,80vw)}body[data-cinematic='true'] #hud{opacity:.18}body[data-cinematic='true'] #bossBar{opacity:.2}

/* RC1: party health is anchored directly above the action bar at every breakpoint. */
#artParty{left:50%;top:auto;bottom:116px;transform:translateX(-50%);width:min(430px,92vw);padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;pointer-events:none;z-index:8}#artParty h4{grid-column:1/-1;margin:0;font-size:10px;letter-spacing:2px}#artParty .art-party-row{margin:0}#artParty .art-party-row span{font-size:10px}#artParty .art-party-track{height:6px}@media(max-width:680px){#artParty{top:auto;bottom:88px;width:min(350px,94vw);left:50%;padding:6px 10px;gap:4px 12px}}

@media(max-width:1100px){body[data-party='true'] #musicDock{bottom:220px}body[data-party='true'] #masterMute{bottom:262px}}