:root{--mystic:#b99cff;--glass:rgba(8,9,24,.78)}
.mystic-shell header h1{background:linear-gradient(90deg,#fff,#c7b1ff 55%,#80e6ff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 25px #8f6fff2b}
.mystic-viewport{border-color:#8770b8;box-shadow:0 30px 110px #000c,0 0 38px #9671ff33}
.mystic-viewport::before,.mystic-viewport::after{content:"";position:absolute;z-index:4;width:42px;height:42px;border-color:#a58be0;pointer-events:none}.mystic-viewport::before{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.mystic-viewport::after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
.mystic-hud{padding:.72rem;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(135deg,var(--glass),rgba(30,18,55,.58));box-shadow:inset 0 0 22px #b087ff0d,0 10px 30px #0005;backdrop-filter:blur(5px)}
.mystic-hud .bar{height:9px;background:#01030aaa;border-color:#d8ccff30}.mystic-hud .health{background:linear-gradient(90deg,#7b173a,#ed4d70,#ff9a91)}.mystic-hud .mana{background:linear-gradient(90deg,#312c9f,#735bd9,#5edfff)}
.mystic-hud .spell{background:linear-gradient(145deg,#0a0b1ddd,#19112ccc);border-color:#ffffff1f}.mystic-hud .spell.active-pair{box-shadow:inset 0 0 14px color-mix(in srgb,var(--element) 18%,transparent),0 0 10px color-mix(in srgb,var(--element) 13%,transparent)}
.campaign-panel{position:absolute;right:1rem;top:1rem;z-index:3;display:grid;justify-items:end;gap:.2rem;padding:.55rem .72rem;border-right:2px solid #b49be8;background:linear-gradient(90deg,transparent,#090a18a8);text-shadow:0 1px 3px #000;pointer-events:none}.campaign-panel strong{font-family:Georgia,serif;font-size:.86rem;color:#eee8ff}.campaign-panel span{font-size:.62rem;color:#bdb3d3;letter-spacing:.08em;text-transform:uppercase}
.loadout-pill{background:linear-gradient(135deg,#090a1bea,#211337e8);border-color:#9f88d653}.wheel-icon{box-shadow:inset 0 0 10px #a887ff30}