:root{--bg:#090d13;--panel:rgba(17,23,32,.96);--panel-2:#19212d;--line:#344154;--soft:#273241;--text:#e9edf3;--muted:#929dac;--blue:#3189e9;--gold:#e5b83f;--danger:#de655e}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;color:var(--text);background:var(--bg);font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}[hidden]{display:none!important}button,input,select{font:inherit}.muted{color:var(--muted)}.error{color:var(--danger);min-height:18px}#login{height:100vh;display:grid;place-items:center;background:linear-gradient(#04080eaa,#04080ecc),radial-gradient(circle at 50% 35%,#214a56,#101823 45%,#090d13 80%)}.card{width:min(390px,92vw);padding:30px;background:#10161ff2;border:1px solid #3a4656;border-radius:6px;box-shadow:0 20px 70px #000b,inset 0 1px #ffffff0d}.card h1{margin:0 0 8px;color:var(--gold);font-size:28px}.card label{display:block;margin:18px 0 6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.card input,.card button{width:100%;padding:11px 12px;border-radius:3px}.card input{color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.card button{margin-top:10px;border:1px solid #f0cf69;background:linear-gradient(#edc54d,#d9a92e);color:#17130a;font-weight:800;cursor:pointer}#game{position:relative;height:100vh;background:#080b10}#topbar{position:absolute;z-index:30;top:0;right:0;left:0;height:54px;display:flex;align-items:center;gap:12px;padding:5px 13px;background:linear-gradient(#182130ee,#111822ee);border-bottom:1px solid #435066;box-shadow:0 3px 12px #0008}#game-nav a{color:inherit;text-decoration:none}.brand-mark{display:flex;align-items:baseline;margin-right:5px;letter-spacing:.04em}.brand-mark b{color:var(--gold);font-size:18px}.brand-mark span{color:#d8e3ef;font-size:12px;font-weight:800}.portrait{width:39px;height:39px;padding:0;border:1px solid #52627b;background:#222f42;color:var(--gold);border-radius:3px;font-weight:900}.identity{min-width:150px;display:flex;flex-direction:column}.identity strong{font-size:13px}.identity span{color:var(--muted);font-size:11px}#char-level{color:var(--gold)}.top-stat{min-width:84px;padding-left:12px;border-left:1px solid var(--line);display:flex;flex-direction:column}.top-stat small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.top-stat strong{color:#51a5ff;font-size:12px}.top-stat.gold strong{color:var(--gold)}.top-spacer{flex:1}.clock{padding:5px 8px;border:1px solid var(--soft);border-radius:3px;background:#0d131d;color:#b7c1cf;font-size:11px}.conn{color:#77d79a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.conn.bad{color:#e8a365}.online-count{display:flex;align-items:center;gap:5px;color:#aab5c4;font-size:11px;white-space:nowrap}.online-count i{width:7px;height:7px;border-radius:50%;background:#83d24e;box-shadow:0 0 7px #83d24e88}.online-count b{color:#d7dce5}#game-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair}.hud-panel,.hud-window{background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 22px #000a,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#game-nav{position:absolute;z-index:20;top:64px;right:10px;display:flex;gap:3px;padding:4px;background:#0d131cef;border:1px solid var(--line);border-radius:4px;box-shadow:0 4px 15px #0008}#game-nav button{min-width:51px;padding:5px 7px;display:grid;place-items:center;gap:1px;border:0;border-radius:2px;color:var(--muted);background:transparent;font-size:9px;cursor:pointer}#game-nav button span{color:#b7c4d5;font-size:15px;line-height:15px}#game-nav button:hover,#game-nav button.active{color:#fff;background:#2b3a50}#game-nav button.active span{color:#51a5ff}#vitals{position:absolute;z-index:15;top:64px;left:10px;width:265px;padding:7px 8px;border-radius:3px}.vital-row{display:grid;grid-template-columns:22px 1fr 26px;align-items:center;gap:5px;margin:3px 0}.vital-row>span{color:#aab4c2;font-size:9px;font-weight:800}.vital-row em{color:#73d68a;font-size:9px;font-style:normal;text-align:right}.bar{position:relative;display:block;height:14px;overflow:hidden;background:#0a0e14;border:1px solid #3c4654;border-radius:2px}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#247b36,#43bd5b);transition:width .2s linear}.vital-row.mana .bar i{background:linear-gradient(90deg,#225ca5,#398be8)}.bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700;text-shadow:0 1px 2px black}#right-dock{position:absolute;z-index:16;top:67px;right:10px;width:306px;max-height:calc(100% - 188px);display:flex;flex-direction:column;border-radius:3px;overflow:hidden}.window-title{height:30px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 11px;color:#dce4ef;background:linear-gradient(#283548,#202a39);border-bottom:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.window-title button{width:22px;height:20px;padding:0;border:0;color:#aeb9c8;background:transparent;cursor:pointer}#right-dock section{padding:10px 11px;border-bottom:1px solid var(--soft)}#right-dock h2{margin:0 0 7px;color:#8e9bad;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.hunt-controls{display:flex;flex-direction:column;gap:6px}select,input{color:var(--text);background:#151d28;border:1px solid #344154;border-radius:3px;padding:7px 8px}.hunt-controls select{width:100%}.row{display:flex;gap:6px}.row button{flex:1;padding:8px;border:1px solid #61aef7;border-radius:3px;background:linear-gradient(#3999f0,#2476c7);color:#fff;font-weight:700;cursor:pointer}.row button.secondary{border-color:#46536a;background:#242e3e;color:#d2d9e3}.row button:disabled,.hunt-controls select:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.45)}.analyzer{display:grid;gap:4px}.combat-log{min-height:0;flex:1;display:flex;flex-direction:column}.session-loot{max-height:120px;overflow:auto;font-size:11px}#session-loot{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}#session-loot strong{color:var(--gold)}#log,#chat{overflow-y:auto;font-size:11px}#log{min-height:92px;max-height:180px;padding:6px;background:#111823;border:1px solid #2b3646}#log .line,#chat .line{padding:2px 0;color:#aab5c4}#log .line.system{color:var(--gold)}#log .line.loot{color:#82d995}#chat-panel{position:absolute;z-index:14;left:10px;bottom:10px;width:min(460px,calc(100% - 640px));min-width:300px;height:190px;border-radius:3px;overflow:hidden}.chat-tabs{height:27px;display:flex;background:#161f2b;border-bottom:1px solid var(--line)}.chat-tabs button{padding:0 13px;border:0;border-right:1px solid var(--soft);background:transparent;color:#8995a5;font-size:10px}.chat-tabs button.active{color:#fff;background:#253246;box-shadow:inset 0 -2px var(--blue)}.chat-body{height:calc(100% - 57px);display:grid;grid-template-rows:1fr 30px}#chat{padding:7px 9px;background:#0a0e15e6}#chat-input{width:100%;height:30px;border:0;border-top:1px solid var(--line);border-radius:0}#battle-dock{position:absolute;z-index:17;left:50%;bottom:10px;transform:translate(-32%);height:92px;display:flex;align-items:center;gap:8px;padding:7px;border-radius:3px}.battle-config{width:106px;display:grid;gap:4px}.battle-config label{color:#8793a3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.battle-config select{width:100%;margin-top:2px;padding:3px 5px;font-size:9px}.action-bar{display:flex;gap:3px}.action-bar button{position:relative;width:54px;height:62px;padding:3px;display:grid;place-items:center;border:1px solid #4a5b73;border-radius:2px;background:radial-gradient(circle at 50% 35%,#435a78,#1b2533 70%);color:#f2d26c;font-size:24px;cursor:pointer}.action-bar button:after{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:var(--cooldown,0%);background:#07101dcc;pointer-events:none}.action-bar button.cooling{filter:saturate(.65)}.action-bar button>*{z-index:1}.action-bar button>span{position:absolute;top:2px;left:4px;color:#a9b5c4;font-size:8px}.action-bar button small{position:absolute;right:2px;bottom:2px;left:2px;overflow:hidden;color:#d7dee8;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.action-bar button.empty{color:#66758a;background:#151c27}.stance{display:grid;gap:2px}.stance button{width:28px;height:23px;padding:0;border:1px solid #405069;background:#1c2634;color:#aeb9c8}.stance button.active{color:var(--gold);border-color:#a88a38;background:#3c3420}@media(max-width:1050px){.brand-mark,.top-stat,#clock-session{display:none}#chat-panel{width:340px}#battle-dock{transform:translate(-55%)}.action-bar button:nth-child(n+7){display:none}}@media(max-width:780px){#game-nav button{min-width:38px}#game-nav button:nth-child(n+5){display:none}#right-dock{width:270px}#chat-panel{display:none}#battle-dock{left:8px;right:8px;transform:none;overflow:hidden}.battle-config,.stance{display:none}#vitals{width:220px}}#topbar{height:64px;background:linear-gradient(#171923,#0e1017)}#game-stage{top:64px;right:0;bottom:0;left:0}#view{cursor:default}.portrait{width:46px;height:46px;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 35%,#30364b,#12141d)}#outfit-portrait{display:block;width:46px;height:46px;image-rendering:pixelated;pointer-events:none}#game-nav{position:static;z-index:auto;flex:none;padding:0;border:0;box-shadow:none;background:transparent}#game-nav button{min-width:48px;height:48px}#game-nav button.window-visible{color:#fff;background:#2b3a50;box-shadow:inset 0 -2px var(--blue)}.floating-window{position:absolute;z-index:18;margin:0;transform:none;touch-action:none}.floating-window.is-hidden{display:none!important}.drag-handle{cursor:move;-webkit-user-select:none;user-select:none}.window-close{font-size:16px!important}.floating-window>section{padding:10px 11px}#vitals{top:12px;left:10px;width:265px;padding:0}.vitals-body{padding:7px 8px}#hunt-window{top:12px;right:10px;width:306px}#analyzer-window{top:286px;right:10px;width:306px}#log-window{top:405px;right:10px;width:306px}#loot-window{top:550px;right:10px;width:306px}#log-window .combat-log{min-height:110px}#loot-window .session-loot{max-height:140px}#chat-panel,#battle-dock{top:auto;right:auto}.battle-drag{align-self:stretch;width:12px;display:grid;place-items:center;color:#718096;font-weight:900}@media(max-width:1050px){#game-nav button{min-width:42px}#game-nav button span{font-size:13px}.clock{display:none}}@media(max-width:780px){#game-nav button:nth-child(n+4){display:none}#chat-panel{display:block}}