@font-face{font-family:Eczar;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/eczar-500.woff2) format("woff2")}@font-face{font-family:Eczar;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/eczar-600.woff2) format("woff2")}@font-face{font-family:Eczar;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/eczar-700.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/alegreya-sans-400.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/alegreya-sans-500.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/alegreya-sans-700.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/alegreya-sans-800.woff2) format("woff2")}:root{color-scheme:dark;--ink: #f4e9cf;--ink-strong: #fff6de;--muted: #c9b189;--faint: rgba(244, 233, 207, .55);--parchment: #efe0bc;--parchment-edge: #b8935a;--parchment-ink: #3b2a17;--parchment-muted: #6d573a;--timber-950: rgba(15, 10, 6, .97);--timber-900: rgba(26, 18, 11, .94);--timber-850: rgba(34, 24, 14, .92);--timber-flat: #221810;--timber-line: rgba(148, 110, 62, .34);--timber-groove: rgba(0, 0, 0, .55);--gilt: #e8b64c;--gilt-bright: #ffd873;--gilt-deep: #9a6b24;--gilt-shadow: #5f3f12;--ember: #e2603c;--ember-deep: #a83a20;--leaf: #84c163;--leaf-deep: #4f8a3d;--water: #5fd0dc;--water-deep: #2b8fa6;--blood: #c23b2e;--vigor: #6fe08a;--gold: var(--gilt);--sky: var(--water);--panel: var(--timber-900);--panel-strong: var(--timber-950);--line: var(--timber-line);--panel-surface: radial-gradient(150% 80% at 50% 0%, rgba(112, 78, 42, .3), transparent 55%), linear-gradient(162deg, rgba(44, 31, 18, .95), rgba(22, 15, 9, .97));--panel-bevel: inset 0 0 0 1px rgba(216, 168, 96, .2), inset 0 1px 0 rgba(255, 226, 160, .1), inset 0 -1px 0 rgba(0, 0, 0, .5);--panel-drop: 0 22px 56px rgba(0, 0, 0, .52);--panel-border: 1px solid rgba(10, 6, 3, .85);--slot-surface: linear-gradient(155deg, rgba(12, 8, 5, .88), rgba(28, 20, 12, .82));--slot-bevel: inset 0 2px 5px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(214, 168, 98, .1);--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.72 0 0 0 0 0.58 0 0 0 0 0.38 0 0 0 0.05 0'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");--font-display: "Eczar", "Palatino", Georgia, serif;--font-ui: "Alegreya Sans", "Avenir Next", "Trebuchet MS", sans-serif;--z-hud-feedback: 20;--z-hud-top: 30;--z-hud-bottom: 40;--z-hud-panel: 80;--z-hud-modal: 110;--z-hud-menu: 130;--z-hud-drag: 200;--hud-bottom-reserve: 128px;--hud-overlay-margin: 18px;font-family:var(--font-ui)}*{box-sizing:border-box}*:focus,*:focus-visible{outline:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0f120d;color:var(--ink)}.hud,#game{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit}#game{display:block;width:100%;height:100%;cursor:default}body.inspect-mode #game{cursor:zoom-in}body.camera-orbit-ready #game{cursor:grab}body.camera-dragging #game{cursor:grabbing}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}*{scrollbar-width:thin;scrollbar-color:rgba(232,182,76,.4) rgba(255,255,255,.04)}.ui-label{color:var(--gilt);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ui-button{border:1px solid rgba(10,6,3,.8);border-radius:7px;background:linear-gradient(180deg,#ffebbe14,#ffebbe05);box-shadow:inset 0 1px #ffe2a01a,inset 0 0 0 1px #d8a8601a;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .13s ease,border-color .13s ease,box-shadow .13s ease,color .13s ease,transform 80ms ease,opacity .13s ease}.ui-button:hover:not(:disabled){background:linear-gradient(180deg,#e8b64c38,#e8b64c1a);box-shadow:inset 0 1px #ffe2a02e,inset 0 0 0 1px #e8b64c3d;color:var(--ink-strong)}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:focus-visible{box-shadow:0 0 0 3px #e8b64c3d}.ui-button:disabled{cursor:not-allowed}.ui-button-primary{border-color:var(--gilt-shadow);background:linear-gradient(180deg,#f6cc66,#dda43c 52%,#c08a2c);box-shadow:inset 0 1px #fff4cda6,inset 0 -2px #5f3f128c,0 2px 6px #00000059;color:#2e1d08;text-shadow:0 1px 0 rgba(255,240,195,.45)}.ui-button-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffdd80,#eab14a 52%,#cd9433);box-shadow:inset 0 1px #fff4cdbf,inset 0 -2px #5f3f128c,0 3px 10px #e8b64c40;color:#2e1d08}.ui-button-secondary{border-color:#0a0603cc;background:linear-gradient(180deg,#402d1abf,#261b10bf);color:#ecd9ab}.ui-button-secondary:hover:not(:disabled){box-shadow:inset 0 1px #ffe2a024,inset 0 0 0 1px #e8b64c59}.ui-button-ghost{border-color:transparent;background:#ffebbe0d;box-shadow:none;color:var(--muted)}.ui-button-tool{display:inline-grid;place-items:center;min-width:48px;height:40px;padding:0;border-radius:7px;color:var(--muted)}.ui-button-tool:hover:not(:disabled){color:var(--ink-strong)}.icon-button{display:grid;place-items:center;width:42px;min-width:42px}.bar{height:8px;margin-top:8px;border-radius:99px;overflow:hidden;background:#0006;box-shadow:inset 0 1px 3px #0009}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blood),var(--gilt))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.item-icon,.skill-icon,.action-icon{display:inline-grid;place-items:center;flex:none}.item-icon,.skill-icon{width:26px;height:26px}.item-icon svg,.skill-icon svg,.action-icon svg{display:block;width:100%;height:100%}.item-icon svg{filter:drop-shadow(0 1.5px 1px rgba(0,0,0,.4))}.skill-icon svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.action-icon{width:18px;height:18px;color:inherit}.class-dot{display:inline-block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 -3px 5px #00000059,inset 0 2px 3px #ffffff47,0 2px 5px #0006}.class-dot.blade{background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gilt) 56%,#6b4c14 100%)}.class-dot.archer{background:radial-gradient(circle at 35% 30%,#d9f6bb,var(--leaf) 56%,#2c5223 100%)}.class-dot.fire{background:radial-gradient(circle at 35% 30%,#ffd07a,#e05f35 55%,#5d1e15)}.class-dot.water{background:radial-gradient(circle at 35% 30%,#d4ffff,#3db7c5 55%,#153f54)}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 38%,#4054309e,#0f120df7 64%),#0f120d}.login-stage{display:grid;justify-items:center;width:min(680px,calc(100vw - 36px));transform:translateY(-24px)}.login-shell{position:relative;width:100%;padding:20px;border:var(--panel-border);border-radius:12px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 24px 80px #00000080}.game-title{display:grid;place-items:center;min-height:112px;margin-bottom:22px;pointer-events:none}.game-title span{position:relative;font-family:var(--font-display);font-size:92px;font-weight:700;line-height:.9;color:#ffe6a6;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 0 #6c301f,0 0 18px rgba(232,182,76,.38),0 0 42px rgba(95,208,220,.22)}.game-title span:before,.game-title span:after{content:"";position:absolute;top:50%;width:82px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(232,182,76,.84))}.game-title span:before{right:calc(100% + 18px)}.game-title span:after{left:calc(100% + 18px);transform:scaleX(-1)}.login-head,.login-head-actions,.account-tabs,.auth-form{display:flex;align-items:center}.login-head{justify-content:space-between;gap:16px;margin-bottom:18px}.login-head-actions{justify-content:flex-end;gap:10px;min-width:0}.character-card small,.character-error{color:var(--muted);font-size:12px}.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.account-tabs button{display:grid;gap:4px;min-height:72px;padding:12px;text-align:left}.account-tabs button small{color:var(--muted);font-size:12px;font-weight:500}.account-tabs button.active,.enter-world:not(:disabled){background:linear-gradient(180deg,#f6cc66,#dda43c 52%,#c08a2c);border-color:var(--gilt-shadow);color:#2e1d08}.auth-form{gap:6px;margin-bottom:8px}.auth-help{margin:-4px 0 12px;color:var(--muted);font-size:13.5px}.auth-loading-step{display:flex;align-items:center;gap:12px;min-height:72px;color:var(--muted)}.auth-loading-step span{width:18px;height:18px;border:2px solid rgba(244,233,207,.16);border-top-color:var(--gilt);border-radius:50%;animation:spin .78s linear infinite}.auth-loading-step strong{color:var(--ink);font-family:var(--font-display);font-size:16px;font-weight:600}.auth-form input,.create-character-form input{min-width:0;flex:1;height:40px;border:1px solid rgba(10,6,3,.7);border-radius:7px;padding:0 10px;background:#08050380;box-shadow:inset 0 2px 4px #0006;color:var(--ink);font:inherit}.auth-form button{min-height:40px;padding:0 12px;white-space:nowrap}.auth-form input:disabled,.auth-form button:disabled{cursor:progress;opacity:.62}.logout-button{min-height:34px;padding:0 12px;font-size:11px}.character-select-panel{display:grid;gap:22px}.character-pick-section,.server-pick-section{display:grid;gap:10px}.section-label{line-height:1}.server-pick-section{padding-top:18px;border-top:1px solid rgba(216,168,96,.16)}.character-list,.server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.server-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.character-card,.server-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-height:66px;padding:10px;border:1px solid rgba(10,6,3,.7);border-radius:8px;background:linear-gradient(180deg,#ffebbe0d,#ffebbe04);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .13s ease,background .13s ease,box-shadow .13s ease}.server-card{min-height:62px}.character-card .class-dot{grid-row:1 / 3}.character-card strong,.server-card strong{font-family:var(--font-display);font-weight:600;font-size:15px}.character-card.active,.server-card.active{border-color:#e8b64cbd;background:linear-gradient(180deg,#e8b64c29,#e8b64c0f);box-shadow:inset 0 1px #ffe2a01f,0 0 14px #e8b64c1f}.server-card strong,.server-card small{display:block}.server-card small{color:var(--muted);font-size:12px}.server-icon{grid-row:1 / 3;width:30px;height:30px;border-radius:50%}.sun-icon{background:radial-gradient(circle at 50% 50%,#fff2a8 0 24%,#f3bd45 25% 43%,transparent 44%),repeating-conic-gradient(from -8deg,#e3a829 0deg 15deg,transparent 15deg 32deg);box-shadow:0 0 16px #e8b64c52}.empty-character{grid-column:1 / -1;min-height:66px;display:grid;place-items:center;border:1px dashed rgba(216,168,96,.3);border-radius:8px;color:var(--muted);font-size:12px}.secondary-action{width:100%;min-height:42px}.create-character-form{display:grid;gap:12px;margin-top:0;padding:14px;border:1px solid rgba(216,168,96,.16);border-radius:9px;background:#ffebbe09}.create-character-head,.create-character-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.create-character-head{justify-content:space-between}.create-character-head strong{color:var(--ink-strong);font-family:var(--font-display);font-weight:600}.create-character-head button{min-height:30px;padding:0 10px;color:var(--muted);font-size:11px}.create-character-form>button[type=submit]{min-height:42px}.character-error{min-height:18px;margin:8px 0;color:#f1b07d}.enter-world{width:100%;min-height:44px;transition:opacity .14s ease,background .14s ease}.enter-world:disabled{cursor:not-allowed;opacity:.42}.native-select-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.custom-select{position:relative;min-width:0}.custom-select-new-character-class{width:150px}.custom-select-new-character-color{width:116px}.custom-select-new-character-hat{width:126px}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;border:1px solid rgba(10,6,3,.7);border-radius:7px;padding:0 10px;background:#08050380;box-shadow:inset 0 2px 4px #00000059;color:var(--ink);cursor:pointer;font:inherit;text-align:left;transition:border-color .14s ease,box-shadow .14s ease}.custom-select-trigger:hover,.custom-select.open .custom-select-trigger{border-color:#e8b64c6b;box-shadow:inset 0 2px 4px #00000059,0 0 0 3px #e8b64c14}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.54}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{width:8px;height:8px;border-right:2px solid rgba(244,233,207,.62);border-bottom:2px solid rgba(244,233,207,.62);transform:translateY(-2px) rotate(45deg);transition:transform .14s ease,border-color .14s ease}.custom-select.open .custom-select-chevron{border-color:var(--gilt);transform:translateY(2px) rotate(225deg)}.custom-select-menu{position:fixed;z-index:80;display:grid;gap:4px;overflow:auto;padding:6px;border:var(--panel-border);border-radius:9px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 18px 52px #00000080}.custom-select-menu[hidden]{display:none}.custom-select-option{position:relative;display:flex;align-items:center;width:100%;min-height:34px;border:0;border-radius:6px;padding:7px 30px 7px 10px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;text-align:left}.custom-select-option:hover,.custom-select-option:focus-visible{outline:0;background:#ffebbe12}.custom-select-option.active{background:#e8b64c2e;color:var(--ink-strong);font-weight:700}.custom-select-option.active:after{content:"";position:absolute;right:11px;width:6px;height:11px;border-right:2px solid var(--gilt);border-bottom:2px solid var(--gilt);transform:rotate(40deg)}@media (max-width: 720px){.login-stage{transform:translateY(-16px)}.game-title{min-height:88px;margin-bottom:16px}.game-title span{font-size:68px}.game-title span:before,.game-title span:after{width:46px}}@media (max-width: 420px){.login-stage{transform:translateY(-8px)}.game-title span{font-size:52px}.game-title span:before,.game-title span:after{width:26px}}@media (max-width: 640px){.login-shell{width:100%}.character-list,.create-character-form{grid-template-columns:1fr}.create-character-form{display:grid}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.bottom-shell{position:absolute;left:12px;right:12px;bottom:12px;z-index:var(--z-hud-bottom);display:flex;gap:10px;align-items:end}.bottom-hud{position:relative;flex:1;min-height:76px;min-width:0;padding:9px 10px;border:var(--panel-border);border-radius:12px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);pointer-events:auto}.bottom-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--noise);opacity:.8;pointer-events:none}.bottom-hud:after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,182,76,.55),transparent);pointer-events:none}.activity-row{position:relative;display:grid;grid-template-columns:52px minmax(118px,180px) 148px minmax(390px,1fr) 42px 58px 42px;gap:7px;align-items:center;min-width:0}.level-widget{position:relative;width:50px;height:50px;display:grid;place-items:center;color:var(--ink-strong);transform:translateY(-4px)}.level-widget svg{position:absolute;top:0;right:0;bottom:0;left:0;width:50px;height:50px;transform:rotate(-90deg)}.level-ring-bg,.level-ring-fill{fill:#0e0905eb;stroke-width:4.5}.level-ring-bg{stroke:#946e3e66}.level-ring-fill{fill:none;stroke:var(--vigor);stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(111,224,138,.55));transition:stroke-dashoffset .18s ease-out}.level-widget:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px solid rgba(232,182,76,.4);box-shadow:inset 0 1px 3px #0009,inset 0 -1px #ffe2a01f;pointer-events:none}.level-widget span{position:relative;font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.8)}.vitals{display:grid;gap:5px;min-width:0}.hp-bar,.resource-bar{position:relative;height:25px;overflow:hidden;border:1px solid rgba(10,6,3,.85);border-radius:99px;background:linear-gradient(180deg,#100806eb,#26100cd9);box-shadow:var(--slot-bevel)}.resource-bar{height:19px;background:linear-gradient(180deg,#080c10eb,#0c161ed9)}.hp-bar i,.resource-bar i{display:block;width:100%;height:100%;border-radius:inherit;transition:width .15s ease-out}.hp-bar i{background:linear-gradient(180deg,rgba(255,255,255,.32) 0 28%,transparent 42%),linear-gradient(90deg,#a92e26,#d94a33 60%,#f07347);box-shadow:0 0 14px #d94a3366}.resource-bar.mp i{background:linear-gradient(180deg,rgba(255,255,255,.32) 0 30%,transparent 45%),linear-gradient(90deg,#2670c2,#35a8e0 60%,#8ae4ff);box-shadow:0 0 12px #35a8e061}.resource-bar.ep i{background:linear-gradient(180deg,rgba(255,255,255,.32) 0 30%,transparent 45%),linear-gradient(90deg,#b0781f,#e8b64c 62%,#ffe08a);box-shadow:0 0 12px #e8b64c5c}.hp-bar span,.resource-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-strong);font-size:11.5px;font-weight:800;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.resource-bar span{font-size:10.5px}.camera-controls,.skill-dropup{min-width:0}.skill-dropup{position:relative;width:148px}.skill-menu{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;gap:5px;width:200px;padding:7px;border:var(--panel-border);border-radius:10px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 16px 48px #00000080;animation:rise-in .13s ease both}.skill{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;border:1px solid transparent;border-radius:8px;padding:0 9px;background:#ffebbe0b;color:var(--ink);text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.skill:hover:not(:disabled){background:#e8b64c1f;border-color:#e8b64c4d}.skill .skill-icon{width:32px;height:32px}.skill.selected{position:relative;border-color:#e8b64ca6;background:linear-gradient(180deg,#e8b64c29,#e8b64c12);box-shadow:inset 0 1px #ffe2a024;overflow:hidden}#selected-skill{width:148px;height:52px;min-height:52px;padding:0 9px}#selected-skill .skill-icon{width:34px;height:34px}#selected-skill span:last-of-type{min-width:0}#selected-skill strong,#selected-skill small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#selected-skill strong{font-size:13.5px;line-height:1.05}#selected-skill small{font-size:10.5px}.skill-xp-fill{position:absolute;left:0;bottom:0;width:calc(var(--skill-xp-progress, 0) * 100%);height:3px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--water),var(--gilt));box-shadow:0 0 10px #5fd0dc66;pointer-events:none}.skill strong,.skill small{display:block}.skill small{color:var(--muted);font-size:11.5px}.skill.on-cooldown{opacity:.52}.skill.unavailable{display:none}.quickbar{display:grid;grid-template-columns:repeat(10,minmax(36px,50px));justify-content:start;gap:5px;min-width:0}.quick-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid rgba(10,6,3,.85);border-radius:9px;background:var(--slot-surface);box-shadow:var(--slot-bevel);color:var(--ink);cursor:default;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.quick-slot:hover{border-color:#e8b64c8c;box-shadow:var(--slot-bevel),0 0 12px #e8b64c24}.quick-slot:active:not(.empty){transform:translateY(1px)}.quick-slot.active{border-color:#e8b64cd9;background:linear-gradient(180deg,#e8b64c2e,#e8b64c0d),var(--slot-surface);box-shadow:var(--slot-bevel),inset 0 0 10px #e8b64c24,0 0 16px #e8b64c47}.quick-slot.empty{opacity:.6}.quick-slot .skill-icon,.quick-slot .item-icon{width:72%;height:72%}.quick-slot .skill-icon svg{filter:none}.quick-slot .quick-key{position:absolute;left:-4px;top:-4px;z-index:1;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--gilt-shadow);background:linear-gradient(180deg,#e9bc60,#b07f2c);color:#2e1d08;font-size:8.5px;font-weight:800;line-height:1;box-shadow:inset 0 1px #fff4cd99,0 1px 2px #00000080}.quick-slot.empty .quick-key{border-color:#0a0603cc;background:#261b10e6;color:var(--faint);box-shadow:none}.quick-slot strong{position:absolute;left:3px;right:3px;bottom:2.5px;overflow:hidden;color:var(--ink);font-size:8.5px;font-weight:700;line-height:1;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap}.quickbar-sorting .quick-slot{transition:transform .13s ease,border-color .13s ease,background .13s ease,opacity .13s ease}.quick-slot-dragging{opacity:.55}.quick-slot-dragging>:not(.quick-key){opacity:0}.quick-slot-original{opacity:.28}.quick-slot-over{border-color:#5fd0dcbf;background:linear-gradient(180deg,#5fd0dc24,#5fd0dc0d),var(--slot-surface)}.quick-slot-mirror{z-index:var(--z-hud-drag);pointer-events:none;opacity:.96;border-color:#e8b64cd9;box-shadow:0 16px 36px #00000080}.quick-drag-object{width:30px;height:30px;cursor:default;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}.item-drag-object{position:relative;display:grid;place-items:center}.item-drag-object .item-icon{width:30px;height:30px}.item-drag-object strong{position:absolute;right:-8px;bottom:-5px;min-width:16px;border-radius:999px;padding:2px 4px;background:#140d08f2;color:var(--ink);font-size:8px;font-weight:800;line-height:1;text-align:center;box-shadow:0 0 0 1px #e8b64c59}.quick-slot.disabled{opacity:.35}.quick-action-icon{position:relative;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(232,182,76,.35);background:linear-gradient(180deg,#e8b64c38,#e8b64c14);color:var(--ink-strong)}.quick-slot .quick-action-icon{width:62%;height:62%}.quick-action-icon .action-icon{width:74%;height:74%}.action-dropup{position:relative;width:42px}.action-dropup-toggle{position:relative;z-index:2}.action-dropup-menu{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:var(--z-hud-menu);display:grid;gap:4px;min-width:138px;padding:6px;border:var(--panel-border);border-radius:9px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 16px 48px #00000073;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .13s ease,transform .13s ease}.action-dropup:hover .action-dropup-menu,.action-dropup:focus-within .action-dropup-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.action-menu-item{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;border:0;border-radius:6px;padding:0 9px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-align:left}.action-menu-item .action-icon{width:17px;height:17px;color:var(--gilt)}.action-menu-item:hover,.action-menu-item:focus-visible{outline:0;background:#e8b64c29}.pk-toggle{min-width:58px;font-family:var(--font-display);font-weight:700;letter-spacing:.06em}.pk-toggle[aria-pressed=true]{border-color:#ff6657b8;background:linear-gradient(180deg,#981b16d9,#5c100ee6);color:#ffe1cf;box-shadow:inset 0 0 0 1px #ffceb12e,0 0 14px #ff4d397a,0 0 34px #d84f3657;text-shadow:0 0 10px rgba(255,215,194,.72)}.camera-controls{display:grid;grid-template-columns:repeat(6,52px);gap:4px;flex:0 0 auto;pointer-events:auto}.camera-controls button{width:52px;min-width:0;height:38px;padding:0 6px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.camera-controls button.active{background:#e8b64c29;color:var(--ink)}.chat-panel{width:min(390px,31vw);pointer-events:auto}.chat-log{max-height:128px;overflow-y:auto;padding:8px 10px;border:var(--panel-border);border-radius:9px 9px 0 0;border-bottom:0;background:linear-gradient(180deg,#160f09a8,#160f09d6);box-shadow:inset 0 0 0 1px #d8a8601a}.chat-panel.collapsed .chat-log{display:none}.chat-panel.collapsed .chat-form{border-radius:9px}.chat-message{padding:1px 0;color:var(--ink);font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}.chat-message strong{margin-right:6px;color:var(--gilt)}.chat-form{display:flex;gap:6px;padding:6px;border:var(--panel-border);border-radius:0 0 9px 9px;background:var(--panel-surface);box-shadow:var(--panel-bevel)}.chat-form input{flex:1;min-width:0;height:36px;border:1px solid rgba(10,6,3,.7);border-radius:6px;outline:none;padding:0 10px;background:#0805038c;box-shadow:inset 0 2px 4px #00000073;color:var(--ink);font:inherit}.chat-form input::placeholder{color:#c9b18999}.chat-form button{min-width:64px;height:36px;font-size:12px}.chat-collapse{min-width:36px;width:36px;padding:0}.chat-collapse .action-icon{width:16px;height:16px}.chevron-icon{transition:transform .15s ease}.side-panel-toggle.active .chevron-left{transform:rotate(180deg)}@media (max-width: 640px){:root{--hud-bottom-reserve: 218px;--hud-overlay-margin: 10px}.bottom-shell{flex-direction:column}.chat-panel,.bottom-hud{width:100%}.activity-row{grid-template-columns:44px 1fr}.skill-dropup,.action-dropup,.camera-controls,.pk-toggle,.icon-button{grid-column:span 2}.camera-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-dropup,#selected-skill{width:min(148px,42vw)}.quickbar{grid-template-columns:repeat(5,minmax(42px,1fr))}}.side-panel:after,.bank-panel:after,.shop-panel:after,.world-map-modal:after,.help-card:after,.hud-dialog:after,.login-shell:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:inherit;background:linear-gradient(var(--gilt),var(--gilt)) left 0 top 0 / 13px 1.5px,linear-gradient(var(--gilt),var(--gilt)) left 0 top 0 / 1.5px 13px,linear-gradient(var(--gilt),var(--gilt)) right 0 top 0 / 13px 1.5px,linear-gradient(var(--gilt),var(--gilt)) right 0 top 0 / 1.5px 13px,linear-gradient(var(--gilt),var(--gilt)) left 0 bottom 0 / 13px 1.5px,linear-gradient(var(--gilt),var(--gilt)) left 0 bottom 0 / 1.5px 13px,linear-gradient(var(--gilt),var(--gilt)) right 0 bottom 0 / 13px 1.5px,linear-gradient(var(--gilt),var(--gilt)) right 0 bottom 0 / 1.5px 13px;background-repeat:no-repeat;opacity:.45;pointer-events:none}.bag-head,.bank-head,.inspect-head,.world-map-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bag-head,.bank-head{margin-bottom:12px}.bag-head span,.bank-head span,.inspect-head span,.world-map-head span,.bank-section-title{display:block;color:var(--gilt);font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.bag-head strong,.bank-head strong,.inspect-head strong,.world-map-head strong{display:block;margin-top:1px;color:var(--ink-strong);font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.05}.side-panel-toggle{position:absolute;top:50%;right:0;z-index:var(--z-hud-panel);display:grid;place-items:center;width:36px;min-width:36px;height:78px;border:var(--panel-border);border-right:0;border-radius:12px 0 0 12px;padding:0;background:var(--panel-surface);box-shadow:var(--panel-bevel),-8px 8px 28px #00000059;color:var(--muted);cursor:pointer;transform:translateY(-50%);pointer-events:auto}.side-panel-toggle:hover{color:var(--gilt-bright)}.side-panel-toggle .action-icon{width:20px;height:20px}.side-panel{position:absolute;top:96px;right:14px;bottom:var(--hud-bottom-reserve);z-index:var(--z-hud-panel);display:grid;grid-template-rows:auto minmax(0,1fr);width:min(392px,calc(100vw - 28px));overflow:hidden;border:var(--panel-border);border-radius:12px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);pointer-events:auto;animation:panel-in .16s ease both}.side-panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 40px;gap:5px;padding:9px;border-bottom:1px solid var(--timber-groove);box-shadow:0 1px #d8a86024}.side-panel-tab{display:grid;place-items:center;min-width:0;height:38px;border:1px solid rgba(10,6,3,.7);border-radius:8px;background:linear-gradient(180deg,#ffebbe0d,#ffebbe04);color:var(--muted);cursor:pointer;font:inherit;transition:background .13s ease,border-color .13s ease,color .13s ease,box-shadow .13s ease}.side-panel-tab .action-icon{width:19px;height:19px}.side-panel-tab:hover{color:var(--ink-strong);border-color:#e8b64c66}.side-panel-tab.active{border-color:#e8b64ca6;background:linear-gradient(180deg,#e8b64c33,#e8b64c0f);box-shadow:inset 0 1px #ffe2a029,0 0 12px #e8b64c24;color:var(--gilt-bright)}.side-panel-close{width:40px;min-width:40px;height:38px}.side-panel-page{min-height:0;overflow:auto;padding:12px}.side-panel .inspect-panel,.side-panel .bag-panel,.side-panel .settings-panel{position:static;inset:auto;width:auto;max-height:none;border:0;border-radius:0;padding:12px;background:transparent;box-shadow:none;transform:none;animation:none}.side-panel .inspect-panel:after,.side-panel .bag-panel:after{display:none}.side-panel #inspect-close,.side-panel #bag-close,.side-panel #settings-close{display:none}.inspect-panel{position:absolute;top:18px;right:18px;z-index:var(--z-hud-panel);width:min(340px,calc(100vw - 36px));max-height:calc(100vh - var(--hud-bottom-reserve) - 36px);overflow:auto;padding:14px;border:var(--panel-border);border-radius:10px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);pointer-events:auto}.bag-panel{position:absolute;right:14px;bottom:var(--hud-bottom-reserve);z-index:var(--z-hud-panel);width:min(392px,calc(100vw - 28px));max-height:calc(100vh - var(--hud-bottom-reserve) - 28px);overflow:auto;padding:12px;border:var(--panel-border);border-radius:10px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);pointer-events:auto}.bag-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:7px}.bag-slot,.bank-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid rgba(10,6,3,.8);border-radius:8px;background:var(--slot-surface);box-shadow:var(--slot-bevel);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.bag-slot.empty,.bank-slot.empty{opacity:.55}.bag-slot .item-icon,.bank-slot .item-icon{width:62%;height:62%;max-width:34px;max-height:34px;transition:transform .13s ease}.bag-slot.filled:hover,.bank-slot.filled:hover{border-color:#e8b64c99;box-shadow:var(--slot-bevel),0 0 12px #e8b64c26}.bag-slot.filled:hover .item-icon,.bank-slot.filled:hover .item-icon{transform:translateY(-1px) scale(1.07)}.bag-slot-drag-source>*{opacity:0}.bag-slot-over{border-color:#e8b64cd9;background:linear-gradient(180deg,#e8b64c29,#e8b64c0d),var(--slot-surface);box-shadow:var(--slot-bevel),0 0 18px #e8b64c2e}.bag-slot-mirror{position:fixed;z-index:var(--z-hud-drag);width:50px;height:50px;pointer-events:none;opacity:.96;transform:translate(-50%,-50%) scale(1.08);border-color:#e8b64cd9;box-shadow:0 16px 36px #00000080}.bag-slot strong,.bank-slot strong{position:absolute;left:5px;right:5px;bottom:4px;overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;line-height:1;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap}.bag-slot em,.bank-slot em{position:absolute;top:3px;right:4px;z-index:1;min-width:15px;border-radius:999px;padding:1.5px 4px;background:#0f0a06e6;color:var(--gilt-bright);font-size:9.5px;font-style:normal;font-weight:800;line-height:1;text-align:center;box-shadow:0 0 0 1px #e8b64c47}.bank-panel,.shop-panel{position:absolute;left:50%;top:calc((100vh - var(--hud-bottom-reserve)) / 2);z-index:var(--z-hud-panel);max-height:min(720px,calc(100vh - var(--hud-bottom-reserve) - var(--hud-overlay-margin) * 2));overflow:auto;padding:14px;border:var(--panel-border);border-radius:12px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);transform:translate(-50%,-50%);pointer-events:auto;animation:panel-pop-center .17s ease both}@keyframes panel-pop-center{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bank-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(980px,calc(100vw - 28px))}.shop-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(520px,calc(100vw - 28px))}.bank-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);min-height:0;gap:12px;overflow:hidden}.bank-layout section{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.bank-section-title{margin-bottom:7px}.bank-section-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.bank-section-actions .ui-button{min-height:30px;padding:6px 10px;font-size:11px}.bank-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));align-content:start;min-height:0;gap:7px;overflow:auto;padding:9px;border:1px solid var(--timber-groove);border-radius:9px;background:#00000038;box-shadow:inset 0 2px 8px #00000059}.bank-slot-main{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer}.bank-slot-main:hover{background:#e8b64c12}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 12px;border:1px solid var(--timber-groove);border-radius:8px;background:#00000038;box-shadow:inset 0 2px 6px #0000004d;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.shop-balance strong{display:flex;align-items:center;gap:7px;color:var(--gilt-bright);font-family:var(--font-display);font-size:17px;font-weight:600}.shop-balance strong .item-icon{width:20px;height:20px}.shop-items{display:grid;min-height:0;gap:8px;overflow:auto;padding-right:2px}.shop-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(10,6,3,.7);border-radius:9px;background:linear-gradient(180deg,#ffebbe0d,#ffebbe04);box-shadow:inset 0 1px #ffe2a00f;transition:border-color .13s ease,background .13s ease}.shop-item:hover{border-color:#e8b64c66}.shop-item strong,.shop-item span{display:block}.shop-item strong{color:var(--ink-strong);font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.05}.shop-item>div>span{margin-top:4px;color:var(--muted);font-size:12px}.shop-item .item-icon{width:36px;height:36px;justify-self:center}.shop-item .ui-button{min-height:34px;padding:0 14px}@media (max-width: 760px){.bank-layout{grid-template-columns:1fr}.bank-slots{max-height:220px}}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"cape head accessory" "hands body primary" "secondary legs ." ". feet .";gap:8px;align-items:center}.equip-slot{display:grid;grid-template-rows:16px minmax(22px,1fr) auto;aspect-ratio:1;min-height:0;align-content:stretch;justify-items:center;padding:8px;border:1px solid rgba(10,6,3,.75);border-radius:9px;background:var(--slot-surface);box-shadow:var(--slot-bevel);color:var(--ink);cursor:default;font:inherit;text-align:center;transition:border-color .13s ease,box-shadow .13s ease}.equip-slot.empty{opacity:.62}.equip-slot.filled{border-color:#e8b64c4d}.equip-slot.filled:not(:disabled){cursor:pointer}.equip-slot.filled:not(:disabled):hover{border-color:#e8b64cb3;box-shadow:var(--slot-bevel),0 0 16px #e8b64c29}.equip-slot .item-icon{width:30px;height:30px;align-self:center;grid-row:2}.equip-slot[data-slot=cape]{grid-area:cape}.equip-slot[data-slot=head]{grid-area:head}.equip-slot[data-slot=accessory]{grid-area:accessory}.equip-slot[data-slot=hands]{grid-area:hands}.equip-slot[data-slot=body]{grid-area:body}.equip-slot[data-slot=primaryWeapon]{grid-area:primary}.equip-slot[data-slot=secondaryWeapon]{grid-area:secondary}.equip-slot[data-slot=legs]{grid-area:legs}.equip-slot[data-slot=feet]{grid-area:feet}.equip-slot span,.stats-list span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.equip-slot span{grid-row:1}.equip-slot strong{display:block;max-width:100%;overflow:hidden;font-size:12.5px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.equip-slot:disabled{opacity:.82}.inspect-head span{letter-spacing:.14em}.inspect-head button{width:30px;height:30px}.inspect-tabs,.stats-list div{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspect-tabs{margin:14px 0;padding:4px;border-radius:8px;background:#00000047;box-shadow:inset 0 2px 5px #00000059}.inspect-tabs button{flex:1;min-height:32px}.inspect-tabs button.active{background:linear-gradient(180deg,#e8b64c38,#e8b64c14);color:var(--ink-strong)}.stats-list{display:grid;gap:6px}.stats-list div{min-height:34px;padding:8px 10px;border-radius:7px;background:#ffebbe0b;box-shadow:inset 0 0 0 1px #d8a86014}.stats-list div strong{color:var(--ink-strong)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.settings-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.settings-toggle{grid-column:1 / -1;grid-template-columns:18px 1fr;align-items:center;min-height:42px;padding:10px 12px;border:1px solid rgba(10,6,3,.7);border-radius:8px;background:#ffebbe0a;cursor:pointer}.settings-toggle input{width:16px;height:16px;accent-color:var(--gilt)}.settings-leave{display:block;min-width:128px;min-height:38px;margin-left:auto;margin-top:18px;padding:0 18px}.settings-card{width:min(420px,92vw)}.top-tools{position:absolute;top:18px;right:18px;z-index:var(--z-hud-top);display:grid;grid-template-columns:42px 174px;align-items:start;gap:14px;pointer-events:auto}.world-map-button{display:grid;place-items:center;width:42px;min-width:42px;height:42px;border:1px solid var(--gilt-shadow);border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,226,160,.22),transparent 55%),linear-gradient(180deg,#3a2816f2,#1e140bf2);box-shadow:inset 0 1px #ffe2a02e,0 8px 22px #0006;color:var(--gilt)}.world-map-button:hover:not(:disabled){color:var(--gilt-bright);box-shadow:inset 0 1px #ffe2a03d,0 0 16px #e8b64c40}.world-map-button .action-icon{width:23px;height:23px}.minimap{position:relative;width:140px;height:140px;margin:17px;overflow:visible;border:3px solid var(--gilt-shadow);border-radius:50%;background:radial-gradient(circle at center,#5b794e4d 0,#5b794e4d 42%,#1e2118d9 72%),#0e0f0beb;box-shadow:inset 0 0 0 1px #ffe2a024,inset 0 0 26px #00000080,0 0 0 2px #140d08e6,0 12px 40px #00000061}#minimap-entities,.minimap-compass-layer,.minimap-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.minimap-canvas{display:block;width:100%;height:100%;border-radius:50%}.minimap-compass-layer{pointer-events:none}.minimap-compass-layer .map-compass-point{pointer-events:auto}.minimap:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(244,233,207,.14);border-radius:50%;pointer-events:none}.map-compass-point{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:20;display:grid;place-items:center;width:26px;height:26px;padding:2px 0 0;border:1px solid var(--gilt-shadow);border-radius:50%;background:linear-gradient(180deg,#3a2816,#1c130b);background-clip:padding-box;box-shadow:none;color:#f4e9cfcc;font-family:var(--font-display);font-size:10px;font-weight:600;line-height:1;transform:translate(-50%,-50%);cursor:pointer;transition:transform .12s ease,color .12s ease,border-color .12s ease}.map-compass-point.cardinal{width:30px;height:30px;font-size:13px}.map-compass-point[aria-label="Face N"]{border-color:#d94235;background:linear-gradient(180deg,#581814,#320d0b);color:#ffefe6}.map-compass-point:hover{border-color:#ffd873b3;color:var(--ink-strong);transform:translate(-50%,-50%) scale(1.1)}@media (max-width: 640px){.top-tools{top:10px;right:10px;grid-template-columns:36px 128px;gap:12px}.world-map-button{width:36px;min-width:36px;height:36px}.world-map-button .action-icon{width:20px;height:20px}.minimap{width:98px;height:98px;margin:15px}}.world-map-modal{position:absolute;inset:24px 32px calc(var(--hud-bottom-reserve) + 10px);z-index:var(--z-hud-modal);display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:var(--panel-border);border-radius:14px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);pointer-events:auto;animation:panel-in .16s ease both}.world-map-head{min-height:76px;padding:11px 13px 11px 17px;border-bottom:1px solid var(--timber-groove);box-shadow:0 1px #d8a86024}.world-map-heading{display:flex;align-items:end;gap:18px}.world-map-heading p{display:flex;align-items:baseline;gap:6px;margin:0 0 1px;color:var(--faint);font-size:12px}.world-map-heading p strong{margin:0;color:var(--gilt-bright);font-family:var(--font-ui);font-size:12px;font-weight:800}.world-map-actions,.world-map-zoom{display:flex;align-items:center}.world-map-actions{gap:8px}.world-map-text-button{min-height:34px;padding:0 12px}.world-map-zoom{height:34px;overflow:hidden;border:1px solid rgba(10,6,3,.8);border-radius:7px;background:var(--slot-surface);box-shadow:var(--slot-bevel)}.world-map-zoom .ui-button{display:grid;width:34px;min-width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:0;font-family:var(--font-display);font-size:19px;line-height:1}.world-map-zoom .ui-button:disabled{opacity:.32}.world-map-zoom output{min-width:48px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}.world-map-scroll{position:relative;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 48%,rgba(59,76,52,.24),transparent 55%),#0a0d09;cursor:grab;scrollbar-width:none;touch-action:none}.world-map-scroll:focus-visible{box-shadow:inset 0 0 0 2px #ffd8739e}.world-map-scroll::-webkit-scrollbar{display:none}.world-map-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.world-map-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;--world-map-scale: 1;--world-map-inverse-scale: 1;--world-map-pan-x: 0px;--world-map-pan-y: 0px}.world-map-canvas{position:absolute;left:0;top:0;overflow:hidden;border:1px solid rgba(236,204,139,.24);border-radius:10px;background:#376f9d;box-shadow:0 0 0 3px #0f0a06b8,0 22px 60px #00000075;contain:layout paint style;transform:translate3d(var(--world-map-pan-x),var(--world-map-pan-y),0) scale(var(--world-map-scale));transform-origin:0 0;will-change:transform}.world-map-texture,.world-map-atmosphere,.world-map-landmarks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world-map-texture{display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.world-map-atmosphere{background:radial-gradient(circle at center,transparent 58%,rgba(20,15,8,.22) 100%),var(--noise);opacity:.38;mix-blend-mode:multiply;pointer-events:none}.world-map-loading{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:9px;color:var(--muted);font-family:var(--font-display);font-size:13px;transform:translate(-50%,-50%);transition:opacity .18s ease}.world-map-loading i{width:26px;height:26px;border:2px solid rgba(232,182,76,.25);border-top-color:var(--gilt-bright);border-radius:50%;animation:map-loading-spin .9s linear infinite}.world-map-stage.is-ready .world-map-loading{opacity:0;pointer-events:none}.world-map-compass{position:absolute;left:18px;top:18px;z-index:8;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(240,212,151,.32);border-radius:50%;background:#160f09c7;box-shadow:inset 0 0 0 3px #e8b64c14,0 4px 16px #00000059;color:#fff1ce;font-family:var(--font-display);font-size:13px;font-weight:700;pointer-events:none}.world-map-compass i{position:absolute;left:50%;top:4px;width:0;height:0;border-right:4px solid transparent;border-bottom:9px solid #d74235;border-left:4px solid transparent;transform:translate(-50%)}.world-map-hint{position:absolute;left:50%;bottom:14px;z-index:8;display:flex;align-items:center;gap:9px;margin:0;padding:6px 11px;border:1px solid rgba(240,212,151,.18);border-radius:99px;background:#110c08c7;color:#f4e9cfb8;font-size:11px;transform:translate(-50%);pointer-events:none}.world-map-hint i{width:3px;height:3px;border-radius:50%;background:var(--gilt)}@keyframes map-loading-spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.world-map-modal{top:0;right:0;bottom:0;left:0;border-radius:0}.world-map-head{min-height:auto;flex-wrap:wrap;padding:9px 10px}.world-map-heading p{display:none}.world-map-actions{gap:5px}.world-map-text-button{min-height:32px;padding:0 8px;font-size:11px}.world-map-zoom,.world-map-zoom .ui-button{height:32px}.world-map-zoom .ui-button{width:30px;min-width:30px}.world-map-zoom output{min-width:42px}.world-map-hint{bottom:10px}}@media (prefers-reduced-motion: reduce){.world-map-loading i{animation:none}}.world-map-landmarks{pointer-events:none}.world-map-landmark,.world-map-player{position:absolute}.world-map-landmark{left:var(--map-x);top:var(--map-y);z-index:3;display:grid;grid-template-columns:16px auto;align-items:center;gap:7px;transform:translate(-8px,-50%) scale(var(--world-map-inverse-scale));transform-origin:8px center}.world-map-landmark>i{display:block;width:13px;height:13px;border:2px solid #4c3415;border-radius:50%;background:var(--gilt-bright);box-shadow:0 0 0 2px #ffedba85,0 2px 7px #000000b8}.world-map-landmark.city>i{border-radius:3px;transform:rotate(45deg)}.world-map-landmark.destination>i{border-radius:3px;background:#e6bb62;transform:rotate(45deg)}.world-map-landmark.destination>i:after{content:"";display:block;width:3px;height:3px;margin:3px;border-radius:50%;background:#4c3415}.world-map-landmark.mountain>i{width:0;height:0;border:0;border-right:7px solid transparent;border-bottom:14px solid #eee4c9;border-left:7px solid transparent;border-radius:0;background:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.75));box-shadow:none}.world-map-landmark b,.world-map-player span{display:block;width:max-content;max-width:150px;padding:3px 7px 4px;border:1px solid rgba(240,212,151,.28);border-radius:5px;background:#160f09d1;box-shadow:0 3px 10px #00000057;color:#fff2cf;font-family:var(--font-display);font-size:11px;font-weight:600;line-height:1.05;text-shadow:0 1px 2px #000}.world-map-player{left:var(--map-x);top:var(--map-y);z-index:6;display:grid;grid-template-columns:20px auto;align-items:center;gap:8px;transform:translate(-10px,-50%) scale(var(--world-map-inverse-scale));transform-origin:10px center}.world-map-player>i{position:relative;display:block;width:16px;height:16px;border:3px solid #fff3bf;border-radius:50%;background:#d74235;box-shadow:0 2px 8px #000000b8}.world-map-player>i:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(255,240,181,.72);border-radius:50%;animation:map-location-pulse 1.8s ease-out infinite}.world-map-player span{border-color:#d7423585;background:#37130de6}@keyframes map-location-pulse{0%{opacity:.8;transform:scale(.62)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion: reduce){.world-map-player>i:after{animation:none}}.wilds-tooltip{position:fixed;z-index:calc(var(--z-hud-drag) + 10);max-width:min(320px,calc(100vw - 16px));padding:8px 11px;border:1px solid var(--parchment-edge);border-radius:6px;background:linear-gradient(168deg,#f6ead0 0%,var(--parchment) 55%,#e3cfa2 100%);color:var(--parchment-ink);font-size:12.5px;font-weight:700;line-height:1.35;pointer-events:none;text-align:left;white-space:pre-line;box-shadow:inset 0 0 0 1px #fffae68c,0 3px #7a5c3759,0 10px 26px #00000073}.hud-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud-modal);display:grid;place-items:center;padding:var(--hud-overlay-margin);padding-bottom:calc(var(--hud-bottom-reserve) + var(--hud-overlay-margin));background:#06040285;pointer-events:auto}.hud-dialog{position:relative;display:grid;gap:14px;width:min(370px,calc(100vw - 36px));max-height:calc(100vh - var(--hud-bottom-reserve) - var(--hud-overlay-margin) * 2);overflow:auto;border:var(--panel-border);border-radius:12px;padding:18px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);animation:panel-in .15s ease both}.hud-dialog strong{display:block;color:var(--ink-strong);font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.1}.hud-dialog p{margin:7px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.hud-dialog-field{display:grid;gap:7px;color:var(--gilt);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hud-dialog-field input{height:40px;border:1px solid rgba(10,6,3,.7);border-radius:7px;padding:0 10px;background:#0805038c;box-shadow:inset 0 2px 4px #00000073;color:var(--ink);font:inherit}.hud-dialog-actions{display:flex;justify-content:end;gap:8px}.hud-dialog-actions button{min-width:92px;min-height:38px;padding:0 12px}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud-modal);display:grid;place-items:center;padding:var(--hud-overlay-margin);padding-bottom:calc(var(--hud-bottom-reserve) + var(--hud-overlay-margin));background:#06040273;pointer-events:auto}.help-card{position:relative;width:min(380px,calc(100vw - 36px));max-height:calc(100vh - var(--hud-bottom-reserve) - var(--hud-overlay-margin) * 2);overflow:auto;border:var(--panel-border);border-radius:12px;padding:16px;background:var(--panel-surface);box-shadow:var(--panel-bevel),var(--panel-drop);animation:panel-in .15s ease both}.help-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.help-head strong{color:var(--ink-strong);font-family:var(--font-display);font-size:19px;font-weight:600}.help-head .ui-button-tool{min-width:36px;width:36px;height:34px}.help-list{display:grid;gap:7px;margin:0}.help-list div{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid rgba(216,168,96,.12)}.help-list dt{color:var(--gilt);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.help-list dd{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.notice-feed{position:absolute;top:18px;left:18px;z-index:var(--z-hud-feedback);display:grid;gap:8px;width:min(320px,calc(100vw - 36px))}.notice{padding:9px 12px;border:1px solid rgba(10,6,3,.75);border-left:3px solid var(--gilt);border-radius:7px;background:linear-gradient(180deg,#22180ee6,#160f09e6);box-shadow:inset 0 1px #ffe2a014,0 8px 20px #0000004d;color:var(--ink);font-size:13px;animation:rise-in .22s ease both}.region-toast{position:absolute;left:50%;top:64px;z-index:var(--z-hud-feedback);color:#ffe8ac;font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;text-shadow:0 2px 0 rgba(92,48,24,.9),0 0 22px rgba(232,182,76,.32),0 6px 24px rgba(0,0,0,.55);transform:translate(-50%,10px);white-space:nowrap}.region-toast:before,.region-toast:after{content:"";position:absolute;top:55%;width:64px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(232,182,76,.85))}.region-toast:before{right:calc(100% + 16px)}.region-toast:after{left:calc(100% + 16px);transform:scaleX(-1)}.region-toast.show{animation:region-title 2.6s ease both}@keyframes region-title{0%{opacity:0;transform:translate(-50%,12px)}18%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.speech-bubble{position:fixed;left:0;top:0;z-index:3;max-width:220px;padding:6px 9px;border:1px solid var(--parchment-edge);border-radius:8px;background:linear-gradient(170deg,#f6ead0,#e9d7ab);color:var(--parchment-ink);pointer-events:none;text-align:center;font-size:12px;font-weight:500;line-height:1.25;text-shadow:none;box-shadow:0 2px #7a5c374d,0 8px 18px #00000059}.damage-splat{position:fixed;left:0;top:0;z-index:4;min-width:26px;padding:1px 5px;color:#ffd36e;font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1;pointer-events:none;text-align:center;text-shadow:0 2px 0 rgba(76,24,14,.95),0 0 10px rgba(0,0,0,.65);will-change:transform,opacity}.damage-splat.miss{color:#d8d0bd;font-size:15px}.damage-splat.heal{color:#78f2b1;text-shadow:0 2px 0 rgba(10,54,34,.95),0 0 10px rgba(64,255,160,.45)}.xp-splat{position:fixed;left:0;top:0;z-index:4;min-width:42px;color:#8ff07d;font-size:14px;font-weight:800;line-height:1;pointer-events:none;text-align:center;text-shadow:0 2px 0 rgba(16,54,16,.95),0 0 10px rgba(104,255,96,.35);will-change:transform,opacity}.level-splat{position:fixed;left:0;top:0;z-index:6;min-width:148px;color:#ffe26e;font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1;pointer-events:none;text-align:center;text-shadow:0 3px 0 rgba(88,57,10,.98),0 0 18px rgba(255,226,110,.82),0 0 36px rgba(232,182,76,.38);will-change:transform,opacity}.entity-label{position:fixed;left:0;top:0;z-index:2;min-width:72px;opacity:1;transform:translate(-50%,-100%);pointer-events:none;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.8)}.entity-label .entity-name{display:none;padding:3px 7px;border:1px solid rgba(216,168,96,.25);border-radius:6px;background:#140d08c7;color:var(--ink);font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap}.entity-label .mini-bar{height:4px;margin-top:3px;border-radius:99px;overflow:hidden;background:#00000080;box-shadow:0 0 0 1px #00000059}.entity-label .mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#b0362b,#e2603c)}.entity-context-menu{position:fixed;z-index:var(--z-hud-menu);display:grid;min-width:148px;gap:4px;padding:6px;border:var(--panel-border);border-radius:9px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 18px 52px #00000080;pointer-events:auto;animation:rise-in .11s ease both}.entity-context-menu button{min-height:34px;border:0;border-radius:6px;padding:7px 10px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-align:left}.entity-context-menu button:hover,.entity-context-menu button:focus-visible{outline:0;background:#e8b64c29}.dev-menu{position:fixed;top:50%;left:14px;z-index:var(--z-hud-top);display:grid;gap:10px;width:172px;padding:12px;border:var(--panel-border);border-radius:10px;background:var(--panel-surface);box-shadow:var(--panel-bevel),0 18px 42px #00000057;transform:translateY(-50%)}.dev-menu__title{color:var(--gilt);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dev-menu__toggle{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:700;cursor:default}.dev-menu__toggle input{width:16px;height:16px;margin:0;accent-color:var(--gilt)}.dev-menu__section{margin-top:2px;padding-top:10px;border-top:1px solid rgba(216,168,96,.14);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dev-menu__details{max-height:160px;margin:0;padding:8px;overflow:auto;border:1px solid rgba(216,168,96,.12);border-radius:7px;background:#0000004d;color:#dce8d3;font-family:Menlo,Consolas,monospace;font-size:10px;line-height:1.45;white-space:pre-wrap}