:root{color-scheme:dark;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#141a24,#0d1117 60%,#0a0d12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e9edf3}#app{width:100%;min-height:100vh;display:flex;justify-content:center;padding:20px}#app.app-lobby{display:block;justify-content:stretch;padding:0}.panel{width:min(960px,100%);display:grid;gap:16px}.lobby-panel{position:relative;width:100%;max-width:none;min-height:100vh;border:0;border-radius:0;padding:28px;background-image:linear-gradient(180deg,#060c1685,#060c16db),url(/lobby/character-select-bg.jpg);background-size:cover;background-position:center;overflow:hidden}.lobby-topbar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.lobby-server-card{justify-self:end;width:100%;max-width:320px;background:linear-gradient(145deg,#ffffff29,#b4d6ff14),#09121e57;border-color:#c4ddfa6b;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff0f,0 10px 28px #04091052;backdrop-filter:blur(18px) saturate(138%);-webkit-backdrop-filter:blur(18px) saturate(138%)}.lobby-characters-card{min-height:clamp(280px,46vh,560px);display:grid;grid-template-rows:auto 1fr;align-content:start;background:linear-gradient(160deg,#ffffff26,#bedeff14 55%,#aad2ff0f),#0a14224d;border-color:#bedcfa66;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff0d,0 12px 30px #040a1457;backdrop-filter:blur(18px) saturate(142%);-webkit-backdrop-filter:blur(18px) saturate(142%)}.lobby-characters-card .list{min-height:0;align-content:start;grid-auto-rows:86px;overflow-y:auto;max-height:min(58vh,560px)}.lobby-characters-card .row{background:#07101e3d;border-color:#b0d2f652;box-shadow:inset 0 1px #ffffff1f}.lobby-character-row{min-height:86px;padding:12px 14px}.lobby-character-meta{font-size:17px;line-height:1.2;color:#e6f0ff}.lobby-server-card select{background:#050e1c47;border-color:#b0d3f85c;backdrop-filter:blur(8px) saturate(128%);-webkit-backdrop-filter:blur(8px) saturate(128%)}.lobby-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.lobby-plus-btn{width:38px;height:38px;border-radius:999px;font-size:22px;line-height:1;padding:0}.lobby-toast{justify-self:start;max-width:min(640px,calc(100% - 28px));border:1px solid rgb(141 177 219 / 35%);background:#0e1c2cb8;border-radius:999px;padding:10px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lobby-modal-backdrop{position:fixed;inset:0;z-index:20;background:#03060bad;display:grid;place-items:center;padding:16px}.lobby-modal-card{width:min(520px,100%);border-color:#3e5f8b}.lobby-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-close-btn{width:34px;height:34px;padding:0;border-radius:8px}.game-panel{position:relative}#app.app-game{position:fixed;inset:0;width:100vw;height:100vh;min-height:100vh;display:block;padding:0;overflow:hidden}body.game-active{overflow:hidden}body.dragging-panel{-webkit-user-select:none;user-select:none;cursor:grabbing}#app.app-game .panel{width:100%;max-width:none}.immersive-panel{position:relative;width:100vw;height:100vh;min-height:100vh;padding:0;border:0;border-radius:0;background-image:linear-gradient(180deg,#070b1240,#0509108f 65%,#04080fb3),var(--zone-map);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}#app.app-game .card{background:#0a121e94;border-color:#aed0f754;backdrop-filter:blur(12px) saturate(122%);-webkit-backdrop-filter:blur(12px) saturate(122%);box-shadow:0 10px 32px #02081157}.hud-gold{border-color:#9b7a30;background:linear-gradient(180deg,#584317d1,#362b11b8);box-shadow:inset 0 0 0 1px #ffd8803d}.hud-bar-row{display:grid;gap:4px;font-size:12px;color:#f5e5bf}.hud-bar{width:100%;height:10px;border-radius:999px;background:#080a0ebf;border:1px solid rgb(255 215 130 / 22%);overflow:hidden}.hud-bar-fill{height:100%;border-radius:999px}.hud-bar-hp{background:linear-gradient(90deg,#bb2f2f,#e46a57)}.hud-bar-mp{background:linear-gradient(90deg,#2b58a9,#57a1ff)}.hud-bar-xp{background:linear-gradient(90deg,#d2a530,#f6dc79)}.actionbar-card{background:#0b1421b8}.actionbar-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.actionbar-row button{min-height:56px;padding:0}.atb-toolbar{display:grid;gap:6px;margin-top:8px;font-size:12px;color:#e6dcff}.battle-atb{margin-top:0;margin-bottom:8px}.atb-track{width:100%;height:10px;border-radius:999px;border:1px solid rgb(205 164 255 / 42%);background:#140c23c7;overflow:hidden}.atb-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7f4dff,#bf8cff)}.action-btn{display:grid;place-items:center;min-height:56px;background:transparent;border:0;box-shadow:none}.action-btn-icon{width:42px;height:42px;border-radius:8px;border:0;background-color:transparent;background-image:var(--action-icon, none);background-position:center;background-size:contain;background-repeat:no-repeat}.action-btn-label{display:none}.action-btn-encounter{--action-icon: url(/ui/actionbar/encounter.png)}.action-btn-warpstone{--action-icon: url(/ui/actionbar/warpstone.png)}.action-btn-inventory{--action-icon: url(/ui/actionbar/inventory.png)}.action-btn-character{--action-icon: url(/ui/actionbar/character.png)}.action-btn-spellbook{--action-icon: url(/ui/actionbar/spellbook.png)}.hud-top-left{position:fixed;top:14px;left:14px;width:min(320px,calc(100vw - 28px));z-index:7}.hud-name{font-size:22px;line-height:1;font-weight:700;color:#ffe7a3}.hud-meta{font-size:17px;color:#f2d48d}.hud-top-right{position:fixed;top:14px;right:14px;width:min(360px,calc(100vw - 28px));z-index:7}.area-card{background:#0d17269e}.area-help{font-size:12px;color:#c3d6ef}.game-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:7;max-width:min(680px,calc(100vw - 28px));border:1px solid rgb(152 187 227 / 42%);border-radius:999px;background:#10233ab8;padding:10px 18px;opacity:1;transition:opacity .36s ease,transform .36s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.game-toast.fading{opacity:0;transform:translate(-50%) translateY(-10px)}.hud-bottom-left{position:fixed;right:0;bottom:116px;width:min(360px,calc(100vw - 60px));border-radius:14px 0 0 14px;z-index:7}.travel-card{min-height:272px}.hud-bottom-left-actions{position:fixed;right:0;bottom:14px;width:min(430px,calc(100vw - 60px));border-radius:14px 0 0 14px;z-index:7}.login-panel{grid-template-columns:minmax(320px,1.2fr) minmax(320px,1fr);align-items:start}.auth-screen{position:fixed;inset:0;background-image:linear-gradient(180deg,#060c1659,#040810c7),url(/login/login-bg.png);background-size:cover;background-position:center}.auth-overlay{width:100%;min-height:100%;display:grid;place-items:center;padding:20px}.auth-stack{width:min(560px,100%);display:grid;gap:14px}.auth-title-art{width:min(560px,100%);height:200px;background-image:url(/login/game-title.png);background-size:contain;background-repeat:no-repeat;background-position:center}.auth-card{background:#0b1421e5;border-color:#2c4465}.auth-switch{font-size:14px;color:#aac0de}.text-link-btn{border:0;background:transparent;color:#cfe2ff;padding:0 2px;font:inherit;text-decoration:underline;cursor:pointer}.text-link-btn:hover{color:#fff}.login-hero{min-height:600px;border-radius:14px;border:1px solid #2d3b4f;padding:24px;display:grid;align-content:space-between;background-image:linear-gradient(180deg,#070a10a3,#090e15d1),url(/login/login-bg.png);background-size:cover;background-position:center}.login-title-art{width:min(520px,100%);height:180px;border-radius:12px;border:1px solid rgb(203 217 237 / 26%);background-image:linear-gradient(180deg,#ffffff24,#b4c6e214),url(/login/game-title.png);background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 48px #ffffff0f}.login-forms{display:grid;gap:16px}h1,h2,p{margin:0}.subtitle{color:#9fb0c8}.card{background:#171f2b;border:1px solid #273346;border-radius:12px;padding:14px;display:grid;gap:12px}.form-grid{display:grid;gap:10px}label{display:grid;gap:6px;font-size:14px}input,select,button{border-radius:8px;border:1px solid #32445f;background:#0f1520;color:#f2f6fb;padding:8px 10px;font-size:14px}button{cursor:pointer;background:#1f3958;border-color:#2f5b8d}button:disabled{opacity:.45;cursor:not-allowed}.message{border:1px solid #3a5a79;background:#15283d;border-radius:10px;padding:10px}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #273346;border-radius:8px;padding:8px;background:#101720}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.battle-card{border-color:#77543c;background:#271b14eb}#app.app-game .battle-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.battle-scene-overlay{position:fixed;left:50%;top:52%;transform:translate(-50%,-50%);z-index:10;width:min(520px,calc(100vw - 40px));pointer-events:none}.enemy-stage{display:grid;justify-items:center;gap:12px}.enemy-stage-sprite{width:min(280px,48vw);height:min(280px,48vw);object-fit:contain;filter:drop-shadow(0 8px 14px rgb(0 0 0 / 46%))}.enemy-stage-fallback{min-width:220px;text-align:center;padding:24px;border:1px solid rgb(164 120 120 / 38%);border-radius:12px;background:#1f1414b3}.enemy-hud{width:min(460px,calc(100vw - 56px));border:1px solid rgb(165 202 240 / 34%);border-radius:10px;background:#0a1421b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 12px;display:grid;gap:8px}.enemy-name{font-size:18px;font-weight:700}.enemy-bar-row{display:grid;gap:5px;font-size:12px}.enemy-bar{width:100%;height:9px;border-radius:999px;border:1px solid rgb(199 215 234 / 28%);background:#060c16c2;overflow:hidden}.enemy-bar-fill{height:100%;border-radius:999px}.enemy-bar-hp{background:linear-gradient(90deg,#bf2f2f,#ea6d5a)}.enemy-bar-mp{background:linear-gradient(90deg,#355ccc,#69b7ff)}.battle-actionbar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100vw - 28px));z-index:11}.battle-actionbar .button-row{display:grid;grid-template-columns:repeat(8,minmax(56px,72px));justify-content:center;gap:10px}.battle-actionbar button{min-height:56px}.battle-skill-btn{aspect-ratio:1 / 1;border-radius:10px;padding:0;display:grid;place-items:center;position:relative}.battle-skill-icon{width:100%;height:100%;border-radius:9px;background-image:var(--battle-skill-icon, none);background-size:cover;background-position:center;background-repeat:no-repeat}.battle-slot-key{position:absolute;right:4px;bottom:3px;font-size:10px;font-weight:700;color:#e6f1ff;text-shadow:0 1px 2px rgb(0 0 0 / 70%);pointer-events:none}.battle-slot-rank{position:absolute;left:4px;bottom:3px;font-size:10px;font-weight:700;color:#ffe6a8;text-shadow:0 1px 2px rgb(0 0 0 / 70%);pointer-events:none}.battle-slot-locked .battle-skill-icon{filter:grayscale(1) brightness(.48)}.battle-slot-cast-disabled{opacity:.72}.spellbook-window{position:fixed;left:20px;top:20px;width:min(420px,calc(100vw - 40px));z-index:40;border-color:#476287;background:#0e1723f5}.spellbook-header{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:move;-webkit-user-select:none;user-select:none}.spellbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spellbook-spell{border:1px solid #2d3f59;border-radius:8px;background:#0e1520;min-height:52px;padding:6px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px}.spellbook-spell[draggable=true]{cursor:grab}.spellbook-locked{opacity:.5}.spellbook-icon{width:38px;height:38px;border-radius:7px;border:1px solid rgb(190 216 248 / 36%);background-position:center;background-size:cover;background-repeat:no-repeat}.spellbook-name{font-size:12px;color:#d9e5f5}.battle-skill-attack{--battle-skill-icon: url(/ui/actionbar/attack.png)}.battle-skill-taunt{--battle-skill-icon: url(/ui/actionbar/taunt.png)}.battle-skill-guard{--battle-skill-icon: url(/ui/actionbar/guard.png)}.battle-skill-flee{--battle-skill-icon: url(/ui/actionbar/flee.png)}@keyframes enemyWiggle{0%{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.enemy-wiggle{animation:enemyWiggle .28s ease}@keyframes enemyLunge{0%{transform:translate(0) scale(1)}35%{transform:translateY(10px) scale(1.05)}70%{transform:translateY(6px) scale(1.03)}to{transform:translate(0) scale(1)}}.enemy-lunge{animation:enemyLunge .34s ease}.death-overlay{position:fixed;inset:0;z-index:80;background:radial-gradient(circle at center,#7800004d,#0c0000b8 42%,#000000db);display:grid;place-items:center}.death-panel{display:grid;gap:16px;justify-items:center;padding:24px 28px;border:1px solid rgb(255 80 80 / 45%);border-radius:12px;background:#140608b3;box-shadow:0 0 40px #a409095c}.death-title{margin:0;font-size:clamp(46px,8vw,82px);line-height:.9;color:#ff4f4f;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 14px rgb(255 39 39 / 45%)}.death-panel button{min-width:160px;min-height:44px;font-size:16px;border-color:#c34848;background:#681919}.area-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.area-list li{display:flex;align-items:center;gap:8px;border:1px solid rgb(159 193 233 / 26%);border-radius:8px;background:#0a142375;padding:6px 8px}.area-empty{color:#b6c9e2}.player-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:8px;border:1px solid rgb(255 255 255 / 35%)}.chat-panel{position:fixed;left:20px;bottom:20px;width:min(460px,calc(100vw - 40px));z-index:6;background:#121b27f5;border-color:#324764}.game-chat-panel{left:14px;right:auto;bottom:14px;width:clamp(280px,38vw,560px);z-index:8;background:#0a121eb3;border-color:#a6c6eb61;backdrop-filter:blur(12px) saturate(122%);-webkit-backdrop-filter:blur(12px) saturate(122%)}.character-sheet{position:fixed;right:20px;top:20px;width:min(420px,calc(100vw - 40px));z-index:40;border-color:#476287;background:#0f1722f5}.character-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:move;-webkit-user-select:none;user-select:none}.character-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.character-stats-grid p{margin:0;display:flex;justify-content:space-between;align-items:center;border:1px solid #2d3f59;border-radius:8px;background:#0f1a27;padding:6px 8px;font-size:12px}.character-stats-grid span{color:#9fb0c8}.character-stats-grid strong{color:#edf3fd}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.equipment-slot{border:1px solid #2d3f59;border-radius:8px;background:#0e1520;padding:8px;display:grid;gap:4px;min-height:58px}.equipment-slot[draggable=true]{cursor:grab}.equipment-slot-disabled{opacity:.45;border-style:dashed}.slot-name{font-size:12px;color:#9fb0c8}.slot-item{font-size:13px;color:#e9edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-window{position:fixed;right:20px;bottom:20px;width:min(420px,calc(100vw - 40px));z-index:40;border-color:#476287;background:#0d1620f5}.inventory-header{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:move;-webkit-user-select:none;user-select:none}.currency-row{display:flex;flex-wrap:wrap;gap:8px}.coin{border:1px solid #2d3f59;border-radius:999px;padding:4px 10px;font-size:12px;background:#0e1520}.coin-gold{color:#ffd46b}.coin-silver{color:#d8e3f1}.coin-copper{color:#d99a72}.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.bag-slot{border:1px solid #2d3f59;border-radius:8px;background:#0e1520;min-height:58px;padding:6px;display:grid;gap:2px;align-content:start;position:relative}.bag-slot[draggable=true]{cursor:grab}.bag-empty{color:#6d8099;font-size:12px}.bag-name{font-size:12px;color:#d9e5f5;line-height:1.2}.bag-tag{font-size:10px;text-transform:uppercase;color:#9ec5ff}.bag-qty{position:absolute;right:6px;bottom:4px;font-size:11px;font-weight:700;color:#f3f7ff}.chat-list{list-style:none;margin:0;padding:8px;border:1px solid #2d3f59;border-radius:8px;background:#0e1520;max-height:170px;overflow-y:auto;display:grid;gap:4px;font-size:13px}.chat-line{line-height:1.3}.chat-line.muted{color:#96a6bd}.chat-say{color:#d6e2f3}.chat-yell{color:#ffbf84}.chat-whisper{color:#c9b2ff}.chat-guild{color:#88e4b6}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}.party-controls{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;gap:8px}.battle-monster-list,.battle-log{margin:0;padding-left:18px;display:grid;gap:4px}.battle-monster-row{display:flex;align-items:center;gap:10px}.battle-monster-sprite{width:44px;height:44px;object-fit:contain;border:1px solid #573d30;border-radius:8px;background:#0d090785;padding:2px}.battle-log{max-height:120px;overflow-y:auto;border:1px solid #573d30;border-radius:8px;padding:8px 8px 8px 22px;background:#0d090785}.compass-wrap{position:relative;min-height:240px}.compass-bg{position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,#090d1433,#090d14b3),url(/ui/compass.png);background-position:center;background-size:contain;background-repeat:no-repeat}.compass-btn{position:absolute;width:122px;text-align:center;padding:6px;display:grid;gap:2px;background:#192a42eb}.compass-btn .dir{font-size:12px;font-weight:700;letter-spacing:.05em}.compass-btn .dest{font-size:11px;color:#b8c7dc;min-height:14px}.compass-north{top:8px;left:50%;transform:translate(-50%)}.compass-south{bottom:8px;left:50%;transform:translate(-50%)}.compass-east{right:8px;top:50%;transform:translateY(-50%)}.compass-west{left:8px;top:50%;transform:translateY(-50%)}@media(max-width:980px){.hud-top-left{width:min(300px,calc(100vw - 22px));top:10px;left:10px}.hud-top-right{width:min(300px,calc(100vw - 22px));top:10px;right:10px}.game-toast{top:10px;left:50%;max-width:min(620px,calc(100vw - 20px))}.hud-bottom-left{width:min(325px,calc(100vw - 22px));bottom:108px}.hud-bottom-left-actions{width:min(400px,calc(100vw - 22px));bottom:10px}.game-chat-panel{left:10px;right:auto;bottom:10px;width:min(46vw,480px)}}@media(max-width:700px){.game-panel{grid-template-columns:1fr;padding-bottom:0}.game-right{position:static;height:auto}.game-right-bottom{margin-top:0}.actionbar-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-panel,.character-sheet,.inventory-window{position:static;width:100%}#app.app-game .hud-top-left{top:8px;left:8px;width:min(250px,calc(100vw - 16px))}#app.app-game .hud-name{font-size:23px}#app.app-game .hud-meta{font-size:13px}#app.app-game .hud-top-right{top:8px;right:8px;width:min(220px,calc(100vw - 16px))}#app.app-game .area-help{display:none}#app.app-game .game-toast{top:8px;left:50%;max-width:calc(100vw - 16px)}#app.app-game .hud-bottom-left{right:0;bottom:92px;width:min(275px,calc(100vw - 8px))}#app.app-game .travel-card{min-height:206px;padding:10px}#app.app-game .compass-wrap{min-height:184px}#app.app-game .compass-btn{width:92px;padding:4px}#app.app-game .compass-btn .dest{display:none}#app.app-game .hud-bottom-left-actions{right:0;bottom:8px;width:min(350px,calc(100vw - 8px));padding:10px}#app.app-game .actionbar-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}#app.app-game .actionbar-row button{min-height:48px;padding:0}#app.app-game .atb-toolbar{margin-top:6px;font-size:11px}#app.app-game .game-chat-panel{position:fixed;left:8px;right:auto;bottom:8px;width:min(52vw,300px);z-index:9}#app.app-game .chat-list{max-height:112px;font-size:12px}#app.app-game .character-sheet{position:fixed;top:8px;right:8px;width:min(320px,calc(100vw - 16px));z-index:40}#app.app-game .inventory-window{position:fixed;right:8px;bottom:8px;width:min(340px,calc(100vw - 16px));z-index:40}#app.app-game .battle-scene-overlay{top:46%;width:min(380px,calc(100vw - 16px))}#app.app-game .enemy-stage-sprite{width:min(190px,50vw);height:min(190px,50vw)}#app.app-game .enemy-hud{width:min(360px,calc(100vw - 16px))}#app.app-game .battle-actionbar{width:min(520px,calc(100vw - 16px));bottom:56px}#app.app-game .battle-actionbar .button-row{grid-template-columns:repeat(4,minmax(48px,62px));gap:6px}#app.app-game .spellbook-window{top:8px;left:8px;width:min(320px,calc(100vw - 16px));z-index:40}#app.app-game .spellbook-grid,.party-controls,.login-panel{grid-template-columns:1fr}.lobby-panel{min-height:auto;min-height:100vh;padding:14px;border-radius:0}.lobby-topbar{grid-template-columns:1fr}.lobby-server-card{justify-self:stretch;max-width:none}.auth-overlay{padding:12px}.auth-title-art{height:140px}.login-hero{min-height:300px}.login-title-art{height:120px}#app{padding:12px}#app.app-game{padding:0}.row{flex-direction:column;align-items:flex-start}.button-grid{grid-template-columns:1fr}}