:root{--bg:#16161e;--panel:rgba(26,27,38,.94);--panel-2:#24283b;--panel-3:#292d3e;--line:#3b4261;--soft:#292d3e;--text:#c0caf5;--text-bright:#e8eaf2;--muted:#9aa5ce;--muted-2:#7f849c;--blue:#7aa2f7;--blue-deep:#3f68c2;--gold:#e0af68;--danger:#f7768e;--hp-high:#39c14e;--hp-mid:#d8c343;--hp-low:#d0342c;--figures:"Inter",ui-sans-serif,system-ui,sans-serif}*{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}.warn{color:var(--danger)}#login{height:100vh;display:grid;place-items:center;background:linear-gradient(#16161eaa,#16161ecc),radial-gradient(circle at 50% 35%,#2a4a63,#1a1b26 45%,#16161e 80%)}.card{width:min(390px,92vw);padding:30px;background:#1a1b26f2;border:1px solid #3b4261;border-radius:6px;box-shadow:0 20px 70px #000c,inset 0 1px #c0caf50d}.login-mark{display:block;width:96px;height:96px;margin:0 auto 10px}.card h1{margin:0 0 8px;color:var(--gold);font-size:28px;text-align:center}.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 #e0af68;background:linear-gradient(#e0af68,#c99a4e);color:#16161e;font-weight:800;cursor:pointer}#game{position:relative;height:100vh;background:#16161e}#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(#1a1b26ee,#16161eee);border-bottom:1px solid #3b4261;box-shadow:0 3px 12px #0009}#game-nav a{color:inherit;text-decoration:none}.brand-mark{display:flex;align-items:center;gap:8px;margin-right:5px;letter-spacing:.04em}.brand-mark img{width:30px;height:30px;flex:none}.brand-mark b{color:var(--gold);font-size:18px;align-self:baseline}.brand-mark span{color:#e8eaf2;font-size:12px;font-weight:800;align-self:baseline}.portrait{width:39px;height:39px;padding:0;border:1px solid #3b4261;background:#292d3e;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:var(--blue);font-size:12px;font-variant-numeric:tabular-nums}.top-stat.gold strong{color:var(--gold)}.top-spacer{flex:1}.vital-row.xp .bar i{background:linear-gradient(90deg,#8a6a2e,var(--gold))}.vital-row.xp em{color:var(--gold)}#swap-hero{position:relative;overflow:hidden;width:48px;height:48px;padding:0;display:grid;place-items:center;font-size:8px;line-height:1;color:var(--text-bright);text-shadow:0 1px 2px #000}#swap-portrait{display:block;width:34px;height:34px;margin-bottom:8px;image-rendering:pixelated;pointer-events:none}#swap-hero{padding-bottom:0}#swap-hero:before{content:"";position:absolute;right:0;bottom:0;left:0;height:11px;background:linear-gradient(#16161e00,#16161ecc 40%);pointer-events:none}#swap-hero[data-pronto="0"]{opacity:.5;cursor:not-allowed}#swap-hero i.cd{position:absolute;left:0;right:0;bottom:0;background:#141a26c7;pointer-events:none}#audio-controls{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid var(--soft);border-radius:3px;background:#1a1b26}#audio-mute{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:2px;filter:grayscale(0)}#audio-mute[data-mudo="1"]{filter:grayscale(1);opacity:.55}#audio-volume{width:74px;accent-color:#7aa2f7;cursor:pointer}@media(max-width:1050px){#audio-volume{display:none}}.clock{padding:5px 8px;border:1px solid var(--soft);border-radius:3px;background:#1a1b26;color:#9aa5ce;font-size:11px}.conn{color:#39c14e;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.conn.bad{color:#e0af68}.online-count{display:flex;align-items:center;gap:5px;color:#9aa5ce;font-size:11px;white-space:nowrap}.online-count i{width:7px;height:7px;border-radius:50%;background:#39c14e;box-shadow:0 0 7px #39c14e88}.online-count b{color:#c0caf5}#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 #000c,inset 0 1px #c0caf50b;-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:#1a1b26ef;border:1px solid var(--line);border-radius:4px;box-shadow:0 4px 15px #0009}#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:#c0caf5;font-size:15px;line-height:15px}#game-nav button:hover,#game-nav button.active{color:#fff;background:#3f68c2}#game-nav button.active span{color:#7aa2f7}#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:#9aa5ce;font-size:9px;font-weight:800}.vital-row em{color:var(--hp-high);font-size:9px;font-style:normal;font-variant-numeric:tabular-nums;text-align:right}.bar{position:relative;display:block;height:14px;overflow:hidden;background:#16161e;border:1px solid #3b4261;border-radius:2px}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#1f7a35,var(--hp-high));transition:width .2s linear}.vital-row.mana .bar i{background:linear-gradient(90deg,#3f68c2,#7aa2f7)}.bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-bright);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}#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:#e8eaf2;background:linear-gradient(#292d3e,#24283b);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:#9aa5ce;background:transparent;cursor:pointer}#right-dock section{padding:10px 11px;border-bottom:1px solid var(--soft)}#right-dock h2{margin:0 0 7px;color:#7f849c;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.hunt-controls{display:flex;flex-direction:column;gap:6px}select,input{color:var(--text);background:#24283b;border:1px solid #3b4261;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 #7aa2f7;border-radius:3px;background:linear-gradient(#7aa2f7,#3f68c2);color:#fff;font-weight:700;cursor:pointer}.row button.secondary{border-color:#3b4261;background:#292d3e;color:#c0caf5}.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:#1a1b26;border:1px solid #292d3e}#log .line,#chat .line{padding:2px 0;color:var(--text);text-shadow:0 1px 2px #000}#log .line.system{color:var(--gold)}#log .line.loot{color:#39c14e}#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:#1a1b26;border-bottom:1px solid var(--line)}.chat-tabs button{padding:0 13px;border:0;border-right:1px solid var(--soft);background:transparent;color:#7f849c;font-size:10px}.chat-tabs button.active{color:var(--blue);background:#292d3e;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:#16161ee6}#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:#7f849c;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:58px;height:66px;padding:3px;display:grid;place-items:center;border:1px solid #3b4261;border-radius:3px;background:radial-gradient(circle at 50% 35%,#3f68c2,#24283b 70%);color:#e0af68;font-size:23px;cursor:pointer;transition:border-color .12s,transform .08s}.action-bar button:after{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:var(--cooldown,0%);background:#16161ecc;pointer-events:none}.action-bar button.cooling{filter:saturate(.65)}.action-bar button:hover{border-color:#7aa2f7}.action-bar button>*{z-index:1}.action-bar button .key{position:absolute;top:2px;left:4px;color:#9aa5ce;font-size:8px}.action-bar button .glyph{font-style:normal;margin-bottom:9px}.action-bar button .name{position:absolute;right:2px;bottom:9px;left:2px;overflow:hidden;color:#c0caf5;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.action-bar button .cost{position:absolute;top:2px;right:4px;color:#7aa2f7;font-size:8px}.action-bar button .rules{position:absolute;right:1px;bottom:1px;left:1px;overflow:hidden;padding:1px 0;border-radius:2px;background:#16161ecc;color:#39c14e;font-size:6.5px;white-space:nowrap;text-overflow:ellipsis}.action-bar button .warn{position:absolute;top:12px;right:3px;width:11px;height:11px;display:grid;place-items:center;border-radius:50%;background:#d64545;color:#e8eaf2;font-size:8px;font-style:normal}.action-bar button .gear{position:absolute;bottom:1px;left:2px;opacity:0;color:#c0caf5;font-size:9px;font-style:normal;transition:opacity .12s}.action-bar button:hover .gear{opacity:.85}.action-bar button.off{filter:grayscale(.8);opacity:.55}.action-bar button.empty{color:#565f89;background:#1a1b26}.action-bar.idle-locked button.slot{cursor:default}.action-bar.idle-locked button.slot:not(.empty):before{content:"auto";position:absolute;top:2px;left:50%;transform:translate(-50%);z-index:2;padding:0 3px;border-radius:2px;background:#16161ecc;color:#7aa2f7;font-size:6px;letter-spacing:.08em}.action-bar button.dragging{opacity:.4}.action-bar button.drop-target{border-color:var(--gold);transform:translateY(-2px)}.slot-editor{position:absolute;bottom:100%;left:50%;z-index:19;width:340px;margin-bottom:8px;padding:9px 10px;display:grid;gap:7px;transform:translate(-50%);border:1px solid var(--line);border-radius:4px;background:#1a1b26f2;box-shadow:0 12px 30px #000c}.slot-editor header{display:flex;align-items:center;justify-content:space-between}.slot-editor header strong{color:var(--gold);font-size:11px}.slot-editor .field{display:grid;gap:3px;color:#7f849c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.slot-editor .field.inline{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-size:10px;color:#9aa5ce}.slot-editor select,.slot-editor input[type=number]{padding:4px 5px;border:1px solid var(--soft);border-radius:3px;background:#24283b;color:#e8eaf2;font-size:10px}.slot-editor .note{margin:0;color:#7f849c;font-size:9.5px;line-height:1.45}.slot-editor .rules-list{display:grid;gap:5px}.slot-editor .rule{display:grid;grid-template-columns:1fr 1fr .6fr .8fr auto auto;gap:3px;align-items:center}.slot-editor .rule input[type=number]{width:100%}.slot-editor .pct{display:flex;align-items:center;gap:2px;color:#7f849c;font-size:9px}.slot-editor .drop{padding:2px 6px;border:1px solid var(--soft);border-radius:3px;background:#24283b;color:#c0caf5;font-size:10px}.slot-editor .presets{display:flex;flex-wrap:wrap;gap:4px}.slot-editor .presets button{padding:3px 7px;border:1px solid #3b4261;border-radius:999px;background:#24283b;color:#7aa2f7;font-size:9px}.slot-editor .presets button:hover{border-color:var(--gold);color:var(--gold)}.stance{display:grid;gap:2px}.stance button{width:28px;height:23px;padding:0;border:1px solid #3b4261;background:#24283b;color:#9aa5ce}.stance button.active{color:var(--gold);border-color:#e0af68;background:#3a2f1c}@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(#1a1b26,#16161e)}#game-stage{top:64px;right:0;bottom:0;left:0}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#24283b,#11121a 68%)}#loading-screen[hidden]{display:none}.loading-card{width:min(360px,calc(100vw - 32px));padding:28px;text-align:center;border:1px solid #3b4261;border-radius:6px;background:#16161ef2;box-shadow:0 20px 70px #000c}.loading-card h2{margin:14px 0 6px;color:#e0af68;font-size:18px}.loading-card p{margin:0;color:#9aa5ce;font-size:11px}.loading-progress{height:7px;margin:16px 0 7px;overflow:hidden;border:1px solid #3b4261;border-radius:999px;background:#11121a}.loading-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d59a1,#7aa2f7);transition:width .15s ease-out}.loading-card small{color:#737aa2;font-size:10px}.loading-mark{display:block;width:72px;height:72px;margin:auto;animation:loading-spin 3.2s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-mark{animation:none}}#view{cursor:default}.portrait{width:46px;height:46px;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 35%,#292d3e,#16161e)}#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:#3f68c2;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:#565f89;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}}