@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2)format("woff2")}@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/marcellus-400.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#080d16;--panel-bg:#0d1420;--panel-secondary:#121b29;--panel-hover:#18263a;--gold:#c99545;--gold-light:#e9c879;--gold-dark:#7d5425;--electric-blue:#268cff;--blue-light:#6db9ff;--blue-dark:#0b3f78;--text-main:#f3f0e8;--text-secondary:#aeb8c7;--text-muted:#68778a;--danger:#c84a4a;--success:#4fae77;--warning:#d99b3d;--hp:#8a2e32;--hp-fill:#b44545;--border-gold:color-mix(in srgb, var(--gold) 55%, transparent);--border-bronze:color-mix(in srgb, var(--gold-dark) 80%, #000);--shadow-panel:0 16px 40px #0000006b, inset 0 1px 0 #e9c87914;--shadow-inner:inset 0 1px 0 #6db9ff14, inset 0 -12px 24px #00000047;--radius-panel:12px;--radius-control:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--hud-corner-inset:28px;--hud-vitals-block:125px;--hud-stack-gap:14px;--font-ui:Inter, "Segoe UI", Tahoma, sans-serif;--font-display:Marcellus, Palatino, "Times New Roman", serif;--chat-local:var(--text-main);--chat-world:var(--blue-light);--chat-system:var(--gold-light);--chat-party:var(--electric-blue);--chat-guild:var(--success);--chat-whisper:var(--gold);--cursor-normal:url(/cursors/cursor-normal.png) 2 2, default;--cursor-click:url(/cursors/cursor-click.png) 3 1, pointer;--ease-ui:.14s ease;--ease-panel:.16s ease;font-family:var(--font-ui);font-weight:400}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text-main);cursor:var(--cursor-normal);margin:0;overflow:hidden}#game-canvas{z-index:0;width:100%;height:100%;cursor:var(--cursor-normal);display:block;position:relative}input,textarea,select,option,button{cursor:var(--cursor-normal);font-family:var(--font-ui)}html.is-lmb-down,html.is-lmb-down body,html.is-lmb-down #game-canvas,html.is-lmb-down input,html.is-lmb-down textarea,html.is-lmb-down select,html.is-lmb-down option,html.is-lmb-down button{cursor:var(--cursor-click)}.camera-look-cursor{z-index:40;pointer-events:none;width:84px;height:37px;position:fixed;transform:translate(-50%,-50%)}.camera-look-cursor img{width:100%;height:100%;display:block}#overlay{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}#hud-root{z-index:2;pointer-events:none;position:absolute;inset:0}.brand h1,.panel h2,.hud-player-name,.hud-level,.target-name,.target-level,.social-head strong,.whisper-title,.character-head strong,.hud-death{font-family:var(--font-display);font-weight:400}.brand h1{color:var(--gold-light);letter-spacing:.18em;text-transform:uppercase;margin:0}.brand p,#status{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.hint{color:var(--text-muted);margin:6px 0 0;font-size:13px}#session-root{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#session-root:not(:empty),#session-root.dim,#session-root.opaque{pointer-events:auto}#session-root.dim{background:color-mix(in srgb, var(--bg-deep) 72%, transparent)}#session-root.opaque{background:var(--bg-deep)}.panel,.social-panel,.whisper-panel,.target-frame,.chat-panel,.character-panel{border:1px solid var(--border-gold);background:var(--panel-bg);box-shadow:var(--shadow-panel), var(--shadow-inner)}.panel{width:min(420px,100vw - 40px);padding:var(--space-5);border-radius:var(--radius-panel)}.panel h2{color:var(--gold-light);margin:0 0 8px;font-size:26px}.panel-copy,.form-error{color:var(--text-secondary);margin:0 0 14px;font-size:14px}.form-error{color:var(--danger);min-height:1.2em}.panel label{margin-bottom:var(--space-3);color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.panel input,.panel select,.panel button{font:inherit;color:var(--text-main)}.panel input,.panel select,.social-add input,.whisper-field input,.whisper-compose input,.chat-channel,.chat-input{border:1px solid var(--border-bronze);border-radius:var(--radius-control);background:var(--bg-deep);transition:border-color var(--ease-ui), background var(--ease-ui);padding:8px 10px;box-shadow:inset 0 1px 2px #00000059}.panel input:focus,.panel select:focus,.social-add input:focus,.whisper-compose input:focus,.chat-input:focus,.chat-channel:focus{outline:1px solid color-mix(in srgb, var(--electric-blue) 55%, transparent);border-color:var(--electric-blue)}.panel-actions,.create-row,.character-row{align-items:center;gap:10px;display:flex}.panel-stack{gap:var(--space-2);flex-direction:column;display:flex}.panel-stack button{width:100%}.panel button,.target-actions button,.hud-tray button,.social-row-actions button,.social-close,.social-add-btn,.social-tabs button,.social-thread,.whisper-close,.whisper-minimize,.whisper-send,.chat-filter,.chat-hide,.chat-mail,.chat-jump{transition:background var(--ease-ui), border-color var(--ease-ui), color var(--ease-ui)}.panel button{border:1px solid var(--gold);border-radius:var(--radius-control);background:linear-gradient(180deg, var(--panel-hover) 0%, var(--panel-secondary) 100%);color:var(--gold-light);cursor:inherit;padding:8px 14px}.panel button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--gold-light)}.panel button.ghost{border:1px solid var(--border-bronze);color:var(--text-secondary);background:0 0}.character-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.character-row{border:1px solid var(--border-bronze);border-radius:var(--radius-control);background:var(--panel-secondary);justify-content:space-between;padding:8px 10px}.character-row.is-online{opacity:.5;filter:grayscale(.4)}.character-row-actions{gap:var(--space-2);flex-shrink:0;display:flex}.panel button.danger{background:color-mix(in srgb, var(--danger) 28%, var(--panel-bg));border-color:var(--danger);color:var(--text-main)}.panel button.ghost.danger{border-color:var(--danger);color:var(--danger);background:0 0}.panel button:disabled{opacity:.45;cursor:not-allowed}.delete-confirm{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-control);background:color-mix(in srgb, var(--danger) 12%, var(--panel-bg))}.delete-confirm-name{font-family:var(--font-display);color:var(--text-main);margin:0 0 10px;font-weight:400}.delete-confirm input{width:100%;margin-bottom:var(--space-3);box-sizing:border-box}.saved-accounts{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.saved-accounts-label{color:var(--text-secondary);margin:0;font-size:13px}.saved-account-row{gap:var(--space-2);align-items:center;display:flex}.saved-account-pick{text-align:left;flex:1}.remember-row{align-items:center;gap:var(--space-2);flex-direction:row}.remember-row input{width:auto}.create-row input{flex:1}.faction-pick{margin-bottom:var(--space-3);gap:10px;display:flex}.faction-button{flex:1;border:2px solid var(--border-bronze)!important;background:var(--bg-deep)!important;color:var(--text-secondary)!important}.faction-button.faction-blue.is-selected{border-color:var(--electric-blue)!important;background:color-mix(in srgb, var(--blue-dark) 70%, var(--panel-bg))!important;color:var(--blue-light)!important}.faction-button.faction-red.is-selected{border-color:var(--danger)!important;background:color-mix(in srgb, var(--danger) 22%, var(--panel-bg))!important;color:var(--text-main)!important}.teleport-panel .teleport-destination{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.teleport-panel .teleport-destination span{color:var(--text-muted);font-size:13px}.hidden{display:none}.hud-vitals{left:28px;bottom:var(--hud-corner-inset);z-index:3;border:1px solid var(--border-gold);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--panel-bg) 92%, transparent);width:268px;box-shadow:var(--shadow-panel), var(--shadow-inner);pointer-events:auto;padding:10px 12px 12px;position:absolute}.hud-identity{align-items:center;gap:var(--space-2);margin-bottom:10px;display:flex}.hud-level{border:1px solid var(--gold);background:var(--bg-deep);min-width:52px;color:var(--gold-light);letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.hud-player-name{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.hud-realm{color:var(--blue-light);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:11px}.hud-bar{border:1px solid var(--gold-dark);background:var(--bg-deep);border-radius:999px;height:10px;margin-bottom:4px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.hud-bar-fill{width:100%;height:100%;display:block;box-shadow:inset 0 1px #ffffff1f}.hud-bar.hp .hud-bar-fill{background:linear-gradient(180deg, #c45a5a 0%, var(--hp) 100%)}.hud-bar.mp .hud-bar-fill{background:linear-gradient(180deg, var(--blue-light) 0%, var(--electric-blue) 58%, var(--blue-dark) 100%)}.hud-vitals-text,.target-hp,.target-hit{color:var(--text-secondary);margin:0 0 6px;font-size:12px}.hud-vitals-text:last-of-type,.target-hp{margin-bottom:0}.hud-exp{z-index:3;border:1px solid var(--border-bronze);background:var(--bg-deep);pointer-events:none;border-radius:999px;width:min(420px,100vw - 280px);height:8px;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-exp-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--electric-blue));width:0;height:100%;display:block}.target-frame{border-radius:var(--radius-panel);pointer-events:auto;width:min(340px,100vw - 48px);padding:12px 14px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.target-identity{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.target-name{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.target-level{border:1px solid var(--gold);background:var(--bg-deep);color:var(--gold-light);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px}.target-realm{color:var(--blue-light);letter-spacing:.03em;text-transform:uppercase;margin-left:auto;font-size:11px}.target-hit{min-height:1.2em;color:var(--danger)}.target-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.target-actions.hidden,.target-actions .hidden{display:none}.target-actions button,.hud-tray button,.social-row-actions button,.social-close,.social-add-btn,.whisper-close,.whisper-minimize,.whisper-send{color:var(--text-main);border:1px solid var(--border-bronze);border-radius:var(--radius-control);background:var(--panel-secondary)}.target-actions button:hover,.hud-tray button:hover,.social-row-actions button:hover,.social-close:hover,.whisper-close:hover,.whisper-minimize:hover,.character-close:hover,.whisper-send:hover,.social-add-btn:hover{border-color:var(--gold);background:var(--panel-hover)}.hud-death{color:var(--gold-light);letter-spacing:.04em;margin:0;font-size:28px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.chat-root{left:16px;bottom:calc(var(--hud-corner-inset) + var(--hud-vitals-block) + var(--hud-stack-gap));z-index:3;pointer-events:auto;width:min(460px,100vw - 32px);position:absolute}.chat-panel{border-radius:var(--radius-panel);background:color-mix(in srgb, var(--panel-bg) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;height:min(228px,32vh);transition:background .4s,border-color .4s;display:flex;overflow:hidden}.chat-root.idle:not(:hover):not(.composing) .chat-panel{background:color-mix(in srgb, var(--panel-bg) 38%, transparent);border-color:color-mix(in srgb, var(--gold) 22%, transparent)}.chat-root.collapsed .chat-filters,.chat-root.collapsed .chat-log,.chat-root.collapsed .chat-jump{display:none}.chat-root.collapsed .chat-panel{height:auto}.chat-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:6px 8px 0;display:flex}.chat-filters{gap:4px;display:flex}.chat-filter,.chat-hide,.chat-mail,.chat-jump,.chat-sender,.chat-channel{font:inherit;color:var(--text-secondary);cursor:inherit}.chat-filter,.chat-hide,.chat-mail{background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 8px}.chat-filter:hover,.chat-hide:hover,.chat-mail:hover{color:var(--text-main);border-color:var(--border-bronze)}.chat-filter.active{color:var(--gold-light);border-color:var(--border-gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.chat-tools{flex-shrink:0;gap:2px;display:flex}.chat-hide,.chat-mail{width:28px;color:var(--text-muted)}.chat-mail{font-size:15px;line-height:1}.chat-log,.whisper-log,.social-body{scrollbar-width:thin;scrollbar-color:var(--gold-dark) var(--bg-deep)}.chat-log{flex:1;min-height:0;padding:6px 10px 4px;overflow:hidden auto}.chat-line{color:var(--chat-local);word-break:break-word;margin:0 0 3px;font-size:13px;line-height:1.35;transition:opacity 1.2s}.chat-root.idle:not(:hover):not(.composing) .chat-line:not(.fresh){opacity:.38}.chat-channel-world,.chat-channel-world .chat-tag{color:var(--chat-world)}.chat-channel-system,.chat-channel-system .chat-sender{color:var(--chat-system)}.chat-channel-party{color:var(--chat-party)}.chat-channel-guild{color:var(--chat-guild)}.chat-channel-whisper{color:var(--chat-whisper)}.chat-time{color:var(--text-muted);font-size:11px}.chat-sender{background:0 0;border:0;padding:0;font-weight:600}.chat-jump{border:1px solid var(--border-gold);background:var(--panel-secondary);border-radius:999px;align-self:center;margin:0 0 4px;padding:2px 10px;font-size:12px}.chat-compose{gap:6px;padding:6px 8px 8px;display:flex}.chat-channel{width:108px;color:var(--text-main);padding:4px 6px;font-size:12px}.chat-input{min-width:0;color:var(--text-main);flex:1;padding:5px 8px;font-size:13px}.chat-root:not(.composing) .chat-input{background:color-mix(in srgb, var(--bg-deep) 55%, transparent)}.hud-tray{z-index:3;gap:var(--space-2);pointer-events:auto;display:flex;position:absolute;bottom:20px;right:20px}.hud-tray button{border-color:var(--gold);background:linear-gradient(180deg, var(--panel-secondary) 0%, var(--panel-bg) 100%);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:52px;display:flex;box-shadow:inset 0 1px #e9c8791f}.hud-tray-icon{font-size:18px;line-height:1}.hud-tray-label{color:var(--gold-light);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.social-panel,.whisper-panel{animation:panel-in var(--ease-panel)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.social-panel{z-index:3;border-radius:var(--radius-panel);pointer-events:auto;flex-direction:column;width:min(360px,100vw - 40px);max-height:min(420px,56vh);display:flex;position:absolute;bottom:84px;right:20px;overflow:hidden}.social-head,.whisper-head{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:grab;-webkit-user-select:none;user-select:none;padding:10px 12px 0;display:flex}.social-head strong,.whisper-title{color:var(--gold-light);font-size:18px}.social-head:active,.whisper-head:active{cursor:grabbing}.social-tabs{flex-wrap:wrap;justify-content:flex-start;gap:4px;padding:10px 12px 0;display:flex}.social-tabs button{font:inherit;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px}.social-tabs button:hover{color:var(--text-main);background:var(--panel-hover)}.social-tabs button.active{color:var(--gold-light);border-color:var(--border-gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.social-body{min-height:160px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);flex:1;font-size:13px;overflow-y:auto}.social-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-control);background:var(--panel-secondary);padding:6px 8px;display:flex}.social-row-actions{flex-wrap:wrap;gap:4px;display:flex}.social-row-actions button,.social-add-btn,.whisper-send{padding:4px 8px;font-size:12px}.whisper-send{color:var(--bg-deep);border-color:var(--gold);background:linear-gradient(180deg, var(--gold-light), var(--gold))}.social-thread{text-align:left;background:0 0;border:0;padding:4px 0}.social-add,.whisper-field,.whisper-actions{gap:var(--space-2);padding:0 12px 12px;display:flex}.social-add input,.whisper-field input{min-width:0;color:var(--text-main);flex:1}.whisper-panel{z-index:4;border-radius:var(--radius-panel);pointer-events:auto;flex-direction:column;width:min(380px,100vw - 48px);max-height:min(420px,56vh);display:flex;position:absolute;top:28%;right:76px;overflow:hidden}.whisper-letter{color:var(--gold-light);flex-shrink:0;font-size:16px;line-height:1}.whisper-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.whisper-head-actions{flex-shrink:0;gap:4px;display:flex}.whisper-panel.is-minimized{width:228px;max-height:none;animation:none}.whisper-panel.is-minimized .whisper-head{padding:8px 8px 8px 10px}.whisper-panel.is-minimized .whisper-log,.whisper-panel.is-minimized .whisper-compose{display:none}.whisper-panel.is-unread{border-color:var(--gold-light);box-shadow:var(--shadow-panel), 0 0 0 1px color-mix(in srgb, var(--electric-blue) 35%, transparent)}.whisper-panel.is-unread.is-minimized{animation:1.2s ease-in-out infinite mail-blink}@keyframes mail-blink{0%,to{opacity:1}50%{opacity:.42}}.whisper-log{min-height:160px;padding:var(--space-2) var(--space-3);flex:1;overflow-y:auto}.whisper-compose{gap:6px;padding:8px 12px 12px;display:flex}.whisper-compose input{min-width:0;color:var(--text-main);flex:1}.whisper-field{flex-direction:column;align-items:stretch;padding-top:10px}.whisper-field span{color:var(--text-muted);font-size:12px}.social-close,.whisper-close,.whisper-minimize,.character-close{width:32px;height:32px;color:var(--text-secondary);font-size:18px}.character-panel{z-index:4;border-radius:var(--radius-panel);pointer-events:auto;width:min(400px,100vw - 40px);max-height:min(520px,70vh);animation:panel-in var(--ease-panel);flex-direction:column;display:flex;position:absolute;top:72px;left:50%;overflow:hidden;transform:translate(-50%)}.character-head{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:grab;-webkit-user-select:none;user-select:none;padding:10px 12px 0;display:flex}.character-head strong{color:var(--gold-light);font-size:18px}.character-head:active{cursor:grabbing}.character-tabs{gap:4px;padding:10px 12px 0;display:flex}.character-tabs button{font:inherit;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px}.character-tabs button:hover{color:var(--text-main);background:var(--panel-hover)}.character-tabs button.active{color:var(--gold-light);border-color:var(--border-gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.character-body{min-height:180px;padding:var(--space-3);color:var(--text-secondary);flex:1;font-size:13px;overflow-y:auto}.character-empty,.character-level,.character-points{margin:0 0 var(--space-2)}.character-level{color:var(--text-main)}.character-exp{margin-bottom:var(--space-3)}.character-exp span{color:var(--gold-light);margin-bottom:6px;font-size:12px;display:block}.character-exp-bar{border:1px solid var(--gold-dark);background:var(--bg-deep);border-radius:999px;height:8px;overflow:hidden}.character-exp-bar span{background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--electric-blue));height:100%;display:block}.character-stat,.character-skill{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border:1px solid var(--border-bronze);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-secondary) 80%, transparent);padding:8px 10px;display:flex}.character-stat span{width:42px;color:var(--text-muted);letter-spacing:.04em}.character-stat strong,.character-skill strong{color:var(--text-main)}.character-stat button,.character-skill button{width:28px;height:28px;color:var(--gold-light);border-color:var(--border-gold);background:var(--bg-deep);padding:0}.character-stat button:disabled,.character-skill button:disabled{color:var(--text-muted);border-color:var(--border-bronze);opacity:.45}.character-skill{align-items:flex-start}.character-skill p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.character-skill-meta{color:var(--blue-light);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;display:block}