#item-popover,#shop-window{position:fixed;inset:auto;margin:0;max-height:calc(100dvh - 20px);overflow:auto}
dialog.adjacent-npc{position:fixed;inset:auto;margin:0;padding:20px;z-index:1000;max-width:calc(100vw - 20px);overflow:auto;box-shadow:0 12px 40px #000a}
dialog.adjacent-npc::backdrop{background:transparent}
body:has(dialog.adjacent-npc[open]){overflow:auto}dialog.adjacent-npc .bio-workbench{grid-template-columns:1fr}dialog.adjacent-npc .bio-workbench>img{display:none}
.stable-character{inset:0 0 45px}.equip-hint{position:absolute;top:12px;left:0;right:0;text-align:center;color:#d4b2a0;font-size:11px;pointer-events:none}.equip-target{outline:2px solid #d99477;outline-offset:-6px;background:radial-gradient(ellipse,#af322222,transparent 70%)}
[data-item][draggable=true]{cursor:grab;touch-action:none}[data-item][draggable=true]:active{cursor:grabbing}
.combat-skill img{width:72%;height:72%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 3px #000)}
.combat-skill[data-ui=heal]{color:#f36c64}.combat-skill[data-ui=mana]{color:#77baff}
.combat-wheel{width:24%;height:40%;max-width:250px;right:2.2%;bottom:4%}
.combat-skill{box-shadow:inset 0 0 0 2px #2c1b12,inset 0 0 0 4px #7a5330,0 2px 4px #000b;background:radial-gradient(circle at 35% 25%,#3c3531,#100f0e 70%);border-color:#ad8255}
.combat-attack{box-shadow:inset 0 0 0 3px #301d12,inset 0 0 0 5px #8d603a,0 3px 6px #000;background:radial-gradient(circle at 35% 25%,#473a31,#151211 70%)}
.combat-skill:active,.combat-attack:active{transform:scale(.92);filter:brightness(1.2)}
.realm-banner{transition:border-color .35s,box-shadow .35s,background-color .35s;overflow:visible;background-color:#361819}
.realm-banner:after{inset:6px;clip-path:none;border:1px solid #a8755133;background:linear-gradient(110deg,transparent 25%,#ffd3ac00 40%,#ffd3ac18 48%,#ffd3ac00 57%,transparent 75%);background-size:300% 100%;background-position:100% 0;transition:background-position .9s}
.realm-banner:hover,.realm-banner:focus-within{border-color:#c69368;box-shadow:inset 0 0 0 4px #160d0e,inset 0 0 0 5px #a05a46,0 8px 35px #be302226}
.realm-banner:hover:after,.realm-banner:focus-within:after{background-position:0 0}
.realm-banner img{transition:transform .5s,filter .5s}.realm-banner:hover img{transform:translateY(-4px) scale(1.07);filter:drop-shadow(0 0 10px #d43836a0)}
.realm-banner h2{transition:letter-spacing .5s,color .5s}.realm-banner:hover h2{letter-spacing:.085em;color:#ffe7cb}
.realm-banner>span{transition:filter .5s,translate .5s}.realm-banner:hover>span{filter:brightness(1.3);translate:-4px 0}.realm-banner:hover>span:last-child{translate:4px 0}
.map-selector{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.map-selector button{padding:8px 10px;border:1px solid #774735;background:#201515;color:#e6c6a9}.map-selector button[aria-pressed=true]{background:#67271f;border-color:#d29664}
#route-line{stroke-width:2;vector-effect:non-scaling-stroke}#route-shadow{stroke-width:5;vector-effect:non-scaling-stroke}
.map-surface.teleporting{animation:portal-flash .8s ease-in-out}@keyframes portal-flash{50%{filter:brightness(2) saturate(.4);opacity:.4}}
@media(max-width:600px){.combat-wheel{width:26%;height:43%}.equip-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.realm-banner *,.realm-banner,.realm-banner:after{transition:none!important}.map-surface.teleporting{animation:none}.realm-banner:hover img{transform:none}}