.boss.stacked-boss{pointer-events:none;width:min(590px,42vw);top:24px;left:50%;right:auto;transform:translate(-50%)}.boss-heading{justify-content:space-between;align-items:center;padding:0 4px 7px;display:flex}.boss.stacked-boss p{letter-spacing:3px;margin:0;font-size:15px}.boss-heading b{color:#f3d6a1;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #000;font-size:22px}.boss-stack-track{background:#160f15;border:1px solid #aa8056;height:24px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0009,inset 0 0 8px #000}.boss-stack-fill,.boss-stack-trail{position:absolute;top:0;bottom:0;left:0}.boss-stack-fill{background:linear-gradient(#d27264 0%,#9d3b41 35%,#61232f 100%);transition:width 75ms linear;box-shadow:inset 0 2px 1px #ffc3a54d}.boss-stack-trail{background:#e6b983;transition:width .55s cubic-bezier(.2,.65,.25,1);box-shadow:0 0 12px #e69b57}.boss-stack-track i{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#190c1460 calc(10% - 1px) 10%);position:absolute;inset:0}.stacked-boss small{color:#ead5b7;text-shadow:0 2px 4px #000;min-height:18px;margin-top:7px;display:block}.taking-damage .boss-stack-track{border-color:#f2c18b}.taking-damage .boss-heading b{color:#fff0d4}@media (max-width:900px){.boss.stacked-boss{width:min(560px,78vw);top:100px}.boss-stack-track{height:22px}}.stacked-boss:has(.boss-portrait){box-sizing:border-box;min-height:82px;padding-left:86px}.boss-portrait{clip-path:polygon(14% 0,86% 0,100% 13%,100% 85%,84% 100%,16% 100%,0 85%,0 13%);filter:drop-shadow(0 3px 6px #000);background:linear-gradient(145deg,#dac59b,#5b4030 46%,#ac825b);width:74px;height:80px;padding:3px;position:absolute;top:0;left:0}.boss-portrait img{object-fit:cover;width:100%;height:100%;clip-path:inherit;display:block}.taking-damage .boss-portrait{filter:drop-shadow(0 0 5px #a74930)}@media (max-width:600px){.stacked-boss:has(.boss-portrait){padding-left:64px}.boss-portrait{width:54px;height:62px}.boss.stacked-boss p{letter-spacing:1px;font-size:12px}}.resource-meter{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game .combat-hud{--orb-size:148px;grid-template-columns:var(--orb-size) minmax(0,1fr) var(--orb-size);pointer-events:none;filter:drop-shadow(0 6px 12px #0009);align-items:center;gap:0 16px;width:min(740px,100% - 32px);display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.combat-hud:before{content:"";z-index:-1;background:linear-gradient(#303331,#10171bed 15%,#090e12ed 80%,#383930);border-block:1px solid #9d865e99;position:absolute;inset:40px 55px 35px;box-shadow:0 3px #030708,0 -3px #060b0f}.game .ability-dock{width:auto;max-width:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;min-width:0;padding:10px 8px 8px;position:relative;inset:auto}.dock-heading{color:#e0ccaa;letter-spacing:1px;text-shadow:0 2px 5px #000;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:13px;display:flex}.dock-heading small{color:#b1b8b5;letter-spacing:0;font-size:12px}.game .skill-slots{gap:10px}.game .skill-item{gap:5px}.game .skill-item strong{white-space:nowrap;color:#e2d8c5;font-size:12px}.game .skill-item>span{min-height:16px;font-size:12px}.game .skill-icon{pointer-events:auto;border:2px solid #9c8561;border-radius:3px;transition:border-color .15s,box-shadow .15s;box-shadow:0 0 0 2px #070c10,inset 0 0 0 1px #e4c69255}.game .skill-icon img{border-radius:1px}.game .skill-icon kbd{background:linear-gradient(#363a38,#11191e);border-color:#9a8462;min-width:22px;padding:1px 5px;font-size:12px;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #0008}.game .skill-icon.active{border-color:#b5f3c8;box-shadow:0 0 0 2px #172521,0 0 14px #91d9b250}.game .skill-item strong{margin-top:3px}.game .ability-dock .actions{pointer-events:auto;gap:5px;margin-top:8px}.game .ability-dock .actions .icon-btn{color:#aeb5b4;background:#0a1015b8;border-color:#95836444;padding:4px 3px;font-size:12px}.game .empower-banner{text-shadow:0 1px 4px #000;pointer-events:none;background:linear-gradient(90deg,#0000,#0c201ced 18% 82%,#0000);border-block:1px solid #b99a6070;width:380px;max-width:calc(100vw - 24px);margin:0;padding:8px 14px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.hud-controls{text-align:center;color:#9babae;text-shadow:0 2px 3px #000;grid-column:1/-1;margin-top:4px;font-size:12px}.hud-controls i{color:#8e7857;margin:0 8px;font-style:normal}.resource-orb{--liquid-light:#ff7864;--liquid-mid:#bd2339;--liquid-dark:#430816;width:var(--orb-size);text-align:center;align-self:center;position:relative}.resource-orb.mana{--liquid-light:#84dfff;--liquid-mid:#236bd1;--liquid-dark:#081d52}.orb-frame{aspect-ratio:1;background:conic-gradient(from 20deg,#b8a079,#444742 12%,#141d23 22%,#978262 40%,#d0b98b 50%,#3c443f 67%,#151c20 76%,#b9a37b 96%);border-radius:50%;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #cbbb9277,inset 0 0 0 4px #101a1eb0,0 0 0 2px #080e12,0 4px 18px #0009}.orb-glass{background:radial-gradient(circle at 48% 30%,#1c2930,#05080c 76%);border:2px solid #04090d;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d0b07d77}.orb-liquid{background:radial-gradient(ellipse at 52% 16%,var(--liquid-light),transparent 65%),linear-gradient(var(--liquid-mid),var(--liquid-dark));width:100%;transition:height .32s ease-out;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 7px -10px 20px #0006,inset 0 2px 8px #ffffff70}.orb-current{background:repeating-conic-gradient(from 0deg,transparent 0 23%,#ffffff16 26%,transparent 32% 49%);filter:blur(8px);animation:15s linear infinite orb-flow;position:absolute;inset:-45px}.mana .orb-current{animation-duration:19s;animation-direction:reverse}.orb-surface{background:var(--liquid-light);width:120%;height:10px;box-shadow:0 0 8px var(--liquid-light);opacity:.7;border-radius:50%;animation:3.5s ease-in-out infinite alternate orb-surface;position:absolute;top:-3px;left:-10%}.orb-reflection{background:radial-gradient(at 30% 17%,#fff8,#0000 22%),radial-gradient(at 65% 86%,#fff2,#0000 25%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 5px 4px 9px #ffffff16,inset -8px -5px 14px #000b}.orb-ornament{color:#c4a775;stroke:currentColor;stroke-width:1.5px;filter:drop-shadow(0 2px 1px #000);width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px}.orb-value{color:#fff3e0;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #000,0 0 9px #000;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:25px;line-height:1.15;display:flex;position:absolute;inset:0}.orb-value small{color:#e1d8cc;margin-top:4px;font-family:Arial,sans-serif;font-size:12px}.orb-label{letter-spacing:4px;color:#d3c09c;text-shadow:0 2px 3px #000;margin-top:9px;padding-left:4px;font-size:12px;display:block}.health.low .orb-frame{box-shadow:0 0 0 2px #21080c,0 0 18px #ec273f70}.resource-orb.still .orb-current,.resource-orb.still .orb-surface{animation-play-state:paused}.is-empowered .ability-dock:before{content:"";z-index:-1;background:radial-gradient(#b9ad3730,#0000 70%);position:absolute;inset:-2px -6px}.game .map{pointer-events:none;width:174px;top:25px;right:32px}.map-compass{background:conic-gradient(#b6a07b,#39433e,#a78e61,#1f2c30,#b6a07b);border:1px solid #bca87988;border-radius:50%;padding:4px;position:relative;box-shadow:0 0 0 3px #080f14,0 5px 24px #0007}.game .map svg{aspect-ratio:1;background:radial-gradient(circle,#142427eb,#060d13f5);border:1px solid #050b10;border-radius:50%;width:100%;height:auto;display:block}.map-north{z-index:1;color:#efdbb2;text-shadow:0 1px 2px #000;background:#111b1f;padding:1px 5px;font:12px Georgia,serif;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.game .map-label{letter-spacing:.5px;color:#d0c1a2;justify-content:center;gap:5px;margin-top:10px;font-size:12px}.map-label span{color:#97a6a6}.game .mobile{bottom:220px!important}@keyframes orb-flow{to{transform:rotate(360deg)}}@keyframes orb-surface{0%{transform:translate(-2%)rotate(-2deg)}to{transform:translate(2%)rotate(2deg)}}@media (max-width:900px){.game .combat-hud{--orb-size:120px;gap:0 12px;width:min(650px,100% - 24px)}.game .map{width:138px;top:24px;right:20px}.orb-value{font-size:23px}.game .mobile{bottom:215px!important}}@media (max-width:600px){.game .combat-hud{--orb-size:clamp(62px,17vw,96px);gap:0 6px;width:calc(100% - 16px);bottom:10px}.combat-hud:before{inset:32px 25px 20px}.game .ability-dock{padding:6px 0}.dock-heading{justify-content:center;margin-bottom:8px;font-size:12px}.dock-heading small{display:none}.game .skill-slots{gap:5px}.game .skill-item strong{display:none}.game .skill-item>span{white-space:normal;min-height:24px;margin-top:6px;font-size:10px;line-height:1.2}.game .skill-icon{max-height:none}.game .skill-icon kbd{min-width:19px;font-size:11px}.game .combo-count{padding:1px 3px;font-size:11px;top:1px;right:1px}.game .cooldown-number{font-size:18px}.orb-frame{padding:6px}.orb-value{font-size:19px}.orb-value small{margin-top:2px;font-size:10px}.orb-label{margin-top:8px;font-size:11px}.game .ability-dock .actions{flex-wrap:wrap;gap:3px;margin-top:4px}.game .ability-dock .actions .icon-btn{flex:1 0 40%;padding:4px 2px;font-size:11px}.hud-controls{display:none}.game .map{width:112px;top:22px;right:14px}.game .map-label{font-size:11px}.map-label span{display:none}.game .mobile{bottom:200px!important}.game .top{max-width:calc(100% - 152px)}}@media (max-height:520px) and (min-width:601px){.game .combat-hud{--orb-size:88px;width:510px;bottom:8px}.game .skill-icon{width:48px;margin:auto}.game .skill-item strong,.hud-controls,.dock-heading{display:none}.game .ability-dock .actions{margin-top:3px}.orb-value{font-size:20px}.game .mobile{bottom:175px!important}.game .map{width:110px}}@media (prefers-reduced-motion:reduce){.orb-current,.orb-surface{animation:none}.orb-liquid{transition:none}}.realm-interact{color:#eee0bd;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(110deg,#0e1d20ed,#172d2aee);border:1px solid #b5a07199;border-radius:3px;padding:8px 20px 8px 8px;font-size:14px;position:absolute;bottom:255px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0008}.realm-interact kbd{color:#b6ffda;margin-right:12px;padding:5px 9px}.realm-destinations{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:22px;display:flex}.realm-destinations a{color:#ccb686;border-bottom:1px solid #95836a77;padding-bottom:5px;font-size:13px;text-decoration:none}.realm-destinations a:hover{color:#baffdb;border-color:#baffdb}.npc-dialogue{color:#eee1c7;background:linear-gradient(135deg,#15282bf5,#071219f7);border:1px solid #a98c5d;width:min(500px,100vw - 30px);padding:22px 26px;position:absolute;bottom:260px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #0009}.npc-dialogue small{letter-spacing:3px;color:#ab9d7c;font-size:12px}.npc-dialogue h2{margin:8px 0 15px;font-size:19px;font-weight:500}.npc-dialogue p{color:#c9d1cc;font-size:15px;line-height:1.8}.npc-dialogue>div{color:#adcfba;border-top:1px solid #758e7744;padding-top:12px;font-size:13px}.npc-dialogue button{color:#dfc894;background:0 0;border:0;margin:16px 0 0 auto;font-size:13px;display:block}.npc-dialogue button kbd{min-width:22px;margin-left:8px;padding:2px 6px}@media (max-width:600px){.realm-interact{font-size:12px;bottom:200px}.npc-dialogue{padding:16px;bottom:205px}.npc-dialogue p{font-size:14px}.realm-destinations{margin-top:12px}.realm-destinations a{font-size:12px}}.realm-town .vignette{opacity:.4}.in-dialogue .top,.in-dialogue .map,.in-dialogue .combat-hud,.in-dialogue .mobile,.in-dialogue .title-card,.in-dialogue .layout-open{opacity:0;pointer-events:none}.in-dialogue .npc-dialogue{z-index:90;border-radius:10px;width:min(460px,100vw - 24px);padding:14px 20px;bottom:auto;transform:translate(-50%,-100%);box-shadow:0 8px 28px #0008}.npc-dialogue:after{content:"";background:#102126;border-bottom:1px solid #a98c5d;border-right:1px solid #a98c5d;width:16px;height:16px;position:absolute;bottom:-9px;left:calc(50% - 8px);transform:rotate(45deg)}.in-dialogue .npc-dialogue small{display:none}.in-dialogue .npc-dialogue h2{margin:0 0 7px;font-size:17px}.in-dialogue .npc-dialogue p{margin:5px 0 9px;font-size:14px;line-height:1.6}.in-dialogue .npc-dialogue>div{padding-top:8px}.in-dialogue .npc-dialogue button{margin-top:9px}.camera-lock{z-index:24;color:#edf1df;cursor:pointer;background:#142b2ce8;border:1px solid #81988b70;border-radius:5px;padding:8px 12px;font:12px inherit;position:absolute;top:225px;right:24px}
