@layer tokens{:root{--gold:#ffd100;--gold-dim:#c8a838;--border:#6f5a2a;--panel-base:#15151f;--panel-bg:linear-gradient(170deg, #15151ff2 0%, #0b0b12f2 60%, #08080df2 100%);--font-display:"Cinzel", "Palatino Linotype", Palatino, Georgia, serif;--font-ui:"Alegreya Sans", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--font-serif:"Alegreya", "Palatino Linotype", Palatino, Georgia, serif;--title-font:var(--font-display);--font-heading:var(--font-display);--ui-font:var(--font-ui);--font-sans:var(--font-ui);--body-font:var(--font-ui);--color-primary:var(--gold);--color-primary-dim:var(--gold-dim);--color-primary-glow:#ffd10033;--color-primary-glow-heavy:#ffd10066;--color-hp:#1eb838;--color-mana:#2b7bd4;--color-rage:#c0392b;--color-energy:#e4c531;--color-hostile:#ff6b5e;--color-friendly:#9fdc7f;--color-buff:#3a6ea8;--color-debuff:#c0392b;--color-bg-dark:#08080d;--color-bg-input:#0a0a0f;--color-border-default:#4e3d1d;--color-border-focus:#c8a838;--color-border-invalid:#ff8f85;--color-border-valid:#48e060;--color-text-light:#f0ebd8;--color-text-muted:#998d6a;--color-gold:var(--gold);--color-accent:var(--gold);--color-text-overlay:#f4eede;--panel-edge:#08080d;--color-text-error:#ff8f85;--color-text-success:#7fdc4f;--color-quality-default:#fff;--color-slot-empty-text:#666;--color-slot-empty-border:#444;--color-delve-room:#0e0c0a;--color-delve-mob:#e74c3c;--color-delve-mob-aggro:#f80;--color-delve-party-dead:#9a9a9a;--color-delve-label:#ffe9a0;--color-delve-outline:#000;--color-map-label:#ffe9a0;--color-map-outline:#000;--color-map-portal-dot:#c084ff;--color-map-portal-label:#e0c0ff;--color-map-npc-quest:#ffd100;--color-map-player:#fff;--color-map-ally-friend:#4ade80;--color-map-ally-guild:#60a5fa;--color-map-rock:#8c8b86;--color-map-tree:#2f6b34;--color-map-oak:#4f8c3a;--color-map-building-outline:#1a140a;--color-map-building-chapel:#9b9080;--color-map-building-inn:#8a6233;--color-map-building-house:#7a5630;--color-map-well:#5a7fa8;--color-map-stall:#b07a3a;--color-map-tent:#9a8a5a;--color-map-mine:#6a5a4a;--color-map-graveyard:#8a929c;--color-map-mudhut:#7a6a4a;--color-map-campfire:#ff9a3c;--color-minimap-ally-friend:#4ade80;--color-minimap-ally-guild:#60a5fa;--color-minimap-npc-quest:#ffd100;--color-minimap-portal:#c084ff;--color-minimap-object-loot:#ffe97a;--color-minimap-mob-aggro:#f80;--color-minimap-mob:#e74c3c;--color-minimap-mob-loot:#ffd100;--color-minimap-party-dead:#9a9a9a;--color-minimap-party-pip:#fffc;--color-minimap-player:#fff;--color-minimap-outline:#000;--color-talent-arrow:#f5c843;--color-talent-arrow-dim:#5a4a22;--color-talent-opt-dim:#aaa;--color-talent-hint:#8aa;--color-talent-req:#caa;--color-talent-dormant:#e0635a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--radius-sm:4px;--radius-md:8px;--transition-speed:.25s;--transition-ease:cubic-bezier(.4, 0, .2, 1);--scrollbar-thumb:#5c4722;--scrollbar-track:#0a0a0fb3;--scrollbar-thumb-hover:#7c6233;--scrollbar-border:#7c6233;--app-vw:100vw;--app-vh:100vh;--fx-shadow:1;--fx-ambient-anim:running;--motion-scale:1;--cursor-arrow:url(/ui/cursors/arrow.png) 7 2, default;--cursor-point:url(/ui/cursors/gauntlet.png) 6 4, pointer;--cursor-grab:url(/ui/cursors/hand-grab.png) 11 16, grabbing;--cursor-hand:var(--cursor-arrow);--cursor-sword:var(--cursor-point);--cursor-shield:var(--cursor-point)}:root[data-fx-level=low] *,:root[data-fx-level=low] :before,:root[data-fx-level=low] :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@layer base{*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}ul,ol,li{margin:0;padding:0;list-style:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border:1px solid #ffffff08;border-radius:4px;box-shadow:inset 0 0 6px #00000080}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb) 0%, #3a2b10 100%);border:1px solid var(--scrollbar-border);border-radius:4px;box-shadow:inset 0 1px #ffffff26,0 1px 3px #00000080}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scrollbar-thumb-hover) 0%, #4f3b17 100%);border-color:var(--color-border-focus)}::-webkit-scrollbar-corner{background:0 0}.gamepad-cursor{pointer-events:none;z-index:100000;background:#d4af3740;border:2px solid #d4af37;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;display:none;position:fixed;top:0;left:0;box-shadow:0 0 6px #000c}input[type=range]{appearance:none;width:100%;height:18px;cursor:var(--cursor-point);background:0 0}input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--scrollbar-border);background:linear-gradient(180deg, #ffef9e 0%, var(--gold) 100%) no-repeat, linear-gradient(180deg, #15110a 0%, #0b0b10 100%);background-size:var(--range-fill,0%) 100%, 100% 100%;border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #000a}input[type=range]::-moz-range-track{border:1px solid var(--scrollbar-border);background:linear-gradient(#15110a 0%,#0b0b10 100%);border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #000a}input[type=range]::-moz-range-progress{background:linear-gradient(180deg, #ffef9e 0%, var(--gold) 100%);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%, #ffef9e 0%, var(--gold) 45%, #b8860b 100%);width:16px;height:16px;box-shadow:0 1px 3px #000b, 0 0 5px var(--color-primary-glow);border:1px solid #2a2008;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #ffef9e 0%, var(--gold) 45%, #b8860b 100%);width:16px;height:16px;box-shadow:0 1px 3px #000b, 0 0 5px var(--color-primary-glow);border:1px solid #2a2008;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{background:radial-gradient(circle at 35% 30%,#fff7c8 0%,#ffe14d 45%,#c79410 100%)}input[type=range]:hover::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff7c8 0%,#ffe14d 45%,#c79410 100%)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-border-focus), 0 1px 3px #000b}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-border-focus), 0 1px 3px #000b}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--gold);cursor:var(--cursor-point)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}textarea{resize:vertical}textarea::-webkit-resizer{background:linear-gradient(135deg, transparent 0 46%, var(--scrollbar-border) 46% 54%, transparent 54% 71%, var(--scrollbar-border) 71% 79%, transparent 79%);border-bottom-right-radius:4px}[hidden]{display:none!important}html,body{width:var(--app-vw);height:var(--app-vh);min-width:100%;min-height:100%;font-family:var(--ui-font);touch-action:pan-y;overscroll-behavior-y:auto;-webkit-text-size-adjust:100%;cursor:var(--cursor-arrow);background:#000;overflow:hidden}body.game-active{touch-action:none;overscroll-behavior:none;overflow:hidden}#game-canvas{width:var(--app-vw);height:var(--app-vh);z-index:0;display:block;position:fixed;top:0;left:0}.click-move-marker{pointer-events:none;opacity:0;z-index:2;filter:drop-shadow(0 2px 5px #000d);--ctm-color:#7ef06b;--ctm-core:#d9ffd1;--ctm-edge:#245f1f;width:56px;height:56px;transition:opacity 45ms ease-out;position:absolute;top:0;left:0;transform:translate(-999px,-999px)}.click-move-marker.active{opacity:.98}.click-move-marker.entity{--ctm-color:#ffd35a;--ctm-core:#fff0a8;--ctm-edge:#6b4a10}.click-move-marker.blocked{--ctm-color:#ff5a4d;--ctm-core:#ffd2cc;--ctm-edge:#5f1a14;animation:.9s ease-in-out infinite click-move-blocked}@keyframes click-move-blocked{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.click-move-marker.blocked{opacity:.9;animation:none}}.click-move-marker:before{content:"";background:var(--ctm-core);border:1px solid var(--ctm-edge);width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--ctm-color) 85%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-move-marker:after{content:"";border:1px solid color-mix(in srgb, var(--ctm-color) 72%, transparent);opacity:0;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-move-marker.pulse:after{animation:.22s ease-out both click-move-core}.ctm-arrow{opacity:0;transform-origin:50%;will-change:transform, opacity;width:11px;height:11px;position:absolute;top:50%;left:50%}.click-move-marker.pulse .ctm-arrow{animation:.26s cubic-bezier(.16,1,.3,1) both click-move-collapse}.ctm-arrow:before{content:"";border-style:solid;border-color:var(--ctm-core);box-shadow:1.5px -1.5px 0 color-mix(in srgb, var(--ctm-edge) 58%, transparent);border-width:2px 2px 0 0;position:absolute;inset:0}.ctm-n{--ctm-x0:-5.5px;--ctm-y0:-36px;--ctm-x1:-5.5px;--ctm-y1:-23px;--ctm-r:135deg;transform:translate(-5.5px,-36px)rotate(135deg)}.ctm-e{--ctm-x0:25px;--ctm-y0:-5.5px;--ctm-x1:12px;--ctm-y1:-5.5px;--ctm-r:-135deg;transform:translate(25px,-5.5px)rotate(-135deg)}.ctm-s{--ctm-x0:-5.5px;--ctm-y0:25px;--ctm-x1:-5.5px;--ctm-y1:12px;--ctm-r:-45deg;transform:translate(-5.5px,25px)rotate(-45deg)}.ctm-w{--ctm-x0:-36px;--ctm-y0:-5.5px;--ctm-x1:-23px;--ctm-y1:-5.5px;--ctm-r:45deg;transform:translate(-36px,-5.5px)rotate(45deg)}@keyframes click-move-collapse{0%{opacity:.95;transform:translate(var(--ctm-x0), var(--ctm-y0)) rotate(var(--ctm-r,0deg)) scale(1.05)}16%{opacity:1}72%{opacity:.95;transform:translate(var(--ctm-x1), var(--ctm-y1)) rotate(var(--ctm-r,0deg)) scale(.78)}to{opacity:0;transform:translate(var(--ctm-x1), var(--ctm-y1)) rotate(var(--ctm-r,0deg)) scale(.62)}}@keyframes click-move-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}50%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@media (prefers-reduced-motion:reduce){.ctm-arrow,.click-move-marker.pulse:after{animation-duration:.01ms;animation-iteration-count:1}}#start-screen,#loading-screen.visible{cursor:var(--cursor-hand)}#start-screen :is(.btn,.btn-play,.server-select-trigger,.server-select-option,.social-link,.realm-row,.char-row,.class-card,.password-toggle,#btn-toggle-controls,.btn-close-drawer){cursor:var(--cursor-sword)}#start-screen :is(input,textarea){cursor:text}@media (pointer:coarse){input,textarea,select{font-size:16px!important}}#nameplates{width:var(--app-vw);height:var(--app-vh);pointer-events:none;z-index:1;position:fixed;top:0;left:0;overflow:hidden}#ui{width:var(--app-vw);max-width:100vw;height:var(--app-vh);pointer-events:none;z-index:10;position:fixed;top:0;left:0;overflow:hidden}#ui>*{pointer-events:auto}#ui>.click-move-marker,#ui>.click-move-marker *{pointer-events:none}.panel{background:var(--panel-bg);border:2px solid var(--border);color:var(--color-text-light);border-radius:6px;outline:1px solid #000;box-shadow:0 2px 16px #000c,inset 0 0 24px #0006,inset 0 1px #ffffff14}.panel-title{font-family:var(--title-font);color:var(--gold);letter-spacing:.5px;text-shadow:1px 1px 2px #000;border-bottom:1px solid #463a1c;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:15px;display:flex}.window .panel-title{cursor:move;touch-action:none}.window .panel-title .x-btn{cursor:var(--cursor-point)}.window.window-dragging{cursor:move}.x-btn{color:#c9b27a;cursor:var(--cursor-point);font-size:14px;font-family:var(--ui-font);background:#1a1410;border:1px solid #463a1c;border-radius:3px;padding:0 4px}.x-btn:hover{color:#fff;border-color:var(--gold-dim)}.x-btn:focus-visible,.action-btn:focus-visible,.chat-tab:focus-visible,.micro-btn:focus-visible,.mobile-btn:focus-visible,.vendor-item:focus-visible,.vendor-sell-junk:focus-visible,.bag-item:focus-visible,.mkt-tab:focus-visible,.mkt-btn:focus-visible,.mkt-list-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.panel-subtitle{color:var(--color-text-muted);font-size:11px;font-weight:400}.gold{color:var(--gold)}.ui-icon{vertical-align:-.125em;pointer-events:none;flex:none;width:1em;height:1em;display:inline-block}.x-btn .ui-icon{vertical-align:middle;width:12px;height:12px}.micro-btn .ui-icon{vertical-align:middle;width:18px;height:18px}.pfm-crest{vertical-align:-3px;border-radius:3px;width:16px;height:16px;margin-right:3px}body:has(#start-screen:not([style*="display: none"])) #ui{display:none!important}.hud-skip{z-index:100000;padding:var(--spacing-sm) var(--spacing-md);background:var(--panel-base);color:var(--color-text-light);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);font-family:var(--font-ui);transition:inset-block-start var(--transition-speed) var(--transition-ease);font-size:16px;text-decoration:none;position:fixed;inset-block-start:-120px;inset-inline-start:var(--spacing-sm)}.hud-skip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;inset-block-start:var(--spacing-sm)}@media (prefers-reduced-motion:reduce){.hud-skip{transition:none}}body:has(#start-screen:not([style*="display: none"])) .hud-skip{display:none}@media (forced-colors:active){:focus-visible{outline-offset:2px;outline:2px solid highlight!important}.panel,.window,.hud-skip{border:1px solid canvastext}.hud-skip{color:canvastext;background:canvas}#tf-name.hostile{text-decoration:underline}#castbar .fill,#tf-castbar .fill,.np-castfill{background:highlight!important}}@media print{#game-canvas,#ui,#nameplates,.hud-skip{display:none!important}}}@layer layout{.window{z-index:20;max-height:calc(85vh - 24px);padding:12px;display:none;position:absolute;top:10vh;left:50%;overflow-y:auto;transform:translate(-50%)}}@layer components{.nameplate{text-align:center;pointer-events:none;text-shadow:1px 1px 2px #000;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.nameplate.has-emote{z-index:30}.np-name{font-size:12px;font-weight:700;font-family:var(--title-font);letter-spacing:.3px;vertical-align:middle;display:inline-block}.np-guild{color:#c9dcfb;font-size:10px;font-weight:700;font-family:var(--title-font);letter-spacing:.2px;margin-top:-1px}.np-tier{vertical-align:middle;filter:drop-shadow(0 1px 1px #000);width:15px;height:15px;margin-right:3px;display:inline-block}.np-hpbar{background:#2a0000;border:1px solid #000;border-radius:2px;width:78px;height:6px;margin:1px auto 0}.np-hpfill{background:linear-gradient(#48e060,#1d7a32);border-radius:2px;height:100%}.np-castbar{background:#1a1205;border:1px solid #000;border-radius:2px;width:78px;height:8px;margin:1px auto 0;position:relative;overflow:hidden}.np-castfill{background:linear-gradient(#ffe27a,#d99a18);border-radius:1px;height:100%;transition:width 50ms linear}.np-castbar.channel .np-castfill{background:linear-gradient(#7ad0ff,#2f7fd6)}.np-castlabel{color:#fff;text-shadow:1px 1px 1px #000;letter-spacing:.2px;font-size:9px;font-weight:700;line-height:9px;position:absolute;inset:0}.nameplate.np-threat .np-hpbar{border-color:#ff5a4a;box-shadow:0 0 6px #ff3b2e99}.nameplate.np-threat .np-hpfill{background:linear-gradient(#ff6b5e,#a01818)}.np-hpbar.elite{border-color:#f2c84b;box-shadow:0 0 5px 1px #f2c84baa,inset 0 0 2px #ffe9a0cc}.np-hpbar.boss{border-color:#ff5a3c;box-shadow:0 0 7px 1px #ff5a3ccc,inset 0 0 2px #ffd2a0dd}.np-marker{height:26px;font-size:24px;font-weight:700;font-family:var(--title-font)}.np-marker.avail,.np-marker.ready{color:var(--gold);text-shadow:0 0 6px #ffd10088,1px 1px 2px #000}.np-marker.active{color:#b9b9b9}.np-marker.loot{color:var(--gold);font-size:14px}.np-raidmark{filter:drop-shadow(0 0 2px #000)drop-shadow(0 1px 1px #000);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:0 auto 1px}.np-combo{justify-content:center;gap:3px;height:7px;margin:0 auto 2px;display:flex}.np-combo-pip{box-sizing:border-box;background:#3a1010;border:1px solid #000;border-radius:50%;width:7px;height:7px}.np-combo-pip.lit{background:radial-gradient(circle at 35% 30%,#ffe07a,#e8453a 70%);border-color:#5a0c08;box-shadow:0 0 4px #ff6a3caa}.np-emote{color:#ffe9a3;min-width:62px;height:42px;font:800 11px / 1 var(--title-font);letter-spacing:0;z-index:3;text-shadow:0 1px 1px #000;will-change:transform, opacity;background:linear-gradient(#3a2a16,#16100a);border:2px solid #f2d27a;border-radius:999px;justify-content:center;align-items:center;gap:5px;margin:0 auto 5px;padding:3px 9px 3px 4px;animation:.26s cubic-bezier(.22,1,.36,1) emote-pop;display:inline-flex;position:relative;box-shadow:0 2px #050301,0 0 16px #ffd65a66,inset 0 1px #fff4}.np-emote-icon{image-rendering:auto;filter:drop-shadow(0 2px 1px #0009);flex:none;width:34px;height:34px}.np-emote-label{text-overflow:ellipsis;white-space:nowrap;max-width:56px;display:block;overflow:hidden}@keyframes emote-pop{0%{opacity:0;transform:translateY(8px)scale(.86)}to{opacity:1;transform:none}}.chat-bubble{pointer-events:none;color:#1d1610;text-align:center;overflow-wrap:break-word;will-change:transform;z-index:21;background:#fcfaf0ed;border:1px solid #8a7a55;border-radius:10px;max-width:220px;padding:4px 9px;font-size:12px;line-height:1.3;position:absolute;top:0;left:0}.chat-bubble.yell{color:#7a1408;border-color:#c43a2a;font-weight:700}.tut-card{box-sizing:border-box;pointer-events:auto;background:var(--panel-bg);border:1px solid var(--border);color:#e8e2d0;z-index:22;border-radius:12px;width:100%;max-width:420px;padding:14px 16px 12px;animation:.24s cubic-bezier(.22,1,.36,1) tut-in;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #000a,inset 0 0 0 1px #ffffff10}.tut-card.tut-done{border-color:var(--color-friendly)}.tut-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tut-title{letter-spacing:.3px;color:var(--gold);text-shadow:0 1px 2px #000;font-size:16px;font-weight:700}.tut-card.tut-done .tut-title{color:var(--color-friendly)}.tut-step{color:#b8ad8e;white-space:nowrap;font-size:11px}.tut-body{color:#d8d0bc;margin-top:7px;font-size:13px;line-height:1.45}.tut-progress{color:var(--gold-dim);margin-top:8px;font-size:13px;font-weight:600}.tut-skip{color:#cfc6ab;border:1px solid var(--border);cursor:pointer;background:#1c1b14;border-radius:8px;width:100%;min-height:40px;margin-top:11px;padding:0 16px;font-size:14px;transition:background .12s,color .12s}.tut-skip:hover{color:#f0e9d2;background:#2a2718}.tut-skip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tut-arrow{pointer-events:none;color:var(--gold);text-shadow:0 0 8px #000,0 1px 2px #000;z-index:21;will-change:transform;font-size:30px;line-height:1;animation:1.1s ease-in-out infinite tut-pulse;display:none;position:absolute;top:0;left:0}@keyframes tut-in{0%{opacity:0;transform:translate(-50%)translateY(-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes tut-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tut-card,.tut-arrow{animation:none}}.unitframe{align-items:center;gap:0;display:flex;position:absolute;top:12px}#player-frame{justify-content:center;align-items:center;width:612px;margin:0 auto 6px;display:flex;position:relative;top:auto;left:auto}#player-frame .uf-bars{flex:1;width:auto;min-width:0;max-width:520px}#target-frame{z-index:6;display:none;top:12px;left:12px}.portrait-wrap{z-index:2;width:64px;height:64px;position:relative}.portrait{border:3px solid var(--border);background:radial-gradient(circle at 35% 30%,#3a3a4e,#14141c);border-radius:50%;outline:1px solid #000;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 2px 8px #000c,inset 0 0 12px #0009}.portrait canvas{border-radius:50%;width:100%;height:100%;display:block}.level-chip{border:2px solid var(--gold-dim);width:24px;height:24px;color:var(--gold);text-shadow:1px 1px 1px #000;z-index:3;background:radial-gradient(circle at 40% 35%,#4a3a14,#241c08);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-3px;left:-3px}.combat-flash{color:#ff5040;z-index:4;pointer-events:none;text-shadow:0 0 4px #000,0 0 6px #ff5040;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:none;position:absolute;top:-4px;right:-4px}#player-frame.combat .combat-flash{animation:1s ease-in-out infinite pf-combat-pulse;animation-duration:calc(1s * var(--motion-scale,1));animation-play-state:var(--fx-ambient-anim,running);display:flex}#player-frame.combat .portrait{box-shadow:0 0 calc(8px * var(--fx-shadow,1)) #e74c3c99, inset 0 0 12px #0009;border-color:#e74c3c}.uf-bars{background:var(--panel-bg);border:2px solid var(--border);border-radius:0 6px 6px 0;outline:1px solid #000;width:190px;margin-left:-8px;padding:5px 8px 5px 14px;box-shadow:0 2px 10px #000a}#target-frame .portrait-wrap{order:2}#target-frame .uf-bars{border-radius:6px 11px 11px 6px;order:1;margin-left:0;margin-right:-18px;padding:5px 26px 5px 8px}#target-frame .level-chip{left:auto;right:-3px}.rest-indicator{z-index:3;color:#aee3ff;text-shadow:0 0 6px #4fc3ff,1px 1px 1px #000;width:22px;height:22px;box-shadow:0 0 calc(8px * var(--fx-shadow,1)) #4fc3ff66;background:radial-gradient(circle at 40% 35%,#14304a,#08141c);border:2px solid #4fc3ff88;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-style:italic;font-weight:700;display:none;position:absolute;top:-6px;right:-6px}.rest-indicator.on{animation:2s ease-in-out infinite rest-pulse;animation-duration:calc(2s * var(--motion-scale,1));animation-play-state:var(--fx-ambient-anim,running);display:flex}@keyframes rest-pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(-2px)}}.uf-name{font-size:13px;font-weight:700;font-family:var(--title-font);color:var(--gold);white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 2px #000;overflow:hidden}.bar{background:#1a1a1a;border:1px solid #000;border-radius:2px;height:15px;margin-top:3px;position:relative;overflow:hidden}.bar-fill{transform-origin:0;background-image:linear-gradient(#ffffff40,#ffffff05 45%,#00000026);width:100%;position:absolute;inset:0}.bar-text{text-align:center;color:#fff;text-shadow:1px 1px 1px #000;font-size:11px;font-weight:700;line-height:15px;position:absolute;inset:0}.hp .bar-fill{background-color:var(--color-hp)}.mana .bar-fill{background-color:var(--color-mana)}.rage .bar-fill{background-color:var(--color-rage)}.energy .bar-fill{background-color:var(--color-energy)}.bar-absorb{transform-origin:0;pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff6b 0 5px,#bee1ff29 5px 10px);width:100%;transition:transform .12s linear;position:absolute;inset:0;transform:scaleX(0);box-shadow:inset 0 0 6px #fff6}.bar-absorb.overshield{background:repeating-linear-gradient(115deg,#ffeca08c 0 5px,#ffd65a3d 5px 10px);box-shadow:inset 0 0 7px #ffe18c99}.bar.low{--lr-opacity:.7;--lr-pulse:1s}.bar.low .bar-fill{box-shadow:0 0 5px 1px rgba(150, 205, 255, var(--lr-opacity)), inset 0 0 4px #dcf0ffe6;animation:low-resource-pulse var(--lr-pulse) ease-in-out infinite}.bar.energy.low .bar-fill{box-shadow:0 0 5px 1px rgba(255, 225, 110, var(--lr-opacity)), inset 0 0 4px #fff5c8e6}.low-resource-label{letter-spacing:.5px;color:#eaf4ff;text-shadow:0 0 3px #000,1px 1px 1px #000;text-transform:uppercase;pointer-events:none;animation:low-resource-pulse var(--lr-pulse,1s) ease-in-out infinite;font-size:9px;font-weight:700;line-height:15px;display:none;position:absolute;top:0;right:5px}.bar.energy.low .low-resource-label{color:#fff3c2}@keyframes low-resource-pulse{0%,to{filter:brightness();opacity:.6}50%{filter:brightness(1.7);opacity:1}}@media (prefers-reduced-motion:reduce){.bar.low .bar-fill,.low-resource-label{animation:none}.low-resource-label{opacity:1}}.combo-row{gap:4px;height:10px;margin-top:4px;display:flex}.combo-pip{background:#2a0d0d;border:1px solid #5c2020;border-radius:50%;width:12px;height:10px}.combo-pip.on{box-shadow:0 0 calc(5px * var(--fx-shadow,1)) #f53a;background:radial-gradient(circle at 35% 30%,#ff7a5e,#c0392b);border-color:#ffad99}#buff-bar{pointer-events:auto;flex-flow:row-reverse wrap;gap:4px;max-width:320px;display:flex;position:absolute;top:14px;right:196px}#debuff-bar{pointer-events:auto;flex-flow:row-reverse wrap;gap:4px;max-width:320px;display:flex;position:absolute;top:50px;right:196px}.buff{border:1px solid var(--color-buff);cursor:default;background-color:#10141c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;width:28px;height:28px;position:relative}.buff.debuff{border-color:var(--color-debuff)}.buff.cancelable{cursor:context-menu}.buff.cancelable:hover{border-color:var(--color-gold,#d8b56b)}.buff .dur{text-align:center;color:#eee;text-shadow:1px 1px 1px #000;font-size:10px;position:absolute;bottom:-13px;left:0;right:0}.buff .stacks{box-sizing:border-box;text-align:center;min-width:13px;height:13px;font:700 10px / 12px var(--body-font);color:#fff;border:1px solid var(--color-debuff);background:#08080ceb;border-radius:7px;padding:0 2px;position:absolute;top:-4px;right:-3px}#castbar{border:2px solid var(--border);background:#100c08;border-radius:4px;outline:1px solid #000;width:300px;height:24px;display:none;position:absolute;bottom:260px;left:50%;overflow:hidden;transform:translate(-50%)}#castbar .fill{background:linear-gradient(#ffe48a,#c9941a 60%,#9a6f12);width:0%;height:100%;box-shadow:inset 0 1px #fff5}#castbar.channel .fill{background:linear-gradient(#8ad4ff,#1a74c9 60%,#125a9a)}#castbar .label{text-align:center;color:#fff;text-shadow:1px 1px 2px #000;font-size:12px;line-height:21px;font-family:var(--title-font);position:absolute;inset:0}#castbar .timer{color:#fff;text-shadow:1px 1px 2px #000;font-size:11px;line-height:21px;font-family:var(--title-font);font-variant-numeric:tabular-nums;position:absolute;top:0;right:6px}#tf-castbar{border:2px solid var(--border);background:#100606;border-radius:4px;outline:1px solid #000;width:100%;height:22px;margin-top:4px;display:none;position:relative;overflow:hidden}#tf-castbar .fill{background:linear-gradient(#ff9a8f,#c93024 60%,#73110d);width:0%;height:100%;box-shadow:inset 0 1px #fff5}#tf-castbar.channel .fill{background:linear-gradient(#ff9a8f,#c93024 60%,#73110d)}#tf-castbar .label{text-align:center;color:#fff;text-shadow:1px 1px 2px #000;font-size:12px;line-height:21px;font-family:var(--title-font);position:absolute;inset:0}#tf-castbar .timer{color:#fff0d0;text-shadow:1px 1px 2px #000;font-variant-numeric:tabular-nums;font-size:11px;line-height:21px;position:absolute;top:0;right:6px}#swingbar{border:1px solid var(--border);background:#0c0a07;border-radius:3px;outline:1px solid #000;width:220px;height:12px;display:none;position:absolute;bottom:234px;left:50%;overflow:hidden;transform:translate(-50%)}#swingbar .fill{background:linear-gradient(#ffcf7a,#d97b1e 60%,#8a4a10);width:0%;height:100%;transition:width 60ms linear;box-shadow:inset 0 1px #fff4}#swingbar.ready .fill{background:linear-gradient(#d8e8ff,#8fb6e6 60%,#5b86b8)}#swingbar .label{text-align:center;color:#fff;text-shadow:1px 1px 1px #000;font-size:10px;line-height:12px;font-family:var(--title-font);letter-spacing:.5px;position:absolute;inset:0}#bottom-bar{text-align:center;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#xpbar{background:#14101e;border:1px solid #000;border-radius:2px;outline:1px solid #3a3148;width:612px;height:10px;margin:0 auto 4px;position:relative;overflow:hidden}#xpbar .fill{background:linear-gradient(#b85eff,#6a1bb0);width:0%;height:100%;transition:background .3s}#xpbar .rested{opacity:.5;background:linear-gradient(#5fb0ff,#2b6fd0);width:0%;height:100%;position:absolute;top:0;left:0}#xpbar.rested{outline-color:#2b6fd0;box-shadow:0 0 6px #4a9eff55}#xpbar .ticks{display:flex;position:absolute;inset:0}#xpbar .ticks i{border-right:1px solid #0005;flex:1}#xpbar .label{color:#fff;text-align:center;text-shadow:1px 1px 1px #000;opacity:0;font-size:10px;line-height:10px;transition:opacity .15s;position:absolute;inset:0}#xpbar:hover .label{opacity:1}#xpbar.overflow{outline-color:#b8902a;box-shadow:0 0 6px #f5c84355}#xpbar.overflow .fill{background:linear-gradient(#ffe27a,#d99a1c)}#actionbar-row{align-items:flex-end;gap:8px;display:flex}#actionbar-stack{flex-direction:column;display:flex;position:relative}#petbar{box-shadow:none;background:0 0;border:0;outline:0;gap:6px;margin:0;padding:0;display:none;position:absolute;top:-52px;left:0}.petbar-group{background:linear-gradient(170deg,#15131fdd,#09080edd);border:2px solid #000;border-radius:6px;outline:1px solid #5b4618;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #000c}.pet-btn{color:#f3df9a;width:40px;height:40px;cursor:var(--cursor-point);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:6px;padding:0;position:relative;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.pet-btn .icon-label{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;position:absolute;inset:1px}.pet-btn:hover{border-color:var(--gold)}.pet-btn.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffd10066,0 0 6px #ffd10033}.pet-btn.autocast{border-color:#ffe77a;box-shadow:inset 0 0 0 1px #ffe77aaa,0 0 10px #ffe77a66,0 0 18px #ffd10033}.pet-btn.cooldown{filter:grayscale(.8)brightness(.65);cursor:default}.pet-btn.cooldown.autocast{filter:grayscale(.45)brightness(.78)}.pet-btn .cdtext{color:var(--gold);text-shadow:1px 1px 2px #000;pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}#actionbar,#actionbar2{gap:4px;padding:6px;display:flex}#actionbar2{padding-bottom:2px}.action-btn{color:#fff;width:46px;height:46px;cursor:var(--cursor-point);font-family:var(--title-font);text-shadow:1px 1px 2px #000;background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:6px;position:relative;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.action-btn .icon-label{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;position:absolute;inset:1px}.action-btn:hover{border-color:var(--gold)}.action-btn:active{transform:translateY(1px)}.action-btn.used{border-color:var(--color-border-focus);box-shadow:0 0 10px #ffd100aa,inset 0 0 0 1px #ffd10077,inset 0 1px #ffffff28}.action-btn.empty{cursor:default;background:#0d0d13;box-shadow:inset 0 0 10px #000}.action-btn .keybind{color:#ddd;font-size:10px;font-family:var(--ui-font);position:absolute;top:1px;right:3px}.action-btn .item-count{text-align:right;color:#fff;min-width:10px;font-size:10px;font-family:var(--ui-font);text-shadow:1px 1px 2px #000;font-weight:700;position:absolute;bottom:1px;right:3px}.action-btn .cdtext{color:var(--gold);text-shadow:1px 1px 2px #000;justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.action-btn .cd-overlay{background:#000d;border-radius:0 0 4px 4px;height:0%;position:absolute;bottom:0;left:0;right:0}.action-btn.unusable .icon-label{filter:grayscale()brightness(.5)}.action-btn.oor .icon-label{filter:brightness(.55)saturate(.4)}.action-btn.queued{border-color:#fff;box-shadow:0 0 9px #ffd100cc,inset 0 1px #ffffff18}.action-btn:not(.empty)[draggable=true]{cursor:grab}.action-btn.drop-target{border-color:#7fd1ff;box-shadow:0 0 8px #7fd1ff88}#side-buttons{z-index:19;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:74px;right:16px}.micro-btn{width:34px;height:30px;color:var(--color-text-muted);cursor:var(--cursor-point);background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:5px;font-size:12px;font-weight:700;position:relative;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.micro-btn:before{content:attr(aria-label);box-sizing:border-box;opacity:0;white-space:nowrap;max-width:0;height:100%;font-family:var(--font-ui);letter-spacing:.3px;color:var(--color-text-muted);pointer-events:none;z-index:-1;background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-right:none;border-radius:5px 0 0 5px;align-items:center;padding:0;font-size:12px;font-weight:600;line-height:1;transition:max-width .2s,opacity .15s,padding .2s,border-color .12s,color .12s;display:flex;position:absolute;top:0;right:calc(100% - 6px);overflow:hidden;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.micro-btn:hover:before{opacity:1;max-width:220px;padding:0 18px 0 12px}.micro-btn:hover,.micro-btn:hover:before{border-color:var(--gold);color:#fff}.micro-btn.has-points,.mobile-btn.has-points{border-color:var(--gold);color:#fff;animation:1.6s ease-in-out infinite tal-pulse;animation-duration:calc(1.6s * var(--motion-scale,1));animation-play-state:var(--fx-ambient-anim,running)}@keyframes tal-pulse{0%,to{box-shadow:0 0 5px #ffd10066}50%{box-shadow:0 0 12px #ffd100dd}}.micro-btn .keybind{color:#998;font-size:9px;position:absolute;bottom:-1px;right:2px}#mm-music .ui-icon{width:22px;height:22px}.micro-btn.mm-muted:after{content:"";pointer-events:none;background:#f0e8d2;border-radius:2px;width:17px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 0 1px #000000b3}#chatlog-wrap{width:min(370px,50vw - 330px);position:absolute;bottom:8px;left:12px}#chatlog-tabs{z-index:2;flex-wrap:wrap;gap:2px;margin-bottom:-1px;margin-left:6px;display:flex;position:relative}.chat-tab{color:#95886a;height:22px;cursor:var(--cursor-point);font-family:var(--title-font);text-shadow:1px 1px 1px #000;background:linear-gradient(#1c1824,#0d0b13);border:1px solid #3a321d;border-bottom:none;border-radius:6px 6px 0 0;padding:0 12px;font-size:12px}.chat-tab.active{color:var(--gold);background:linear-gradient(#2a2436,#161220);border-color:#6f5a2a}.chat-tab-add{color:#b6a472;width:26px;padding:0;font-size:15px;line-height:1}.chat-tab-add:hover{color:var(--gold)}.chat-pane .chat-hidden{display:none}#chatlog-frame{border-radius:0 6px 6px;height:184px;padding:0;position:relative;overflow:hidden}#chatlog-tabs{cursor:var(--cursor-move,move)}#chatlog-tabs .chat-tab{cursor:var(--cursor-point)}body.chat-box-dragging,body.chat-box-dragging *{-webkit-user-select:none;user-select:none}.chat-resize-grip{cursor:nwse-resize;z-index:3;opacity:.45;background:linear-gradient(135deg,#0000 0 45%,#95886a 45% 55%,#0000 55% 70%,#95886a 70% 80%,#0000 80%);width:16px;height:16px;position:absolute;bottom:0;right:0}.chat-resize-grip:hover{opacity:.9}body.mobile-touch .chat-resize-grip{display:none}body.mobile-touch #chatlog-tabs{cursor:default}.chat-pane{height:100%;padding:7px 10px;font-size:11px;line-height:1.45;display:none;overflow:hidden auto}.chat-pane.active{display:block}.chat-pane div{text-shadow:1px 1px 1px #000;overflow-wrap:break-word;-webkit-user-select:text;user-select:text}.chat-player-name{cursor:var(--cursor-point);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.chat-player-name:hover{filter:brightness(1.25)}.chat-player-name:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.chat-quest-link{color:#ffd100;cursor:var(--cursor-point);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.chat-quest-link:hover{color:#fff176}.chat-quest-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.chat-pane::-webkit-scrollbar{width:8px}.chat-pane::-webkit-scrollbar-track{background:#0b0b10}.chat-pane::-webkit-scrollbar-thumb{background:#4a3d1d;border-radius:4px}#report-window{z-index:95;width:320px}#report-window .panel-title{justify-content:space-between;align-items:center;display:flex}#report-window [data-close]{color:var(--color-accent);cursor:var(--cursor-point);background:0 0;border:0;font-size:16px}.report-label{color:var(--color-accent);margin:8px 0 4px;font-size:12px;display:block}#report-window select,#report-window textarea{width:100%;color:var(--color-text-light);background:#101018;border:1px solid #4a3d1d;border-radius:4px;padding:6px}#report-window textarea{resize:none;height:96px}.report-error{color:#ff7a5e;min-height:16px;margin-top:6px;font-size:12px}.report-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.bug-info{background:#101018;border:1px solid #4a3d1d;border-radius:4px;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px;display:flex}.bug-info-row{justify-content:space-between;gap:12px;font-size:12px;display:flex}.bug-info-label{color:var(--color-accent)}.bug-info-val{color:var(--color-text-light);text-align:right;overflow-wrap:anywhere}.bug-label{color:var(--color-accent);margin:8px 0 4px;font-size:12px;display:block}.bug-desc{resize:none;width:100%;height:90px;color:var(--color-text-light);background:#101018;border:1px solid #4a3d1d;border-radius:4px;padding:6px;font-size:16px}.bug-shot{margin-top:8px}.bug-shot-img{border:1px solid #4a3d1d;border-radius:4px;width:100%;max-width:100%;margin-top:6px;display:block}#quest-tracker{width:240px;color:var(--color-text-overlay);text-shadow:1px 1px 2px #000;pointer-events:none;font-size:12px;position:absolute;top:262px;right:14px}#quest-tracker .qt-header{width:100%;font-family:var(--title-font);color:var(--color-text-overlay);text-align:left;border:0;border-bottom:1px solid color-mix(in srgb, var(--gold) 27%, transparent);cursor:pointer;pointer-events:auto;text-shadow:1px 1px 2px #000;background:0 0;align-items:center;gap:6px;margin:0 0 4px;padding:0 0 2px;font-size:14px;display:flex}#quest-tracker .qt-header:hover{color:#fff}#quest-tracker .qt-header:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}#quest-tracker .qt-chevron{font-size:10px;line-height:1}#quest-tracker .qt-count{color:var(--color-text-overlay);opacity:.85;font-weight:400}@media (pointer:coarse){#quest-tracker .qt-header{min-height:40px}}#quest-tracker .qt-title{font-weight:700;font-family:var(--title-font);margin-top:8px}#quest-tracker .qt-obj{color:var(--color-text-overlay);margin-left:8px;font-size:11px}#quest-tracker .qt-obj.done,.qd-obj.done,.quest-complete{color:var(--color-text-success)}#delve-tracker{width:240px;color:var(--gold);text-shadow:1px 1px 2px #000;pointer-events:none;font-size:12px;display:none;position:absolute;top:380px;right:14px}#delve-tracker .dt-header{font-family:var(--title-font);border-bottom:1px solid #ffd10044;margin-bottom:4px;padding-bottom:2px;font-size:14px}#delve-tracker .dt-title{font-weight:700;font-family:var(--title-font);margin-top:8px}#delve-tracker .dt-tier{color:#c9b27a;font-size:11px;font-weight:400}#delve-tracker .dt-obj{color:#e8e0c8;margin-left:8px;font-size:11px}#delve-tracker .dt-obj.done{color:var(--color-text-success)}#delve-tracker .dt-affix-row{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 0 8px;display:flex}#delve-tracker .dt-affix-label{color:#c9b27a;margin-right:2px;font-size:11px}#delve-tracker .dt-affix-icon{cursor:help;border:1px solid #0008;border-radius:2px;width:14px;height:14px;display:inline-block}#meters-window{text-align:left;align-self:flex-end;width:240px;margin-bottom:6px;padding:8px 10px;display:none}#meters-window .panel-title{margin-bottom:4px}.mt-tab{color:var(--color-text-muted);cursor:var(--cursor-point);background:#1a1410;border:1px solid #463a1c;border-radius:3px;padding:1px 7px;font-size:11px}.mt-tab.on{color:var(--gold);border-color:var(--gold-dim);background:#2a2010}.mt-view{color:var(--gold);font-size:12px;font-family:var(--title-font);text-shadow:1px 1px 1px #000}.mt-sub{color:#9c8f6e;margin:1px 0 6px;font-size:10px}.mt-row{background:#14100c;border:1px solid #000;border-radius:2px;height:17px;margin-bottom:3px;position:relative;overflow:hidden}.mt-row.aggro{border-color:#c0392b}.mt-fill{border-radius:1px;position:absolute;inset:0}.mt-label{color:#fff;text-shadow:1px 1px 1px #000;font-size:11px;font-weight:700;line-height:17px;position:absolute;top:0;left:5px}.mt-num{color:#ffe;text-shadow:1px 1px 1px #000;font-size:10px;line-height:17px;position:absolute;top:0;right:5px}body.mobile-touch #meters-window .mt-rows{max-height:82px;overflow:hidden auto}body.mobile-touch #meters-window .panel-title{flex-wrap:wrap;gap:4px}body.mobile-touch #meters-window .mt-tab{padding:1px 5px}#minimap-wrap{text-align:center;width:170px;position:absolute;top:10px;right:12px}#zone-label{color:var(--gold);font-size:13px;font-family:var(--title-font);text-shadow:1px 1px 3px #000;letter-spacing:.5px;margin-bottom:3px}#minimap{border:4px solid var(--border);border-radius:50%;outline:1px solid #000;box-shadow:0 0 14px #000c,inset 0 0 20px #0008}#minimap-clock{cursor:pointer;-webkit-user-select:none;user-select:none;min-width:52px;font-family:var(--font-ui);letter-spacing:.4px;color:var(--gold);text-shadow:1px 1px 2px #000;border:2px solid var(--border);background:radial-gradient(circle at 50% 30%,#2c2c3a,#14141d);border-radius:8px;padding:1px 8px;font-size:12px;font-weight:600;position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0009,inset 0 1px #ffffff14}#minimap-clock:hover{color:#fff;border-color:#c9a86a}#minimap-coords{font-variant-numeric:tabular-nums;color:#e8d9b0;border:1px solid var(--border);text-shadow:1px 1px 2px #000;letter-spacing:.3px;background:#0008;border-radius:9px;margin-top:4px;padding:1px 8px;font-size:11px;display:inline-block}#compass{width:162px;margin:5px auto 0;position:relative}#compass-strip{border:2px solid var(--border);background:linear-gradient(#1c1a14,#100f0b);border-radius:5px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000a;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass-track{position:absolute;inset:0}.compass-mark{font-family:var(--title-font);color:#b9ad86;text-shadow:1px 1px 2px #000;pointer-events:none;white-space:nowrap;font-size:11px;position:absolute;top:50%;transform:translate(-50%,-50%)}.compass-mark.major{color:var(--gold);font-size:13px;font-weight:700}#compass-center{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--gold);filter:drop-shadow(0 1px 1px #000);width:0;height:0;position:absolute;top:-2px;left:50%;transform:translate(-50%)}#compass-heading{font-family:var(--title-font);color:var(--gold);letter-spacing:1px;text-shadow:1px 1px 2px #000;margin-top:2px;font-size:12px}#minimap-zoom{z-index:2;background:radial-gradient(circle at 50% 30%,#2c2c3a,#15151f);border:1px solid #4a3d1d;border-radius:9px;align-items:center;gap:4px;padding:1px 4px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #000a}.minimap-zoom-btn{width:17px;height:17px;color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:700;line-height:1;font-family:var(--title-font);background:0 0;border:none;border-radius:4px;padding:0}.minimap-zoom-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.minimap-zoom-btn:disabled{opacity:.3;cursor:default}#minimap-zoom-label{min-width:24px;color:var(--gold);font-size:11px;font-family:var(--title-font);text-shadow:1px 1px 2px #000;letter-spacing:.3px}#minimap-disc{line-height:0;display:inline-block;position:relative}#raid-lockout{z-index:3;cursor:pointer;color:#8c8472;background:radial-gradient(circle at 50% 30%,#2c2c3a,#15151f);border:1px solid #4a3d1d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:color .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 1px 3px #000a}#raid-lockout svg{width:15px;height:15px;display:block}#raid-lockout:hover,#raid-lockout:focus-visible{color:#d8c89a;border-color:#c9a86a;outline:none}#raid-lockout:focus-visible{box-shadow:0 0 0 2px var(--gold)}#raid-lockout.locked{color:var(--gold);border-color:#c9a86a;box-shadow:0 0 8px #c9a86a66,0 1px 3px #000a}.rl-panel-title{margin-bottom:4px}.rl-row{justify-content:space-between;gap:14px;font-size:12px;line-height:1.5;display:flex}.rl-row .rl-name{color:#e8dcc0}.rl-row .rl-time{color:var(--gold);font-variant-numeric:tabular-nums}.rl-empty{color:#b8c8a0;font-size:12px}#community-hud{z-index:19;align-items:center;gap:4px;display:flex;position:absolute;bottom:14px;right:16px}#community-menu{display:contents}.community-toggle{display:none}.community-tray{align-items:center;gap:4px;display:flex}.community-link{width:34px;height:30px;color:var(--color-text-muted);background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:5px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.community-link:hover{color:#fff;border-color:#7f8cff}.community-link.github:hover{color:#fff;border-color:#e4e4ea}.community-link svg{flex:none;width:18px;height:18px;display:block}.community-link span{display:none}.community-link.donate{width:auto;font-family:var(--font-ui);letter-spacing:.3px;gap:6px;padding:0 11px;font-size:12px;font-weight:600}.community-link.donate span{line-height:1;display:inline}.community-link.donate:hover{color:#fff;border-color:#ff6b8b}body.native-app .donate-cta,body.native-app .community-link.donate,body.native-app .social-link.donate,body.native-app #token-ca,body.native-app #nav-btn-download,body.native-app .cs-wallet,body.native-app .cs-wallet-hidden-note,body.native-app .account-wallet-card,body.native-app #performance-tip,body.native-app .official-site-copy{display:none!important}#tooltip{z-index:100;pointer-events:none;max-width:280px;padding:8px 10px;font-size:12px;line-height:1.5;display:none;position:absolute}#tooltip .tt-title{font-family:var(--title-font);color:#fff;font-size:13.5px}#tooltip .tt-sub{color:var(--color-text-muted);font-size:11px}#tooltip .tt-set-name{color:var(--color-accent);margin-top:4px;font-size:11.5px}#tooltip .tt-set-bonus{color:var(--color-text-muted);font-size:11px}#tooltip .tt-set-bonus.active{color:#1eff00}#tooltip .tt-row{justify-content:space-between;gap:12px;display:flex}#tooltip .tt-row .tt-armor{color:var(--color-text-light)}#tooltip .tt-row .tt-armor.tt-armor-bad{color:#ff5040}#tooltip .tt-effect{color:var(--color-accent,#d4b483);margin-top:1px;font-size:11.5px}.tt-opt-icon{vertical-align:-3px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;width:16px;height:16px;margin-right:2px;display:inline-block}#tooltip .tt-desc{color:var(--color-accent);margin-top:4px;font-size:11.5px}#tooltip .tt-stat{color:#fff;font-size:11.5px}#tooltip .tt-green{color:#1eff00;font-size:11.5px}#tooltip .tt-red{color:#ff5040;font-size:11.5px}#tooltip .tt-body{color:var(--color-text-muted);margin-top:3px;font-size:11.5px}#tooltip .tt-bd-head{color:#c2a86a;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #3a3526;margin-top:6px;padding-top:5px;font-size:10px}#tooltip .tt-cmp{border-top:1px solid #3a3526;margin-top:6px;padding-top:5px}#tooltip .tt-cmp-head{color:#8a7f5e;text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:10px}#tooltip .tt-cmp-body{opacity:.7}.fct{pointer-events:none;text-shadow:1px 1px 3px #000;font-size:17px;font-weight:700;font-family:var(--title-font);z-index:5;animation:1.1s ease-out forwards fct-rise;position:absolute;translate:-50% -50%}.fct.crit{font-size:26px;animation:1.2s ease-out forwards fct-crit}@keyframes fct-rise{0%{opacity:1;translate:-50% -50%}to{opacity:0;translate:-50% calc(-50% - 76px)}}@keyframes fct-crit{0%{opacity:1;translate:-50% -50%;scale:1}15%{scale:1.5}to{opacity:0;translate:-50% calc(-50% - 86px);scale:1}}.fct{font-size:calc(17px * var(--fct-scale,1))}.fct.crit{font-size:calc(26px * var(--fct-scale,1))}:root[data-fx-level=low] .fct.crit{animation-name:fct-rise}.fct-miss-self,.fct-dodge-self{color:#bbb}.fct-miss-other,.fct-dodge-other,.fct-damage-done-auto{color:#fff}.fct-damage-done-ability{color:#ffe97a}.fct-damage-taken{color:#f54}.fct-heal{color:#3ce63c}.fct-xp{color:#b974ff}.fct-rested-xp{color:#4a9eff}.fct-self-note{color:#ff8c66}#tooltip{font-size:calc(12px * var(--tooltip-scale,1))}#tooltip .tt-title{font-size:calc(13.5px * var(--tooltip-scale,1))}#tooltip .tt-sub{font-size:calc(11px * var(--tooltip-scale,1))}#tooltip .tt-effect,#tooltip .tt-desc,#tooltip .tt-stat,#tooltip .tt-green,#tooltip .tt-body{font-size:calc(11.5px * var(--tooltip-scale,1))}#tooltip .tt-bd-head{font-size:calc(10px * var(--tooltip-scale,1))}.chat-pane{font-size:calc(11px * var(--chat-font-scale,1))}#chatlog-frame{background:linear-gradient(170deg, color-mix(in srgb, var(--panel-base) calc(var(--chat-opacity,.95) * 100%), transparent) 0%, color-mix(in srgb, var(--panel-edge) calc(var(--chat-opacity,.95) * 100%), transparent) 100%)}.panel,.window{opacity:var(--hud-opacity,1)}#ui{zoom:var(--ui-scale,1);width:calc(var(--app-vw) / var(--ui-scale,1));height:calc(var(--app-vh) / var(--ui-scale,1));max-width:none}body.compact-chat #chatlog-frame{height:120px}body.high-contrast-text .chat-pane div,body.high-contrast-text .panel,body.high-contrast-text .set-name,body.high-contrast-text .tt-stat,body.high-contrast-text .tt-desc{text-shadow:0 0 2px #000,1px 1px 2px #000,-1px -1px 2px #000}body.reduce-motion .fct{animation-duration:.01ms!important}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.frosted-panels .panel,body.frosted-panels .window{-webkit-backdrop-filter:blur(7px)saturate(1.05);backdrop-filter:blur(7px)saturate(1.05)}body.fx-reduced *,body.fx-reduced :before,body.fx-reduced :after,body.fx-minimal *,body.fx-minimal :before,body.fx-minimal :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.fx-minimal .portal-ring,body.fx-minimal .portal-ring-reverse,body.fx-minimal .nebula-overlay,body.fx-minimal .bg-trailer,body.fx-minimal .ember,body.fx-minimal #title-logo{animation:none!important}body.fx-minimal .portal-ring,body.fx-minimal .portal-ring-reverse{filter:none!important}body.fx-minimal .embers-container{display:none!important}#perf-overlay{z-index:60;--perf-fg:#ffd76a;--perf-bg:#08080d8c;--perf-scale:1;box-sizing:border-box;pointer-events:none;min-width:calc(78px * var(--perf-scale));max-width:min(60vw,360px);padding:calc(5px * var(--perf-scale)) calc(8px * var(--perf-scale));font-family:var(--font-ui);font-size:calc(12px * var(--perf-scale));color:var(--perf-fg);background:var(--perf-bg);text-shadow:1px 1px 2px #000a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-user-select:none;user-select:none;border:1px solid #ffffff20;border-radius:7px;line-height:1.34;transition:box-shadow .12s;display:none;position:absolute;top:8px;left:8px;overflow:hidden;box-shadow:0 3px 12px #0009,inset 0 0 0 1px #00000040}#perf-overlay .perf-rows{grid-template-columns:auto minmax(0,auto);align-items:baseline;gap:0 12px;display:grid}#perf-overlay .perf-row{display:contents}#perf-overlay .perf-label{opacity:.82;font-variant:small-caps;letter-spacing:.4px;white-space:nowrap;grid-column:1}#perf-overlay .perf-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-weight:600;overflow:hidden}#perf-overlay .perf-row[data-sev=good] .perf-value{color:#76e08a}#perf-overlay .perf-row[data-sev=warn] .perf-value{color:#ffcf5a}#perf-overlay .perf-row[data-sev=bad] .perf-value{color:#ff6f63}#perf-overlay .perf-graph-wrap{width:100%;height:26px;margin-top:4px;display:none;position:relative}#perf-overlay .perf-graph{width:100%;height:100%;display:block;position:absolute;inset:0}#perf-overlay .perf-badges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}#perf-overlay .perf-badges:empty{margin:0;display:none}#perf-overlay .perf-badge{font-size:calc(9.5px * var(--perf-scale));font-variant:small-caps;letter-spacing:.4px;color:var(--perf-fg);opacity:.92;background:#ffffff16;border-radius:4px;padding:0 5px}#perf-overlay .perf-badge-offline{color:#ff8c82;background:#ff6f6326}#perf-overlay .perf-badge-backgrounded{color:#ffcf5a;background:#ffcf5a26}#perf-overlay.placing{pointer-events:auto;cursor:grab;z-index:96;touch-action:none;outline:1px dashed var(--perf-fg);outline-offset:2px;box-shadow:0 0 0 1px var(--perf-fg) inset, 0 4px 22px #000b}#perf-overlay.placing.dragging{cursor:grabbing}body.reduce-motion #perf-overlay{transition:none}#fiesta-score{z-index:16;pointer-events:none;font-family:var(--title-font);background:#140a1cdd;border-radius:14px;align-items:center;gap:10px;padding:6px 12px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #000b,0 0 0 2px #ff3df055}#fiesta-score .fs-team{align-items:center;gap:8px;display:flex}#fiesta-score .fs-team.theirs{flex-direction:row-reverse}#fiesta-score .fp{background:#0008;border:2px solid #fff3;border-radius:9px;width:42px;height:42px;transition:filter .2s,border-color .2s;position:relative;overflow:hidden}#fiesta-score .fs-team.mine .fp{border-color:#1b9fff88}#fiesta-score .fs-team.theirs .fp{border-color:#ff2d6688}#fiesta-score .fp.me{border-color:#ffd24a;box-shadow:0 0 10px #ffd24a99}#fiesta-score .fp.down{filter:grayscale()brightness(.5)}#fiesta-score .fp-face{object-fit:cover;width:100%;height:100%;display:block}#fiesta-score .fp-kills{color:#fff;text-shadow:0 0 4px #000,1px 1px 2px #000;padding:0 2px;font-size:13px;font-weight:900;position:absolute;bottom:0;right:1px}#fiesta-score .fs-core{align-items:center;gap:12px;display:flex}#fiesta-score .fs-num{color:#fff;text-shadow:0 0 14px #000,1px 1px 2px #000;text-align:center;min-width:42px;font-size:40px;font-weight:900}#fiesta-score .fs-num.mine{color:#6bc2ff}#fiesta-score .fs-num.theirs{color:#ff7090}#fiesta-score .fs-mid{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px 6px;display:flex}#fiesta-score .fs-title{letter-spacing:2px;color:#0000;background:linear-gradient(90deg,#ff3df0,#ffd24a,#1b9fff);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:800}#fiesta-score .fs-waves{gap:5px;display:flex}#fiesta-score .fw-dot{background:#fff2;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #fff4}#fiesta-score .fw-dot.on{background:#ffd24a;box-shadow:0 0 8px #ffd24a}#fiesta-score .fs-limit{color:#cbbcd8;letter-spacing:.5px;font-size:10px}#fiesta-score.flash-mine{animation:.5s ease-out fiesta-flash-mine}#fiesta-score.flash-theirs{animation:.5s ease-out fiesta-flash-theirs}@keyframes fiesta-flash-mine{0%{box-shadow:0 4px 20px #000a,0 0 0 6px #1b9fffcc}to{box-shadow:0 4px 20px #000a,0 0 0 2px #ff3df055}}@keyframes fiesta-flash-theirs{0%{box-shadow:0 4px 20px #000a,0 0 0 6px #ff2d66cc}to{box-shadow:0 4px 20px #000a,0 0 0 2px #ff3df055}}#fiesta-respawn{z-index:17;pointer-events:none;font-family:var(--title-font);text-align:center;flex-direction:column;align-items:center;gap:2px;display:none;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}#fiesta-respawn .fr-title{color:#ff5a7a;letter-spacing:2px;text-shadow:0 0 16px #000,2px 2px 4px #000;font-size:24px;font-weight:800}#fiesta-respawn .fr-count{color:#fff;text-shadow:0 0 24px #ff3df0aa,2px 2px 6px #000;font-size:64px;font-weight:900;line-height:1}#fiesta-respawn .fr-sub{color:#d8c8e8;letter-spacing:1px;font-size:14px}#fiesta-augments{z-index:18;flex-direction:column;align-items:center;gap:8px;display:none;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}#fiesta-augments .fa-head{font-family:var(--title-font);color:#ffd24a;letter-spacing:1px;text-shadow:0 0 10px #000,1px 1px 2px #000;font-size:16px;font-weight:800}#fiesta-augments .fa-tier{vertical-align:middle;border-radius:8px;margin-left:6px;padding:2px 8px;font-size:12px}#fiesta-augments .fa-tier.silver{color:#1a1f24;background:#9aa7b3}#fiesta-augments .fa-tier.gold{color:#3a2a00;background:#ffcb45}#fiesta-augments .fa-tier.prismatic{color:#fff;background:linear-gradient(90deg,#ff3df0,#1b9fff,#ffd24a)}#fiesta-augments .fa-cards{gap:12px;display:flex}.fa-card{cursor:pointer;text-align:left;color:#f3ecff;background:linear-gradient(160deg,#241834f0,#140c1ef5);border:2px solid #5a4a78;border-radius:12px;flex-direction:column;gap:8px;width:188px;min-height:116px;padding:14px;transition:border-color .15s,box-shadow .15s,translate .15s;display:flex;box-shadow:0 6px 18px #000a}.fa-card:hover,.fa-card:focus-visible{border-color:#ffd24a;outline:none;translate:0 -3px;box-shadow:0 10px 28px #000c,0 0 16px #ffd24a55}.fa-card.silver{border-color:#8b97a3}.fa-card.gold{border-color:#ffcb45}.fa-card.prismatic{border-color:#ff3df0;box-shadow:0 6px 18px #000a,0 0 14px #ff3df055}.fa-card .fa-name{font-family:var(--title-font);color:#ffe7a0;font-size:17px;font-weight:800}.fa-card .fa-desc{color:#d8cce8;flex:1;font-size:13px;line-height:1.35}.fa-card .fa-icon{background:#0006;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #fff2}.fa-card .fa-icon svg{width:22px;height:22px}.fa-card .fa-cat{letter-spacing:1.5px;text-transform:uppercase;opacity:.9;font-size:10px;font-weight:800}.cat-offense{color:#ff5a5a}.cat-defense{color:#5aa6ff}.cat-sustain{color:#5ce08a}.cat-mobility{color:#32e0ff}.cat-utility{color:#ffd24a}#fiesta-pending{z-index:15;pointer-events:none;font-family:var(--title-font);color:#ffe7a0;animation:1.4s ease-in-out infinite fpend-pulse;animation-duration:calc(1.4s * var(--motion-scale,1));animation-play-state:var(--fx-ambient-anim,running);background:#2a1f0edd;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:800;display:none;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffd24a55,0 3px 12px #0008}#fiesta-pending .fpend-gem{color:#ffd24a;place-items:center;width:18px;height:18px;display:grid}#fiesta-pending .fpend-gem svg{width:18px;height:18px}@keyframes fpend-pulse{0%,to{box-shadow:0 0 0 1px #ffd24a55,0 3px 12px #0008}50%{box-shadow:0 0 10px 2px #ffd24a88,0 3px 12px #0008}}.fiesta-confetti{pointer-events:none;z-index:14;position:absolute;inset:0;overflow:hidden}.fiesta-confetti i{opacity:.95;border-radius:2px;width:9px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-16px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.6;transform:translateY(102vh)rotate(540deg)}}.fiesta-word{font-family:var(--title-font);color:var(--fw-color,#ffd24a);pointer-events:none;z-index:19;letter-spacing:2px;text-shadow:0 0 18px #000, 0 0 8px var(--fw-color,#ffd24a), 3px 3px 6px #000;white-space:nowrap;font-weight:900;animation:1.4s cubic-bezier(.2,1.4,.3,1) forwards fiesta-word-pop;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.fiesta-word.tier0{font-size:26px}.fiesta-word.tier1{font-size:34px}.fiesta-word.tier2{font-size:46px}.fiesta-word.tier3{font-size:60px}@keyframes fiesta-word-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(2deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(0)}75%{opacity:1;transform:translate(-50%,-58%)scale(1)}to{opacity:0;transform:translate(-50%,-72%)scale(.95)}}@media (prefers-reduced-motion:reduce){.fiesta-word{animation:1.4s ease-out forwards fiesta-word-fade}@keyframes fiesta-word-fade{0%,75%{opacity:1}to{opacity:0}}#fiesta-score.flash-mine,#fiesta-score.flash-theirs,#fiesta-pending{animation:none}.fiesta-confetti{display:none}}body.mobile-touch #fiesta-score .fs-num{font-size:26px}body.mobile-touch #fiesta-score .fp{width:34px;height:34px}body.mobile-touch .fa-card{width:150px;min-height:104px;padding:11px}body.mobile-touch #fiesta-augments{bottom:200px}body.mobile-touch .fiesta-word.tier3{font-size:44px}body.mobile-touch .fiesta-word.tier2{font-size:36px}#error-msg{color:#ff2020;font-size:18px;font-weight:700;font-family:var(--title-font);text-shadow:1px 1px 3px #000;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;top:21%;left:50%;transform:translate(-50%)}#banner{color:var(--gold);text-shadow:0 0 18px #0008,2px 2px 6px #000;opacity:0;pointer-events:none;font-size:38px;font-weight:700;font-family:var(--title-font);letter-spacing:1px;white-space:nowrap;transition:opacity 1.2s;position:absolute;top:28%;left:50%;transform:translate(-50%)}#subzone-banner{color:#fff;text-shadow:0 0 14px #0008,1px 1px 4px #000;opacity:0;pointer-events:none;font-size:22px;font-weight:700;font-family:var(--title-font);letter-spacing:1px;white-space:nowrap;transition:opacity 1.2s;position:absolute;top:35%;left:50%;transform:translate(-50%)}#low-health-vignette{z-index:4;pointer-events:none;--lhv-opacity:0;--lhv-pulse:1.6s;animation:lhv-breathe var(--lhv-pulse) ease-in-out infinite;background:radial-gradient(#78000000 42%,#96000059 74%,#be0000d9 100%);display:none;position:fixed;inset:0}#low-health-vignette.active{display:block}@keyframes lhv-breathe{0%,to{opacity:calc(var(--lhv-opacity) * .55)}50%{opacity:var(--lhv-opacity)}}@media (prefers-reduced-motion:reduce){#low-health-vignette{opacity:var(--lhv-opacity);animation:none}}body.reduce-motion #low-health-vignette,:root[data-fx-level=low] #low-health-vignette{opacity:var(--lhv-opacity);animation:none}#death-overlay{z-index:30;background:radial-gradient(#40000077 0%,#300000bb 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:absolute;inset:0}#death-overlay h2{color:#ddd;text-shadow:2px 2px 8px #000;font-size:44px;font-family:var(--title-font)}#chat-input{z-index:25;color:#e8e8e8;border:2px solid var(--border);-webkit-user-select:text;user-select:text;box-sizing:border-box;resize:none;white-space:pre-wrap;word-break:break-word;background:#0d0d14ee;border-radius:4px;outline:1px solid #000;width:370px;max-height:110px;padding:7px 10px;font-family:inherit;font-size:13px;line-height:1.35;display:none;position:absolute;bottom:220px;left:12px;overflow-y:hidden}#party-frames{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;left:12px}#party-frames.below-target{top:96px}.party-frame{--cls:#7fb8ff;width:170px;cursor:var(--cursor-point);padding:4px 8px 5px;transition:opacity .2s,box-shadow .2s}.party-loot{width:170px;font-size:11px;font-family:var(--title-font);flex-direction:column;gap:5px;padding:5px 8px 6px;display:flex}.party-loot .party-loot-row{flex-direction:column;gap:3px;display:flex}.party-loot .party-loot-row.toggle{flex-direction:row;align-items:center;gap:6px}.party-loot .party-loot-row>span{color:var(--gold);white-space:nowrap;letter-spacing:.3px}.party-loot select{box-sizing:border-box;width:100%;min-width:0}.party-loot input[type=checkbox]{flex-shrink:0;width:16px;height:16px}.party-frame .pfm-name{font-size:12px;font-family:var(--title-font);justify-content:space-between;align-items:center;gap:6px;display:flex}.party-frame .pfm-id{color:var(--cls);letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 1px #000;overflow:hidden}.party-frame .pfm-meta{flex-shrink:0;align-items:center;gap:4px;display:flex}.party-frame .pfm-name .lead{color:var(--gold);font-size:10px}.party-frame .pf-badge{filter:drop-shadow(0 0 2px #000);font-size:10px;line-height:1}.party-frame .pf-badge.combat{animation:1s ease-in-out infinite pf-combat-pulse;animation-duration:calc(1s * var(--motion-scale,1));animation-play-state:var(--fx-ambient-anim,running)}.party-frame .bar{height:9px;margin-top:2px}.party-frame.combat{box-shadow:0 0 calc(7px * var(--fx-shadow,1)) #e74c3c99}.party-frame.dead{opacity:.7}.party-frame.dead .pfm-id{text-shadow:none;color:#888!important}.party-frame.oor{opacity:.45}.party-frame:hover{outline:1px solid var(--gold-dim);opacity:1}.party-frame:focus-visible{opacity:1;transition:none}@keyframes pf-combat-pulse{0%,to{opacity:1}50%{opacity:.4}}#party-leave{margin:0;padding:2px 8px;font-size:10px}#ctx-menu{z-index:90;min-width:150px;padding:6px;display:none;position:absolute}#ctx-menu .ctx-title{font-family:var(--title-font);color:var(--gold);border-bottom:1px solid #463a1c;margin-bottom:4px;padding:3px 8px;font-size:13px}#ctx-menu .ctx-item{color:var(--color-text-light);cursor:var(--cursor-point);border-radius:4px;padding:5px 10px;font-size:12.5px}#ctx-menu .ctx-item:hover{color:#fff;background:#ffffff18}#ctx-menu .ctx-item:focus-visible{color:#fff;outline:2px solid var(--color-border-focus);outline-offset:2px;background:#ffffff18}#ctx-menu .ctx-mark{vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;margin-right:8px;display:inline-block}#prompt-stack{z-index:80;flex-direction:column;gap:10px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.prompt{text-align:center;min-width:300px;padding:14px 18px}.prompt .prompt-text{color:var(--color-text-light);margin-bottom:4px;font-family:Georgia,serif;font-size:13.5px}.prompt .prompt-number{color:#f4e6bd;width:82px;font:12px var(--ui-font);text-align:center;background:#08080d;border:1px solid #5d4a25;border-radius:3px;margin:8px 8px 6px 0;padding:5px 7px;box-shadow:inset 0 1px 3px #000}.prompt .prompt-number:focus{outline:1px solid var(--gold-dim)}#trade-window{box-sizing:border-box;width:460px;overflow-x:hidden}.trade-cols{gap:12px;display:flex}.trade-col{flex:1}.trade-col h4{font-family:var(--title-font);color:var(--gold);margin-bottom:6px;font-size:12.5px}.trade-col.accepted h4:after{content:" ✓";color:#1eff00}.trade-items{background:#0c0c12;border:1px solid #463a1c;border-radius:4px;min-height:120px;padding:4px}.trade-item{width:100%;color:inherit;font-size:11.5px;font-family:var(--ui-font);text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;padding:3px;display:flex}.trade-item.mine{cursor:var(--cursor-point)}.trade-item.mine:hover{background:#ffffff14}.trade-empty{color:var(--color-text-muted);padding:4px;font-size:11px}.trade-money{margin-top:6px;font-size:12px}.trade-money-label{margin-bottom:4px;display:block}.trade-coins{align-items:center;gap:4px;display:flex}.trade-coins .coin{margin:0}.trade-coins .coin+.mkt-coin-tag{margin-left:-2px}.trade-money input.coininput{width:52px}.trade-money input{color:#ffd100;border:1px solid var(--border);-webkit-user-select:text;user-select:text;background:#0d0d14;border-radius:3px;width:80px;padding:3px 6px}.trade-money .mkt-coin-tag{margin-right:2px}.trade-hint{color:#887c5c;margin-top:8px;font-size:10.5px}#target-frame.elite .portrait{border-color:var(--gold);box-shadow:0 0 12px #ffd10066,0 2px 8px #000c}#tf-elite-tag{color:var(--gold);font-size:9px;font-family:var(--title-font);letter-spacing:1px;text-align:center;display:none}#target-frame.elite #tf-elite-tag{display:block}#tf-debuffs{gap:3px;margin-top:3px;display:flex}#delve-board{width:360px;padding:14px}#delve-board .delve-board-name{font-family:var(--title-font);color:var(--gold);margin:8px 0 4px;font-size:16px}#delve-board .delve-board-meta{color:#c9b27a;margin-bottom:4px;font-size:12px}#delve-board .delve-board-req{color:#c9b27a;margin-bottom:10px;font-size:12px}#delve-board .delve-board-req.req-unmet{color:#e05050}#delve-board .delve-board-greeting{color:#e8e0c8;margin-bottom:10px;font-size:12px;line-height:1.35}#delve-board .delve-tier-row{gap:6px;margin-bottom:10px;display:flex}#delve-board .delve-tier-btn{color:#c9b27a;cursor:pointer;background:#1a1410;border:1px solid #463a1c;border-radius:3px;flex:1;min-height:40px;font-size:13px}#delve-board .delve-tier-btn.selected{color:var(--gold);border-color:var(--gold-dim);background:#2a2010}#delve-board .delve-companion-row{margin-bottom:10px}#delve-board .delve-companion-label{color:#c9b27a;margin-bottom:4px;font-size:11px}#delve-board .delve-companion-btn{box-sizing:border-box;text-align:left;width:100%;min-height:40px;color:var(--gold);cursor:default;background:#1a1410;border:1px solid #463a1c;border-radius:3px;padding:6px 10px;font-size:13px}#delve-board .delve-companion-name{color:var(--gold);margin-bottom:3px;font-size:13px}#delve-board .delve-companion-boon{margin-bottom:6px;font-size:11px;line-height:1.4}#delve-board .delve-companion-max{justify-content:center;align-items:center;min-height:40px;font-size:12px;display:flex}#delve-board .btn{box-sizing:border-box;text-align:center;width:100%;margin:4px 0 0}#delve-board .delve-tabs{border-bottom:1px solid #463a1c;gap:4px;margin-bottom:10px;display:flex}#delve-board .delve-tab{min-height:40px;font-size:13px;font-family:var(--title-font);color:#c9b27a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1}#delve-board .delve-tab.active{color:var(--gold);border-bottom-color:var(--gold)}#delve-board .delve-tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}#delve-board .delve-shop-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}#delve-board .delve-shop-row{background:#1a1410;border:1px solid #463a1c;border-radius:3px;align-items:center;gap:8px;padding:6px;display:flex}#delve-board .delve-shop-row.locked{opacity:.55}#delve-board .delve-shop-info{flex-direction:column;flex:auto;min-width:0;display:flex}#delve-board .delve-shop-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#delve-board .delve-shop-price{color:#c9b27a;font-size:11px}#delve-board .delve-shop-price.unaffordable{color:#e05050}#delve-board .delve-shop-buy{border:1px solid var(--gold-dim);min-width:56px;min-height:40px;color:var(--gold);cursor:pointer;background:#2a2010;border-radius:3px;flex:none;padding:0 12px;font-size:13px}#delve-board .delve-shop-buy:disabled{color:#6b5e3a;cursor:not-allowed;border-color:#463a1c}#delve-board .delve-shop-buy:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}#delve-board .delve-shop-req{color:#9a8a5a;text-align:right;flex:none;max-width:100px;font-size:11px;line-height:1.25}#delve-board .delve-shop-empty{color:#c9b27a;text-align:center;padding:10px 0;font-size:12px}#lockpick-panel{width:420px;max-width:92vw;padding:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#lockpick-panel .lp-blurb{color:#e8e0c8;margin:8px 0 12px;font-size:12px;line-height:1.4}#lockpick-panel .lp-ante-row{flex-direction:column;gap:8px;display:flex}#lockpick-panel .lp-ante-btn{min-height:48px;color:var(--gold);cursor:pointer;background:#1a1410;border:1px solid #463a1c;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}#lockpick-panel .lp-ante-btn:hover,#lockpick-panel .lp-ante-btn:focus-visible{border-color:var(--gold);background:#2a2010}#lockpick-panel .lp-ante-tier{font-family:var(--title-font);font-size:15px}#lockpick-panel .lp-ante-badges{align-items:center;gap:6px;display:flex}#lockpick-panel .lp-ante-pages{color:#1a1410;background:var(--gold);white-space:nowrap;border-radius:9px;padding:2px 8px;font-size:11px;font-weight:700}#lockpick-panel .lp-ante-tries{color:#c9b27a;white-space:nowrap;border:1px solid #5a4a28;border-radius:9px;padding:2px 8px;font-size:11px}#lockpick-panel .lp-ante-timer{color:#ff9e5a;white-space:nowrap;font-size:11px}#lockpick-panel .lp-blurb-coffer{color:#d9bcff}#lockpick-panel .lp-ante-row-coffer .lp-ante-btn{color:#d6b3ff;background:#1b1226;border-color:#6a3fa0}#lockpick-panel .lp-ante-row-coffer .lp-ante-btn:hover,#lockpick-panel .lp-ante-row-coffer .lp-ante-btn:focus-visible{background:#251636;border-color:#a335ee;box-shadow:0 0 8px #a335ee66}#lockpick-panel .lp-ante-row-coffer .lp-ante-tier{color:#d6b3ff}#lockpick-panel .lp-ante-row-coffer .lp-ante-pages{color:#fff;background:#a335ee}#lockpick-panel .lp-status{color:#c9b27a;justify-content:space-between;align-items:center;margin:6px 0 8px;font-size:12px;display:flex}#lockpick-panel .lp-pages{align-items:center;gap:6px;display:inline-flex}#lockpick-panel .lp-page-dot{background:#3a3020;border:1px solid #5a4a28;border-radius:50%;width:11px;height:11px}#lockpick-panel .lp-page-done{background:#7fdc4f;border-color:#7fdc4f;box-shadow:0 0 5px #4f8c2f}#lockpick-panel .lp-page-current{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px var(--gold-dim)}#lockpick-panel .lp-pages-label{color:var(--gold);margin-left:4px}#lockpick-panel .lp-board{box-sizing:content-box;background:linear-gradient(#0d0a07,#161009);border:1px solid #463a1c;border-radius:5px;gap:4px;height:170px;padding:8px;display:grid}#lockpick-panel .lp-track{background:#1c160e;border:1px solid #2c2414;border-radius:3px;position:relative}#lockpick-panel .lp-track-face{position:absolute;inset:6px 0}#lockpick-panel .lp-track-fog{background:repeating-linear-gradient(45deg,#0f0c08,#0f0c08 4px,#15110a 4px 8px)}#lockpick-panel .lp-track-set{opacity:.7;background:#181208}#lockpick-panel .lp-track-active{border-color:var(--gold);background:#241a0d;box-shadow:inset 0 0 8px #d4af3740,0 0 7px #d4af3759}#lockpick-panel .lp-track-gate{border-color:var(--gold-dim)}#lockpick-panel .lp-notch{background:#5a4a28;border-radius:3px;height:7px;position:absolute;left:14%;right:14%;transform:translateY(-50%)}#lockpick-panel .lp-notch-gate{background:linear-gradient(90deg, var(--gold) 0 44%, #1a1208 44% 56%, var(--gold) 56% 100%);height:9px;box-shadow:0 0 6px var(--gold-dim);left:6%;right:6%}#lockpick-panel .lp-notch-seat{background:#7fdc4f;height:10px;left:6%;right:6%;box-shadow:0 0 7px #4f8c2f}#lockpick-panel .lp-notch-trap{background:repeating-linear-gradient(90deg,#ff5a3a,#ff5a3a 3px,#7a1a0c 3px 6px);height:8px;left:8%;right:8%;box-shadow:0 0 6px #ff3c1e99}#lockpick-panel .lp-pick{z-index:2;background:#fff;border-radius:3px;height:5px;position:absolute;left:-2px;right:-2px;transform:translateY(-50%);box-shadow:0 0 9px #fff,0 0 3px #000}#lockpick-panel .lp-feedback{text-align:center;min-height:18px;margin:8px 0;font-size:12px}#lockpick-panel .lp-tone-good{color:#e8e0c8}#lockpick-panel .lp-tone-bad{color:#ff7a6a}#lockpick-panel .lp-tone-win{color:#7fdc4f}#lockpick-panel .lp-actions-hint{color:#9a8a68;text-align:center;margin:0 0 6px;font-size:11px}#lockpick-panel .lp-actions{gap:6px;display:flex}#lockpick-panel .lp-action-btn{min-width:40px;min-height:56px;color:var(--gold);cursor:pointer;background:#1a1410;border:1px solid #463a1c;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;display:flex}#lockpick-panel .lp-action-btn:hover:not(:disabled),#lockpick-panel .lp-action-btn:focus-visible{border-color:var(--gold);background:#2a2010}#lockpick-panel .lp-action-btn:disabled{opacity:.35;cursor:not-allowed}#lockpick-panel .lp-action-key{color:#c9b27a;font-size:10px}#lockpick-panel .lp-action-glyph{font-size:16px;line-height:1}#lockpick-panel .lp-action-label{font-size:10px}#lockpick-panel .lp-withdraw{box-sizing:border-box;width:100%;margin-top:10px}#lockpick-panel .lp-timer{align-items:center;gap:8px;margin:4px 0 6px;display:flex}#lockpick-panel .lp-timer-track{background:#1c160e;border:1px solid #3a2e1a;border-radius:3px;flex:1;height:6px;overflow:hidden}#lockpick-panel .lp-timer-bar{background:var(--gold);border-radius:3px;height:100%;transition:width .1s linear}#lockpick-panel .lp-timer-value{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}#lockpick-panel .lp-timer-urgent .lp-timer-bar{background:#ff5a3a}#lockpick-panel .lp-timer-urgent .lp-timer-value{color:#ff5a3a}@media (prefers-reduced-motion:reduce){#lockpick-panel .lp-timer-bar{transition:none}}#quest-dialog{width:440px}.qd-text{color:var(--color-text-light);font-size:12.5px;line-height:1.55;font-family:var(--font-serif);margin-bottom:10px}.qd-sub{font-family:var(--title-font);color:var(--gold);margin:8px 0 4px;font-size:13px}.qd-obj{color:var(--color-text-muted);margin:2px 0;font-size:12px}.qd-req{font-family:var(--title-font);letter-spacing:.3px;color:var(--gold);border:1px solid var(--color-border-default);background:#1a140a66;border-radius:4px;margin:0 0 10px;padding:2px 9px;font-size:11px;display:inline-block}.quest-muted{color:var(--color-text-muted);font-size:11px}.quest-suggested{color:var(--color-text-error);font-size:11px}.quest-return{margin-top:var(--spacing-sm);color:var(--color-text-muted)}.qd-reward-row{align-items:center;gap:6px;margin-top:4px;display:flex}.qd-reward-label{color:var(--color-text-muted);font-size:11px}.qd-reward-name{font-size:12px}.qd-list-item{width:100%;cursor:var(--cursor-point);text-align:left;color:var(--gold);font-size:13px;font-family:var(--title-font);background:0 0;border:0;border-radius:4px;padding:5px 8px;display:block}.qd-text,.qd-sub,.qd-obj,.qd-req,.qd-reward-label,.qd-reward-name,.qd-list-item,.quest-muted,.quest-suggested,.ql-item,.ql-empty{overflow-wrap:anywhere}.qd-reward-row{flex-wrap:wrap}.qd-reward-name{min-width:0}.qd-list-item:hover{background:#ffffff14}.qd-list-item:focus-visible,.ql-item:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.btn{color:#ffd9a0;cursor:var(--cursor-point);font-size:12.5px;font-family:var(--title-font);letter-spacing:.4px;text-shadow:1px 1px 1px #000;transition:filter var(--transition-speed), box-shadow var(--transition-speed), border-color var(--transition-speed);background:linear-gradient(#8a3326,#5a1d12 55%,#471409);border:1px solid #a86;border-radius:4px;outline:1px solid #000;margin-top:10px;margin-right:8px;padding:6px 16px;box-shadow:inset 0 1px #ffffff2a,0 2px 4px #0008}.btn:hover{filter:brightness(1.25);box-shadow:inset 0 1px 0 #ffffff2a, 0 2px 4px #0008, 0 0 8px var(--color-primary-glow)}.btn:focus-visible{outline:3px solid var(--color-border-focus)!important;outline-offset:2px!important;box-shadow:0 0 8px var(--color-primary-glow)!important}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale()brightness(.7);cursor:default;box-shadow:none}#loot-window{width:230px}.loot-item{cursor:default;border-radius:4px;align-items:center;gap:8px;padding:4px;font-size:12px;display:flex}.loot-item:hover{background:#ffffff10}#loot-rolls{right:max(14px, env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));z-index:65;pointer-events:auto;flex-direction:column;gap:8px;width:min(360px,100vw - 28px);display:none;position:fixed}.loot-roll{box-sizing:border-box;width:100%;padding:8px}.loot-roll-item{grid-template-columns:34px 1fr;align-items:center;gap:8px;display:grid}.loot-roll-copy{min-width:0}.loot-roll-title{color:#d5c19a;font-family:var(--title-font);text-transform:uppercase;font-size:11px}.loot-roll-name{overflow-wrap:anywhere;text-shadow:1px 1px 1px #000;font-size:13px}.loot-roll-timer{background:#090806;border:1px solid #3b2e19;border-radius:3px;height:7px;margin:7px 0;overflow:hidden}.loot-roll-timer span{height:100%;width:calc(var(--loot-roll-frac,1) * 100%);background:linear-gradient(90deg,#b88625,#f4d36e);display:block}.loot-roll-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.loot-roll-btn{color:#ffe3a5;min-height:34px;font-family:var(--title-font);text-shadow:1px 1px 1px #000;cursor:var(--cursor-point);background:linear-gradient(#6e271d,#411108);border:1px solid #8f6c31;border-radius:4px;outline:1px solid #000;padding:5px 4px;font-size:11px}.loot-roll-btn.need{color:#c9ffd0;border-color:#339449}.loot-roll-btn.greed{color:#ffe3a5;border-color:#b18a32}.loot-roll-btn.pass{color:#ffc6c6;border-color:#8f3a3a}.loot-roll-btn:hover{filter:brightness(1.2)}.loot-roll-btn:focus-visible{outline:3px solid var(--color-border-focus)!important;outline-offset:2px!important}.loot-roll.master .loot-roll-actions{flex-wrap:wrap;gap:4px}.loot-roll.master .loot-roll-btn.assign{background:linear-gradient(#3a4a6a,#28324a)}.loot-roll.master .loot-roll-btn.assign[disabled]{opacity:.5;cursor:default;filter:none}.master-loot-picks{flex-direction:column;gap:3px;margin:4px 0;font-size:12px;display:flex}.master-loot-picks label{cursor:var(--cursor-point);align-items:center;gap:6px;display:flex}.master-loot-picks .ml-all-row{border-bottom:1px solid #4a3a1e;margin-bottom:1px;padding-bottom:3px}.master-loot-picks input[type=checkbox]{flex-shrink:0;width:16px;height:16px}.item-icon{object-fit:cover;background:#0d0d13;border:1px solid #888;border-radius:4px;flex:none;width:28px;height:28px;display:block}.q-poor{border-color:#9d9d9d!important}.q-common{border-color:#b8b8b8!important}.q-uncommon{border-color:#1eff00!important}.q-rare{border-color:#0070dd!important}.q-epic{box-shadow:0 0 6px #a335ee66;border-color:#a335ee!important}#char-window{width:600px}.paperdoll{align-items:flex-start;gap:10px;display:flex}.equip-col{flex-direction:column;flex-shrink:0;gap:5px;width:150px;display:flex}.equip-col-right .equip-slot{text-align:right;flex-direction:row-reverse}.equip-slot{align-items:center;gap:7px;width:100%;display:flex}.equip-slot>div{min-width:0}.equip-slot .slot-name{color:var(--color-text-muted);font-size:10px}.equip-slot .slot-item{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.char-model-panel{background:#00000047;border:1px solid #463a1c;border-radius:5px;flex-direction:column;flex:1;min-width:0;min-height:172px;display:flex;overflow:hidden}.char-model-preview{flex:1;width:100%;min-height:0}.char-model-preview canvas{display:block;width:100%!important;height:100%!important}.char-skin-row{flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:6px 0 8px}.char-stats{color:var(--color-text-muted);border-top:1px solid #463a1c;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:10px;padding-top:8px;font-size:12px;line-height:1.65;display:grid}.char-stats b{color:#fff;font-weight:400}.char-stats .stat-cell{cursor:help;border-radius:4px;margin:-1px -5px;padding:1px 5px;transition:color .12s,background-color .12s}.char-stats .stat-cell:hover{color:#fff;background:#ffd7781a}.char-stats .stat-cell:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px;color:#fff;background:#ffd7781a}@media (prefers-reduced-motion:reduce){.char-stats .stat-cell{transition:none}}#spellbook{width:430px}.spellbook-class,.spell-rank{color:var(--color-text-muted);font-size:11px}.spell-list{flex-direction:column;gap:2px;display:flex}.spell-row{border-radius:4px;align-items:center;gap:10px;min-height:46px;padding:6px;display:flex}.spell-row:hover{background:#ffffff0e}.spell-row:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;background:var(--color-primary-glow)}.spell-row.locked .spell-icon{filter:grayscale()brightness(.5)}.spell-row.locked .spell-name{color:var(--color-text-muted)}.spell-row .spell-text{flex:1;min-width:0}.spell-row[draggable=true]{cursor:grab}.spell-row .spell-name{color:#fff;font-size:13px;font-family:var(--title-font)}.spell-row .spell-sub{color:var(--color-text-muted);font-size:11px}.spell-row .spell-name,.spell-row .spell-sub{overflow-wrap:anywhere}.spell-icon{background-color:#15151f;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #4a3d1d;border-radius:5px;flex:none;width:34px;height:34px}.spell-hotbar-toggle{display:none}.panel-title-actions{align-items:center;gap:6px;display:flex}.spellbook-reset{white-space:nowrap;padding:3px 10px;font-size:12px}#quest-log-window{width:520px}#quest-log-window .ql-cols{gap:12px;display:flex}.ql-list{border-right:1px solid #463a1c;width:180px;padding-right:8px}.ql-item{text-align:left;width:100%;min-height:24px;color:var(--color-text-muted);cursor:var(--cursor-point);font-size:12px;font-family:var(--title-font);background:0 0;border:0;border-radius:3px;padding:4px 6px;display:block}.ql-item:hover,.ql-item.sel{color:var(--gold);background:#ffffff14}.ql-detail{flex-direction:column;flex:1;min-height:0;max-height:380px;font-size:12px;display:flex;overflow:hidden}.ql-detail-body{min-height:0;padding-right:var(--spacing-xs);overflow-y:auto}.ql-detail-actions{padding-top:var(--spacing-sm);flex:none}.ql-empty{color:var(--color-text-muted);padding:var(--spacing-xs);font-size:12px}.ql-detail-title{font-size:15px}.ql-detail-text{margin-top:var(--spacing-sm)}.char-progression{border-top:1px solid #463a1c;margin-top:10px;padding-top:8px}.cp-title{font-family:var(--title-font);color:var(--gold);letter-spacing:.4px;margin-bottom:4px;font-size:12px}.char-progression .cp-stats{border-top:none;margin-top:0;padding-top:0}.cp-milestones{color:#b9ac82;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.cp-none{color:#7c7256;font-style:italic}.ms-badge{font-size:10.5px;font-family:var(--title-font);color:#ffe27a;background:#2a210c;border:1px solid #b8902a;border-radius:8px;padding:1px 7px;display:inline-block}.ms-badge.ms-border{color:#e6c8ff;background:#2a1838;border-color:#c97bff}.cp-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.cp-actions .btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.5);pointer-events:none}.cp-hint{color:#b9ac82;font-size:11px}#leaderboard-window{width:480px}.lb-subtitle{color:var(--color-text-muted);font-size:11px}.lb-body{max-height:56vh;margin-top:8px;overflow-y:auto}.lb-loading,.lb-empty,.lb-error{color:#b9ac82;text-align:center;padding:10px 4px;font-size:12px}.lb-row{border-radius:3px;grid-template-columns:44px 1fr 44px 48px 96px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:grid}.lb-row:nth-child(odd){background:#ffffff08}.lb-head{color:var(--gold);font-family:var(--title-font);letter-spacing:.3px;background:0 0;border-bottom:1px solid #463a1c;font-size:11px}.lb-rank{text-align:center;color:var(--color-text-muted)}.lb-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-lvl,.lb-vlvl{text-align:center;color:var(--color-text-muted)}.lb-xp{text-align:right;color:#ffe27a}.lb-row.lb-mine{background:#f5c84322;outline:1px solid #b8902a}.lb-you{color:#b8902a;font-size:10px}.lb-prestige{color:#ffd100;font-size:10px}.lb-sticky{background:#160f08;border-top:1px solid #463a1c;margin-top:6px;padding-top:4px;position:sticky;bottom:0}.lb-pager{border-top:1px solid #5a4a2a;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 2px;padding:7px 6px 0;display:flex}.lb-page-status{text-align:center;font-family:var(--font-ui);color:#cabb8c;flex:1;font-size:11.5px;line-height:1.4}.lb-page-btn{color:#f0e4c8;min-width:72px;min-height:40px;font-family:var(--title-font);cursor:var(--cursor-point);background:#181107;border:1px solid #6f5a2a;border-radius:4px;font-size:10.5px}.lb-page-btn:hover:not(:disabled),.lb-page-btn:focus-visible{color:#ffe6a8;border-color:#cc9a3c}.lb-page-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.lb-page-btn:disabled{opacity:.45;cursor:var(--cursor-arrow)}#talents-window{width:min(600px,100vw - 24px)}.tal-tabs{gap:6px;margin:8px 0 6px;display:flex}.tal-tab{text-align:center;min-height:34px;font-size:12px;font-family:var(--title-font);color:var(--color-text-muted);cursor:var(--cursor-point);background:#1c1609;border:1px solid #463a1c;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;padding:6px 8px;display:flex;position:relative}.tal-tab.active{color:#fff7dc;background:#3a2d10;border-color:#ffd100;box-shadow:inset 0 0 0 1px #ffd10055,0 0 8px #b8902a55}.tal-tab.active:after{content:"";background:#ffd100;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tal-tab .tt-pts{color:#f4df9f;min-width:20px;height:18px;font-size:10px;font-family:var(--body-font);background:#0f0b06;border:1px solid #5f4b1a;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.tal-head{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin:2px 2px 6px;font-size:12px;display:flex}.tal-head b{color:var(--gold)}#tal-body{margin:0 -8px;padding:0 8px 8px;overflow:auto visible}.tal-tree{margin:6px auto;position:relative}.tal-arrows{pointer-events:none;z-index:0;position:absolute;top:0;left:0}.tal-node{width:46px;height:46px;cursor:var(--cursor-point);color:#e8dcb0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1;background:#15110a;border:2px solid #5a4a22;justify-content:center;align-items:center;display:flex;position:absolute}.tal-node .tal-icon{z-index:1;background-color:#15110a;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;position:absolute;inset:2px}.tal-node.circle,.tal-node.circle .tal-icon{border-radius:50%}.tal-node.square{border-radius:7px}.tal-node.square .tal-icon{border-radius:5px}.tal-node.octagon{border-radius:8px}.tal-node.octagon .tal-icon{clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);border-radius:6px;inset:3px}.tal-node.avail{border-color:#b98b27;box-shadow:0 0 0 1px #0b0804,0 0 7px #9a772855}.tal-node.avail:after{content:"+";color:#120d04;min-width:15px;height:15px;font:700 12px / 1 var(--body-font);z-index:3;background:#f5c843;border:1px solid #332403;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;left:-6px}.tal-node.filled{color:#fff;background:#2c2410;border-color:#f5c843;box-shadow:inset 0 0 0 2px #120d04,0 0 10px #b8902a99}.tal-node.filled:after,.tal-node.maxed:after{content:"✓";color:#120d04;min-width:16px;height:16px;font:700 11px / 1 var(--body-font);z-index:3;background:#ffd100;border:1px solid #332403;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;left:-6px}.tal-node.maxed{border-color:#ffe27a;box-shadow:inset 0 0 0 2px #120d04,0 0 13px #ffd100cc}.tal-node.maxed:after{content:"★";font-size:10px}.tal-node.locked{opacity:.48;filter:grayscale(.75)brightness(.72);cursor:not-allowed}.tal-node.dormant{border-color:#ff6d5a;box-shadow:inset 0 0 0 2px #2a0905,0 0 10px #c0392bcc}.tal-node.dormant:after{content:"!";color:#fff6e8;min-width:16px;height:16px;font:800 11px / 1 var(--body-font);z-index:3;background:#c0392b;border:1px solid #3a0803;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;left:-6px}.tal-rank{text-align:center;color:#fff6d5;z-index:4;background:#171006;border:1px solid #ffd100;border-radius:8px;min-width:20px;padding:0 4px;font-size:10px;line-height:14px;position:absolute;bottom:-7px;right:-6px;box-shadow:0 1px 4px #000a}.tal-specs{gap:8px;margin:10px 0;display:flex}.tal-spec{cursor:var(--cursor-point);text-align:center;background:#1a1409;border:1px solid #463a1c;border-radius:6px;flex:1;padding:8px 6px;position:relative}.tal-spec.sel{background:#2c2410;border-color:#ffd100;box-shadow:inset 0 0 0 1px #ffd10055,0 0 10px #b8902a66}.tal-spec.sel:after{content:"✓";color:#120d04;width:17px;height:17px;font:700 11px / 1 var(--body-font);background:#ffd100;border:1px solid #332403;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.tal-spec .ts-icon{color:#fff;width:42px;height:42px;font:26px / 1 "Apple Color Emoji", "Segoe UI Emoji", var(--body-font);text-shadow:0 1px 2px #000;background:#15110a;border:1px solid #5a4a22;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;display:flex}.tal-spec.sel .ts-icon{border-color:#ffd100;box-shadow:0 0 8px #ffd10066}.tal-spec .ts-name{color:#fff;font-size:12px;font-family:var(--title-font);margin-top:2px}.tal-spec .ts-role{color:var(--gold);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.tal-mastery{color:#c8b888;background:#14100a;border:1px solid #463a1c;border-radius:4px;margin:4px 2px 6px;padding:6px 8px;font-size:11px}.tal-mastery b{color:var(--gold)}.tal-help{color:#a99b76;margin:-2px 2px 6px;font-size:11px;line-height:1.35}.tal-foot{border-top:1px solid #463a1c;grid-template-columns:minmax(0,1.35fr) minmax(170px,.9fr);gap:8px;margin-top:10px;padding-top:8px;display:grid}.tal-build-card{background:#120e08;border:1px solid #3f341a;border-radius:6px;align-content:start;gap:6px;padding:7px;display:grid;box-shadow:inset 0 0 0 1px #0008}.tal-build-current{background:#171208;border-color:#59461d}.tal-build-create{background:#10120d}.tal-build-head{min-width:0;color:var(--gold);font-family:var(--title-font);justify-content:space-between;align-items:center;gap:7px;font-size:12px;display:flex}.tal-build-head .ui-dd{min-width:132px;font-family:var(--body-font);flex:150px}.tal-build-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tal-build-help{color:#a99b76;font-size:11px;line-height:1.35}.tal-foot .btn{padding:5px 10px;font-size:12px}.tal-foot .btn.tal-primary{color:#ffe6a8;background:linear-gradient(#7a5f21,#4d3810);border-color:#8f7025}.tal-foot .btn.tal-secondary{color:var(--color-text-muted);background:#171208;border-color:#4b3d1d}.tal-foot .btn[disabled]{opacity:.45;pointer-events:none;cursor:not-allowed}.tal-foot select,.tal-foot input{color:#e8dcb0;background:#14100a;border:1px solid #463a1c;border-radius:4px;padding:4px;font-size:11px}.tal-spacer{flex:1}.tal-empty{color:#b9ac82;text-align:center;padding:18px;font-size:12px}.tal-coming-soon{flex-direction:column;align-items:center;gap:6px;max-width:360px;margin:14px auto;line-height:1.45;display:flex}.tal-coming-soon b{color:var(--gold);font-family:var(--title-font);font-size:14px}@media (max-width:460px){.tal-head{flex-direction:column;align-items:flex-start;gap:4px}.tal-foot{grid-template-columns:1fr}.tal-specs{gap:6px}.tal-spec{padding:7px 4px}.tal-spec .ts-icon{width:34px;height:34px}.tal-spec .ts-name{font-size:10.5px}.tal-spec .ts-role{font-size:9px}}.cd-field{margin:8px 0}.cd-input{box-sizing:border-box;color:#e8dcb0;background:#14100a;border:1px solid #5a4a22;border-radius:4px;width:100%;padding:7px 8px;font-family:inherit;font-size:12px}.cd-input:focus{border-color:var(--gold);outline:none}textarea.cd-input{resize:vertical;word-break:break-all;min-height:48px}.ui-dd{display:inline-block;position:relative}.ui-dd-btn{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:112px;display:inline-flex}.ui-dd-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-dd-caret{opacity:.8;font-size:9px}.ui-dd-menu{border:1px solid var(--gold);z-index:80;background:#1a140a;border-radius:5px;min-width:100%;max-height:184px;padding:3px;position:absolute;bottom:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 18px #000a}.ui-dd-menu[hidden]{display:none}.ui-dd-item{color:#e8dcb0;cursor:var(--cursor-point);white-space:nowrap;border-radius:3px;padding:5px 8px;font-size:12px}.ui-dd-item:hover{background:#ffffff12}.ui-dd-item.sel{color:var(--gold)}.ui-dd-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;color:var(--gold);box-shadow:inset 0 0 0 1px var(--color-border-focus);background:#ffffff1f}@media (pointer:coarse){.ui-dd-item{align-items:center;min-height:40px;font-size:16px;display:flex}.ui-dd-btn{min-height:40px}}#report-window .ui-dd{display:block}#report-window .ui-dd-menu,.set-lang-select .ui-dd-menu{top:calc(100% + 4px);bottom:auto}.tal-choice-pop{z-index:90;border:1px solid var(--gold);background:#1a140a;border-radius:6px;width:252px;padding:5px;position:fixed;box-shadow:0 10px 24px #000c,inset 0 0 0 1px #ffd10022}.tal-choice-pop:before{content:"";left:var(--tal-choice-caret-left,50%);border-left:1px solid var(--gold);border-top:1px solid var(--gold);background:#1a140a;width:10px;height:10px;position:absolute;top:-6px;transform:translate(-50%)rotate(45deg)}.tal-choice-opt{cursor:var(--cursor-point);border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:8px;padding:8px 28px 8px 8px;display:flex;position:relative}.tal-choice-opt:hover,.tal-choice-opt:focus-visible{background:#ffffff10;border-color:#6f5a2a}.tal-choice-opt:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.tal-choice-opt.sel{border-color:var(--gold);background:#2c2410;box-shadow:inset 0 0 0 1px #ffd10033}.tal-choice-opt.sel:after{content:"✓";color:#120d04;width:15px;height:15px;font:700 10px / 1 var(--body-font);background:#ffd100;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.tco-icon{background-color:#15110a;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #5a4a22;border-radius:4px;flex:none;width:28px;height:28px;display:block}.tco-text{color:#c8b888;flex-direction:column;gap:2px;font-size:11px;display:flex}.tco-text b{color:#fff;font-size:12px}#confirm-dialog{z-index:60;width:360px;padding:14px;top:50%;left:50%;transform:translate(-50%,-50%)}#confirm-dialog .cd-body{color:var(--color-text-light);margin:10px 0;font-size:12.5px;line-height:1.55}#confirm-dialog .cd-actions{justify-content:flex-end;gap:8px;display:flex}#confirm-dialog .cd-ok{color:#ffe6a8;background:linear-gradient(#8a6a26,#5a4413 55%,#473409)}.pc-share-row{justify-content:center;margin-top:10px;display:flex}.pc-share-btn{align-items:center;gap:7px;display:inline-flex}.pc-share-ico{flex:none}#player-card-modal{z-index:320}#player-card-modal .pc-modal{width:min(680px,96vw);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;padding:16px;display:flex;overflow:hidden auto}#player-card-modal .pc-modal>*{flex:none}#player-card-modal .pc-preview{justify-content:center;align-items:center;min-height:120px;margin:12px 0;display:flex;overflow:hidden}#player-card-modal .pc-preview.pc-loading{color:#c8b888;font-size:13px;font-style:italic}#player-card-modal .pc-card-canvas{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:min(46vh,360px);display:block;box-shadow:0 8px 28px #0000008c}#player-card-modal .pc-poses{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}#player-card-modal .pc-pose{opacity:.72;min-width:84px;padding:5px 12px;font-size:12px}#player-card-modal .pc-pose.sel{opacity:1;border-color:var(--gold);color:var(--gold)}#player-card-modal .pc-options{justify-content:center;margin:0 0 10px;display:flex}#player-card-modal .pc-wallet-toggle{justify-content:space-between;align-items:center;gap:12px;min-width:210px;display:inline-flex}#player-card-modal .pc-wallet-toggle.off{opacity:.78}#player-card-modal .pc-toggle-state{color:var(--gold);font-weight:700}#player-card-modal .pc-wallet-toggle.off .pc-toggle-state{color:#9b8b62}#player-card-modal .pc-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#player-card-modal .pc-actions .btn{min-width:110px}#player-card-modal .pc-actions .cd-ok{color:#ffe6a8;background:linear-gradient(#8a6a26,#5a4413 55%,#473409)}#player-card-modal .pc-link{margin-top:12px}#player-card-modal .pc-link[hidden]{display:none}#player-card-modal .pc-link-label{color:#c8b888;margin-bottom:4px;font-size:11.5px;display:block}#player-card-modal .pc-link-input{box-sizing:border-box;width:100%;color:var(--gold);font-size:12.5px;font-family:var(--ui-font);background:#120d07;border:1px solid #463a1c;border-radius:5px;padding:8px 10px}#player-card-modal .pc-status{color:#c8b888;text-align:center;min-height:16px;margin-top:10px;font-size:12px}@media (pointer:coarse){#player-card-modal .pc-pose,#player-card-modal .pc-wallet-toggle,#player-card-modal .pc-actions .btn{box-sizing:border-box;justify-content:center;align-items:center;min-height:40px;display:inline-flex}#player-card-modal .pc-link-input{font-size:16px}}#vendor-window{width:400px}.vendor-item{width:100%;cursor:var(--cursor-point);color:inherit;font-family:var(--ui-font);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:5px;display:flex}.vendor-item:hover{background:#ffffff10}.vendor-item .vi-name{flex:1;font-size:12px}.vendor-item .vi-price{color:#ddd;font-size:11px}.vendor-sell-junk{width:100%;min-height:40px;cursor:var(--cursor-point);color:#ffe6a8;font-family:var(--title-font);background:linear-gradient(#8a6a26,#5a4413 55%,#473409);border:1px solid #6a5320;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:12px;display:flex}.vendor-sell-junk .vi-name{flex:0 auto}.vendor-sell-junk:hover:not(:disabled){filter:brightness(1.12)}.vendor-sell-junk:disabled{opacity:.5;cursor:default}.vendor-section-title{color:var(--gold);font-family:var(--title-font);border-top:1px solid #463a1c;margin-top:8px;padding-top:7px;font-size:12px}.vendor-empty{color:#887c5c;padding:5px;font-size:11px}.vendor-hint{color:#c8b888;border-top:1px solid #463a1c;margin-top:8px;padding-top:6px;font-size:11px}#bags{--bags-bar-half:306px;--bags-gap:12px;--bags-micro-r:calc(16px + 34px + var(--bags-gap));--bags-slot-w:max(180px, calc(100vw - 50% - var(--bags-bar-half) - var(--bags-gap) - var(--bags-micro-r)));left:calc((100% + 50% + var(--bags-bar-half) + var(--bags-gap) - var(--bags-micro-r)) / 2);width:min(310px, var(--bags-slot-w));flex-direction:column;max-height:calc(100vh - 18px);top:auto;bottom:6px;right:auto;overflow:hidden;transform:translate(-50%)}#bags .panel-title,#bags .bag-filter-bar{flex:none}#bags .bag-grid{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}#bags .money{flex:none;align-items:center;gap:10px;display:flex}#bags .money .money-inline{margin-left:auto}.woc-balance{color:var(--gold-dim);white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.woc-balance.is-preview{color:#b8a66f}.woc-balance.is-verified{color:var(--color-text-success)}.woc-coin{background:radial-gradient(circle at 35% 30%,#c9a3ff,#6b3fa0);border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:0 0 4px #965ae680}.bag-grid{flex-direction:column;gap:2px;display:flex}.bag-item{width:100%;min-height:24px;cursor:var(--cursor-point);color:inherit;font-size:12px;font-family:var(--ui-font);text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:8px;padding:3px 4px;display:flex}.bag-item:hover{background:#ffffff12}.bag-item .bi-count{color:#ccc;margin-left:auto}.bag-empty{color:var(--color-text-muted);padding:6px;font-size:12px}.bag-filter-bar{flex-direction:column;gap:6px;margin:4px 0 6px;display:flex}.bag-chips{flex-wrap:wrap;gap:4px;display:flex}.bag-chip{font-family:var(--ui-font);min-height:26px;color:var(--color-text-muted);cursor:var(--cursor-point);white-space:nowrap;background:#1c1812;border:1px solid #5a4a2e;border-radius:11px;padding:5px 9px;font-size:11px;line-height:1}.bag-chip:hover{color:inherit;background:#ffffff12}.bag-chip.active{background:var(--gold-dim,#8a6f3a);border-color:var(--gold-dim,#8a6f3a);color:#15110a;font-weight:600}.bag-chip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}body.mobile-touch .bag-chip{min-height:40px;padding:9px 13px}body.mobile-touch .bag-search,body.mobile-touch .bag-sort{min-height:40px}.bag-tools{align-items:center;gap:6px;display:flex}.bag-search{min-width:0;font-family:var(--ui-font);color:inherit;background:#14110b;border:1px solid #5a4a2e;border-radius:4px;flex:auto;padding:4px 7px;font-size:16px}.bag-search:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.bag-sort{font-family:var(--ui-font);color:inherit;cursor:var(--cursor-point);background:#14110b;border:1px solid #5a4a2e;border-radius:4px;flex:none;padding:4px 6px;font-size:16px}.money{color:var(--gold);text-align:right;margin-top:8px;font-size:12px}.money-inline,.coin-part{align-items:center;display:inline-flex}.coin{vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-left:6px;margin-right:2px;display:inline-block}.coin.g{background:radial-gradient(circle at 35% 30%,#ffe98a,#b8860b)}.coin.s{background:radial-gradient(circle at 35% 30%,#e8e8e8,#888)}.coin.c{background:radial-gradient(circle at 35% 30%,#e8a87a,#8b4513)}#social-window{box-sizing:border-box;flex-direction:column;width:348px;height:560px;max-height:calc(100vh - 24px);overflow-x:hidden}#social-window.open{display:flex}.soc-realm-tag{color:#7fd4ff;font-size:11px;font-weight:400}.soc-tabs{flex:none;gap:4px;margin:6px 0 8px;display:flex}.soc-tab{font-size:13px;font-family:var(--title-font);color:var(--color-text-muted);cursor:var(--cursor-point);text-align:center;background:#1a1410;border:1px solid #463a1c;border-radius:4px;flex:1;padding:7px 0}.soc-tab:hover{color:var(--gold)}.soc-tab:focus-visible,.soc-x:focus-visible,.soc-name.soc-link:focus-visible,.soc-sugg-item:focus-visible,.trade-item.mine:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.soc-tab.on{color:var(--gold);background:linear-gradient(#2a2436,#161220);border-color:#6f5a2a}.soc-body{flex:1;min-height:80px;overflow:hidden auto}.soc-row{border-radius:4px;align-items:center;gap:8px;min-width:0;padding:6px;font-size:13px;display:flex}.soc-row>span:not(.soc-dot):not(.soc-meta):not(.soc-actions){flex:auto;min-width:0}.soc-row:hover{background:#ffffff10}.soc-dot{background:#555;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 4px #0008}.soc-dot.online{background:#46d246;box-shadow:0 0 5px #46d246aa}.soc-dot.combat{background:#ff5040;box-shadow:0 0 5px #ff5040aa}.soc-dot.dungeon{background:#c98bff;box-shadow:0 0 5px #c98bffaa}.soc-dot.dead{background:#888}.soc-id{flex-direction:column;flex:auto;min-width:0;display:flex}.soc-name{color:#f0ead8;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}button.soc-name{font-family:var(--ui-font);font-size:inherit;text-align:left;background:0 0;border:0;padding:0}.soc-name.soc-link{cursor:var(--cursor-point)}.soc-name.soc-link:hover{color:#ff80ff;text-decoration:underline}.soc-name .rank{color:var(--color-accent);margin-left:4px;font-size:10px;font-weight:400;text-decoration:none;display:inline-block}.soc-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.soc-meta{color:var(--color-text-muted);text-align:right;white-space:nowrap;flex:none;font-size:11px;line-height:1.25}.soc-meta .zone{color:#7fd4ff}.soc-actions{flex:none;gap:5px;margin-left:4px;display:flex}.soc-x{color:#e0c89a;cursor:var(--cursor-point);min-width:26px;height:26px;font-size:15px;line-height:1;font-family:var(--ui-font);background:#221a10;border:1px solid #5a4a26;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.soc-x:hover{color:#fff0b0;background:#2e2416;border-color:#8a6f34}.soc-notice{border-radius:4px;flex:none;margin-top:6px;padding:5px 7px;font-size:11px;display:none}.soc-notice.err{color:#ffb0a0;background:#3a1512;border:1px solid #6e2a1e}.soc-notice.ok{color:#bfe8a0;background:#16280f;border:1px solid #2f5a22}.soc-add{flex:none;gap:6px;margin-top:8px;display:flex;position:relative}.soc-add.soc-leave{justify-content:flex-end}.soc-add input{color:#f0ead8;background:#120f0c;border:1px solid #463a1c;border-radius:4px;flex:1;padding:5px 7px;font-size:12px}.soc-add .btn{margin:0;padding:5px 12px;font-size:11px}.soc-suggest{z-index:30;background:#14110d;border:1px solid #6f5a2a;border-radius:5px;max-height:210px;display:none;position:absolute;bottom:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 -6px 18px #000a}.soc-sugg-item{width:100%;cursor:var(--cursor-point);color:inherit;font-size:13px;font-family:var(--ui-font);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 9px;display:flex}.soc-sugg-item:hover,.soc-sugg-item.active{background:#2f2740}.soc-sugg-item.active{box-shadow:inset 2px 0 0 var(--gold)}.soc-sugg-item .soc-meta{color:#a59873}.soc-empty{color:#887c5c;text-align:center;padding:10px 6px;font-size:12px}.soc-empty-action{margin-top:12px}.soc-guild-head{font-family:var(--title-font);color:var(--gold);padding:2px 4px 6px;font-size:15px}.soc-guild-head .gm{color:var(--color-text-muted);font-size:11px}.raid-groups{grid-template-columns:1fr;gap:10px;display:grid}.raid-group{border-top:1px solid #3d3218;padding-top:6px}.raid-group:first-child{border-top:0;padding-top:0}.raid-row .soc-actions{margin-left:0}#map-window{padding:14px}#map-zoom{z-index:2;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:22px;right:22px}.map-zoom-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:var(--cursor-point);background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:5px;justify-content:center;align-items:center;font-size:20px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}.map-zoom-btn:hover{border-color:var(--gold);color:#fff}#map-close{z-index:2;position:absolute;top:8px;right:8px}#arena-window{width:360px;padding:14px}.arena-sub{font-family:var(--title-font);color:var(--gold);border-bottom:1px solid #463a1c;margin:12px 0 5px;padding-bottom:3px;font-size:12px}.arena-rank{align-items:baseline;gap:10px;margin:2px 0 6px;display:flex}.arena-rank .rating{font-family:var(--title-font);color:#ffb24a;text-shadow:0 0 10px #cc5a1466,1px 1px 2px #000;font-size:30px}.arena-rank .wl{color:var(--color-text-muted);font-size:12px}.arena-rank .wl b{color:#7fdc4f}.arena-rank .wl i{color:#ff7a6a;font-style:normal}#arena-window .btn{box-sizing:border-box;text-align:center;width:100%;margin:4px 0 0}#arena-window .btn.leave{color:#ffe6a8;background:linear-gradient(#5a4a18,#3a2f0d 55%,#2a2208)}.arena-note{color:#b6ad8c;margin:4px 0 2px;font-family:Georgia,serif;font-size:11.5px;line-height:1.45}.arena-brackets{gap:6px;margin:6px 0 4px;display:flex}.arena-bracket{font-family:var(--title-font);color:var(--color-text-muted);cursor:var(--cursor-point);background:linear-gradient(#3a3018,#2a2208);border:1px solid #5a4a20;border-radius:4px;flex:1;padding:5px 0;font-size:12px}.arena-bracket.active{color:#ffb24a;background:linear-gradient(#5a4a18,#3a2f0d 55%,#2a2208);border-color:#8a6a28}.arena-bracket.locked{opacity:.45;cursor:not-allowed}.arena-bracket-tag{color:var(--color-text-muted);margin-left:4px;font-size:11px}.arena-party{background:linear-gradient(#1a1408aa,#0d0a04aa);border:1px solid #5a4a20;border-radius:6px;margin:6px 0 4px;padding:8px 10px}.arena-party-title{font-family:var(--title-font);color:var(--gold);letter-spacing:.3px;margin-bottom:5px;font-size:11px}.arena-party-row{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:12px;display:flex}.arena-party-row.me .apr-name{color:#ffd100}.arena-party-row .apr-name{color:#cfe0ff;font-weight:700}.arena-party-row .apr-meta{color:#8c8468;white-space:nowrap;font-size:10.5px}.arena-party-invite{border-left:2px solid #6a5a28;margin-top:4px;padding-left:8px}.arena-warn{color:#ff9a7a;border-left:2px solid #aa4a28;padding-left:8px}#arena-window .btn.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}.arena-queue-status{color:#ffd100;text-align:center;margin-top:6px;font-size:12px}.ladder-row{color:#e0d6b4;border-radius:4px;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;padding:3px 6px;font-size:12px;display:grid}.ladder-row.me{background:#ffb24a1f;outline:1px solid #ffb24a55}.ladder-row .rank{color:var(--color-text-muted);text-align:right}.ladder-row .lr-name{color:#cfe0ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ladder-row .lr-rating{color:#ffb24a;font-family:var(--title-font)}.ladder-row .lr-wl{color:#8c8468;font-size:10.5px}.ladder-empty{color:#8c8468;padding:4px 6px;font-size:11.5px;font-style:italic}#arena-status{text-align:center;pointer-events:none;z-index:18;background:linear-gradient(#1a120bdd,#0d0805dd);border:1px solid #cc5a14;border-radius:8px;min-width:220px;padding:6px 16px 5px;display:none;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 2px 14px #000a,inset 0 0 16px #cc5a1422}#arena-status .as-vs{font-family:var(--title-font);color:#ffb24a;text-shadow:1px 1px 2px #000;letter-spacing:.5px;font-size:13px}#arena-status .as-vs .opp{color:#ff8d7a}#arena-status .as-lvl{color:#b6ad8c;font-family:Georgia,serif;font-size:11px}#arena-status .as-teams{justify-content:center;align-items:center;gap:10px;display:flex}#arena-status .as-team{text-align:center;min-width:80px}#arena-status .as-team .as-label{font-family:var(--title-font);letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px;font-size:9px;display:block}#arena-status .as-team.allies .as-label{color:#7fdc4f}#arena-status .as-team.allies .as-names{color:#b8e8a0;font-size:12px}#arena-status .as-team.enemies .as-label{color:#ff8d7a}#arena-status .as-team.enemies .as-names{color:#ffb0a0;font-size:12px}#arena-status .as-mid{font-family:var(--title-font);color:#ffb24a;opacity:.85;font-size:11px}#arena-status .as-timer{color:#d8cba0;margin-top:4px;font-size:11px}#market-window{flex-direction:column;width:470px;height:min(640px,85vh - 24px);min-height:0;display:none;overflow:hidden}.mkt-tabs{gap:4px;margin:2px 0 8px;display:flex}.mkt-tab{text-align:center;font-family:var(--title-font);color:var(--color-text-muted);cursor:var(--cursor-point);background:#ffffff08;border:0;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;flex:1;padding:5px 4px;font-size:12px}.mkt-tab:hover{color:var(--color-accent);background:#ffffff14}.mkt-tab.sel{color:var(--gold);background:#ffffff16;border-bottom-color:#cc9a3c}.mkt-tab .pip{color:#9fdc7f;font-size:10.5px}.mkt-search{box-sizing:border-box;color:#ffe6a8;background:#120d07;border:1px solid #5a4a2a;border-radius:6px;width:100%;margin:2px 0 8px;padding:7px 10px;font-family:Georgia,serif;font-size:16px}.mkt-search::placeholder{color:#8c8468;font-style:italic}.mkt-search:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px;border-color:var(--color-border-focus)}.mkt-filters{z-index:3;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px;display:grid;position:relative}.mkt-filters.has-subtype{grid-template-columns:1fr 1fr 1fr}.mkt-filter{flex-direction:column;gap:3px;min-width:0;display:flex}.mkt-filter span{font-family:var(--title-font);letter-spacing:.4px;color:var(--color-text-muted);text-transform:uppercase;font-size:10px}.mkt-select{min-width:0;position:relative}.mkt-select-btn{color:#f0e4c8;width:100%;min-width:0;min-height:32px;font-family:var(--font-ui);cursor:var(--cursor-point);text-align:left;background:#120d07;border:1px solid #6f5a2a;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex;box-shadow:inset 0 1px #ffffff12}.mkt-select-btn:hover,.mkt-select.open .mkt-select-btn{color:#ffe6a8;background:#181107;border-color:#cc9a3c}.mkt-select-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.mkt-select-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;font:inherit;text-transform:none;letter-spacing:0;overflow:hidden}.mkt-select-chevron{border-bottom:2px solid #cabb8c;border-right:2px solid #cabb8c;flex:none;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.mkt-select.open .mkt-select-chevron{transform:translateY(2px)rotate(225deg)}.mkt-select-menu{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:20;background:#140f09f7;border:1px solid #6f5a2a;border-radius:6px;width:100%;max-height:236px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 24px #000c,inset 0 1px #ffffff12}.mkt-select-option{color:#f0e4c8;width:100%;font-family:var(--font-ui);text-align:left;cursor:var(--cursor-point);background:0 0;border:0;border-radius:4px;padding:7px 8px;font-size:13px;line-height:1.2;display:block}.mkt-select-option:hover,.mkt-select-option:focus-visible{color:var(--color-accent);background:#ffffff14}.mkt-select-option:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.mkt-select-option.sel{color:var(--gold);background:#cc9a3c2e}#market-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding-right:2px;overflow-y:auto}.mkt-note{color:#b6ad8c;margin:2px 0 8px;font-family:Georgia,serif;font-size:11.5px;line-height:1.45}.mkt-row{border-radius:4px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:9px;padding:5px 6px;font-size:12px;display:grid}.mkt-row:hover{background:#ffffff0d}.mkt-row .mkt-name{overflow:hidden}.mkt-row .mkt-name .nm{display:block}.mkt-row .mkt-name .stack{color:var(--color-text-light)}.mkt-row .mkt-name .seller{color:#8c8468;font-size:10.5px}.mkt-row .mkt-name .seller.house{color:var(--gold-dim)}.mkt-row .mkt-price{color:var(--color-accent);white-space:nowrap;text-align:right;font-size:11.5px}.mkt-btn{font-family:var(--title-font);cursor:var(--cursor-point);color:#d6ffc8;white-space:nowrap;background:linear-gradient(#3a6a28,#244a18 60%,#1a3812);border:1px solid #5a4a18;border-radius:4px;padding:4px 11px;font-size:11px}.mkt-btn:hover{filter:brightness(1.18)}.mkt-btn.cancel{color:#ffd8b8;background:linear-gradient(#6a3a18,#4a2810 60%,#381c0c)}.mkt-page{border-top:1px solid #5a4a2a;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 2px;padding:7px 6px 0;display:flex}.mkt-page-info{text-align:center;font-family:var(--font-ui);color:var(--color-text-muted);flex:1;font-size:11.5px}.mkt-page-btn{color:#f0e4c8;min-width:72px;min-height:28px;font-family:var(--title-font);cursor:var(--cursor-point);background:#181107;border:1px solid #6f5a2a;border-radius:4px;font-size:10.5px}.mkt-page-btn:hover:not(:disabled),.mkt-page-btn:focus-visible{color:var(--color-accent);border-color:#cc9a3c}.mkt-page-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.mkt-page-btn:disabled{opacity:.45;cursor:var(--cursor-arrow)}.mkt-empty{color:#887c5c;text-align:center;padding:10px 6px;font-size:12px;font-style:italic}.mkt-sell-pick{border:1px dashed #5a4a2a;border-radius:6px;align-items:center;gap:10px;margin-bottom:10px;padding:8px;display:flex}.mkt-sell-pick.empty{color:var(--color-text-muted);justify-content:center;font-size:12px;font-style:italic}.mkt-sell-pick .ps-name{font-size:13px}.mkt-price-form{flex-direction:column;gap:9px;display:flex}.mkt-price-row{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.mkt-price-row label{min-width:76px}.mkt-price-row .coininput{color:#ffe6a8;width:56px;font-family:var(--ui-font,inherit);background:#120d07;border:1px solid #5a4a2a;border-radius:4px;padding:4px 6px;font-size:12px}.mkt-coin-tag{color:var(--color-text-muted);margin-right:6px;font-size:11px}.mkt-list-btn{font-family:var(--title-font);cursor:var(--cursor-point);color:#ffe6a8;background:linear-gradient(#5a4a18,#3a2f0d 55%,#2a2208);border:1px solid #5a4a18;border-radius:5px;margin-top:4px;padding:8px;font-size:13px}.mkt-list-btn:hover{filter:brightness(1.15)}.mkt-list-btn:disabled{opacity:.5;cursor:default;filter:none}.mkt-collect{background:#ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.mkt-collect-item{align-items:center;gap:8px;display:flex}#map-canvas{border:2px solid var(--border);touch-action:none;border-radius:4px;outline:1px solid #000}#options-menu{z-index:40;width:420px}.opt-list{flex-direction:column;align-items:stretch;gap:8px;padding:4px 0;display:flex}.opt-btn{text-align:center;margin:0}.kb-rows{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}#options-menu.kb-wide{--kb-btn-w:96px;width:min(880px,100vw - 32px)}.kb-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px 28px;margin-bottom:8px;display:grid}.kb-col{min-width:0}.kb-col .kb-rows{margin-bottom:0}.kb-col .kb-cat{margin-top:0}.kb-cat{font-family:var(--title-font);color:var(--gold);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #463a1c;margin:8px 0 4px;padding-bottom:4px;font-size:12px}.kb-row{grid-template-columns:minmax(0, 1fr) var(--kb-btn-w,78px) var(--kb-btn-w,78px);border-bottom:1px solid #ffffff10;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;display:grid}.kb-row:last-child{border-bottom:0}.kb-row:nth-of-type(odd){background:#ffffff0a}.kb-name{color:var(--color-text-light);justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.kb-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kb-inline-key{color:#ffd100;font-family:var(--title-font);opacity:.9;flex:none;font-size:11px}.kb-key{text-align:center;color:#ffd9a0;background:linear-gradient(#2c2c3a,#15151f);border-color:#4a3d1d;margin:0;padding:3px 6px;font-size:12px}.kb-key.capturing{border-color:var(--gold);color:#fff;box-shadow:0 0 8px #ffd100aa}.kb-note{color:#b9ac82;min-height:14px;margin:2px 0 6px;font-size:11px;line-height:1.4}.kb-toggle-row{background:#ffffff0a;border-radius:4px;margin-bottom:6px}.kb-toggle-row .kb-toggle{width:var(--kb-btn-w,78px);min-width:var(--kb-btn-w,78px);max-width:var(--kb-btn-w,78px);text-align:center;font-size:12px;font-family:var(--ui-font);box-sizing:border-box;grid-column:2;justify-self:start;margin:0;padding:3px 6px;line-height:1.2}.kb-toggle-row .kb-mouse-toggle{width:var(--kb-btn-w,78px);min-width:var(--kb-btn-w,78px);max-width:var(--kb-btn-w,78px)}.kb-toggle.off{filter:grayscale(.6)brightness(.8);color:#b9ac82}.set-rows{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.set-row{grid-template-columns:120px 1fr 48px;align-items:center;gap:10px;padding:3px 6px;display:grid}.set-name{color:var(--color-text-light);font-size:12.5px}.set-slider{width:100%;accent-color:var(--gold);cursor:var(--cursor-point)}.set-val{color:var(--color-accent);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.set-toggle{margin:0;padding:3px 14px}.set-toggle.off{filter:grayscale(.6)brightness(.8)}.set-lang-select{grid-column:2/4;width:100%;margin:0}.set-choice{flex-wrap:wrap;grid-column:2/4;gap:4px;display:flex}.set-choice-btn{min-height:40px;margin:0;padding:3px 9px;font-size:12px}.set-choice-btn.sel{outline:1px solid var(--gold);color:#fff4c7;box-shadow:inset 0 0 8px #ffd10033}.set-note{color:#b9ac82;margin:6px 0 2px;font-size:11px;line-height:1.4}.set-seg{gap:4px;display:flex}.set-seg-btn{opacity:.7;margin:0;padding:3px 12px}.set-seg-btn.active{opacity:1;box-shadow:0 0 0 1px var(--gold) inset;color:var(--color-accent)}.set-row.disabled{opacity:.45}.set-seg.theme-presets{flex-wrap:wrap;justify-content:flex-end}.theme-custom-head{grid-template-columns:1fr auto}.theme-color-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px 12px;padding:4px 6px 8px;display:grid}.theme-color-row{color:var(--color-text-light);cursor:var(--cursor-point);align-items:center;gap:8px;font-size:12px;display:flex}.theme-color-row input[type=color]{border:1px solid var(--border);width:26px;height:20px;cursor:var(--cursor-point);background:0 0;border-radius:3px;flex:none;padding:0}.theme-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.theme-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.chat-ts{color:#8f8a76;font-variant-numeric:tabular-nums}.set-subhead{font-family:var(--title-font);color:var(--gold);letter-spacing:.5px;border-bottom:1px solid #ffffff14;margin:9px 2px 1px;padding-bottom:3px;font-size:12.5px}.set-color{border:1px solid var(--border);width:64px;height:30px;min-height:30px;cursor:var(--cursor-point);background:0 0;border-radius:5px;grid-column:2/4;justify-self:end;padding:0}.perf-swatches{flex-wrap:wrap;grid-column:2/4;gap:6px;display:flex}.perf-swatch{border:1px solid var(--border);width:34px;height:34px;min-height:34px;font-family:var(--title-font);text-align:center;cursor:var(--cursor-point);border-radius:6px;padding:0;font-size:14px;font-weight:700;line-height:32px}.perf-swatch.sel{outline:2px solid var(--gold);outline-offset:1px;box-shadow:0 0 8px #ffd10055}.perf-swatch:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}body.mobile-touch .set-color{height:44px;min-height:44px}body.mobile-touch .perf-swatch{width:44px;height:44px;min-height:44px;line-height:42px}#options-menu.perf-wide{width:min(780px,100vw - 32px)}#options-menu.perf-wide .panel-title{margin-bottom:7px;padding-bottom:5px;font-size:14px}.perf-panel{flex-direction:column;gap:13px;display:flex}.perf-master{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px 16px 13px}.perf-master .set-row{justify-content:center;align-items:center;gap:14px;padding:1px 0;display:flex}.perf-master .set-name{color:#f3ead0;flex:0 auto;font-size:14px;font-weight:600}.perf-master .set-toggle{text-align:center;flex:none;min-width:108px;min-height:34px}.perf-master .set-note{max-width:44ch;margin:8px auto 0}.perf-cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.perf-col{flex-direction:column;gap:14px;min-width:0;display:flex}.perf-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:6px 17px 15px}.perf-card-title{font-family:var(--title-font);color:var(--gold);letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid #ffffff1f;margin:9px 0 11px;padding-bottom:7px;font-size:13px}.perf-group-head{color:#c8b98a;letter-spacing:.6px;text-transform:uppercase;opacity:.92;margin:18px 1px 7px;font-size:10.5px}.perf-card .perf-group-head:first-of-type{margin-top:4px}.perf-card .set-row{grid-template-columns:104px 1fr 46px;gap:8px;padding:6px 0}.perf-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 2px;display:grid}.perf-presets .perf-preset-btn{white-space:nowrap;box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:6px 8px;font-size:12px}.perf-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:3px 0 4px;display:grid}.perf-chips .set-choice-btn{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;min-height:36px;margin:0;padding:5px 8px;font-size:12px;display:inline-flex}.perf-chips .set-choice-btn:last-child:nth-child(odd){grid-column:1/-1}.perf-footer{gap:12px;margin-top:9px;display:flex}.perf-footer .btn{flex:1;min-height:38px;margin:0}@media (max-width:720px){#options-menu.perf-wide .perf-cols{grid-template-columns:1fr}}body.mobile-touch #options-menu.perf-wide .perf-cols{grid-template-columns:1fr}#emote-wheel{z-index:80;pointer-events:auto;width:330px;height:330px;animation:.18s cubic-bezier(.22,1,.36,1) emote-wheel-in;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emote-wheel-ring{background:radial-gradient(circle,#24190dcc 0 24%,#3a2a17e6 25% 55%,#080706e0 56% 100%);border:2px solid #8a682c;border-radius:50%;position:absolute;inset:24px;box-shadow:0 0 0 1px #000,0 12px 34px #000b,inset 0 0 34px #000b}.emote-wheel-item,.emote-wheel-edit{text-align:center;font-family:var(--title-font);letter-spacing:0;color:#f0dfaf;background:linear-gradient(#2b2418,#16110b);border:2px solid #3f3118;justify-content:center;align-items:center;transition:transform .13s cubic-bezier(.25,1,.5,1),filter .13s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px #000,inset 0 1px #ffffff12}.emote-wheel-item{border-radius:50%;flex-direction:column;gap:1px;width:82px;height:78px;padding:4px;font-size:10px;line-height:1.05}.emote-wheel-edit{border-radius:50%;width:62px;height:62px;font-size:12px;top:50%;left:50%}.emote-wheel-item.selected,.emote-wheel-edit.selected{color:#231506;filter:brightness(1.08);background:linear-gradient(#fff0a8,#c9821e);border-color:#ffe27a;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 18px #ffd65aaa,0 3px #4a2108}.emote-wheel-icon{filter:drop-shadow(0 2px 1px #0009);width:42px;height:42px;display:block}.emote-wheel-label{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}#emote-editor{width:390px}.emote-editor-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 2px 10px;display:grid}.emote-editor-item{min-height:58px;color:var(--color-text-muted);cursor:var(--cursor-point);font-family:var(--title-font);text-align:left;background:#15110a;border:1px solid #463a1c;border-radius:6px;align-items:center;gap:6px;padding:6px;font-size:11px;transition:transform .13s cubic-bezier(.25,1,.5,1),filter .13s;display:flex}.emote-editor-icon{filter:drop-shadow(0 2px 1px #0009);flex:none;width:34px;height:34px}.emote-editor-item.selected{color:#211507;background:linear-gradient(#fff0a8,#c9821e);border-color:#ffe27a}.emote-editor-item:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.emote-editor-item:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.emote-editor-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.emote-editor-count{color:#ffd100;font-family:var(--title-font);font-size:12px}@keyframes emote-wheel-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.np-emote,#emote-wheel{animation:none}.emote-wheel-item,.emote-wheel-edit,.emote-editor-item{transition:none}}.btn.fiesta-practice{color:#fff;background:linear-gradient(135deg,#ff3df0,#1b9fff);border-color:#ff3df0;font-weight:800}.btn.fiesta-practice:hover{box-shadow:0 0 14px #ff3df088}.arena-bracket.fiesta{background:linear-gradient(135deg,#ff3df033,#1b9fff22)}.arena-bracket.fiesta.active{color:#fff;background:linear-gradient(135deg,#ff3df0,#1b9fff);border-color:#ff3df0}.arena-bracket-tag.fiesta{color:#fff;background:linear-gradient(90deg,#ff3df0,#1b9fff)}.equip-slot .equip-unequip-btn{width:40px;height:40px;color:var(--color-text-secondary,#d6c1a0);cursor:var(--cursor-point);opacity:0;background:#3c261c6b;border:1px solid #caa4726b;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-inline-start:auto;font-size:20px;font-weight:600;line-height:1;transition:border-color .12s,box-shadow .12s,color .12s,opacity .12s;display:flex}.equip-slot:hover .equip-unequip-btn,.equip-slot:focus-within .equip-unequip-btn,body.mobile-touch .equip-slot .equip-unequip-btn{opacity:1}.equip-slot .equip-unequip-btn:hover,.equip-slot .equip-unequip-btn:focus-visible{color:#fff;border-color:#ffdaa0cc;box-shadow:0 0 7px #caa47266}@media (prefers-reduced-motion:reduce){.equip-slot .equip-unequip-btn{transition:none}}#bags.drop-target{outline-offset:-4px;outline:2px dashed #ffdaa0d9;box-shadow:0 0 14px #caa47280}}@layer hud;@layer shell{#start-screen{z-index:100;touch-action:pan-y;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;background:0 0;flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:hidden auto}.homepage-header{border-bottom:2px solid #0000;border-image:linear-gradient(to right, #4e3d1d33, var(--color-primary-dim), #4e3d1d33) 1;width:100%;padding:var(--spacing-sm) var(--spacing-lg);z-index:20;background:linear-gradient(#1c1810fa 0%,#0b0b12f2 100%);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0;box-shadow:0 4px 15px #0009}.header-menu-container{display:contents}.header-logo-container{justify-self:start;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--spacing-sm);justify-self:end;display:flex}.header-logo-btn{cursor:var(--cursor-point);border-radius:var(--radius-sm);transition:filter var(--transition-speed);background:0 0;border:none;align-items:center;padding:0;display:flex}.header-logo-btn:hover{filter:brightness(1.2)}.header-logo-btn:focus-visible{outline:3px solid var(--color-border-focus)!important;outline-offset:2px!important}.header-logo{border-radius:var(--radius-sm);filter:drop-shadow(0 0 10px #c7941a4d)drop-shadow(1px 1px 2px #000);width:40px;height:40px;margin:0}#title-logo{filter:drop-shadow(0 0 20px #c7941a40)drop-shadow(2px 2px 4px #000);width:min(216px,50vw);height:auto;margin-bottom:var(--spacing-sm);animation:2.5s ease-in-out infinite alternate logo-pulse}.mobile-menu-toggle{width:40px;height:40px;cursor:var(--cursor-point);z-index:20;border-radius:var(--radius-sm);transition:box-shadow var(--transition-speed);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:space-between;padding:11px 8px;display:none}.mobile-menu-toggle *{pointer-events:none}.mobile-menu-toggle:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:4px;box-shadow:0 0 8px var(--color-primary-glow)}.hamburger-bar{background-color:var(--color-primary-dim);width:24px;height:2px;transition:transform var(--transition-speed), opacity var(--transition-speed), background-color var(--transition-speed);border-radius:1px;align-self:center}.mobile-menu-toggle:hover .hamburger-bar,.mobile-menu-toggle:focus-visible .hamburger-bar{background-color:var(--color-primary)}.homepage-header.menu-open .mobile-menu-toggle .hamburger-bar:first-child{transform:translateY(8px)rotate(45deg)}.homepage-header.menu-open .mobile-menu-toggle .hamburger-bar:nth-child(2){opacity:0}.homepage-header.menu-open .mobile-menu-toggle .hamburger-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.homepage-nav{justify-self:center;align-items:center;display:flex}.nav-list{gap:var(--spacing-sm);display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:.5px;padding:6px var(--spacing-md);cursor:var(--cursor-point);transition:color var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background-color var(--transition-speed) var(--transition-ease);background:0 0;border:1px solid #0000;font-size:13.5px}.nav-link:hover,.nav-link:focus-visible{color:var(--color-primary);border-color:var(--color-border-focus);box-shadow:0 0 8px var(--color-primary-glow);background-color:#ffd10008;outline:none}.nav-link.active{color:var(--color-primary);border-color:var(--color-border-focus);box-shadow:inset 0 0 5px #ffd10026, 0 0 8px var(--color-primary-glow);background:linear-gradient(#c8a83833 0%,#6e5a2a0d 60%,#0b0b1266 100%)}body.mobile-touch .nav-link{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.language-selector{display:inline-block;position:relative}.lang-select-dropdown{appearance:none;background:var(--color-bg-input) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a838' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 12px;color:var(--color-primary-dim);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:var(--cursor-point);transition:border-color var(--transition-speed), color var(--transition-speed), box-shadow var(--transition-speed);-webkit-user-select:auto;user-select:auto;outline:none;padding:6px 36px 6px 16px;font-size:13px}.lang-select-dropdown:hover,.lang-select-dropdown:focus-visible{border-color:var(--color-border-focus);color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body.mobile-touch .lang-select-dropdown{min-height:40px;padding:10px 36px 10px 16px;font-size:16px}.homepage-music-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-primary);cursor:var(--cursor-point);transition:color var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background-color var(--transition-speed) var(--transition-ease);background:linear-gradient(#1f1b12f2,#09090ef2);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000073}.homepage-music-btn .ui-icon{width:22px;height:22px}.homepage-music-btn:hover,.homepage-music-btn:focus-visible{color:#fff3bd;border-color:var(--color-border-focus);box-shadow:0 0 10px var(--color-primary-glow), inset 0 1px 0 #ffffff1f;outline:none}.homepage-music-btn.is-muted{color:#cdbd8e}.homepage-music-btn.is-muted:after{content:"";pointer-events:none;background:#f0e8d2;border-radius:2px;width:22px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 0 1px #000000bf}.donate-cta{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);color:#2a1c05;min-height:40px;font-family:var(--font-heading);letter-spacing:0;white-space:nowrap;transition:filter var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), transform var(--transition-speed) var(--transition-ease);background:#f0c34d;align-items:center;gap:7px;padding:7px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #ffd10040,inset 0 1px #ffffff59}.donate-cta:hover,.donate-cta:focus-visible{filter:brightness(1.08);background:#ffd86b;outline:none;transform:translateY(-1px);box-shadow:0 0 14px #ffd10080,inset 0 1px #ffffff73}.donate-cta svg{width:16px;height:16px;display:block}.wallet-cta{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);min-height:40px;color:var(--gold);font-family:var(--font-heading);letter-spacing:.4px;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), color var(--transition-speed) var(--transition-ease);background:#0b0b128c;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.wallet-cta:hover,.wallet-cta:focus-visible{border-color:var(--gold);box-shadow:0 0 12px var(--color-primary-glow);outline:none}.wallet-cta svg{width:16px;height:16px;display:block}.wallet-cta.is-connected{color:var(--color-text-light);border-color:var(--color-mana)}.wallet-cta.needs-link{color:#1a1304;border-color:var(--gold);background:linear-gradient(#ffd86b,#c99423);box-shadow:0 0 12px #ffd10061,inset 0 1px #ffffff61}.wallet-cta.needs-link:hover,.wallet-cta.needs-link:focus-visible{border-color:#ffe38a;box-shadow:0 0 16px #ffd1008c,inset 0 1px #ffffff73}.wallet-cta.is-linked{color:var(--color-text-success);border-color:var(--color-text-success)}.wallet-cta.connect-app{color:#07150b;border-color:var(--color-text-success);background:linear-gradient(#a7e8b0,#54aa67);box-shadow:0 0 12px #58cb7047,inset 0 1px #ffffff57}.wallet-cta.connect-app:hover,.wallet-cta.connect-app:focus-visible{border-color:#c7f2cf;box-shadow:0 0 16px #58cb706b,inset 0 1px #ffffff70}.wallet-cta.is-connected #wallet-label{letter-spacing:0;font-family:SFMono-Regular,ui-monospace,Courier New,monospace;font-size:12px}.wallet-cta.is-linked #wallet-label,.wallet-cta.connect-app #wallet-label{font-family:var(--font-heading);letter-spacing:.4px;font-size:13px}.wallet-cta.busy{opacity:.6;pointer-events:none}.cs-wallet{border-top:1px solid #c7941a2e;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.cs-wallet[hidden]{display:none}.cs-wallet-label{font-family:var(--font-heading);color:var(--gold-dim);letter-spacing:.4px;white-space:nowrap;font-size:13px}.cs-wallet-main{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:flex}.cs-wallet-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.wallet-status{box-sizing:border-box;border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-success);letter-spacing:0;white-space:nowrap;background:#14381c61;border:1px solid #5cd67e6b;align-items:center;gap:6px;padding:5px 9px;font-family:SFMono-Regular,ui-monospace,Courier New,monospace;font-size:12px;line-height:1.15;display:inline-flex}.wallet-status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #5cd67e80}.wallet-status[hidden]{display:none}.cs-wallet-help{max-width:min(390px,48vw);color:var(--color-text-muted);text-align:left;font-size:11px;line-height:1.35}.cs-wallet-help.is-attention{color:var(--gold)}.cs-wallet-help.is-verified{color:var(--color-text-success)}.wallet-mini{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);min-height:40px;color:var(--color-text-muted);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;transition:color var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease);background:#0b0b128c;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.wallet-mini svg{width:14px;height:14px;display:block}.wallet-mini:hover,.wallet-mini:focus-visible{color:var(--color-text-light);border-color:var(--gold-dim);outline:none}#btn-wallet-unlink:hover,#btn-wallet-unlink:focus-visible,#btn-wallet-signout:hover,#btn-wallet-signout:focus-visible{color:var(--color-text-error);border-color:var(--color-text-error)}.wallet-mini[hidden]{display:none}.cs-wallet-hidden-note{box-sizing:border-box;border-radius:var(--radius-sm);min-height:34px;color:var(--gold-dim);text-align:right;background:#120e08a3;border:1px solid #c7941a47;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.35}.cs-wallet-hidden-note[hidden]{display:none}.wallet-picker-backdrop{z-index:340}.wallet-picker-modal{box-sizing:border-box;width:min(420px,100%);max-height:calc(100vh - 48px);padding:18px;overflow:auto}.wallet-picker-help,.wallet-picker-empty{color:var(--color-text-muted);margin:8px 0 12px;font-size:12.5px;line-height:1.45}.wallet-picker-list{gap:8px;display:grid}.wallet-picker-option{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);width:100%;min-height:52px;color:var(--color-text-light);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background var(--transition-speed) var(--transition-ease);background:#0b0b12b8;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.wallet-picker-option:hover,.wallet-picker-option:focus-visible{border-color:var(--gold);background:#1d180edb;outline:none;box-shadow:0 0 12px #c7941a47}.wallet-picker-option.selected{border-color:var(--color-text-success);box-shadow:inset 0 0 0 1px #5cd67e33}.wallet-picker-icon{object-fit:contain;background:#ffffff14;border-radius:8px;width:32px;height:32px}.wallet-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wallet-picker-badge{color:var(--color-text-success);white-space:nowrap;font-size:11px}@media (max-width:720px){.cs-wallet{flex-direction:column;align-items:flex-start}.cs-wallet-main{align-items:flex-start;width:100%}.cs-wallet-actions{justify-content:flex-start}.cs-wallet-help{text-align:left;max-width:100%}.cs-wallet-hidden-note{text-align:left}}.footer-lang-row,.footer-legal-row{justify-content:center;display:flex}.footer-legal-row{flex-wrap:wrap;gap:14px}.footer-lang-row{flex-wrap:wrap;align-items:center;gap:12px}.landing-contrast-toggle{min-height:40px;font-family:var(--font-ui);letter-spacing:.3px;color:var(--color-text-light,#e8dcc0);border:1px solid var(--color-border-default,#4e3d1d);border-radius:var(--radius-sm,6px);cursor:var(--cursor-point,pointer);background:#15151fb3;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.landing-contrast-toggle:hover,.landing-contrast-toggle:focus-visible{border-color:var(--color-primary,#ffd100);color:#fff}.landing-contrast-toggle[aria-pressed=true]{border-color:var(--color-primary,#ffd100);color:var(--color-primary,#ffd100);background:#ffd10029}.social-link.donate:hover,.social-link.donate:focus-visible{color:#ff9db3;border-color:#ff6b8b;box-shadow:0 0 10px #ff6b8b59}#homepage-views-container{width:100%;padding:var(--spacing-lg);flex:1 0 auto;grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:relative}.view-section{flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:center;width:100%;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:flex;position:relative}.view-section[hidden]{opacity:0;transform:translateY(8px);display:none!important}.account-portal{width:100%;max-width:760px;padding:var(--spacing-lg);gap:var(--spacing-lg);border:2px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#15151ff5 0%,#08080cfa 100%);flex-direction:column;margin:0 auto;display:flex;box-shadow:0 10px 30px #000c,inset 0 0 20px #0000008c,inset 0 1px #ffffff0d}.account-portal-head{text-align:left;justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #c8a83838;flex-direction:row;display:flex}.account-id{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}#account-username{font-size:1.4rem;font-weight:700}.account-meta{color:var(--color-text-muted);font-size:.85rem}.account-logged-out{text-align:center;opacity:.8}.account-sections{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:760px){.account-sections{grid-template-columns:1fr 1fr}.account-card:first-child,.account-card-danger{grid-column:1/-1}}.account-card{border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(#0e0e16f2 0%,#08080dfa 100%);border:1px solid #c8a83857;flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #00000073}.account-card-danger{background:linear-gradient(#1c0c0ee6 0%,#0a070afa 100%);border-color:#b43c3c9e}.account-card-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #ffd1003d;margin:0;font-size:1rem}.account-card-danger .account-card-title{color:#e08a8a}.account-form-title{margin:var(--spacing-sm) 0 0;font-family:var(--font-heading);color:var(--color-text-light);font-size:.9rem}.account-form{gap:var(--spacing-xs);flex-direction:column;display:flex}.account-summary,.account-hint{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.45}.account-portal .auth-field{margin-bottom:var(--spacing-sm)}.account-2fa-secret{font-family:var(--font-mono,monospace);letter-spacing:.12em;color:var(--color-gold,#e8c474);padding:var(--spacing-sm);margin:var(--spacing-xs) 0;word-break:break-all;-webkit-user-select:all;user-select:all;background:#00000059;border:1px solid #e8c47459;border-radius:4px;font-size:1.05rem;display:block}.account-2fa-codes{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);gap:4px var(--spacing-md);font-family:var(--font-mono,monospace);color:var(--color-gold,#e8c474);letter-spacing:.08em;background:#00000059;border:1px solid #e8c47440;border-radius:4px;grid-template-columns:1fr 1fr;font-size:1rem;list-style:none;display:grid}.account-portal input{background:var(--color-bg-input);width:100%;color:var(--color-text-light);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);-webkit-user-select:text;user-select:text;transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background-color var(--transition-speed) var(--transition-ease);outline:none;padding:10px 14px;display:block}.account-portal input:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 8px var(--color-primary-glow);background-color:#12121a;outline:none}.account-portal .btn{width:100%;min-height:40px}.account-form .btn{align-self:stretch}.auth-field-msg{min-height:1.1em;font-size:.85rem}.auth-field-msg.is-error{color:#e88}.auth-field-msg.is-ok{color:#8d8}@media (max-width:640px){.account-portal{padding:var(--spacing-md)}.account-portal-head{flex-direction:column;align-items:flex-start}.account-id{text-align:left;align-items:flex-start}}body.mobile-touch .account-portal input{font-size:16px}#hero-view{align-items:center;gap:var(--spacing-lg);flex-direction:column;justify-content:center;min-height:min-content;display:flex}@media (min-width:1024px){#hero-view{justify-content:flex-start;padding-top:clamp(16px,4vh,64px)}}#hero-view #mode-select,#hero-view #login-panel,#hero-view #charselect-panel,#hero-view #offline-select,#hero-view #realm-panel{margin-top:10px}body.mobile-touch[data-start-panel=realm-panel] #realm-panel,body.mobile-touch[data-start-panel=login-panel] #login-panel{width:min(360px,100vw - 48px);margin-top:0}.stats-panel-premium{width:100%;max-width:580px;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm);border:2px solid var(--color-border-default);border-radius:var(--radius-md);text-align:center;background:linear-gradient(#15151ff0 0%,#0b0b12f5 100%);box-shadow:0 8px 25px #000000b3,inset 0 0 15px #00000080}.stats-panel-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:var(--spacing-md);text-shadow:1px 1px 2px #000;font-size:16px}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}#mode-select{border:2px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#15151ff5 0%,#0b0b12fa 100%);width:100%;max-width:472px;margin-inline:auto;padding:26px 26px 22px;box-shadow:0 10px 30px #000c,inset 0 0 20px #0009,inset 0 1px #ffffff0d}.official-site-copy{text-align:center;width:min(620px,100vw - 32px);color:var(--color-text-light);text-shadow:0 2px 6px #000000d1;margin:0 auto 18px}.official-site-copy__label{font-family:var(--font-heading);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.official-site-copy__body{max-width:56ch;color:var(--color-text-muted);margin:0 auto;font-size:13px;line-height:1.35}.realm-status-sep{vertical-align:middle;background:#ffd1004d;width:1px;height:11px;margin:0 4px;display:inline-block}.server-realm-line .stats-value,.server-opt-stats .stats-value{font-family:var(--font-ui);color:var(--color-text-light);margin-right:2px;font-size:12px;font-weight:700}.server-opt-stats{color:var(--color-text-muted);margin-top:6px;font-size:12px;display:block}.server-realm-line[hidden],.server-sub-offline[hidden]{display:none}.play-tip{border-top:1px solid #ffd10024;margin-top:18px;padding-top:16px}.play-tip #performance-tip{text-align:center;background:0 0;border:none;max-width:none;margin:0;padding:0;font-size:14px}.stats-item{border-right:1px solid #4e3d1d4d;flex-direction:column;gap:4px;display:flex}.stats-item:last-child{border-right:none}.stats-label{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px}.stats-value{color:var(--color-text-light);font-family:var(--font-heading);text-shadow:1px 1px 1px #000;font-size:16px;font-weight:700}#stat-players-online{color:var(--color-text-success);text-shadow:0 0 6px #7fdc4f33,1px 1px 1px #000}.parchment-panel{border:3px double var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;background:radial-gradient(circle,#2d261b 0%,#15110a 100%);width:100%;max-width:600px;margin:auto;position:relative;box-shadow:0 10px 30px #000c,inset 0 0 40px #000000e6,0 0 0 1px #000}.skeleton-panel{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);flex-direction:column;display:flex}.skeleton-icon-wrapper{color:var(--color-primary-dim);filter:drop-shadow(0 0 8px var(--color-primary-glow-heavy));margin-bottom:var(--spacing-xs)}.skeleton-svg-icon{width:54px;height:54px}.skeleton-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 4px #000;font-size:22px}.skeleton-desc{font-family:var(--font-sans);color:var(--color-text-light);text-shadow:1px 1px 2px #000;max-width:440px;font-size:13.5px;line-height:1.6}.coming-soon-badge{padding:6px var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-primary-dim);font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;margin-top:var(--spacing-xs);background:#00000080;font-size:11px;display:inline-block;box-shadow:inset 0 0 8px #000}.wiki-cta{margin-top:var(--spacing-sm);text-decoration:none;display:inline-block}.hs-panel{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);flex-direction:column;max-width:720px;display:flex}.hs-leaderboard{width:100%;margin-top:var(--spacing-sm);text-align:left}.hs-loading,.hs-empty,.hs-error{color:var(--color-text-light);font-family:var(--font-sans);text-align:center;padding:18px 0;font-size:13px}.hs-error{color:#e08a7a}.hs-row{font-family:var(--font-sans);color:var(--color-text-light);border-radius:var(--radius-sm);grid-template-columns:48px 1fr 120px 56px 64px 120px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:grid}.hs-row:nth-child(2n){background:#ffffff09}.hs-head{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--color-border-default);font-size:11px;background:0 0!important}.hs-rank{text-align:center;color:var(--color-primary-dim);font-weight:700}.hs-row.hs-top .hs-rank{color:#ffd86b;text-shadow:0 0 8px #f5c84366}.hs-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hs-realm,.hs-lvl,.hs-vlvl{color:var(--color-text-muted,#b9ac82)}.hs-lvl,.hs-vlvl{text-align:center}.hs-xp{text-align:right;color:#ffe27a;font-variant-numeric:tabular-nums}.hs-prestige{color:#ffd100;margin-right:4px;font-size:11px}body.mobile-touch .hs-panel{width:100%;max-width:560px;padding:var(--spacing-md)}body.mobile-touch .hs-leaderboard{flex-direction:column;gap:6px;min-width:0;display:flex;overflow-x:hidden}body.mobile-touch .hs-head{display:none}body.mobile-touch .hs-row{background:#ffffff06;border:1px solid #4e3d1d59;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"rank name""rank realm""rank lvl""rank vlvl""rank xp";align-items:start;gap:4px 10px;padding:10px 12px}body.mobile-touch .hs-rank{grid-area:rank;align-self:center}body.mobile-touch .hs-name{grid-area:name;min-width:0}body.mobile-touch .hs-realm{grid-area:realm}body.mobile-touch .hs-lvl{grid-area:lvl}body.mobile-touch .hs-vlvl{grid-area:vlvl}body.mobile-touch .hs-xp{grid-area:xp}body.mobile-touch .hs-realm,body.mobile-touch .hs-lvl,body.mobile-touch .hs-vlvl,body.mobile-touch .hs-xp{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);text-align:right;min-width:0;display:flex}body.mobile-touch .hs-realm:before,body.mobile-touch .hs-lvl:before,body.mobile-touch .hs-vlvl:before,body.mobile-touch .hs-xp:before{content:attr(data-label);color:var(--color-primary-dim);font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;font-size:10px}@media (max-width:680px){.hs-panel{width:100%;max-width:560px;padding:var(--spacing-md)}.hs-leaderboard{flex-direction:column;gap:6px;min-width:0;display:flex;overflow-x:hidden}.hs-head{display:none}.hs-row{background:#ffffff06;border:1px solid #4e3d1d59;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"rank name""rank realm""rank lvl""rank vlvl""rank xp";align-items:start;gap:4px 10px;padding:10px 12px}.hs-rank{grid-area:rank;align-self:center}.hs-name{grid-area:name;min-width:0}.hs-realm{grid-area:realm}.hs-lvl{grid-area:lvl}.hs-vlvl{grid-area:vlvl}.hs-xp{grid-area:xp}.hs-realm,.hs-lvl,.hs-vlvl,.hs-xp{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);text-align:right;min-width:0;display:flex}.hs-realm:before,.hs-lvl:before,.hs-vlvl:before,.hs-xp:before{content:attr(data-label);color:var(--color-primary-dim);font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;font-size:10px}}.news-panel{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);flex-direction:column;max-width:860px;display:flex}.news-feed{width:100%;margin-top:var(--spacing-sm);text-align:left;gap:var(--spacing-md);flex-direction:column;display:flex}.news-loading,.news-empty,.news-error{width:100%;color:var(--color-text-light);font-family:var(--font-sans);text-align:center;padding:28px 0;font-size:13px}.news-error{color:#e08a7a}.news-item{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff06}.news-item-head{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid #4e3d1d4d;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.news-item-title{font-family:var(--font-heading);color:var(--color-primary);text-shadow:1px 1px 2px #000;margin:0;font-size:16px}.news-item-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-left:auto;display:flex}.news-tag{font-family:var(--font-sans);color:var(--color-text-muted,#b9ac82);font-variant-numeric:tabular-nums;font-size:12px}.news-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#ffd86b;border-radius:var(--radius-sm);border:1px solid #ffd86b66;padding:1px 6px;font-size:10px}.news-date{font-family:var(--font-sans);color:var(--color-text-muted,#b9ac82);font-size:12px}.news-body{font-family:var(--font-sans);color:var(--color-text-light);word-wrap:break-word;overflow-wrap:break-word;word-break:normal;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;max-height:460px;padding-right:8px;font-size:14.5px;line-height:1.6;overflow-y:auto}.news-body::-webkit-scrollbar{width:8px}.news-body::-webkit-scrollbar-track{background:0 0}.news-body::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:4px}.news-body>:first-child{margin-top:0}.news-body>:last-child{margin-bottom:0}.news-body h1,.news-body h2,.news-body h3{font-family:var(--font-heading);color:var(--color-primary-dim,#d9c896);margin:var(--spacing-md) 0 var(--spacing-xs);font-size:14px}.news-body p{margin:var(--spacing-xs) 0}.news-body ul{margin:var(--spacing-xs) 0;padding-left:20px}.news-body li{margin:2px 0}.news-body code{font-family:var(--font-mono,monospace);background:#00000059;border-radius:3px;padding:1px 4px;font-size:12px}.news-body a{color:#ffd86b;text-decoration:underline}.news-item-foot{margin-top:var(--spacing-sm)}.news-link{font-family:var(--font-sans);color:#ffd86b;font-size:12px;text-decoration:none}.news-link:hover,.news-link:focus-visible{text-decoration:underline}body.mobile-touch .news-item-head{flex-direction:column;align-items:flex-start}body.mobile-touch .news-item-title{width:100%}body.mobile-touch .news-item-meta{width:100%;margin-left:0}body.mobile-touch .news-body{text-align:left}body.mobile-touch .news-body ul{padding-left:0;list-style:none}body.mobile-touch .news-body li{margin:var(--spacing-xs) 0}.wiki-container-layout{gap:var(--spacing-lg);max-width:800px;padding:var(--spacing-lg) var(--spacing-lg);flex-direction:column;display:flex}.wiki-guide-intro{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid #4e3d1d4d;flex-direction:column;width:100%;display:flex}.wiki-controls-guide{text-align:left;width:100%}.controls-guide-title{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-align:center;text-shadow:1px 1px 2px #000;font-size:16px}.controls-guide-content{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:680px){.controls-guide-content{grid-template-columns:1fr}}.homepage-footer{border-top:2px solid var(--color-border-default);width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:center;background:#0b0b12f2;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;display:flex;position:relative}.footer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.footer-left{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.footer-social-row{gap:var(--spacing-sm);justify-content:center;display:flex}@media (max-width:640px){.footer-bar,.footer-left{justify-content:center}}.footer-text-row{color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:.5px;text-shadow:1px 1px 1px #000;font-size:12px}.footer-link{color:var(--color-text-muted);transition:color var(--transition-speed) var(--transition-ease);text-decoration:none}.footer-link:hover,.footer-link:focus-visible{color:var(--color-primary);outline:none}.homepage-footer #game-version{color:#ffffff40;font-family:var(--font-heading);text-shadow:none;margin:0;font-size:11px;position:static}.social-link{padding:8px var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-primary-dim);font-family:var(--font-heading);letter-spacing:.5px;transition:all var(--transition-speed) var(--transition-ease);background:linear-gradient(#1b1b26 0%,#0d0d14 100%);align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #0006}.social-link:hover,.social-link:focus-visible{color:var(--color-primary);border-color:var(--color-border-focus);box-shadow:0 0 10px var(--color-primary-glow);outline:none}.social-link svg{display:block}body.mobile-touch .social-link{min-height:40px}#loading-screen{z-index:150;opacity:1;background:#0a0d14 url(/loading-screen.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;padding:6vh 0 7vh;transition:opacity .35s;display:none;position:absolute;inset:0}#loading-screen.visible{display:flex}#loading-screen.fade{opacity:0}#loading-screen .ls-logo{filter:drop-shadow(0 0 24px #000c)drop-shadow(2px 2px 5px #000);width:min(380px,64vw);height:auto}.ls-progress{flex-direction:column;align-items:center;gap:9px;display:flex}.ls-bar{border:2px solid var(--color-border-default);background:#0009;border-radius:8px;outline:1px solid #000;width:min(420px,70vw);height:14px;overflow:hidden;box-shadow:0 2px 14px #000c,inset 0 1px 4px #000a}#ls-fill{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dim));width:0%;height:100%;transition:width .2s}#ls-status{color:var(--color-text-light);font-family:var(--font-heading);text-shadow:1px 1px 2px #000;font-size:13px}.play-console{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;margin-inline:auto;display:flex}.server-select{width:100%;position:relative}.server-select-caption{text-align:center;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);text-shadow:1px 1px 2px #000;margin-bottom:8px;font-size:11px;display:block}.server-select-trigger{width:100%;min-height:58px;cursor:var(--cursor-point);text-align:left;color:var(--color-text-light);border:1px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease);background:linear-gradient(#181822eb 0%,#0c0c13f0 100%);align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 6px 18px #0000008c,inset 0 1px #ffffff0a}.server-select-trigger:hover,.server-select-trigger:focus-visible,.server-select-trigger[aria-expanded=true]{border-color:var(--color-border-focus);box-shadow:0 0 18px var(--color-primary-glow), 0 6px 18px #0009;outline:none}.server-dot{background:var(--color-text-muted);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.server-dot[data-mode=online]{background:var(--color-hp);color:var(--color-hp)}.server-dot[data-mode=offline]{background:var(--color-primary-dim);color:var(--color-primary-dim)}.server-select-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.server-select-value{font-family:var(--font-ui);color:var(--color-text-light);font-size:16px;font-weight:700;line-height:1.2}.server-select-sub{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.server-select-chevron{width:18px;height:18px;color:var(--color-primary-dim);transition:transform var(--transition-speed) var(--transition-ease), color var(--transition-speed) var(--transition-ease);flex:none}.server-select-trigger[aria-expanded=true] .server-select-chevron{color:var(--color-primary);transform:rotate(180deg)}.server-select-menu{z-index:40;border:1px solid var(--color-border-focus);border-radius:var(--radius-md);background:linear-gradient(#181822fa 0%,#0b0b12fc 100%);flex-direction:column;gap:8px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 42px #000000b3,0 0 0 1px #00000080}.server-select-menu:not([hidden]){animation:server-menu-in .14s var(--transition-ease) both;transform-origin:top}@keyframes server-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.server-select-option{border-radius:var(--radius-sm);min-height:44px;cursor:var(--cursor-point);transition:background var(--transition-speed) var(--transition-ease);align-items:flex-start;gap:11px;padding:11px 12px;display:flex}.server-select-option .server-dot{margin-top:5px}.server-select-option:hover,.server-select-option:focus-visible,.server-select-option.is-active{background:#ffd10014;outline:none}.server-select-option.is-selected{background:#ffd1000f}.server-opt-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.server-opt-name{font-family:var(--font-ui);color:var(--color-text-light);font-size:14.5px;font-weight:700}.server-opt-desc{color:var(--color-text-muted);font-size:12px;line-height:1.45}.server-opt-check{width:17px;height:17px;color:var(--color-primary);opacity:0;transition:opacity var(--transition-speed) var(--transition-ease);flex:none;margin-top:4px}.server-select-option.is-selected .server-opt-check{opacity:1}.btn-play{isolation:isolate;width:100%;min-height:66px;cursor:var(--cursor-point);font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:#2a1c05;border-radius:var(--radius-md);transition:transform .12s var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), filter var(--transition-speed) var(--transition-ease);background:linear-gradient(#f8da78 0%,#e2b03a 44%,#b7820f 100%);border:1px solid #ffe6a0;justify-content:center;align-items:center;gap:12px;padding:16px 48px;font-size:24px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 14px 30px #0000008c,0 0 26px #ffd10047,inset 0 1px #fff9,inset 0 -3px 8px #784a068c}.btn-play:hover,.btn-play:focus-visible{filter:brightness(1.06);outline:none;transform:translateY(-2px);box-shadow:0 0 0 1px #00000073,0 18px 38px #0009,0 0 40px #ffd10080,inset 0 1px #ffffffb3,inset 0 -3px 8px #784a068c}.btn-play:active{transform:translateY(1px)scale(.99)}.btn-play-glyph{filter:drop-shadow(0 1px #ffffff59);flex:none;width:22px;height:22px}.btn-play-label{text-shadow:0 1px #ffffff4d;line-height:1}.btn-play-sheen{z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff8c 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.btn-play:hover .btn-play-sheen,.btn-play:focus-visible .btn-play-sheen{animation:btn-play-sheen .9s var(--transition-ease)}@keyframes btn-play-sheen{0%{transform:translate(-130%)}to{transform:translate(130%)}}.play-hint{text-align:center;min-height:1.4em;color:var(--color-text-muted);text-shadow:1px 1px 2px #000;margin:0;font-size:13px;line-height:1.4}.play-compat-trigger{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#performance-tip{margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:14px;font-family:var(--font-sans);text-align:center;max-width:600px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-shadow:1px 1px 2px #000;background:#0b0b1299;border:1px dashed #c7941a33;margin-left:auto;margin-right:auto;line-height:1.6}#performance-tip b{color:var(--color-primary);text-transform:uppercase;font-family:var(--font-heading);letter-spacing:.8px;margin-right:var(--spacing-xs)}#token-ca{margin:var(--spacing-lg) auto 0;padding-top:var(--spacing-md);align-items:center;gap:var(--spacing-sm);border-top:1px solid #ffd10024;flex-direction:column;width:100%;max-width:600px;display:flex}.token-ca-label{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 8px var(--color-primary-glow), 1px 1px 2px #000;font-size:12px}.token-ca-pill{align-items:center;gap:var(--spacing-sm);max-width:100%;padding:9px var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-light);cursor:var(--cursor-point);font:inherit;text-align:left;transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background var(--transition-speed) var(--transition-ease);background:#0b0b1299;border:1px solid #c7941a73;margin:0;display:inline-flex}.token-ca-pill:hover,.token-ca-pill:focus-visible{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow);background:#0b0b12d9;outline:none}.token-ca-addr{letter-spacing:.4px;color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 2px #000;font-family:SFMono-Regular,ui-monospace,Cascadia Code,Courier New,monospace;font-size:13px;overflow:hidden}.token-ca-copy{width:18px;height:18px;color:var(--color-primary-dim);transition:color var(--transition-speed) var(--transition-ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.token-ca-pill:hover .token-ca-copy{color:var(--color-primary)}.token-ca-copy svg{width:16px;height:16px;display:block}.token-ca-copy .icon-check{display:none}.token-ca-feedback{font-family:var(--font-sans);color:var(--color-text-success);font-size:12px;display:none}.token-ca-note{max-width:520px;font-family:var(--font-sans);color:var(--color-text-muted);text-align:center;text-shadow:1px 1px 2px #000;margin:0;font-size:12px;line-height:1.55}#token-ca.is-copied .token-ca-pill{border-color:var(--color-text-success)}#token-ca.is-copied .token-ca-copy{color:var(--color-text-success)}#token-ca.is-copied .token-ca-copy .icon-clipboard{display:none}#token-ca.is-copied .token-ca-copy .icon-check,#token-ca.is-copied .token-ca-feedback{display:block}@media (max-width:520px){.token-ca-addr{letter-spacing:.2px;font-size:11px}.token-ca-pill{padding:8px var(--spacing-sm)}}.auth-panel{width:100%;max-width:360px;padding:16px}.auth-panel input{background:var(--color-bg-input);width:100%;color:var(--color-text-light);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-sans);-webkit-user-select:text;user-select:text;transition:border-color var(--transition-speed);outline:none;margin-bottom:10px;padding:8px 12px;display:block}.auth-panel input:focus-visible{border-color:var(--color-border-focus);outline:none}.char-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);transition:background-color var(--transition-speed);border-radius:var(--radius-sm);border-bottom:1px solid #4e3d1d40;display:flex}.char-row:hover{background:#ffffff05}.char-row:focus-visible{outline:2px solid var(--color-primary);background:#ffffff0a}.char-row.sel{background:#ffd10014;border-bottom-color:#ffd10066;box-shadow:inset 0 0 8px #ffd1001a}.char-row .char-name{font-family:var(--font-heading);color:var(--color-text-light);text-shadow:1px 1px 2px #000;min-width:90px;font-size:16px}.char-row .char-sub{color:var(--color-text-muted);flex:1;font-size:12px}.char-row .btn{margin:0;padding:6px 12px;font-size:11.5px}.char-row .char-actions{flex:none;align-items:center;gap:8px;display:flex}.char-row .char-inworld-hint{color:#ffbf66;margin-top:3px;font-size:11px;line-height:1.3;display:block}.char-row .take-over-btn{color:#ffcf73;background:#3a2f12;border-color:#c79a3a}.char-row .take-over-btn:hover{background:#4a3c18}.char-row.online .char-name{color:var(--color-text-success);text-shadow:0 0 8px #7fdc4f4d}.char-row.rename-required .char-name{color:#ffbf66}.char-row .rename-input{width:150px;color:var(--color-text-light);background:#101018;border:1px solid #4a3d1d;border-radius:4px;padding:5px 7px}.char-create{border-top:1px solid #4e3d1d4d;flex-direction:column;align-items:center;width:100%;margin-top:14px;padding-top:14px;display:flex}.char-create .auth-label{color:var(--color-primary);margin-bottom:var(--spacing-xs);align-self:center;font-size:13px}#new-char-name{text-align:center;font-family:var(--font-heading);width:240px;margin:0 auto var(--spacing-md) auto}.mini-class-row{width:100%;margin-bottom:var(--spacing-md);grid-template-columns:repeat(3,1fr);gap:6px;margin-left:0;padding:0;list-style:none;display:grid}.mini-class[data-class=warrior]{--class-color:#c79c6e}.mini-class[data-class=paladin]{--class-color:#f58cba}.mini-class[data-class=hunter]{--class-color:#abd473}.mini-class[data-class=rogue]{--class-color:#fff569}.mini-class[data-class=priest]{--class-color:#fff}.mini-class[data-class=shaman]{--class-color:#0070de}.mini-class[data-class=mage]{--class-color:#69ccf0}.mini-class[data-class=warlock]{--class-color:#9482c9}.mini-class[data-class=druid]{--class-color:#ff7d0a}.mini-class{text-align:center;border:2px solid var(--color-border-default);cursor:var(--cursor-point);color:var(--color-text-muted);font-size:11px;font-family:var(--font-heading);transition:border-color var(--transition-speed), color var(--transition-speed), box-shadow var(--transition-speed);background:#15151f;border-radius:5px;padding:8px 4px}.mini-class:hover,.mini-class:focus-visible{border-color:var(--class-color);color:var(--color-text-light);box-shadow:0 0 8px var(--color-primary-glow);outline:none}.mini-class.sel{border-color:var(--class-color);color:#fff;box-shadow:0 0 10px var(--class-color)}.skin-row{flex-wrap:wrap;gap:8px;min-height:0;margin:10px 0 2px;display:flex}.skin-row:empty{display:none}.skin-swatch{width:34px;height:34px;color:var(--color-text-secondary,#b9b9c7);cursor:var(--cursor-point);background:#ffffff0f;border:2px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:border-color .12s,box-shadow .12s,color .12s;display:flex}.skin-swatch:hover,.skin-swatch:focus-visible{color:#fff;border-color:#ffffff80}.skin-swatch.sel{border-color:var(--class-color,#69ccf0);color:#fff;box-shadow:0 0 9px var(--class-color,#69ccf0)}.skin-unequip-btn{min-width:40px;min-height:34px;color:var(--color-text-secondary,#d6c1a0);cursor:var(--cursor-point);background:#3c261c6b;border:2px solid #caa4727a;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;transition:border-color .12s,box-shadow .12s,color .12s;display:flex}.skin-unequip-btn:hover,.skin-unequip-btn:focus-visible{color:#fff;border-color:#ffdaa0cc;box-shadow:0 0 8px #caa47273}.auth-panel-premium{width:100%;max-width:400px;padding:var(--spacing-lg);border:2px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-speed) var(--transition-ease);background:linear-gradient(#15151ff5 0%,#0b0b12fa 100%);box-shadow:0 10px 30px #000c,inset 0 0 20px #0009,inset 0 1px #ffffff0d}.auth-panel-premium:has(input:focus){border-color:#c8a83880}.panel-transition{transition:opacity .15s ease-in-out,transform .15s ease-in-out!important}.panel-fade-out{opacity:0!important;transform:translateY(-8px)!important}.panel-fade-in{opacity:1!important;transform:translateY(0)!important}.panel-fade-in-start{opacity:0!important;transform:translateY(8px)!important}.auth-title{font-family:var(--font-heading);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 10px #ffd1004d,2px 2px 4px #000c;font-size:24px}.auth-field{margin-bottom:var(--spacing-md);text-align:left;flex-direction:column;display:flex;position:relative}.auth-label{font-family:var(--font-heading);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);letter-spacing:.5px;text-transform:uppercase;transition:color var(--transition-speed) var(--transition-ease);font-size:12px;font-weight:600}.auth-field:has(input:focus) .auth-label{color:var(--color-primary)}.auth-panel-premium input{background:var(--color-bg-input);width:100%;color:var(--color-text-light);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);-webkit-user-select:text;user-select:text;transition:border-color var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease), background-color var(--transition-speed) var(--transition-ease);outline:none;margin-bottom:0;padding:10px 14px;display:block}.auth-panel-premium input:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 8px var(--color-primary-glow);background-color:#12121a;outline:none}body.mobile-touch .auth-panel-premium input{font-size:16px}body.native-app.mobile-touch .auth-panel-premium{-webkit-backdrop-filter:none;backdrop-filter:none}body.native-app.mobile-touch .auth-panel-premium,body.native-app.mobile-touch .auth-panel-premium input,body.native-app.mobile-touch .auth-label{transition:none}body.native-app.mobile-touch .auth-panel-premium input:focus-visible{box-shadow:none}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper input{padding-right:44px}.password-toggle{height:100%;color:var(--color-text-muted);cursor:var(--cursor-point);border-radius:var(--radius-sm);transition:color var(--transition-speed) var(--transition-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0 10px;display:flex;position:absolute;top:0;bottom:0;right:2px}.password-toggle:hover{color:var(--color-primary)}.password-toggle:focus-visible{outline:2px solid var(--color-border-focus);color:var(--color-primary)}.password-toggle .eye-slash{display:block}.password-toggle[aria-pressed=true] .eye-slash{display:none}.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.auth-field-error{color:var(--color-text-error);margin-bottom:var(--spacing-xs);font-size:11px;font-family:var(--font-sans);font-weight:500;display:none}.auth-turnstile{justify-content:center;margin:4px 0;display:flex}.auth-turnstile:empty{display:none}.auth-error{color:#ffc2c2;font-family:var(--font-sans);text-shadow:0 1px 2px #000c;text-align:center;border-radius:var(--radius-md);margin:var(--spacing-md) auto;background:linear-gradient(#370f0ff2 0%,#230808fa 100%);border:1px solid #c0392b;width:100%;max-width:340px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;display:none;position:relative;box-shadow:0 4px 15px #000000a6,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0003}.auth-error:before{content:"⚠︎";border:1px solid var(--color-border-invalid);text-align:center;vertical-align:middle;filter:drop-shadow(0 0 2px #ff8f8599);border-radius:50%;width:16px;height:16px;margin-right:8px;font-size:14px;line-height:14px;display:inline-block}.auth-error:not(:empty){display:block}.auth-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.auth-panel .btn,.confirm-modal .btn,#mobile-preflight-continue{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.auth-actions-split{max-width:400px;margin:0 auto}.btn-primary{color:var(--color-primary);border:1px solid var(--color-border-default);background:linear-gradient(#4a3a14 0%,#241c08 100%)}.btn-danger{color:#ffd0c8;background:linear-gradient(#5a1714 0%,#250807 100%);border:1px solid #9f2d24}.btn-danger:hover:not(:disabled){color:#fff0ec;border-color:#d64a3d}.btn-danger:disabled{opacity:.45;cursor:not-allowed}#btn-login{grid-column:span 2}.btn-primary:hover,.btn-primary:focus-visible{border-color:var(--color-border-focus);background:linear-gradient(#5e491a 0%,#35290c 100%);outline:none;box-shadow:0 0 10px #ffd10033}.btn-secondary{color:var(--color-text-light);background:linear-gradient(#1b1b26 0%,#0d0d14 100%);border:1px solid #2e2e3d}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--color-text-muted);background:linear-gradient(#272736 0%,#151520 100%);outline:none}.btn-back{color:var(--color-text-light);background:linear-gradient(#1b1b26 0%,#0d0d14 100%);border:1px solid #2e2e3d}.btn-back:hover,.btn-back:focus-visible{color:#ff8f85;background:linear-gradient(#2c1a17 0%,#170d0b 100%);border-color:#8c3226;outline:none}:is(.auth-panel-premium input:user-invalid,.auth-panel-premium input.user-invalid-fallback){border-color:var(--color-border-invalid);background-color:#ff8f8508}.auth-panel-premium input:user-valid{border-color:var(--color-border-valid)}:is(.auth-field:has(input:user-invalid) .auth-field-error,.auth-field:has(input.user-invalid-fallback) .auth-field-error){display:block}#start-screen-backdrop{z-index:-1;background:#040408;position:fixed;inset:0;overflow:hidden}.portal-ring{filter:blur(80px);opacity:.5;background:conic-gradient(#0000 0%,#ffd1000a 20%,#ffd10014 40%,#0000 60%,#2a3a551a 80%,#0000 100%);width:140vmax;height:140vmax;animation:45s linear infinite rotate-portal;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(0)}.portal-ring-reverse{filter:blur(100px);opacity:.38;background:conic-gradient(from 180deg,#0000 0%,#2a3a550f 25%,#ffd10008 50%,#0000 75%,#ffd1000d 100%);width:160vmax;height:160vmax;animation:60s linear infinite rotate-portal-reverse;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(0)}.nebula-overlay{mix-blend-mode:soft-light;background:radial-gradient(circle at 50% 30%,#2a3a5566 0%,#0a0d14f2 70%);animation:12s ease-in-out infinite alternate breathe-nebula;position:absolute;inset:0}.bg-trailer{object-fit:cover;object-position:center 42%;opacity:0;filter:saturate(1.08)contrast(1.02)brightness();will-change:opacity;pointer-events:none;width:100%;height:100%;transition:opacity 1.1s;position:absolute;inset:0;transform:scale(1.04)}#start-screen-backdrop.trailer-off .bg-trailer{display:none}#start-screen-backdrop.trailer-ready .bg-trailer{opacity:.85}#start-screen-backdrop.trailer-playing .bg-trailer{animation:38s ease-in-out infinite alternate trailer-drift}body.native-app.mobile-touch[data-start-panel=login-panel] .portal-ring,body.native-app.mobile-touch[data-start-panel=login-panel] .portal-ring-reverse,body.native-app.mobile-touch[data-start-panel=login-panel] .nebula-overlay,body.native-app.mobile-touch[data-start-panel=login-panel] .bg-trailer{filter:none!important;animation:none!important;transform:none!important}.bg-trailer-scrim{pointer-events:none;background:linear-gradient(#0404089e 0%,#0404082e 30%,#04040833 60%,#040408b3 100%),radial-gradient(130% 100% at 50% 42%,#0000 46%,#04040875 100%),linear-gradient(#14110814,#080a121f);position:absolute;inset:0}#start-screen-backdrop.backdrop-static .bg-home{opacity:.4}#start-screen-backdrop.backdrop-static .bg-trailer-scrim{background:linear-gradient(#040408cc 0%,#0404089e 50%,#040408db 100%),radial-gradient(130% 100% at 50% 42%,#0404084d 30%,#0404089e 100%)}@keyframes trailer-drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.12)translate(-1.4%,-1.4%)}}.embers-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ember{filter:drop-shadow(0 0 4px #ff820099);opacity:0;background:radial-gradient(circle,#fa0c 0%,#f500 70%);border-radius:50%;animation:linear infinite float-up;position:absolute}[tabindex="0"]:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-border-focus)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){.portal-ring,.portal-ring-reverse,.nebula-overlay,.ember,#title-logo,.class-card,.bg-trailer,.btn-play-sheen,.server-select-menu:not([hidden]),.btn-play{transition:none!important;animation:none!important;transform:none!important}.portal-ring{opacity:.25!important;transform:translate(-50%,-50%)rotate(15deg)!important}.portal-ring-reverse,.embers-container{display:none!important}#title-logo{filter:drop-shadow(0 0 20px #ffd10059)drop-shadow(2px 2px 5px #000)!important}}@keyframes rotate-portal{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotate-portal-reverse{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes logo-pulse{0%{filter:drop-shadow(0 0 20px #c7941a40)drop-shadow(2px 2px 4px #000)}to{filter:drop-shadow(0 0 35px #ffd10080)drop-shadow(2px 2px 6px #000)}}@keyframes breathe-nebula{0%{opacity:.8;filter:brightness()}to{opacity:.95;filter:brightness(1.25)}}@keyframes float-up{0%{transform:translateY(110vh) translateX(0) scale(var(--ember-scale,1));opacity:0}10%{opacity:var(--ember-opacity,.75)}90%{opacity:var(--ember-opacity,.75)}to{transform:translateY(-10vh) translateX(var(--drift,50px)) scale(var(--ember-scale,1));opacity:0}}.cs-realm{color:#7fd4ff;font-size:11px;font-family:var(--title-font);letter-spacing:.3px}.btn.btn-small{margin:0 0 10px;padding:4px 10px;font-size:11px}#realm-panel{width:100%;max-width:440px}#realm-list{border:1px solid #463a1c;border-radius:5px;max-height:50vh;margin:8px 0 12px;overflow-y:auto}.realm-loading{text-align:center;color:#887c5c;padding:16px;font-size:13px}.realm-row{cursor:var(--cursor-point);border-bottom:1px solid #2a2418;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.realm-row:last-child{border-bottom:none}.realm-row:hover{background:#ffffff10}.realm-row.sel{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(#2a2436,#161220)}.realm-row.offline{opacity:.55}.realm-name{font-family:var(--title-font);color:#f0ead8;font-size:15px}.realm-name .rn-chars{color:#7fd4ff;margin-left:8px;font-size:11px}.realm-name .rn-rec{color:#40d264;border:1px solid #2f5a22;border-radius:3px;margin-left:6px;padding:0 4px;font-size:10px}.realm-sub{color:#998d6a;margin-top:2px;font-size:11px}.realm-type{color:var(--color-accent);font-size:11px;font-family:var(--title-font)}.realm-pop{font-size:12px;font-family:var(--title-font);text-align:right;min-width:64px}.realm-pop.low{color:#46d246}.realm-pop.med{color:#ffd100}.realm-pop.high{color:#ff9030}.realm-pop.full{color:#ff5040}.realm-pop.offline{color:#888}.realm-meta{display:contents}#btn-toggle-controls{color:var(--color-primary-dim);border:1px solid var(--color-border-default);padding:8px var(--spacing-md);font-family:var(--font-heading);letter-spacing:.5px;cursor:var(--cursor-point);border-radius:var(--radius-sm);transition:all var(--transition-speed) var(--transition-ease);background:linear-gradient(#1b1b26 0%,#0d0d14 100%);grid-area:3/1;margin-top:12px;font-size:12.5px;box-shadow:0 4px 10px #0006}#btn-toggle-controls .btn-icon{vertical-align:middle;margin-right:6px}#btn-toggle-controls:hover,#btn-toggle-controls:focus-visible{color:var(--color-primary);border-color:var(--color-border-focus);box-shadow:0 0 10px var(--color-primary-glow);outline:none}.controls-drawer-panel{right:var(--spacing-lg);top:var(--spacing-lg);bottom:var(--spacing-lg);width:min(340px, calc(100% - 2 * var(--spacing-lg)));border:2px solid var(--color-border-default);border-radius:var(--radius-md);z-index:110;padding:var(--spacing-md);animation:slide-in-drawer var(--transition-speed) var(--transition-ease);background:linear-gradient(#15151ffa 0%,#0b0b12fc 100%);flex-direction:column;display:flex;position:fixed;box-shadow:-5px 0 25px #000c}@media (max-width:400px){.controls-drawer-panel{border:none;border-left:2px solid var(--color-border-default);border-radius:0;width:100%;top:0;bottom:0;right:0}}@keyframes slide-in-drawer{0%{opacity:0;transform:translate(360px)}to{opacity:1;transform:translate(0)}}.drawer-header{padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid #4e3d1d;justify-content:space-between;align-items:center;display:flex}.drawer-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.5px;text-shadow:1px 1px 2px #000;font-size:16px}.drawer-content{gap:var(--spacing-md);flex-direction:column;flex:1;padding-right:4px;display:flex;overflow-y:auto}.control-group{gap:var(--spacing-sm);text-align:left;flex-direction:column;display:flex}.control-group h4{font-family:var(--font-heading);color:var(--color-primary-dim);text-transform:uppercase;border-bottom:1px dashed #c8a83833;margin-bottom:2px;padding-bottom:2px;font-size:12px}.control-row{color:var(--color-text-light);justify-content:space-between;align-items:center;font-size:12px;display:flex}.key-combo{gap:2px;display:inline-flex}.keycap{color:var(--color-primary);font-family:var(--font-heading);text-shadow:0 -1px #000;background:linear-gradient(135deg,#2c2c35 0%,#15151c 100%);border:1px solid #3c3c4a;border-bottom:3px solid #0a0a0d;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff1a}#char-list{margin-bottom:var(--spacing-md);max-height:180px;padding:0;list-style:none;overflow-y:auto}.fatal-overlay{z-index:200;color:var(--color-text-light);font-family:var(--font-heading);text-shadow:1px 1px 3px #000;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:20px;display:flex;position:absolute;inset:0}.char-list-message{color:var(--color-text-muted);text-align:center;padding:6px 0;font-size:12px}.char-list-error{color:var(--color-text-error)}.text-center-lg{text-align:center;margin-top:var(--spacing-lg)}.modal-backdrop{z-index:300;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.confirm-modal{width:min(420px,100%);padding:18px}.confirm-modal h2{color:var(--color-text-light);font-family:var(--font-heading);margin:0 0 10px;font-size:22px}.confirm-modal p{color:var(--color-text-muted);margin:8px 0;line-height:1.45}.confirm-modal strong{color:var(--color-primary)}.confirm-modal .auth-label{margin-top:14px;display:block}.confirm-actions{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.class-details-panel{border:2px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-text-light);font-family:var(--font-sans);transition:opacity var(--transition-speed) var(--transition-ease), transform var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease);opacity:0;pointer-events:none;text-align:left;box-sizing:border-box;background:linear-gradient(135deg,#14141ef5 0%,#0a0a0ffa 100%);height:520px;overflow-y:auto;transform:translateY(10px);box-shadow:inset 0 0 15px #000c,0 6px 20px #0009}.class-details-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.class-details-content{opacity:1;flex-direction:column;height:100%;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;transform:translateY(0)}.class-details-content.fade-out{opacity:0;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){.class-details-panel,.class-details-content,.details-stat-bar-fill,.panel-transition,.panel-fade-out,.panel-fade-in-start,.panel-fade-in,.social-links-fade-out{transition:none!important;animation:none!important;transform:none!important}}.class-details-header{align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff14;display:flex}.class-details-header-text{flex-direction:column;gap:2px;display:flex}.class-details-name{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;text-shadow:1px 1px 2px #000;color:var(--class-color);font-size:20px}.class-details-role{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.class-details-role.role-tank{color:#e5c158}.class-details-role.role-dps{color:#c73c3c}.class-details-role.role-ranged{color:#abd473}.class-details-role.role-healer{color:#58beea}.class-details-role.role-hybrid{color:#ffd100}.class-details-lore{color:#a0aabf;margin-bottom:var(--spacing-md);font-size:12px;font-style:italic;line-height:1.5}.class-details-grid{gap:var(--spacing-md);grid-template-columns:1fr 1.25fr;display:grid}#online-class-details{height:250px;margin-bottom:var(--spacing-sm)}#online-class-details .class-details-grid{gap:var(--spacing-sm);grid-template-columns:1fr}@media (max-width:480px){.class-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.details-section-title{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--spacing-sm);border-bottom:1px solid #ffd10026;padding-bottom:2px;font-size:12px}.details-stat-bar-row{align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.details-stat-label{width:60px;color:var(--color-text-muted)}.details-stat-bar-track{background:#111116;border:1px solid #2e2412;border-radius:4px;flex-grow:1;height:8px;position:relative;overflow:hidden}.details-stat-bar-fill{background-color:var(--class-color);height:100%;box-shadow:0 0 12px var(--class-color), inset 0 1px 0 #fff6;background-image:linear-gradient(#ffffff59 0%,#ffffff26 50%,#fff0 100%);border-radius:3px;transition:width .5s cubic-bezier(.1,.8,.3,1)}.details-stat-val{text-align:right;width:18px;color:var(--color-text-light);font-weight:700}.details-gear-row{color:var(--color-text-muted);margin-bottom:8px;font-size:11px}.details-gear-row strong{color:var(--color-text-light)}.badge{text-transform:uppercase;color:var(--color-text-light);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.badge-resource.resource-mana{color:#69ccf0;background:#0070de26;border-color:#0070de66}.badge-resource.resource-energy{color:#fff569;background:#fff5691f;border-color:#fff56966}.badge-resource.resource-rage{color:#c79c6e;background:#c79c6e26;border-color:#c79c6e66}.details-spells-section{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);grid-column:span 2}.details-spells-list{grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.details-spell-item{border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffd10014;align-items:flex-start;gap:10px;padding:8px 12px;font-size:11px;line-height:1.45;display:flex;box-shadow:inset 0 0 8px #0006}.details-spell-icon-img{border:1px solid #ffd1004d;border-radius:4px;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 4px #00000080}.details-spell-text{color:#a0aabf}.details-spell-text strong{color:var(--color-primary);font-size:11px;font-family:var(--font-heading);letter-spacing:.3px;margin-bottom:2px;display:block}.class-card.sel{border-color:var(--class-color)!important;box-shadow:0 0 16px var(--class-color), inset 0 0 10px #000c!important}.class-card.sel h2{text-shadow:0 0 8px var(--class-color)}.charselect-layout{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.charselect-col-left{flex-direction:column;width:100%;display:flex}.charselect-col-right{gap:var(--spacing-sm);flex-direction:column;width:100%;min-height:0;display:flex}.char-preview-container{border:2px solid var(--color-border-default);border-radius:var(--radius-md);box-sizing:border-box;background:#0006;flex-shrink:0;width:100%;height:240px;position:relative;overflow:hidden}.char-preview-container canvas{display:block;width:100%!important;height:100%!important}.char-input-group{width:100%;max-width:240px;margin:0 auto var(--spacing-md) auto;position:relative}#new-char-name,#char-name{width:100%!important;margin:0!important}#charselect-panel .auth-error,#charcreate-panel .auth-error,#offline-select .auth-error{z-index:200;width:100%;box-shadow:none;color:#ffc2c2;font-size:11px;line-height:1.3;font-family:var(--font-sans);text-align:center;background:0 0;border:none;border-radius:0;margin:0;padding:0;font-weight:500;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#charselect-panel .auth-error:before,#charcreate-panel .auth-error:before,#offline-select .auth-error:before{content:none}#charselect-panel #char-list{margin:0;overflow-y:auto}.mobile-char-tabs{display:none}@media (min-width:900px){#charselect-panel,#charcreate-panel,#offline-select{box-sizing:border-box;flex-direction:column;height:min(640px,100vh - 190px);min-height:520px;display:flex;overflow:hidden;width:min(1160px,96vw)!important;max-width:none!important}#charselect-panel .auth-title,#charcreate-panel .auth-title,#offline-select .auth-title{margin-bottom:var(--spacing-sm);flex-shrink:0}.charselect-layout{flex-grow:1;grid-template-columns:1.1fr .9fr;align-items:stretch;gap:28px;min-height:0;display:grid}.charselect-col-left{justify-content:space-between;height:100%;min-height:0}.charselect-col-right{min-height:0}#charselect-panel #char-list{flex:auto;min-height:0}#charselect-panel .char-create,#charcreate-panel .char-create,#offline-select .char-create{flex-direction:column;flex-grow:1;justify-content:space-between;margin-top:0;display:flex}#charselect-panel .char-create{border-top:1px solid #4e3d1d4d;padding-top:12px}.class-details-panel{flex-grow:1;min-height:0;height:auto!important;margin-bottom:0!important}.class-details-grid{gap:var(--spacing-md);grid-template-columns:1fr 1.25fr}#title-logo{width:clamp(204px,12vw,264px)!important}}body.mobile-touch #charselect-panel,body.mobile-touch #charcreate-panel{width:min(380px,100vw - 48px);min-height:calc(var(--app-vh) - 178px);flex-direction:column;max-height:none;display:flex;overflow:visible}body.mobile-touch #charselect-panel .auth-title,body.mobile-touch #charcreate-panel .auth-title{overflow-wrap:anywhere;margin-bottom:8px;font-size:21px}body.mobile-touch #charselect-panel .cs-realm,body.mobile-touch #btn-change-realm{font-size:11px}body.mobile-touch .mobile-char-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;display:grid}body.mobile-touch .mobile-char-tab{min-height:40px;color:var(--color-accent);font-family:var(--title-font);cursor:var(--cursor-point);background:linear-gradient(#201b28,#100e16);border:1px solid #4a3d1d;border-radius:5px;font-size:12px}body.mobile-touch .mobile-char-tab.active{color:var(--gold);border-color:var(--gold-dim);background:linear-gradient(#2a2436,#161220);box-shadow:inset 0 -2px #cc9a3c}body.mobile-touch #charselect-panel[data-mobile-tab=characters] .char-create,body.mobile-touch #charselect-panel[data-mobile-tab=characters] .charselect-col-right,body.mobile-touch #charselect-panel[data-mobile-tab=create] #char-list{display:none}body.mobile-touch #charselect-panel[data-mobile-tab=create] .char-create{border-top:0;flex:auto;min-height:0;margin-top:0;padding-top:0}body.mobile-touch #charselect-panel .charselect-layout{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}body.mobile-touch #charselect-panel .charselect-col-left{flex-direction:column;flex:auto;min-height:0;display:flex}body.mobile-touch #charselect-panel .charselect-col-right{flex:auto;width:100%;min-height:0;display:flex}body.mobile-touch #charselect-panel #char-list{background:0 0;border:0;flex:auto;max-height:none;margin:0;padding:0;overflow:visible}body.mobile-touch #charselect-panel #charselect-class-details,body.mobile-touch #charselect-panel #online-class-details{flex:auto;width:100%;height:auto;min-height:0;max-height:none;margin-bottom:0;overflow:visible}body.mobile-touch #charselect-panel #charselect-class-details .class-details-content,body.mobile-touch #charselect-panel #online-class-details .class-details-content{height:auto;min-height:100%}body.mobile-touch #charselect-panel #charselect-class-details .class-details-grid,body.mobile-touch #charselect-panel #online-class-details .class-details-grid{gap:var(--spacing-sm);flex-direction:column;display:flex}body.mobile-touch .char-row{background:#0003;border:1px solid #4e3d1d59;grid-template-columns:1fr;gap:6px;margin-bottom:8px;padding:10px;display:grid}body.mobile-touch .char-row .char-name{overflow-wrap:anywhere;min-width:0;font-size:15px}body.mobile-touch .char-row .char-sub{font-size:11px}body.mobile-touch .char-row .char-actions{grid-template-columns:.85fr 1.15fr;gap:7px;width:100%;display:grid}body.mobile-touch .char-row .btn{white-space:nowrap;width:100%;padding:7px 8px;font-size:11px}body.mobile-touch #charcreate-panel .mini-class-row,body.mobile-touch #offline-select .mini-class-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.mobile-touch #charcreate-panel .mini-class,body.mobile-touch #offline-select .mini-class{text-align:center;justify-content:center;align-items:center;min-width:0;min-height:40px;padding:9px 6px;display:flex}.charselect-screen{width:100%;max-width:min(1160px,96vw);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;background:0 0;border:0;outline:none;margin:0 auto;padding:0}.cs-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.cs-title{text-align:left;margin:0}.cs-controls{flex-wrap:wrap;gap:8px;display:flex}.cs-realm-switch,.cs-sort-switch{position:relative}.cs-sort-menu{min-width:200px}.cs-realm-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:#e9e3d2;min-height:40px;font-family:var(--title-font);cursor:var(--cursor-point);background:linear-gradient(#1c1c28eb,#0e0e16f5);align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex}.cs-realm-btn:hover{border-color:var(--gold-dim)}.cs-realm-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cs-realm-caption{letter-spacing:.6px;text-transform:uppercase;color:#8a93a8;font-size:10px}.cs-realm-name{color:#7fd4ff;font-weight:600}.cs-realm-caret{color:#9aa0b4;width:16px;height:16px;transition:transform .18s}.cs-realm-btn[aria-expanded=true] .cs-realm-caret{transform:rotate(180deg)}.cs-realm-menu{z-index:60;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:linear-gradient(#181822fa,#0c0c13fc);min-width:280px;max-width:360px;max-height:320px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 14px 34px #000000b3}.cs-realm-menu .realm-row{border-radius:var(--radius-sm);box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex!important}.cs-realm-menu .realm-row:hover{background:#ffffff0f}.cs-realm-menu .realm-row.sel{box-shadow:none;background:#ffd1001a}.cs-realm-row .realm-name{font-size:14px}.cs-body{flex-direction:column;gap:16px;display:flex}.cs-list-col{flex-direction:column;gap:12px;min-height:0;display:flex}.cs-list-col #char-list{flex-direction:column;flex:auto;gap:8px;min-height:0;max-height:none;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.cs-list-actions{flex:none;gap:10px;display:flex}.cs-list-actions .btn{flex:auto;margin:0}.cs-new-btn{font-family:var(--title-font)}.cs-detail-col{border:2px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(135deg,#14141ef5 0%,#0a0a0ffa 100%);flex-direction:column;gap:6px;min-height:0;padding:20px;display:flex;overflow-y:auto;box-shadow:inset 0 0 15px #0009,0 6px 20px #00000080}.cs-preview{height:230px;min-height:230px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none}.cs-detail-col .class-details-panel{flex:none;max-height:none;margin:0;padding:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;height:auto!important}.cs-create-col{border:2px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(135deg,#14141ef5 0%,#0a0a0ffa 100%);flex-direction:column;min-height:0;padding:18px;display:flex;overflow-y:auto;box-shadow:inset 0 0 15px #0009,0 6px 20px #00000080}.cs-create-col .char-create{flex:auto}.char-create input{box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:#f0ead8;width:100%;font-family:var(--title-font);letter-spacing:.5px;text-align:center;background:#08080ed9;padding:11px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.char-create input::placeholder{color:#8a8597}.char-create input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #ffd10038}.skin-picker{margin-top:14px}.cs-section-header,.skin-picker-header{font-family:var(--title-font);letter-spacing:.6px;text-transform:uppercase;color:var(--color-accent);margin-bottom:10px;font-size:12px}.cs-create-col .mini-class-row{margin-top:0}.cs-create-col .char-input-group+.cs-section-header{margin-top:16px}#charcreate-panel .char-create{justify-content:flex-start}.skin-swatch-portrait{border-radius:10px;width:54px;height:54px;padding:0;overflow:hidden}.skin-swatch-portrait .skin-swatch-img{object-fit:cover;object-position:50% 16%;width:100%;height:100%;display:block}.cs-create-col .char-create{border-top:0;align-items:stretch;margin-top:0;padding-top:0}.cs-create-col .char-input-group{width:100%;max-width:none;margin:0 0 14px}.cs-create-col #new-char-name{width:100%;margin:0}.cs-create-col .skin-row{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:0;display:grid}.cs-create-col .skin-swatch-portrait{aspect-ratio:1;border-radius:12px;width:100%;height:auto}.auth-switch{text-align:center;color:var(--color-text-muted);margin:16px 0 0;font-size:13px}.auth-link{color:var(--gold);font-family:var(--font-sans);cursor:var(--cursor-point);text-underline-offset:2px;background:0 0;border:0;padding:0 0 0 4px;font-size:13px;font-weight:500;text-decoration:underline}.auth-link:hover{color:#ffe27a}#login-panel .auth-actions-row{flex-direction:row;gap:10px;display:flex}#login-panel .auth-actions-row .btn{margin:0}#login-panel #btn-login-back{flex:0 0 30%}#login-panel #btn-login{flex:auto}.auth-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.mini-class.has-portrait{text-align:left;justify-content:flex-start;align-items:center;gap:9px;padding:7px 10px;display:flex}.mini-class-portrait{object-fit:cover;object-position:50% 15%;background:radial-gradient(circle at 50% 34%,#232234,#0c0c14);border:1px solid #ffffff14;border-radius:7px;flex:none;width:36px;height:36px}.mini-class-label{flex:auto;min-width:0}.cs-list-col{border:2px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(135deg,#14141ef5 0%,#0a0a0ffa 100%);padding:14px;box-shadow:inset 0 0 15px #0009,0 6px 20px #00000080}.cs-list-col #char-list{padding:2px;overflow-x:hidden}.cs-form-actions,.cs-list-actions{gap:10px;margin-top:14px;display:flex}.cs-form-actions .btn,.cs-list-actions .btn{margin:0}#charcreate-panel .cs-form-actions{margin-top:auto;padding-top:16px}#btn-charcreate-back,#btn-charselect-back{flex:0 0 40%}#btn-create-char,#btn-new-character{flex:auto}#char-list .char-row{border-radius:var(--radius-sm);background:linear-gradient(#1e1c268c,#100f1699);border:1px solid #4e3d1d4d;align-items:center;gap:14px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}#char-list .char-row:hover{background:#ffd1000d;border-color:#ffd10059}#char-list .char-row.sel{border-color:var(--gold-dim);background:linear-gradient(#3a301880,#1c180e99);box-shadow:inset 0 0 0 1px #ffd10040}#char-list .char-row .char-id{flex-direction:column;flex:auto;justify-content:center;gap:2px;min-width:0;display:flex}#char-list .char-row .char-name{min-width:0}#char-list .char-row .char-sub,#char-list .char-row .char-actions{flex:none}.char-list-message{text-align:center;color:var(--color-text-muted);padding:18px;font-size:13px;list-style:none}[data-class=warrior]{--class-color:#c79c6e}[data-class=paladin]{--class-color:#f58cba}[data-class=hunter]{--class-color:#abd473}[data-class=rogue]{--class-color:#fff569}[data-class=priest]{--class-color:#fff}[data-class=shaman]{--class-color:#0070de}[data-class=mage]{--class-color:#69ccf0}[data-class=warlock]{--class-color:#9482c9}[data-class=druid]{--class-color:#ff7d0a}.portrait-chip{filter:drop-shadow(0 3px 6px #0009);flex:none;display:inline-block;position:relative;overflow:visible}.portrait-chip .portrait-ring{border:2px solid var(--class-color,var(--color-border-default));width:100%;height:100%;box-shadow:inset 0 0 10px color-mix(in oklab, var(--class-color,#888) 35%, transparent), inset 0 1px 0 #ffffff14;background:radial-gradient(circle at 50% 34%,#232234,#0c0c14);border-radius:50%;place-items:center;display:grid;overflow:hidden}.portrait-chip .portrait-img{object-fit:cover;width:100%;height:100%;display:block}.portrait-chip.is-fallback .portrait-img{box-sizing:border-box;padding:14%}.portrait-chip .portrait-badge{z-index:1;background:#0c0c14;border:1.5px solid #0c0c14;border-radius:50%;width:44%;height:44%;position:absolute;bottom:-4%;right:-4%;box-shadow:0 1px 3px #000000b3}.portrait-sm{width:46px;height:46px}.portrait-md{width:72px;height:72px}.portrait-lg{width:120px;height:120px}.portrait-sm .portrait-badge{border-width:1px}.panel-title.char-title-portrait{align-items:center;gap:12px;display:flex}.panel-title.char-title-portrait .char-title-text{flex:auto;min-width:0}.panel-title.char-title-portrait .portrait-chip{flex:none}.ctx-title-player{align-items:center;gap:9px;display:flex}.ctx-title-player .ctx-title-name{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}#inspect-window{width:280px}.inspect-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 16px 8px;display:flex}.inspect-card .portrait-chip{width:132px;height:132px}.inspect-name{font-family:var(--title-font);color:#f0ead8;font-size:20px}.inspect-meta{color:var(--color-text-muted);font-size:13px}.inspect-holder{border:1px solid var(--color-border-default);background:#0b0b128c;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:5px 14px 5px 6px;display:inline-flex}.inspect-holder-badge{filter:drop-shadow(0 1px 2px #000);width:32px;height:32px;display:block}.inspect-holder-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.inspect-holder-name{font-family:var(--title-font);color:#f0ead8;font-size:14px}.inspect-holder-sub{color:var(--color-text-muted);font-size:11px}@media (min-width:900px){.cs-body,.cs-body-create{flex:auto;grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:28px;min-height:0;display:grid}.cs-list-col,.cs-detail-col,.cs-create-col{height:100%}body:not(.mobile-touch) #charselect-panel{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:.85fr 1.15fr;gap:0 28px;height:min(640px,100vh - 190px);min-height:520px;display:grid;overflow:hidden}body:not(.mobile-touch) #charselect-panel .cs-head,body:not(.mobile-touch) #charselect-panel .cs-body{display:contents}body:not(.mobile-touch) #charselect-panel .cs-title{margin-bottom:var(--spacing-sm);grid-area:1/1/auto/-1}body:not(.mobile-touch) #charselect-panel .cs-head-row{grid-area:2/1;margin-bottom:16px}body:not(.mobile-touch) #charselect-panel .cs-list-col{grid-area:3/1;min-height:0}body:not(.mobile-touch) #charselect-panel .cs-detail-col{grid-area:2/2/-1;height:auto;min-height:0}body:not(.mobile-touch) #charselect-panel .cs-detail-col .cs-preview{height:clamp(264px,34vh,360px);min-height:264px}#charselect-panel .cs-detail-col .details-section-title{font-size:13px}#charselect-panel .cs-detail-col .details-stat-bar-row{margin-bottom:8px;font-size:12px}#charselect-panel .cs-detail-col .details-stat-label{width:68px}#charselect-panel .cs-detail-col .details-stat-bar-track{height:11px}#charselect-panel .cs-detail-col .details-stat-val{width:22px;font-size:12px}#charselect-panel .cs-detail-col .details-gear-row{margin-bottom:10px;font-size:12px}#charselect-panel .cs-detail-col .badge{padding:3px 8px;font-size:11px}#charselect-panel .cs-detail-col .details-spell-item{gap:12px;padding:10px 14px;font-size:12px}#charselect-panel .cs-detail-col .details-spell-icon-img{width:40px;height:40px}#charselect-panel .cs-detail-col .details-spell-text strong{font-size:13px}}body.mobile-touch .charselect-screen{max-width:none}body.mobile-touch .cs-body{flex:auto;min-height:0}body.mobile-touch .cs-detail-col .cs-preview{min-height:200px}body.mobile-touch #char-list .char-row{grid-template-columns:auto 1fr;grid-template-areas:"portrait id""actions actions";align-items:center;gap:8px 12px;display:grid}body.mobile-touch #char-list .char-row .portrait-chip{grid-area:portrait;align-self:center}body.mobile-touch #char-list .char-row .char-id{grid-area:id}body.mobile-touch #char-list .char-row .char-actions{grid-area:actions;grid-template-columns:.85fr 1.15fr;gap:7px;width:100%;display:grid}body.mobile-touch .mobile-menu-toggle{display:flex}body.mobile-touch .homepage-header{z-index:120;padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top));padding-right:max(var(--spacing-md), env(safe-area-inset-right));padding-bottom:var(--spacing-sm);padding-left:max(var(--spacing-md), env(safe-area-inset-left));flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}body.mobile-touch #homepage-views-container{padding-top:var(--spacing-lg);padding-right:max(var(--spacing-md), env(safe-area-inset-right));padding-bottom:var(--spacing-lg);padding-left:max(var(--spacing-md), env(safe-area-inset-left))}body.mobile-touch .header-menu-container{border-bottom:2px solid var(--color-border-default);padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);z-index:99;background:#0b0b12fa;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #000c}body.mobile-touch .homepage-header.menu-open .header-menu-container{display:flex}body.mobile-touch .homepage-nav{justify-content:center;width:100%}body.mobile-touch .nav-list{flex-direction:column;gap:4px;width:100%}body.mobile-touch .nav-link{text-align:center;width:100%;padding:var(--spacing-sm);font-size:14px}body.mobile-touch .header-actions{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;display:flex}body.mobile-touch .footer-bar{flex-direction:column;justify-content:center;align-items:center}body.mobile-touch .footer-left{align-items:center}body.mobile-touch .footer-lang-row{flex-direction:column;align-items:center;width:100%}body.mobile-touch .language-selector{width:100%;max-width:240px}body.mobile-touch .lang-select-dropdown{width:100%}@media (max-width:860px){.mobile-menu-toggle{display:flex}.homepage-header{padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top));padding-right:max(var(--spacing-md), env(safe-area-inset-right));padding-bottom:var(--spacing-sm);padding-left:max(var(--spacing-md), env(safe-area-inset-left));flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}#homepage-views-container{padding-top:var(--spacing-lg);padding-right:max(var(--spacing-md), env(safe-area-inset-right));padding-bottom:var(--spacing-lg);padding-left:max(var(--spacing-md), env(safe-area-inset-left))}.header-menu-container{border-bottom:2px solid var(--color-border-default);padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);z-index:99;background:#0b0b12fa;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #000c}.homepage-header.menu-open .header-menu-container{display:flex}.homepage-nav{justify-content:center;width:100%}.nav-list{flex-direction:column;gap:4px;width:100%}.nav-link{text-align:center;width:100%;min-height:40px;padding:var(--spacing-sm);justify-content:center;align-items:center;font-size:14px;display:flex}.header-actions{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;display:flex}.footer-bar{flex-direction:column;justify-content:center;align-items:center}.footer-left{align-items:center}.footer-lang-row{flex-direction:column;align-items:center;width:100%}.language-selector{width:100%;max-width:240px}.lang-select-dropdown{width:100%;padding:10px 36px 10px 16px;font-size:16px}.footer-social-row{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:auto}.social-link{justify-content:center;width:42px;min-height:40px;padding:0}.social-link span{display:none}.social-link svg{width:18px;height:18px}}.skin-event-overlay{z-index:50;background:radial-gradient(120% 120% at 50% 0,#0b0b12d0,#05050aee 70%);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.skin-event-overlay.open{display:flex}.se-wheel-stage{aspect-ratio:1;opacity:0;place-items:center;width:min(520px,100vw - 32px);animation:.62s cubic-bezier(.16,1,.3,1) both se-wheel-stage-in;display:grid;position:relative;transform:scale(.74)}.se-wheel{aspect-ratio:1;width:min(430px,82vw);transform:rotate(calc(2160deg + var(--land-angle,0deg)));will-change:transform;background:radial-gradient(circle,#14110a 0 21%,#0000 22%),radial-gradient(circle,#0000 0 54%,#d9b34c30 55% 56%,#0000 57%),conic-gradient(from -90deg,#1e3519 0deg 210deg,#12304a 210deg 315deg,#3b2048 315deg 360deg);border:2px solid #6f5724;border-radius:50%;animation:5s cubic-bezier(.16,1,.3,1) .7s both se-wheel-spin;position:relative;box-shadow:0 0 0 8px #0e0b05,0 0 34px #000,inset 0 0 34px #000,inset 0 0 0 4px #c9a13a22}.se-wheel:before{content:"";pointer-events:none;opacity:.25;mix-blend-mode:soft-light;background:repeating-conic-gradient(from 9deg,#ffffff0e 0deg 1deg,#0000 1deg 8deg),repeating-radial-gradient(circle at 47% 42%,#ffffff0a 0 1px,#0000 1px 7px),radial-gradient(circle at 35% 28%,#ffffff14,#0000 28%);border-radius:50%;position:absolute;inset:0}.se-wheel:after{content:"";background:radial-gradient(circle,#16120a,#050506 72%);border:1px solid #6f5724;border-radius:50%;position:absolute;inset:23%;box-shadow:inset 0 0 20px #000}.se-wheel-labels{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.se-wheel-labels path{fill:none;stroke:none}.se-wheel-labels text{font-family:var(--title-font);letter-spacing:1px;text-transform:uppercase;text-anchor:middle;stroke-linejoin:round;font-size:9px}.se-wheel-label-bg{paint-order:stroke;stroke-width:11px;opacity:.94}.se-wheel-label-bg.uncommon{fill:#1e3519;stroke:#1e3519}.se-wheel-label-bg.rare{fill:#12304a;stroke:#12304a}.se-wheel-label-bg.epic{fill:#3b2048;stroke:#3b2048}.se-wheel-label-fg{fill:#d7c58c;paint-order:stroke;stroke:#050506;stroke-width:1.8px;text-anchor:middle}.se-wheel-pointer{z-index:2;filter:drop-shadow(0 2px 4px #000);border-top:32px solid #d9b34c;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}.se-wheel-result{z-index:3;width:160px;height:160px;color:var(--tier-color,#fff);font-family:var(--title-font);letter-spacing:.6px;text-transform:uppercase;text-shadow:1px 1px 2px #000;opacity:0;background:#100d08;border:1px solid #6f5724;border-radius:50%;place-items:center;font-size:24px;animation:.62s cubic-bezier(.16,1,.3,1) 5.6s both se-wheel-result;display:grid;position:absolute;transform:scale(.72)}.se-wheel-result:before{content:"";border:1px solid color-mix(in srgb, var(--tier-color,#fff) 70%, transparent);opacity:0;border-radius:50%;animation:.76s cubic-bezier(.16,1,.3,1) 5.62s both se-wheel-ring;position:absolute;inset:-18px;transform:scale(.7)}.se-wheel-result i{background:var(--tier-color,#fff);width:6px;height:6px;box-shadow:0 0 12px var(--tier-color,#fff);opacity:0;border-radius:50%;animation:.76s cubic-bezier(.16,1,.3,1) 5.62s both se-wheel-particle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.se-wheel-result i:nth-child(2){--tx:-96px;--ty:-38px}.se-wheel-result i:nth-child(3){--tx:-60px;--ty:78px}.se-wheel-result i:nth-child(4){--tx:8px;--ty:-106px}.se-wheel-result i:nth-child(5){--tx:78px;--ty:-70px}.se-wheel-result i:nth-child(6){--tx:104px;--ty:20px}.se-wheel-result i:nth-child(7){--tx:46px;--ty:92px}.se-wheel-result i:nth-child(8){--tx:-110px;--ty:28px}.se-wheel-result i:nth-child(9){--tx:0;--ty:112px}.se-wheel-result b{background:linear-gradient(180deg, #f4df91, var(--tier-color,#fff));width:4px;height:14px;box-shadow:0 0 12px var(--tier-color,#fff);opacity:0;border-radius:4px;animation:.84s cubic-bezier(.16,1,.3,1) 5.48s both se-wheel-spark;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(.35)}.se-wheel-result b:first-of-type{--tx:-260px;--ty:-14px;--rot:86deg;animation-delay:5.46s}.se-wheel-result b:nth-of-type(2){--tx:-226px;--ty:-118px;--rot:56deg;animation-delay:5.48s}.se-wheel-result b:nth-of-type(3){--tx:-146px;--ty:-224px;--rot:28deg;animation-delay:5.5s}.se-wheel-result b:nth-of-type(4){--tx:-32px;--ty:-270px;--rot:8deg;animation-delay:5.47s}.se-wheel-result b:nth-of-type(5){--tx:88px;--ty:-248px;--rot:-22deg;animation-delay:5.51s}.se-wheel-result b:nth-of-type(6){--tx:204px;--ty:-166px;--rot:-48deg;animation-delay:5.49s}.se-wheel-result b:nth-of-type(7){--tx:270px;--ty:-42px;--rot:-82deg;animation-delay:5.53s}.se-wheel-result b:nth-of-type(8){--tx:250px;--ty:92px;--rot:-110deg;animation-delay:5.5s}.se-wheel-result b:nth-of-type(9){--tx:158px;--ty:218px;--rot:-142deg;animation-delay:5.52s}.se-wheel-result b:nth-of-type(10){--tx:22px;--ty:278px;--rot:-176deg;animation-delay:5.48s}.se-wheel-result b:nth-of-type(11){--tx:-114px;--ty:246px;--rot:152deg;animation-delay:5.54s}.se-wheel-result b:nth-of-type(12){--tx:-232px;--ty:136px;--rot:120deg;animation-delay:5.56s}.se-wheel-result b:nth-of-type(13){--tx:-284px;--ty:58px;--rot:102deg;animation-delay:5.44s}.se-wheel-result b:nth-of-type(14){--tx:-198px;--ty:-206px;--rot:42deg;animation-delay:5.57s}.se-wheel-result b:nth-of-type(15){--tx:-72px;--ty:-294px;--rot:14deg;animation-delay:5.43s}.se-wheel-result b:nth-of-type(16){--tx:56px;--ty:-286px;--rot:-10deg;animation-delay:5.59s}.se-wheel-result b:nth-of-type(17){--tx:174px;--ty:-226px;--rot:-36deg;animation-delay:5.45s}.se-wheel-result b:nth-of-type(18){--tx:294px;--ty:-2px;--rot:-90deg;animation-delay:5.58s}.se-wheel-result b:nth-of-type(19){--tx:286px;--ty:132px;--rot:-116deg;animation-delay:5.46s}.se-wheel-result b:nth-of-type(20){--tx:106px;--ty:282px;--rot:-160deg;animation-delay:5.6s}.se-wheel-result b:nth-of-type(21){--tx:-54px;--ty:304px;--rot:168deg;animation-delay:5.47s}.se-wheel-result b:nth-of-type(22){--tx:-176px;--ty:236px;--rot:138deg;animation-delay:5.55s}.se-wheel-result b:nth-of-type(23){--tx:-306px;--ty:-76px;--rot:74deg;animation-delay:5.49s}.se-wheel-result b:nth-of-type(24){--tx:230px;--ty:214px;--rot:-132deg;animation-delay:5.53s}@keyframes se-wheel-stage-in{to{opacity:1;transform:scale(1)}}@keyframes se-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(calc(2160deg + var(--land-angle,0deg)))}}@keyframes se-wheel-result{0%{opacity:0;transform:scale(.72)}68%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes se-wheel-ring{0%{opacity:0;transform:scale(.72)}35%{opacity:.9}to{opacity:0;transform:scale(1.55)}}@keyframes se-wheel-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx,0px)), calc(-50% + var(--ty,0px))) scale(.2)}}@keyframes se-wheel-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scaleY(.25)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx,0px)), calc(-50% + var(--ty,0px))) rotate(var(--rot,0deg)) scaleY(1)}}.skin-event-panel{width:100%;max-width:1160px;max-height:calc(100vh - 40px);box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.se-body{flex:1;grid-template-columns:minmax(330px,430px) minmax(420px,1fr);gap:22px;min-height:0;max-height:calc(100vh - 40px);display:grid;overflow:hidden}.se-left{background:#100d08;border:1px solid #463a1c;border-radius:8px;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px;display:flex}.se-roll-banner{border:1px solid color-mix(in srgb, var(--tier-color,#fff) 45%, #463a1c);color:var(--tier-color,#fff);font-family:var(--title-font);letter-spacing:.4px;text-transform:uppercase;text-align:center;text-shadow:1px 1px 2px #000;box-shadow:inset 0 0 18px color-mix(in srgb, var(--tier-color,#fff) 14%, transparent);background:linear-gradient(#1b150d,#0f0c07);border-radius:8px;flex:none;padding:10px 12px;font-size:18px}.se-tiers{flex-direction:column;flex:auto;gap:14px;min-width:0;padding:2px 8px 8px 2px;display:flex;overflow:hidden auto}.se-tier{box-sizing:border-box;background:#14110a;border:1px solid #463a1c;border-radius:8px;width:100%;padding:12px;overflow:visible}.se-tier.locked{opacity:.55}.se-tier-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.se-tier-name{font-family:var(--title-font);letter-spacing:.5px;text-transform:uppercase;color:var(--tier-color,#fff);text-shadow:1px 1px 2px #000;font-size:15px}.se-tier-hint{color:var(--color-text-muted,#b5aa86);align-items:center;gap:6px;font-size:13px;display:inline-flex}.se-swatches{flex-wrap:wrap;gap:10px;padding:4px;display:flex}.se-swatch{border:2px solid var(--tier-color,#555);width:clamp(76px,7vw,88px);height:clamp(76px,7vw,88px);cursor:var(--cursor-point);color:var(--color-text-muted);font-size:16px;font-family:var(--title-font);background:#0d0d12;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.se-swatch img{object-fit:cover;width:100%;height:100%;display:block}.se-swatch:hover:not(:disabled),.se-swatch:focus-visible{box-shadow:0 0 10px var(--tier-color,#888)}.se-swatch.sel{box-shadow:0 0 0 2px #0b0b12, 0 0 0 4px var(--tier-color,#fff), 0 0 12px var(--tier-color,#fff)}.se-swatch.sel:after{content:"✓";color:#fff;text-shadow:0 0 3px #000,1px 1px 2px #000;font-size:12px;position:absolute;bottom:1px;right:3px}.se-swatch.locked{opacity:.58;filter:grayscale(.78)brightness(.78)}.se-swatch.locked.sel{opacity:.78}.se-swatch.unavailable{cursor:default;opacity:.38;filter:grayscale(.9)brightness(.65)}.se-swatch:disabled{cursor:default;opacity:.4;filter:grayscale(.7)}.se-swatch .se-lock{opacity:.85;font-size:18px}.se-preview-col{background:#0f0d12;border:1px solid #463a1c;border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:0;display:flex}.se-preview{background:radial-gradient(120% 90% at 50% 20%,#2a2640,#0a0a12 75%);border:0;border-radius:8px;flex:1;min-height:min(58vh,560px);position:relative;overflow:hidden}.se-preview canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.se-preview-hint{text-align:center;color:color-mix(in srgb, var(--color-text-muted) 69%, transparent);pointer-events:none;text-shadow:1px 1px 2px #000;font-size:10.5px;position:absolute;bottom:6px;left:0;right:0}.se-preview-name{text-align:center;letter-spacing:.02em;color:var(--gold,#e8d9a8);flex:none;min-height:1.4em;padding:8px 10px 4px;font-size:14px;font-weight:600}.se-preview-name:empty{display:none}.se-lockin{flex:none;width:100%;min-height:46px;margin:0;padding:12px 16px;font-size:15px}.se-lockin:disabled{filter:grayscale(.8)brightness(.7);cursor:default}@media (max-width:860px){.skin-event-panel{max-height:calc(100vh - 40px)}.se-body{grid-template-columns:1fr;overflow-y:auto}.se-left,.se-preview-col{min-height:auto}.se-preview{min-height:220px}.se-tiers{overflow:visible}.se-swatch{width:72px;height:72px}}@media (max-height:700px) and (min-width:861px){.se-body{min-height:0}.se-preview{min-height:360px}.se-tiers{gap:12px}.se-swatch{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){.se-swatch{transition:none}.se-wheel-stage{opacity:1;animation:none;transform:scale(1)}.se-wheel{transform:rotate(var(--land-angle,0deg));animation:none}.se-wheel-result{opacity:1;animation:none;transform:scale(1)}.se-wheel-result:before,.se-wheel-result i{animation:none;display:none}}}@layer hud-mobile{#mobile-controls,#mobile-preflight,#rotate-device{display:none}body.mobile-touch.game-active #start-screen,body.mobile-touch.game-active #mobile-preflight{pointer-events:none!important;display:none!important}body.mobile-touch.game-active:not(.mobile-more-open) #mobile-extra-controls{display:none!important}body.mobile-touch #game-canvas{touch-action:none}body.mobile-touch #ui{touch-action:pan-x pan-y}body.mobile-touch.game-active,body.mobile-touch.game-active #ui,body.mobile-touch.game-active #nameplates,body.mobile-touch.game-active #mobile-controls,body.mobile-touch.game-active #mobile-controls *,body.mobile-touch.game-active #bottom-bar,body.mobile-touch.game-active #bottom-bar *,body.mobile-touch.game-active .action-btn,body.mobile-touch.game-active .mobile-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.mobile-touch.game-active input,body.mobile-touch.game-active textarea,body.mobile-touch.game-active select,body.mobile-touch.game-active [contenteditable=""],body.mobile-touch.game-active [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body.mobile-touch.game-active #mobile-controls{pointer-events:none;z-index:60;opacity:var(--touch-opacity,1);display:block;position:absolute;inset:0}body.mobile-touch.game-active #ui{z-index:80}body.mobile-touch.mobile-more-open #mobile-controls{z-index:140}body.mobile-touch.game-active #ui,body.mobile-touch.game-active #nameplates,body.mobile-touch.game-active #mobile-controls{scrollbar-width:none;overflow:hidden}body.mobile-touch.game-active #ui::-webkit-scrollbar{width:0;height:0;display:none}body.mobile-touch.game-active #nameplates::-webkit-scrollbar{width:0;height:0;display:none}body.mobile-touch.game-active #mobile-controls::-webkit-scrollbar{width:0;height:0;display:none}body.mobile-touch.game-active::-webkit-scrollbar{height:0}body.mobile-touch.game-active ::-webkit-scrollbar{height:0}body.mobile-touch.game-active ::-webkit-scrollbar:horizontal{height:0;display:none}body.mobile-touch .mobile-joystick{left:max(18px, env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;opacity:.4;width:122px;height:122px;transform:scale(var(--joy-scale,1));transform-origin:0 100%;background:radial-gradient(circle,#1b1b2960 0%,#0b0b1280 62%,#0505089a 100%);border:2px solid #b7a35a80;border-radius:50%;transition:opacity .18s;position:absolute;box-shadow:0 3px 18px #0008,inset 0 1px #ffffff12,inset 0 0 26px #0008}body.mobile-touch .mobile-joystick.active{opacity:1}@media (prefers-reduced-motion:reduce){body.mobile-touch .mobile-joystick{transition:none}}body.mobile-touch .mobile-joystick:before{content:"";border:1px solid #ffffff18;border-radius:50%;position:absolute;inset:28px}body.mobile-touch #mobile-move-zone{pointer-events:auto;touch-action:none;z-index:1;width:min(30vw,132px);min-width:112px;max-width:132px;height:min(36vh,172px);position:absolute;bottom:0;left:0}body.mobile-touch.mobile-chat-open #mobile-move-zone{pointer-events:none}body.mobile-touch #mobile-move-joystick{opacity:.5;transition:opacity .12s linear}body.mobile-touch #mobile-move-joystick.floating{opacity:1;transition:none;bottom:auto;left:0}body.mobile-touch #mobile-move-joystick.active{border-color:var(--gold);box-shadow:0 3px 18px #0008,inset 0 1px #ffffff12,inset 0 0 26px #0008,0 0 16px 3px #e3c66a55}body.mobile-touch #mobile-camera-joystick{left:auto;right:max(18px, env(safe-area-inset-right));transform-origin:100% 100%}body.mobile-touch #mobile-camera-joystick.recentering{animation:.22s ease-out mobile-recenter-pulse}@keyframes mobile-recenter-pulse{0%{border-color:#b7a35a80;box-shadow:0 3px 18px #0008,inset 0 1px #ffffff12,inset 0 0 26px #0008}45%{border-color:#e3d475e0;box-shadow:0 0 22px 4px #e3d47588,inset 0 0 26px #0008}to{border-color:#b7a35a80;box-shadow:0 3px 18px #0008,inset 0 1px #ffffff12,inset 0 0 26px #0008}}body.mobile-touch .mobile-stick{background:radial-gradient(circle at 35% 30%,#867ab6aa,#1d1d2b9a 70%);border:2px solid #e3d475b8;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;transition:transform 60ms linear;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0009,inset 0 1px #ffffff1c}body.mobile-touch .mobile-joy-label{text-align:center;color:#c8b888;text-shadow:1px 1px 2px #000;font-size:9px;position:absolute;bottom:-18px;left:0;right:0}body.mobile-touch #mobile-combat-controls{left:50%;bottom:calc(3px + env(safe-area-inset-bottom));transform:translateX(-50%) scale(var(--btn-scale,1));transform-origin:bottom;pointer-events:auto;z-index:30;grid-template-columns:124px repeat(6,58px);align-items:end;gap:8px;display:grid;position:absolute}body.mobile-touch .mobile-btn{color:#eee8ff;width:58px;height:54px;cursor:var(--cursor-point);text-shadow:1px 1px 2px #000;background:radial-gradient(circle at 35% 30%,#2d3048d8,#11121ed8 72%);border:2px solid #4a3d1d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:22px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 8px #0009}body.mobile-touch .mobile-btn .ui-icon{width:22px;height:22px}body.mobile-touch #mobile-attack-nearest{color:#ffdf9c;border-color:#8b4e2c;width:124px}body.mobile-touch #mobile-more{z-index:19;position:static}body.mobile-touch .mobile-btn:active{border-color:var(--gold);color:#fff;transform:translateY(1px)}body.mobile-touch #mobile-autorun{pointer-events:auto;z-index:19;position:static}body.mobile-touch #mobile-autorun.active{border-color:var(--gold);color:#fff;background:radial-gradient(circle at 35% 30%,#5a4a1ed8,#2a230fd8 72%);box-shadow:inset 0 1px #ffffff20,0 0 12px #e3c46a80}body.mobile-touch.mobile-window-open #mobile-autorun{display:none}body.mobile-touch .mobile-btn.is-on{border-color:var(--gold);color:#fff}body.mobile-touch .mobile-btn:not(.is-on)#mobile-haptics{opacity:.55}body.mobile-touch .mobile-btn .mobile-label{font-size:8px;font-family:var(--ui-font);color:#bfb28a;margin-top:1px;display:block}body.mobile-touch #mobile-extra-controls{left:50%;top:max(14px, env(safe-area-inset-top));width:min(560px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));pointer-events:auto;z-index:100;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(170deg,#15151ff2,#08080df8);border:2px solid #5b4618;border-radius:10px;padding:10px;display:none;position:fixed;bottom:auto;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 28px #000d,inset 0 1px #ffffff12}body.mobile-touch.mobile-more-open #mobile-extra-controls{flex-direction:column;display:flex}body.mobile-touch #mobile-extra-controls .panel-title{cursor:move;touch-action:none;min-height:32px;margin-bottom:8px;padding-bottom:6px}body.mobile-touch #mobile-extra-controls .panel-title .x-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}body.mobile-touch #mobile-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:42px;gap:7px;display:grid}body.mobile-touch #mobile-extra-controls .mobile-btn{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:42px;padding:0 10px;font-size:17px;display:flex}body.mobile-touch #mobile-extra-controls .mobile-label{color:#e6d8ae;margin:0;font-size:10px;display:inline}body.mobile-touch #mobile-extra-controls .mobile-btn .ui-icon{flex:0 0 22px}body.mobile-touch #mobile-extra-controls .mobile-btn.active{border-color:var(--gold);box-shadow:0 0 8px #ffd10066,inset 0 0 6px #ffd10033}body.mobile-touch #mobile-extra-controls .mobile-btn.active .mobile-label{color:var(--gold)}body.mobile-touch #mobile-music{position:relative}body.mobile-touch #mobile-music.mm-muted:after{content:"";pointer-events:none;background:#f0e8d2;border-radius:2px;width:24px;height:2px;position:absolute;top:50%;left:21px;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 0 1px #000000b3}body.mobile-touch #bottom-bar{left:calc(max(18px, env(safe-area-inset-left)) + 154px);right:calc(max(18px, env(safe-area-inset-right)) + 154px);bottom:calc(64px + env(safe-area-inset-bottom));z-index:18;pointer-events:none;justify-content:center;width:auto;display:flex;transform:none}body.mobile-touch #actionbar-row{pointer-events:auto;width:100%;min-width:0}body.mobile-touch #xpbar{display:none}body.mobile-touch #player-frame{--xp-ring-start:210deg;--xp-ring-arc:360deg}body.mobile-touch #player-frame:before{content:"";z-index:2;opacity:.96;pointer-events:none;background:conic-gradient(from var(--xp-ring-start), #b85eff 0deg calc(var(--xp-fill,0) * 360deg), #7d589e57 calc(var(--xp-fill,0) * 360deg) var(--xp-ring-arc), transparent var(--xp-ring-arc) 360deg);border-radius:50%;width:73px;height:73px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 8px #b85eff47;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}body.mobile-touch #player-frame:has(#xpbar.overflow):before{background:conic-gradient(from var(--xp-ring-start), #ffe27a 0deg calc(var(--xp-fill,0) * 360deg), #b8902a57 calc(var(--xp-fill,0) * 360deg) var(--xp-ring-arc), transparent var(--xp-ring-arc) 360deg);box-shadow:0 0 9px #f5c84357}body.mobile-touch #xpbar .fill,body.mobile-touch #xpbar .ticks,body.mobile-touch #xpbar .label{display:none}body.mobile-touch #castbar{left:calc(max(18px, env(safe-area-inset-left)) + 132px);bottom:calc(17px + env(safe-area-inset-bottom));z-index:19;opacity:.9;border-width:1px;border-radius:2px;width:min(170px,50vw - 164px);min-width:112px;height:6px;position:fixed;transform:none}body.mobile-touch #castbar .label{display:none}body.mobile-touch #actionbar-row{display:block}body.mobile-touch #actionbar-stack{width:100%;min-width:0}body.mobile-touch #petbar{left:50%;top:max(8px, env(safe-area-inset-top));z-index:28;pointer-events:auto;align-self:auto;margin:0;position:fixed;transform:translate(-50%)}body.mobile-touch #side-buttons{display:none}body.mobile-touch #actionbar{box-sizing:border-box;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;background:linear-gradient(170deg,#15151fc8,#08080dd8);flex-wrap:nowrap;gap:4px;width:100%;max-width:100%;min-height:50px;padding:4px;display:flex;overflow:auto hidden}body.mobile-touch #actionbar.many-spells{grid-template-columns:none}body.mobile-touch #actionbar2{display:none}body.mobile-touch .action-btn{border-radius:7px;flex:0 0 42px;width:42px;height:42px}body.mobile-touch.mobile-hotbar-dragging #actionbar{touch-action:none}body.mobile-touch .action-btn.mobile-drag-source{border-color:var(--gold);box-shadow:0 0 12px #ffd100aa,inset 0 0 0 1px #ffd10077}body.mobile-touch .action-btn:not(.used):not(.queued):not(.drop-target):hover{border-color:#4a3d1d}body.mobile-touch .action-btn .icon-label{border-radius:6px}body.mobile-touch .action-btn .cd-text{font-size:13px}body.mobile-touch .action-btn .keybind,body.mobile-touch .action-btn:first-child,body.mobile-touch .action-btn.empty{display:none}body.mobile-touch #community-hud{right:max(8px, env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 158px);width:70px;padding:0;display:block;bottom:auto}body.mobile-touch #community-menu{width:100%;display:block;position:relative}body.mobile-touch #community-menu>summary{list-style:none}body.mobile-touch #community-menu>summary::-webkit-details-marker{display:none}body.mobile-touch .community-toggle{width:44px;height:44px;color:var(--color-text-muted);cursor:var(--cursor-point);background:radial-gradient(circle at 35% 30%,#2c2c3a,#15151f);border:2px solid #4a3d1d;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;display:flex;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0009}body.mobile-touch .community-toggle svg{width:20px;height:20px;display:block}body.mobile-touch #community-menu[open] .community-toggle{color:#fff;border-color:var(--gold-dim)}body.mobile-touch .community-tray{z-index:90;background:linear-gradient(170deg,#15151fe8,#08080df0);border:2px solid #3d3218;border-radius:8px;flex-direction:column;align-items:stretch;gap:5px;width:118px;padding:5px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 14px #000b,inset 0 1px #ffffff12}body.mobile-touch #community-menu[open] .community-tray{display:flex}body.mobile-touch .community-link{justify-content:flex-start;gap:7px;width:100%;height:40px;padding:0 9px;font-size:12px;font-weight:700}body.mobile-touch .community-link svg{width:20px;height:20px}body.mobile-touch .community-link span{line-height:1;display:inline}body.mobile-touch .community-link.donate{width:100%;padding:0 9px;font-size:12px;display:inline-flex}body.mobile-touch #chatlog-wrap{left:max(10px, env(safe-area-inset-left));bottom:calc(160px + env(safe-area-inset-bottom));z-index:24;width:min(340px,100vw - 20px);display:none}body.mobile-touch.mobile-chat-open #chatlog-wrap{display:block}body.mobile-touch.mobile-chatlog-peek #chatlog-wrap{pointer-events:none;display:block}body.mobile-touch.mobile-chatlog-peek #mobile-chat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 10px #c9a84d66}body.mobile-touch #chatlog-frame{height:126px}body.mobile-touch #chatlog-tabs{transform-origin:0 100%;transform:scale(.92)}body.mobile-touch #chat-input{left:max(10px, env(safe-area-inset-left));bottom:calc(296px + env(safe-area-inset-bottom));box-sizing:border-box;width:min(360px,100vw - 20px);min-height:40px;font-size:16px}body.mobile-touch #player-frame{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));z-index:21;transform-origin:0 0;justify-content:flex-start;width:300px;margin:0;display:flex;position:fixed;transform:scale(.82)}body.mobile-touch #player-frame .portrait-wrap{z-index:3}body.mobile-touch #player-frame .uf-bars{z-index:1;flex:none;width:224px;max-width:224px;position:relative}body.mobile-touch #target-frame{left:max(8px, env(safe-area-inset-left));top:calc(max(8px, env(safe-area-inset-top)) + 72px);transform-origin:0 0;transform:scale(.82)}body.mobile-touch #party-frames{left:max(8px, env(safe-area-inset-left));top:calc(max(8px, env(safe-area-inset-top)) + 74px);z-index:5;gap:0;position:fixed}body.mobile-touch #party-frames.below-target{top:calc(max(8px, env(safe-area-inset-top)) + 130px)}body.mobile-touch #party-frames .party-frame{border-bottom-width:1px;border-radius:0;width:132px;min-height:40px;padding:3px 6px;box-shadow:inset 0 0 10px #0000008c}body.mobile-touch #party-frames .party-frame:first-child{border-top-left-radius:5px;border-top-right-radius:5px}body.mobile-touch #party-frames .party-frame:not(:first-child){margin-top:-1px}body.mobile-touch #party-frames .party-frame .pfm-name{gap:3px;min-height:14px;font-size:10px;line-height:1.1}body.mobile-touch #party-frames .party-frame .pfm-id{align-items:center;min-width:0;display:flex}body.mobile-touch #party-frames .pfm-crest{border-radius:2px;flex:none;width:12px;height:12px;margin-right:2px}body.mobile-touch #party-frames .party-frame .pfm-meta{gap:2px}body.mobile-touch #party-frames .party-frame .pfm-name .lead,body.mobile-touch #party-frames .party-frame .pf-badge{font-size:9px}body.mobile-touch #party-frames .party-frame .bar{height:5px;margin-top:1px}body.mobile-touch #party-frames #party-leave{border-top-left-radius:0;border-top-right-radius:0;width:132px;min-height:40px;margin:-1px 0 0;padding:4px 6px;font-size:10px}body.mobile-touch #buff-bar{right:max(10px, env(safe-area-inset-right));top:max(140px, env(safe-area-inset-top));max-width:180px}body.mobile-touch #debuff-bar{right:max(10px, env(safe-area-inset-right));top:calc(max(140px, env(safe-area-inset-top)) + 36px);max-width:180px}body.mobile-touch #minimap-wrap{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));transform-origin:100% 0;transform:scale(.72)}body.mobile-touch #quest-tracker{right:max(10px, env(safe-area-inset-right));top:max(150px, env(safe-area-inset-top));width:190px;font-size:11px}body.mobile-touch #meters-window{left:calc(max(18px, env(safe-area-inset-left)) + 132px);top:auto;right:auto;bottom:calc(31px + env(safe-area-inset-bottom));z-index:25;width:min(220px,50vw - 144px);min-width:142px;max-height:min(170px,100vh - 128px);position:fixed;overflow:hidden}body.mobile-touch.mobile-left-handed .mobile-joystick{left:auto;right:max(18px, env(safe-area-inset-right))}body.mobile-touch.mobile-left-handed #mobile-camera-joystick{right:auto;left:max(18px, env(safe-area-inset-left))}body.mobile-touch.mobile-left-handed #mobile-more{left:auto;right:auto}body.mobile-touch.mobile-left-handed #mobile-extra-controls{left:50%;right:auto}body.mobile-touch.mobile-left-handed #castbar,body.mobile-touch.mobile-left-handed #meters-window{left:auto;right:calc(max(18px, env(safe-area-inset-right)) + 132px)}body.mobile-touch #banner{text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:calc(100vw - 24px);font-size:26px;line-height:1.12;top:18%}body.mobile-touch .window{max-width:calc(100vw - 20px);max-height:calc(100vh - 40px)}body.mobile-touch.mobile-window-open #ui{z-index:90}body.mobile-touch #options-menu,body.mobile-touch #quest-log-window,body.mobile-touch #spellbook,body.mobile-touch #vendor-window,body.mobile-touch #market-window,body.mobile-touch #quest-dialog{box-sizing:border-box;width:auto;top:10px;left:10px;right:10px;overflow-y:auto;transform:none}body.mobile-touch #vendor-window,body.mobile-touch #market-window{max-height:calc(58vh - 20px)}body.mobile-touch #market-window{max-height:calc(58vh - 20px);overflow:hidden}body.mobile-touch .mkt-filters,body.mobile-touch .mkt-filters.has-subtype{grid-template-columns:1fr}body.mobile-touch .mkt-select-btn,body.mobile-touch .mkt-select-option{min-height:40px;font-size:16px}body.mobile-touch #social-window,body.mobile-touch #trade-window{box-sizing:border-box;width:auto;max-width:calc(100vw - 20px);position:fixed;left:10px;right:10px;overflow-x:hidden}body.mobile-touch #social-window{height:min(560px,100vh - 20px);bottom:10px}body.mobile-touch #trade-window{max-height:calc(100vh - 20px);top:10px;overflow-y:auto;transform:none}body.mobile-touch #trade-window .trade-cols{flex-direction:column}body.mobile-touch #bags{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));bottom:calc(72px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:95;width:auto;max-height:none;position:fixed;overflow:hidden;transform:none}body.mobile-touch #bags .bag-grid{min-height:150px}body.mobile-touch .vendor-item,body.mobile-touch .bag-item,body.mobile-touch .mkt-tab,body.mobile-touch .mkt-btn,body.mobile-touch .mkt-list-btn,body.mobile-touch #loot-window .btn,body.mobile-touch .loot-roll-btn,body.mobile-touch .soc-tab,body.mobile-touch .soc-x,body.mobile-touch .soc-sugg-item,body.mobile-touch .trade-item.mine,body.mobile-touch #social-window .btn,body.mobile-touch #trade-window .btn{min-height:40px;font-size:16px}body.mobile-touch .soc-add input,body.mobile-touch .trade-money input{box-sizing:border-box;min-height:40px;font-size:16px}body.mobile-touch .soc-x,body.mobile-touch .soc-name.soc-link{min-width:40px}body.mobile-touch .soc-name.soc-link{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;align-items:center;max-width:100%;min-height:40px;display:inline-flex;overflow:visible}body.mobile-touch .x-btn{box-sizing:border-box;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;font-size:16px;display:inline-flex}body.mobile-touch #player-card-modal .pc-pose,body.mobile-touch #player-card-modal .pc-wallet-toggle,body.mobile-touch #player-card-modal .pc-actions .btn{box-sizing:border-box;justify-content:center;align-items:center;min-height:40px;display:inline-flex}body.mobile-touch #player-card-modal .pc-link-input{font-size:16px}body.mobile-touch #char-window{box-sizing:border-box;width:min(360px,100vw - 20px);max-height:calc(100vh - 20px);top:10px;left:10px;right:auto;overflow-y:auto;transform:none}body.mobile-touch .equip-col{width:108px}body.mobile-touch .equip-slot .slot-name{font-size:9px}body.mobile-touch .equip-slot .slot-item{font-size:10px}body.mobile-touch .char-stats .stat-cell{box-sizing:border-box;min-height:40px;margin:0 -5px;padding:10px 5px}body.mobile-touch .mkt-price-row{flex-wrap:wrap}body.mobile-touch .mkt-price-row .coininput{box-sizing:border-box;min-height:40px;font-size:16px}body.mobile-touch #quest-log-window,body.mobile-touch #quest-dialog{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}body.mobile-touch #quest-log-window,body.mobile-touch #vendor-window,body.mobile-touch #quest-dialog{width:clamp(320px,76vw,680px);max-width:calc(100vw - 20px);max-height:calc(100vh - 92px);top:12px;left:50%;right:auto;transform:translate(-50%)}body.mobile-touch.vendor-open #vendor-window,body.mobile-touch.vendor-open #bags{top:max(10px, env(safe-area-inset-top));bottom:calc(72px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:95;width:auto;max-width:none;max-height:none;position:fixed;transform:none}body.mobile-touch.vendor-open #vendor-window{left:max(10px, env(safe-area-inset-left));border-right-width:1px;border-top-right-radius:0;border-bottom-right-radius:0;display:block;right:50vw;overflow-y:auto}body.mobile-touch.vendor-open #bags{left:50vw;right:max(10px, env(safe-area-inset-right));border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;overflow:hidden}body.mobile-touch.vendor-open #vendor-window .panel-title,body.mobile-touch.vendor-open #bags .panel-title{box-sizing:border-box;height:47px;min-height:47px;margin-bottom:8px;padding-bottom:6px}body.mobile-touch.vendor-open #vendor-window .panel-title .x-btn{display:none}body.mobile-touch #spellbook,body.mobile-touch #options-menu,body.mobile-touch #options-menu.kb-wide,body.mobile-touch #options-menu.perf-wide{width:min(560px,100vw - 170px);max-height:calc(100vh - 92px);top:12px;left:50%;right:auto;transform:translate(-50%)}body.mobile-touch .kb-cols{grid-template-columns:1fr;gap:0}body.mobile-touch #options-menu.perf-wide{width:min(640px,100vw - 24px)}body.mobile-touch .perf-card{padding:8px 15px 14px}body.mobile-touch .perf-master{text-align:center}body.mobile-touch .perf-master .set-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:2px 0;display:flex}body.mobile-touch .perf-master .set-name{flex:0 auto;font-size:14px}body.mobile-touch .perf-master .set-toggle{flex:none;min-height:40px}body.mobile-touch .perf-card .set-row{flex-wrap:wrap;align-items:center;gap:7px 10px;padding:9px 0;display:flex}body.mobile-touch .perf-card .set-row>*{grid-column:auto}body.mobile-touch .perf-card .set-name{flex:100%;font-size:13.5px}body.mobile-touch .perf-card .set-slider{flex:auto;min-width:0}body.mobile-touch .perf-card .set-val{flex:none;min-width:46px}body.mobile-touch .perf-card .set-toggle,body.mobile-touch .perf-card .set-color{margin-left:auto}body.mobile-touch .perf-card .perf-swatches{flex:100%}body.mobile-touch .perf-presets .perf-preset-btn,body.mobile-touch .perf-chips .set-choice-btn{min-height:44px;font-size:14px}body.mobile-touch .perf-footer{flex-direction:column;gap:10px}body.mobile-touch .perf-footer .btn{min-height:44px}body.mobile-touch #talents-window{width:min(600px,100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 24px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);z-index:95!important}body.mobile-touch #spellbook [data-close]{box-sizing:border-box;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;font-size:16px;display:inline-flex}body.mobile-touch #spellbook .spell-row{min-height:52px;padding-right:4px}body.mobile-touch #spellbook .spell-hotbar-toggle{min-width:40px;min-height:40px;color:var(--gold);font:700 22px / 1 var(--ui-font);background:radial-gradient(circle at 35% 30%,#2d3048e0,#11121ee0 72%);border:2px solid #4a3d1d;border-radius:7px;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 2px 6px #0008}body.mobile-touch #spellbook .spell-hotbar-toggle.remove{color:#ffcf9c;border-color:#8b4e2c}body.mobile-touch #spellbook .spell-hotbar-toggle:disabled{opacity:.45}body.mobile-touch #spellbook .spellbook-reset{align-items:center;min-height:40px;padding:0 12px;font-size:14px;display:inline-flex}body.mobile-touch #quest-dialog .qd-list-item,body.mobile-touch #quest-log-window .ql-item,body.mobile-touch #quest-dialog .btn,body.mobile-touch #quest-log-window .btn,body.mobile-touch #quest-dialog [data-close],body.mobile-touch #quest-log-window [data-close]{min-width:40px;min-height:40px;font-size:16px}body.mobile-touch #quest-dialog .qd-text,body.mobile-touch #quest-log-window .qd-text,body.mobile-touch #quest-dialog .qd-obj,body.mobile-touch #quest-log-window .qd-obj,body.mobile-touch #quest-log-window .ql-empty{font-size:16px}body.mobile-touch #quest-log-window .ql-cols{gap:var(--spacing-sm);min-width:0}body.mobile-touch #quest-log-window .ql-list{width:min(42%,220px);min-width:0}body.mobile-touch #quest-log-window .ql-detail,body.mobile-touch #quest-log-window .ql-detail-body{min-width:0}body.mobile-touch #options-menu .btn{min-height:40px;padding-top:9px;padding-bottom:9px;font-size:16px}body.mobile-touch #report-window{box-sizing:border-box;width:auto!important;left:10px!important;right:10px!important}body.mobile-touch #report-window select,body.mobile-touch #report-window textarea{min-height:40px;font-size:16px}body.mobile-touch #report-window [data-close],body.mobile-touch #report-window .btn{min-width:40px;min-height:40px}body.mobile-touch #ctx-menu .ctx-item{align-items:center;min-height:40px;font-size:16px;display:flex}body.mobile-touch #social-window{z-index:45;width:min(360px,100vw - 170px);height:min(380px,100vh - 116px);max-height:calc(100vh - 116px);inset:44% auto auto 50%;transform:translate(-50%,-50%)}body.mobile-touch #map-window{left:50%;top:calc(46% - env(safe-area-inset-bottom));width:min(46vw,330px);max-width:calc(100vw - 220px);padding:8px;transform:translate(-50%,-50%)}body.mobile-touch #map-canvas{width:100%;height:auto;display:block}body.mobile-touch #map-close{top:5px;right:5px}body.mobile-touch .map-zoom-btn{box-sizing:border-box;min-width:40px;min-height:40px}body.mobile-touch #controls-hint{max-width:min(360px,92vw);margin-top:18px;font-size:10px;line-height:1.45}body.mobile-touch #mode-select{width:100%;max-width:min(440px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));margin-inline:auto;padding:20px 18px 18px}body.mobile-touch .play-console{gap:16px;width:100%}body.mobile-touch .btn-play{letter-spacing:2px;min-height:60px;padding:14px 32px;font-size:21px}body.mobile-touch[data-start-panel=realm-panel] #homepage-views-container,body.mobile-touch[data-start-panel=charselect-panel] #homepage-views-container,body.mobile-touch[data-start-panel=login-panel] #homepage-views-container{align-items:center}body.mobile-touch[data-start-panel=realm-panel] #hero-view,body.mobile-touch[data-start-panel=charselect-panel] #hero-view,body.mobile-touch[data-start-panel=login-panel] #hero-view{min-height:calc(var(--app-vh) - 178px);justify-content:center}body.mobile-touch .realm-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}body.mobile-touch .realm-row>div:first-child{min-width:0}body.mobile-touch .realm-name,body.mobile-touch .realm-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.mobile-touch .realm-name .rn-chars,body.mobile-touch .realm-name .rn-rec{vertical-align:middle;max-width:100%;display:inline-block}body.mobile-touch .realm-meta{flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;min-width:48px;display:flex}body.mobile-touch .realm-type,body.mobile-touch .realm-pop{text-align:right;white-space:nowrap;min-width:0;line-height:1.1}body.mobile-touch .realm-pop{font-size:11px}body.mobile-touch .portal-ring,body.mobile-touch .portal-ring-reverse,body.mobile-touch .nebula-overlay{animation:none}body.mobile-touch .portal-ring,body.mobile-touch .portal-ring-reverse{filter:none;opacity:.18}body.mobile-touch .nebula-overlay{mix-blend-mode:normal;opacity:.78}body.mobile-touch .embers-container{display:none}body.mobile-touch .class-row{grid-template-columns:repeat(2,minmax(138px,1fr));gap:8px;width:min(340px,92vw)}body.mobile-touch .class-card{padding:9px 8px 8px}body.mobile-touch #title-logo{width:min(252px,52vw);margin-bottom:18px}body.mobile-preflight-open #mobile-preflight.visible{z-index:250;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:auto;background:radial-gradient(circle at 50% 42%,#12172bf2,#030407f8 74%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#mobile-preflight .preflight-panel{width:min(440px,92vw);max-height:min(520px,88vh);color:var(--color-text-light);text-align:left;background:linear-gradient(#171a25f7,#0a0b10fa);border:1px solid #c9a84d88;border-radius:8px;padding:22px 22px 20px;overflow:auto;box-shadow:0 18px 60px #000d,inset 0 1px #ffffff14}#mobile-preflight h2{color:var(--gold);font-family:var(--title-font);text-align:center;margin:0 0 8px;font-size:24px;font-weight:400}#mobile-preflight-detail{color:#f0dfab;text-align:center;margin:0 0 14px;font-size:13px;line-height:1.45}#mobile-preflight-steps{color:#cfc09a;margin:0 0 18px 18px;padding:0;font-size:12px;line-height:1.55}#mobile-preflight-steps li{margin-bottom:7px}#mobile-preflight-continue{width:100%}body.mobile-touch.game-active #rotate-device{z-index:190;text-align:center;color:#f5e7b2;font-family:var(--title-font);text-shadow:1px 1px 3px #000;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#161826f0,#040509f6);justify-content:center;align-items:center;padding:28px;display:none;position:absolute;inset:0}#rotate-device .rotate-icon{margin-bottom:14px;font-size:48px}#rotate-device .rotate-title{color:var(--gold);margin-bottom:8px;font-size:24px}#rotate-device .rotate-sub{font-family:var(--ui-font);color:var(--color-accent);font-size:13px;line-height:1.45}@media (orientation:portrait){body.mobile-touch #mobile-combat-controls{grid-template-columns:96px repeat(6,42px);gap:4px}body.mobile-touch .mobile-btn{width:42px;height:44px;font-size:16px}body.mobile-touch #mobile-attack-nearest{width:96px}body.mobile-touch #community-hud{top:clamp(calc(max(8px, env(safe-area-inset-top)) + 210px), 44dvh, calc(100dvh - 230px));right:max(8px, env(safe-area-inset-right));width:70px;bottom:auto}}@media (orientation:landscape){body.mobile-touch .play-console{gap:12px;width:100%;max-width:460px}body.mobile-touch .server-select-caption{margin-bottom:5px}body.mobile-touch .btn-play{min-height:54px;font-size:20px}body.mobile-touch .mobile-joystick{width:100px;height:100px;bottom:calc(15px + env(safe-area-inset-bottom));opacity:.72;border-color:#d2bd6a66}body.mobile-touch #mobile-move-joystick{left:max(20px, env(safe-area-inset-left))}body.mobile-touch #mobile-camera-joystick{right:max(20px, env(safe-area-inset-right))}body.mobile-touch .mobile-joystick:before{inset:23px}body.mobile-touch .mobile-stick{width:44px;height:44px;margin:-22px 0 0 -22px}body.mobile-touch .mobile-joy-label{color:#d7c987aa;font-size:8px;bottom:-15px}body.mobile-touch #mobile-combat-controls{bottom:calc(2px + env(safe-area-inset-bottom));grid-template-columns:115px repeat(6,54px);gap:7px}body.mobile-touch .mobile-btn{background:radial-gradient(circle at 35% 30%,#2d3048bf,#11121ec2 72%);width:54px;height:48px;font-size:20px}body.mobile-touch #mobile-attack-nearest{width:115px}body.mobile-touch #mobile-extra-controls{left:50%;top:max(10px, env(safe-area-inset-top));max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:8px;bottom:auto}body.mobile-touch #mobile-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:40px;gap:6px}body.mobile-touch.mobile-left-handed #mobile-extra-controls{left:50%;right:auto}body.mobile-touch #mobile-extra-controls .mobile-btn{width:100%;height:40px;padding:0 9px;font-size:16px}body.mobile-touch #mobile-extra-controls .mobile-label{font-size:9px}body.mobile-touch #bottom-bar{left:calc(max(20px, env(safe-area-inset-left)) + 136px);right:calc(max(20px, env(safe-area-inset-right)) + 136px);bottom:calc(57px + env(safe-area-inset-bottom))}body.mobile-touch #actionbar{background:linear-gradient(170deg,#15151fa8,#08080db8);gap:4px;padding:4px}body.mobile-touch #actionbar.many-spells{grid-template-columns:none}body.mobile-touch .action-btn{flex-basis:40px;width:40px;height:40px}body.mobile-touch #xpbar{display:none}body.mobile-touch #player-frame:before{width:73px;height:73px;top:-5px;left:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}body.mobile-touch #castbar{left:calc(max(20px, env(safe-area-inset-left)) + 112px);bottom:calc(15px + env(safe-area-inset-bottom));width:min(160px,50vw - 166px);min-width:100px;height:5px}body.mobile-touch #petbar{top:max(6px, env(safe-area-inset-top));transform-origin:top;transform:translate(-50%)scale(.88)}body.mobile-touch #community-hud{top:calc(max(6px, env(safe-area-inset-top)) + 132px);right:max(8px, env(safe-area-inset-right));gap:4px;width:62px;padding:4px}body.mobile-touch .community-toggle{width:40px;height:40px}body.mobile-touch .community-link{height:40px}body.mobile-touch .community-link svg{width:20px;height:20px}body.mobile-touch #chatlog-wrap{left:max(10px, env(safe-area-inset-left));bottom:calc(112px + env(safe-area-inset-bottom));width:min(330px,44vw)}body.mobile-touch #chatlog-frame{height:92px}body.mobile-touch #chat-input{left:max(10px, env(safe-area-inset-left));bottom:calc(213px + env(safe-area-inset-bottom));width:min(330px,44vw)}body.mobile-touch #player-frame{left:max(6px, env(safe-area-inset-left));top:max(6px, env(safe-area-inset-top));width:300px;transform:scale(.6)}body.mobile-touch #player-frame .uf-bars{width:224px;max-width:224px}body.mobile-touch #target-frame{left:max(6px, env(safe-area-inset-left));top:calc(max(6px, env(safe-area-inset-top)) + 56px);transform:scale(.6)}body.mobile-touch #party-frames{left:max(6px, env(safe-area-inset-left));top:calc(max(6px, env(safe-area-inset-top)) + 58px)}body.mobile-touch #party-frames.below-target{top:calc(max(6px, env(safe-area-inset-top)) + 100px)}body.mobile-touch #party-frames .party-frame{width:118px;min-height:40px;padding:2px 5px}body.mobile-touch #party-frames .party-frame .pfm-name{min-height:12px;font-size:9px}body.mobile-touch #party-frames .pfm-crest{width:10px;height:10px}body.mobile-touch #party-frames .party-frame .bar{height:4px}body.mobile-touch #party-frames #party-leave{width:118px;min-height:40px;font-size:9px}body.mobile-touch #buff-bar{right:calc(98px + env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));transform-origin:100% 0;max-width:160px;transform:scale(.85)}body.mobile-touch #debuff-bar{right:calc(98px + env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 32px);transform-origin:100% 0;max-width:160px;transform:scale(.85)}body.mobile-touch #minimap-wrap{right:max(6px, env(safe-area-inset-right));top:max(6px, env(safe-area-inset-top));transform:scale(.46)}body.mobile-touch #quest-tracker{display:none}body.mobile-touch #meters-window{left:calc(max(20px, env(safe-area-inset-left)) + 112px);top:auto;right:auto;bottom:calc(26px + env(safe-area-inset-bottom));width:min(190px,50vw - 142px);min-width:128px;max-height:min(135px,100vh - 112px);position:fixed;transform:none}body.mobile-touch #banner{text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:calc(100vw - 24px);font-size:26px;line-height:1.12;top:18%}body.mobile-touch #subzone-banner{font-size:18px;top:25%}body.mobile-touch #error-msg{font-size:16px;top:16%}body.mobile-touch #mobile-preflight .preflight-panel{width:min(520px,84vw);padding:18px 22px}body.mobile-touch #mobile-preflight h2{font-size:22px}body.mobile-touch #mobile-preflight-detail{font-size:12px}body.mobile-touch #mobile-preflight-steps{font-size:11px}}@media (max-width:860px){#community-hud{top:auto}#quest-tracker{width:190px;top:260px;right:12px}}}@layer index-extra,play-extra;