@font-face{font-family:"TA 8 bit";src:url(/fonts/TA8bit.ttf) format("truetype");font-display:swap;size-adjust:135%}:root{--font-display: "TA 8 bit", "Kanit", "Noto Sans Thai", sans-serif;--font-body: "Kanit", "Noto Sans Thai", sans-serif;font-family:var(--font-body);color:#f7f5e9;background:#0b1720;font-synthesis:none;--gold: #f6cc6b;--mint: #75e4b3;--ink: #102030;--glass: rgba(15, 30, 42, .82)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}@supports (height: 100dvh){html,body,#app{height:100dvh}}#app,.game-shell{overflow:clip}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.login-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px;background:#183344 url(/assets/elaria-keyart.png?v=1792070786161) center/cover no-repeat}.login-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#040d16e8,#07121cba 30%,#040c120d 70%),linear-gradient(0deg,rgba(3,10,16,.65),transparent 40%)}.brand-lockup{position:relative;z-index:2;flex:none;max-width:100%;text-align:center;filter:drop-shadow(0 3px 14px #000)}.brand-lockup h1{font:700 clamp(28px,3vw,44px)/.9 var(--font-display);letter-spacing:.1em;margin:0;color:#fff9df}.brand-lockup p{font:600 11px/1 var(--font-display);letter-spacing:.8em;margin:6px 0 0 .8em;color:var(--gold)}.brand-rune{display:block;color:#b7fff1;font-size:30px;margin-bottom:5px}.login-panel{position:relative;z-index:2;flex:none;width:min(410px,86vw);margin:0;padding:24px 30px;background:linear-gradient(145deg,#0d1c29f2,#0d1b26d1);border:1px solid rgba(246,204,107,.38);border-radius:3px 22px;box-shadow:0 28px 70px #02080dbd,inset 0 1px #ffffff1f;backdrop-filter:blur(12px)}.login-panel:before,.login-panel:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold)}.login-panel:before{left:5px;top:5px;border-left:2px solid;border-top:2px solid;pointer-events:none}.login-panel:after{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid;pointer-events:none}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin:0 0 4px}.login-panel h2{margin:0 0 19px;font:700 25px var(--font-display)}.login-panel label{display:block;color:#c7d4dc;font-size:12px;margin-bottom:7px}.login-panel input{width:100%;color:#fff;background:#07141eb8;border:1px solid #476172;border-radius:7px;padding:12px 14px;outline:0;box-shadow:inset 0 2px 9px #0005}.login-panel input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6cc6b1c}.account-tabs{display:flex;gap:4px;padding:4px;border:1px solid #476172;border-radius:8px;background:#07141e}.account-tabs button{flex:1;padding:9px 4px;border:0;border-radius:5px;background:transparent;color:#b7c8d3;font-size:12px;cursor:pointer}.account-tabs button[aria-pressed=true]{background:#f6cc6b;color:#172535}.account-tabs button:focus-visible{outline:2px solid #fff1a8;outline-offset:2px}.account-tabs button:disabled{cursor:wait;opacity:.65}.account-hint{color:#b7c8d3;font-size:11px;line-height:1.5;margin:12px 0}.account-fields{border:0;padding:0;margin:0;min-width:0}.account-fields>input,#account-confirm-field input{margin-bottom:12px}.login-panel .account-link{display:flex;align-items:flex-start;gap:9px;margin:2px 0 14px;cursor:pointer;line-height:1.5}.login-panel .account-link input{width:16px;height:16px;flex:none;padding:0;margin-top:2px;accent-color:var(--gold)}.account-link small{color:#9eb5c4}.account-message{color:#ffd1c9;font-size:12px;line-height:1.5;margin:12px 0 0}.login-panel{max-height:calc(100dvh - 150px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.login-panel::-webkit-scrollbar{display:none}.login-divider{display:flex;align-items:center;gap:10px;color:#9eb1bd;font-size:11px;margin:10px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#476172}.guest-button{width:100%;padding:11px;border:1px solid #668292;border-radius:7px;background:#142b3b;color:#e5f0f5;font-size:13px;cursor:pointer}.guest-button:hover{background:#203f50;border-color:var(--gold)}.guest-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.guest-button:disabled{opacity:.6;cursor:wait}.google-actions{position:relative;margin-bottom:8px}.google-button{display:flex;align-items:center;justify-content:center;gap:10px;height:42px;border:1px solid #668292;border-radius:7px;background:#f4f1e8;color:#1f2a33;font-size:13px;font-weight:600}.google-logo{flex:none}.login-icon{width:16px;height:16px;flex:none;image-rendering:pixelated;vertical-align:-3px;margin-right:6px}.account-tabs button{display:inline-flex;align-items:center;justify-content:center}.login-divider .login-icon{width:12px;height:12px;margin:0;opacity:.85}.guest-button{display:flex;align-items:center;justify-content:center}.guest-button .login-icon{width:24px;height:24px;margin-right:8px}.login-panel .account-link .link-icon{width:20px;height:20px;margin:0}.google-badge{display:grid;place-items:center;width:28px;height:28px;flex:none;background:url(/assets/ui/login/google-plate.png?v=1792070786161) center / 28px 28px no-repeat;image-rendering:pixelated}.loading-icon{width:20px;height:20px;vertical-align:-5px;animation:login-portal-spin 1.6s steps(8) infinite}@keyframes login-portal-spin{to{transform:rotate(360deg)}}.account-message:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;background:url(/assets/ui/login/icon-error.png?v=1792070786161) center / 16px 16px no-repeat;image-rendering:pixelated}.account-message[data-tone=success]{color:#c9f5d4}.account-message[data-tone=success]:before{background-image:url(/assets/ui/login/icon-success.png?v=1792070786161)}.google-signin{position:absolute;inset:0;overflow:hidden;opacity:.01;cursor:pointer}.google-signin>div,.google-signin iframe{width:100%!important;height:100%!important}.google-actions:hover .google-button{border-color:var(--gold);box-shadow:0 0 0 3px #f6cc6b1c}.google-actions:focus-within .google-button{outline:2px solid var(--gold);outline-offset:3px}.google-actions.busy{pointer-events:none;opacity:.6}@media(max-height:700px){.login-screen .brand-lockup,.login-screen .login-footer{display:none}.login-screen .login-panel{max-height:calc(100dvh - 48px);padding-top:20px;padding-bottom:20px}.login-screen .login-panel[data-account-mode=email]{padding-top:16px;padding-bottom:16px}.login-screen .login-panel[data-account-mode=email] h2{margin-bottom:12px}.login-screen .login-panel[data-account-mode=email] label{margin-bottom:5px}.login-screen .login-panel[data-account-mode=email] input{padding-top:9px;padding-bottom:9px}.login-screen .login-panel[data-account-mode=email] .account-fields>input{margin-bottom:8px}.login-screen .login-panel[data-account-mode=email] .account-tabs button{padding-top:7px;padding-bottom:7px}.login-screen .login-panel[data-account-mode=email] .account-hint{margin-top:8px;margin-bottom:8px}.login-screen .login-panel[data-account-mode=email] .login-divider{margin-top:6px;margin-bottom:6px}}@media(pointer:coarse){.login-screen .login-panel{width:min(880px,90vw);margin-inline:auto;padding:36px 40px}.login-screen .login-panel h2{font-size:42px}.login-screen .eyebrow,.login-screen .account-hint{font-size:26px}.login-screen .account-tabs button,.login-screen .login-panel label,.login-screen .account-message{font-size:28px}.login-screen .account-tabs button{padding:20px 8px}.login-screen .login-panel input{font-size:32px;padding:22px 24px}.login-screen .account-fields>input,.login-screen #account-confirm-field input{margin-bottom:20px}.login-screen .account-link input{width:32px;height:32px;padding:0}.login-screen .account-link{gap:18px}.login-screen .primary-button,.login-screen .guest-button{font-size:32px;padding:24px}.login-screen .login-divider{font-size:24px;margin:16px 0}.login-screen .server-row{font-size:24px}}.novice-card{display:flex;align-items:center;gap:14px;margin:17px 0;padding:10px 14px 10px 10px;border:1px solid var(--gold);border-radius:9px;background:linear-gradient(#283c49,#162a38);box-shadow:0 5px 14px #0006}.novice-stage{flex:none;width:96px;height:96px;display:grid;place-items:center;border-radius:7px;background:radial-gradient(circle at 50% 70%,#3c6a7a,#10222f 72%);box-shadow:inset 0 0 0 1px #f6cc6b33;overflow:hidden}.novice-sprite{width:96px;height:96px;background:url(/assets/sprites/pixellab-novice-36/Novice-Idle.png?v=1792070786161) 0 -96px / 768px 864px no-repeat;image-rendering:pixelated;animation:novice-walk .8s steps(8) infinite}@keyframes novice-walk{to{background-position-x:-768px}}.novice-info{min-width:0}.novice-tag{display:inline-block;color:var(--gold);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.novice-info b{display:block;font:700 19px var(--font-display);margin:1px 0 3px;color:#fff9df}.novice-info small{display:block;color:#a9bcc7;font-size:11px;line-height:1.45}.novice-stats{display:flex;gap:5px;list-style:none;margin:8px 0 0;padding:0}.novice-stats li{font-size:9px;color:#cfe0e8;padding:2px 7px;border:1px solid #476172;border-radius:99px;background:#07141e80}@media(prefers-reduced-motion:reduce){.novice-sprite{animation:none;background-position:0 0}}.primary-button{cursor:pointer;border:1px solid #ffe7a0;width:100%;padding:13px;border-radius:7px;background:linear-gradient(135deg,#c28d37,#edbd5c 52%,#ae7629);color:#24190b;font-weight:800;box-shadow:0 7px 18px #d598323a,inset 0 1px #fff8c5}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-button span{float:right}.server-row{display:flex;align-items:center;justify-content:center;gap:7px;color:#9eb1bd;font-size:10px;margin-top:13px}.legal-links{margin:8px 0 0;text-align:center;color:#6f8593;font-size:10px}.legal-links a{color:#9eb1bd;text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{color:var(--gold);text-decoration:underline}.server-dot{width:7px;height:7px;border-radius:50%;background:#f0b743;box-shadow:0 0 7px currentColor}.server-dot.online{background:#67e4a2}.server-dot.offline{background:#ef796f}.login-footer{position:absolute;z-index:2;bottom:24px;right:30px;font:600 10px var(--font-display);letter-spacing:.15em;color:#fff9}.game-shell,.game-canvas{position:relative;width:100%;height:100%;background:#193039}.game-canvas canvas{display:block}.glass{background:var(--glass);border:1px solid #d9e9da2d;box-shadow:0 8px 26px #02080ca6,inset 0 1px #ffffff14;backdrop-filter:blur(8px)}.game-shell{--hud-navy: #272a58;--hud-deep: #15162e;--hud-ink: #0b0c1e;--hud-gold: #c9974a;--hud-gold-hi: #f6d98b;--hud-cyan: #7fe9ff;--hud-text: #e6e8ff;--hud-muted: #a9aed6}.hud-frame{background:none;border:16px solid transparent;border-radius:0;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 10px 22px #02060cc0)}.topbar{position:absolute;z-index:10;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.topbar>*{pointer-events:auto}.player-card{width:400px;display:flex;align-items:center;gap:14px;padding:12px 26px 12px 18px}.hud-portrait{position:relative;width:76px;height:76px;flex:none;margin-bottom:8px;border-radius:50%;background:radial-gradient(circle at 50% 72%,#4a7f8f,#1b2a4a 58%,#10112a 75%)}.portrait{width:76px;height:76px;border-radius:50%;border:3px solid var(--hud-gold);background-repeat:no-repeat;background-position:-9px -4px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--hud-ink),inset 0 0 0 2px var(--hud-ink),0 0 16px #7fe9ff44}.hud-lv{position:absolute;left:50%;bottom:-11px;transform:translate(-50%);min-width:26px;height:22px;padding:0 6px;display:grid;place-items:center;border:2px solid var(--hud-gold-hi);border-radius:11px;background:linear-gradient(#f6d07a,#b07b2c);color:#2a1c08;font:800 12px/1 var(--font-display);box-shadow:0 0 0 2px var(--hud-ink),0 2px 6px #000a}.player-data{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pd-head{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:1px}.pd-head b{min-width:0;font:700 16px var(--font-display);color:#fff4d2;text-shadow:0 2px 0 var(--hud-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-class{flex:none;padding:1px 7px;border:1px solid #7fe9ff66;border-radius:99px;background:#0b0c1ecc;color:var(--hud-cyan);font:700 9px/13px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.vital{display:flex;align-items:center;gap:4px}.vital>img{width:20px;height:20px;flex:none;margin-left:-3px;image-rendering:pixelated;filter:drop-shadow(0 1px 0 #000)}.vital>.bar{flex:1;min-width:0}.vital.xp>img{width:16px;height:16px;margin:0 2px 0 -1px}.vital.xp.job>img{filter:hue-rotate(150deg) saturate(1.4) drop-shadow(0 1px 0 #000)}.bar{position:relative;height:16px;overflow:hidden;border:1px solid var(--hud-ink);border-radius:4px;background:#0b0c1e;box-shadow:0 0 0 1px #8a6631,inset 0 2px 4px #000c}.bar i{position:absolute;left:0;top:0;bottom:0;width:100%;transition:width .3s;box-shadow:inset 0 1px #fff5,inset 0 -2px #0005}.bar.hp i{background:linear-gradient(#ff8f86,#d6454d 45%,#8b2333)}.bar.mp i{background:linear-gradient(#8fd2ff,#3a8fdc 45%,#1f4f97)}.bar em,.bar span{position:absolute;z-index:1;top:0;bottom:0;display:flex;align-items:center;font-style:normal;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000;white-space:nowrap}.bar em{left:6px;font:800 10px/1 var(--font-body);color:#fff4d2;letter-spacing:.04em}.bar span{right:6px;font:700 10px/1 var(--font-body)}.bar.exp{height:12px}.bar.exp i{background:linear-gradient(#ffe7a0,#e0a83a 50%,#9a6a1c)}.bar.exp.job i{background:linear-gradient(#c8f7ff,#4fc4dc 50%,#1f7a8f)}.bar.exp em,.bar.exp span{font-size:9px}.bar.exp em b{margin-left:4px;color:#fff;font-weight:800}.bar.exp em b span{position:static;display:inline;font:inherit;text-shadow:inherit}.game-shell{--exp-dock-height: 18px;--exp-dock-inset: calc(var(--exp-dock-height) + var(--safe-b))}.exp-dock{position:absolute;z-index:11;inset:auto 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;height:var(--exp-dock-inset);padding-bottom:var(--safe-b);background:var(--hud-ink);opacity:.999}.exp-dock .bar.exp,body.compact .exp-dock .bar.exp{height:var(--exp-dock-height);border-radius:0;border-color:#8a6631;box-shadow:inset 0 2px 4px #000c}.exp-dock .bar.exp.job{border-color:#357b90}.exp-dock .bar.exp em,.exp-dock .bar.exp span{font-size:10px}@media(prefers-reduced-motion:reduce){.exp-dock .bar i{transition:none}}.zone-label{position:relative;min-width:270px;margin-top:-10px;padding:16px 46px 9px;text-align:center;border:2px solid var(--hud-gold);border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(var(--hud-navy),#191a38);box-shadow:0 0 0 2px var(--hud-ink),0 10px 22px #02060cc0,inset 0 -3px #0b0c1e88}.zone-label:before,.zone-label:after{content:"✦";position:absolute;top:50%;transform:translateY(-30%);color:var(--hud-cyan);font-size:16px;text-shadow:0 0 8px #7fe9ffaa}.zone-label:before{left:16px}.zone-label:after{right:16px}.zone-label small{display:block;color:var(--hud-gold-hi);font-size:9px;letter-spacing:.18em}.zone-label strong{display:block;margin:1px 0 3px;font:700 17px var(--font-display);color:#fff4d2;letter-spacing:.04em;text-shadow:0 2px 0 var(--hud-ink)}.zone-status{display:inline-flex;align-items:center;gap:6px;color:var(--hud-muted);font-size:10px}.zone-dot{width:7px;height:7px;border-radius:50%;background:#ef796f;box-shadow:0 0 6px currentColor;color:#ef796f}.zone-label[data-state=online] .zone-dot{background:#67e4a2;color:#67e4a2}.zone-label[data-state=reconnecting] .zone-dot{background:#f0b743;color:#f0b743;animation:zone-pulse 1s ease-in-out infinite}@keyframes zone-pulse{50%{opacity:.3}}.zone-label{opacity:0;visibility:hidden;transform:translateY(-110%);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}.zone-label.show{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease,transform .4s ease,visibility 0s}.top-actions{display:flex;gap:6px;padding:6px;border:2px solid var(--hud-gold);border-radius:10px;background:linear-gradient(var(--hud-navy),#191a38);box-shadow:0 0 0 2px var(--hud-ink),0 10px 22px #02060cc0}.top-actions button{position:relative;width:56px;height:56px;padding:4px 0 3px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;border:2px solid #8a6631;border-radius:6px;background:#2e2e39;box-shadow:inset 0 0 0 1px #0d0d16,inset 0 4px #0004;color:var(--hud-text);transition:transform .12s,border-color .12s}.top-actions button:hover,.top-actions button:focus-visible{outline:0;border-color:var(--hud-gold-hi);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0d0d16,0 0 12px #f6cc6b55}.top-actions img{width:32px;height:32px;image-rendering:pixelated}.top-actions button>b{height:32px;display:grid;place-items:center;font:700 22px var(--font-display);color:var(--hud-gold-hi);text-shadow:0 0 8px #f6cc6b66}.top-actions span{font-size:9px;line-height:1;color:var(--hud-muted)}.top-actions em{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--hud-gold);border-radius:9px;background:linear-gradient(#e0605e,#9a2a33);color:#fff;font:800 9px/1 var(--font-body);font-style:normal;box-shadow:0 0 0 1px var(--hud-ink)}.top-actions em.hidden{display:none}.minimap{position:absolute;z-index:10;top:88px;right:10px;width:228px;padding:8px 20px 4px;text-align:center}.minimap canvas{display:block;width:156px;height:156px;margin:0 auto;border:2px solid var(--hud-gold);border-radius:4px;background:#1f4d42;box-shadow:0 0 0 2px var(--hud-ink)}.minimap strong{display:block;margin-top:5px;color:#fff4d2;font:700 11px var(--font-display)}.minimap small{display:block;color:var(--hud-muted);font-size:9px}.side-panel.quest-panel{top:344px;right:10px;width:300px;max-height:max(180px,calc(100vh - 354px));padding:8px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hud-gold) transparent}.quest-panel .panel-title{color:var(--hud-gold-hi);border-bottom:1px solid #c9974a66}.side-panel.quest-panel{transform:translate(var(--win-dx, 0px),var(--win-dy, 0px))}.side-panel.quest-panel.hidden-panel{transform:translate(calc(290px + var(--win-dx, 0px)),var(--win-dy, 0px))}.quest-panel .panel-title button{color:var(--hud-gold-hi)}.quest-panel .quest-progress{background:var(--hud-ink);box-shadow:0 0 0 1px #8a6631}.quest-panel .reward b{background:#2e2e39;border:1px solid #8a6631;color:var(--hud-gold-hi)}.chat{position:absolute;z-index:10;left:10px;bottom:calc(10px + var(--exp-dock-inset));width:370px;height:var(--chat-h, 200px);padding:6px 8px;display:flex;flex-direction:column;--chat-map: #e6e8ff;--chat-world: #ffb35c;--chat-party: #7dff9e;--chat-private: #ff9ce0;--chat-system: #f6d98b}.chat-tabs{display:flex;gap:3px;margin-bottom:4px;overflow-x:auto;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{position:relative;flex:none;padding:2px 7px;border:1px solid #4a4d7e;border-radius:99px;background:var(--hud-deep);color:var(--hud-muted);font-family:inherit;font-size:9px;font-weight:700;line-height:14px;cursor:pointer}.chat-tab[aria-selected=true]{border-color:var(--hud-gold);color:var(--hud-gold-hi);background:#2d2f62}.chat-tab.unread:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#ff5c7a;box-shadow:0 0 0 1px var(--hud-ink)}#chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4d7e transparent;display:block}#chat-log p{margin:1px 0;font-size:11px;line-height:1.45;color:var(--hud-text);overflow-wrap:anywhere}#chat-log b,.chat-feed b{color:var(--hud-gold-hi)}.chat-tag{font-weight:700}.chat-name{padding:0;border:0;background:none;color:var(--hud-gold-hi);font:inherit;font-weight:700;cursor:pointer}.chat-name:hover{text-decoration:underline}.chat-line.chat-map .chat-tag,.chat-tab.chat-map[aria-selected=true],.chat-scope.chat-map{color:var(--chat-map)}.chat-line.chat-world .chat-tag,.chat-tab.chat-world[aria-selected=true],.chat-scope.chat-world{color:var(--chat-world)}.chat-line.chat-party .chat-tag,.chat-tab.chat-party[aria-selected=true],.chat-scope.chat-party{color:var(--chat-party)}.chat-line.chat-private,.chat-line.chat-private .chat-tag,.chat-tab.chat-private[aria-selected=true],.chat-scope.chat-private{color:var(--chat-private)}.chat-line.chat-system,.chat-line.chat-system .chat-tag,.chat-tab.chat-system[aria-selected=true]{color:var(--chat-system)}#chat-form{height:30px;display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #c9974a55}.chat-scope{flex:none;min-width:44px;padding:2px 7px;border:1px solid currentColor;border-radius:99px;background:var(--hud-deep);font-family:inherit;font-size:10px;font-weight:700;line-height:16px;cursor:pointer}#chat-form input{flex:1;min-width:0;height:24px;padding:0 8px;border:1px solid #4a4d7e;border-radius:5px;outline:0;background:var(--hud-deep);color:#fff;font-size:11px;box-shadow:inset 0 2px 5px #0007}#chat-form input:focus{border-color:var(--hud-gold)}.controls-hint{position:absolute;z-index:9;left:50%;transform:translate(-50%);bottom:100px;padding:3px 12px;border-radius:99px;background:#0b0c1e99;color:#e6e8ffcc;font-size:9px;white-space:nowrap}.side-panel{position:absolute;z-index:12;top:286px;right:14px;width:260px;padding:15px;border-radius:8px;transition:.25s}.hidden-panel{opacity:0;transform:translate(290px);pointer-events:none}.panel-title{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #ffffff17;padding-bottom:9px}.panel-title button{cursor:pointer;border:0;background:transparent;color:#aebfc9;font-size:18px;line-height:10px}.side-panel h3{font:700 16px var(--font-display);margin:13px 0 5px}.side-panel p{color:#b6c4cb;font-size:11px;line-height:1.55}.quest-progress{height:5px;background:#08151c;border-radius:3px;overflow:hidden}.quest-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#57c997,#ddc966);transition:width .3s}.side-panel>small{color:#8ba2ae}.reward{display:flex;gap:5px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff13;font-size:9px}.reward span{margin-right:auto;color:#91a3ac}.reward b{color:var(--gold);background:#253943;padding:3px 6px;border-radius:3px}.inv-window{--inv-navy: #1f203d;--inv-deep: #15162e;--inv-gold: #c9974a;--inv-gold-hi: #f6d98b;--inv-cyan: #7fe9ff;--inv-slot: #2e2e39;position:absolute;z-index:30;left:50%;top:50%;right:auto;width:800px;height:590px;padding:0;display:grid;grid-template:"head head" 70px "tabs main" 1fr "foot foot" 54px / 150px 1fr;border:18px solid transparent;border-radius:0;box-sizing:border-box;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 18px 36px #02060cd0);transition:opacity .2s,transform .2s;transform:translate(calc(-50% + var(--win-dx, 0px)),calc(-50% + var(--win-dy, 0px)))}.inv-window.hidden-panel{transform:translate(calc(-50% + var(--win-dx, 0px)),calc(-47% + var(--win-dy, 0px))) scale(.97)}.win-drag-handle{cursor:grab;touch-action:none}.win-dragging{transition:none!important;user-select:none}.win-dragging .win-drag-handle{cursor:grabbing}.win-drag-handle button{cursor:pointer}.inv-head button,.inv-head .inv-stat{cursor:auto}.inv-head button{cursor:pointer}.inv-window img{image-rendering:pixelated}.inv-window button{font-family:inherit}.inv-head{grid-area:head;display:flex;align-items:center;gap:10px;padding:0 6px 6px 18px;border-bottom:2px solid var(--inv-gold);box-shadow:0 2px #0b0c1e}.inv-head-icon{width:64px;height:64px;margin:-14px 0 -6px -8px;filter:drop-shadow(0 3px 0 #0008)}.inv-head-title{flex:1;min-width:0}.inv-head-title h2{margin:0;font:700 23px/1 var(--font-display);color:#fff4d2;text-shadow:0 2px 0 #0b0c1e}.inv-head-title small{color:var(--inv-gold-hi);font-size:11px}.inv-stat{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 6px;border:1px solid var(--inv-gold);border-radius:6px;background:var(--inv-deep);box-shadow:inset 0 2px 6px #0008}.inv-stat img{width:24px;height:24px}.inv-stat b{min-width:64px;text-align:right;font:700 13px var(--font-body);color:#fff}.inv-stat b.heavy{color:#ff8f7a}.inv-weight-status{display:block;flex:none;padding:6px 12px;font:12px var(--font-body);color:#ffe0a0;background:var(--inv-deep);overflow-wrap:anywhere}.inv-restoration{display:block;color:#9debc3;overflow-wrap:anywhere}.inv-close{width:34px;height:34px;cursor:pointer;border:2px solid var(--inv-gold);border-radius:6px;background:var(--inv-deep);color:var(--inv-gold-hi);font-size:22px;line-height:1}.inv-close:hover{background:#2a2c5c}.inv-btn{cursor:pointer;height:32px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap;transition:filter .15s,transform .15s}.inv-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.inv-btn:disabled{cursor:default;opacity:.45}.inv-btn.gold{border:1px solid #ffe7a0;color:#2a1c08;background:linear-gradient(#f0c467,#c28d37);box-shadow:inset 0 1px #fff6c8,0 2px #6d4a17}.inv-btn.gold[aria-pressed=true]{background:linear-gradient(#9ff1ff,#45b9d6);border-color:#d8fbff;box-shadow:inset 0 1px #fff,0 2px #1d5a6b}.inv-btn.danger{border:1px solid #e88a7c;color:#ffd9d2;background:linear-gradient(#7a2c35,#521b27);box-shadow:inset 0 1px #ffffff2a,0 2px #2c0d14}.inv-btn.ghost{border:1px solid #4a4d7e;color:#c9cdea;background:#23254a}.inv-tabs{grid-area:tabs;display:flex;flex-direction:column;gap:4px;padding:10px 8px 10px 4px;border-right:2px solid #0b0c1e;overflow-y:auto}.inv-tab{position:relative;display:flex;align-items:center;gap:8px;min-height:46px;padding:4px 8px;cursor:pointer;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:#c9cdea}.inv-tab img{width:24px;height:24px;flex:none}.inv-tab b{display:block;font:700 12px var(--font-display);color:#eef0ff}.inv-tab small{display:block;font-size:10px;color:#8f94c0}.inv-tab:hover{background:#2a2c55}.inv-tab.active{border-color:var(--inv-gold);background:linear-gradient(90deg,#33407a,#232552);box-shadow:inset 3px 0 0 var(--inv-cyan),0 0 10px #7fe9ff22}.inv-tab.active b{color:var(--inv-gold-hi)}.inv-main{grid-area:main;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px 6px 8px 10px}#inv-sort{min-width:106px}.inv-toolbar{display:flex;gap:6px;align-items:center}.inv-toolbar select,.inv-search{height:30px;border:1px solid #4a4d7e;border-radius:5px;background:var(--inv-deep);color:#e6e8ff;font-size:11px;box-shadow:inset 0 2px 5px #0007}.inv-toolbar select{padding:0 4px;cursor:pointer;min-width:0;flex:1}.inv-toolbar select:focus,.inv-search:focus-within{outline:0;border-color:var(--inv-gold)}.inv-search{flex:1.6;display:flex;align-items:center;gap:5px;padding:0 6px}.inv-search img{width:16px;height:16px;opacity:.8}.inv-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.inv-view{display:flex;border:1px solid var(--inv-gold);border-radius:5px;overflow:hidden}.inv-view button{width:30px;height:28px;cursor:pointer;border:0;background:var(--inv-deep);color:#9ea3cf;font-size:14px}.inv-view button.active{background:linear-gradient(#f0c467,#c28d37);color:#2a1c08}.inv-body{flex:1;min-height:0;display:flex;gap:8px}.inv-grid{flex:1;min-width:0;align-content:start;overflow-y:auto;padding:8px;border:1px solid #3b3e6e;border-radius:6px;background:linear-gradient(#18193a,#121330);box-shadow:inset 0 3px 10px #0009;scrollbar-color:var(--inv-gold) transparent}.inv-grid.grid{display:grid;grid-template-columns:repeat(auto-fill,50px);gap:5px;justify-content:center}.inv-slot{position:relative;width:50px;height:50px;padding:0;display:grid;place-items:center;border:2px solid #8a6631;border-radius:5px;background:var(--inv-slot);box-shadow:inset 0 0 0 1px #0d0d16,inset 0 4px #0004;color:#fff}.inv-slot.empty:after{content:"✦";color:#ffffff10;font-size:16px}button.inv-slot{cursor:pointer}button.inv-slot:hover{border-color:var(--inv-gold-hi);background:#393948}.inv-slot.tier-uncommon{border-color:#4fae66}.inv-slot.tier-rare{border-color:#4f8fe0}.inv-slot.tier-epic{border-color:#a868e0}.inv-slot.selected{border-color:var(--inv-cyan);box-shadow:inset 0 0 0 1px #0d0d16,0 0 0 1px var(--inv-cyan),0 0 12px #7fe9ff88}.inv-slot.picked{border-color:#ff7a6a;background:#4a2630}.inv-slot.picked:before{content:"✓";position:absolute;right:2px;top:0;z-index:1;color:#ffb3a8;font-size:12px;font-weight:900}.inv-slot.blocked{opacity:.35}.inv-slot .inv-icon{width:32px;height:32px}.inv-slot small{position:absolute;right:3px;bottom:0;font:700 11px/1.2 var(--font-body);color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.inv-slot .equipped{position:absolute;left:2px;top:1px;padding:0 3px;border-radius:3px;background:var(--inv-gold);color:#2a1c08;font:900 9px/1.3 var(--font-body);font-style:normal}.inv-slot .refine{position:absolute;right:2px;top:0;font:900 10px/1.2 var(--font-body);color:#ffe08a;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.inv-grid.list{display:flex;flex-direction:column;gap:4px;overflow-x:hidden}.inv-grid.list .inv-slot{width:100%;height:40px;flex:none;display:grid;grid-template-columns:36px minmax(70px,1fr) minmax(0,84px) minmax(0,72px) minmax(0,60px) 40px;align-items:center;justify-items:start;gap:6px;padding:0 10px 0 4px;text-align:left;font-size:11px}.inv-grid.list .inv-slot>*{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inv-grid.list .inv-slot .inv-icon{justify-self:center}.inv-grid.list .inv-slot b{font-size:12px}.inv-grid.list .inv-slot span{color:#a9aed6;text-transform:capitalize}.inv-grid.list .inv-slot .count{justify-self:end;color:#fff;font-weight:700}.inv-grid.list .inv-slot .equipped{left:30px;top:3px}.inv-slot .upgrade{position:absolute;left:2px;bottom:1px;color:#7fe39a;font:900 11px/1 var(--font-body);font-style:normal;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.inv-grid.list .inv-slot .upgrade{left:30px;bottom:3px}.inv-empty{margin:30px auto;color:#8f94c0;font-size:12px;text-align:center}.tier-common{color:#eef0ff}b.tier-uncommon,span.tier-uncommon{color:#7fe39a}b.tier-rare,span.tier-rare{color:#7fb6ff}b.tier-epic,span.tier-epic{color:#d39bff}.inv-window{margin-left:-255px;transform-origin:255px 0}.inv-equipment{position:absolute;top:-18px;left:calc(100% + 28px);width:500px;max-height:calc(100% + 36px);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px 8px 6px;overflow-y:auto;border:18px solid transparent;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;filter:drop-shadow(0 18px 36px #02060cd0);scrollbar-color:var(--inv-gold) transparent}.inv-equipment h3{display:flex;flex-direction:column;margin:0 0 2px;padding:0 10px 8px;border-bottom:2px solid var(--inv-gold)}.inv-equipment h3 b{font:700 19px/1 var(--font-display);color:#fff4d2;text-shadow:0 2px 0 #0b0c1e}.inv-equipment h3 small{margin-top:3px;color:var(--inv-gold-hi);font:400 11px var(--font-body)}.inv-equip-grid{display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);gap:6px}.inv-equip-col{display:flex;flex-direction:column;gap:5px;min-width:0}.inv-equip-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #3b3e6e;border-radius:6px;background:radial-gradient(ellipse at 50% 62%,#3a3f7a,#1c1d40 60%,#121330);box-shadow:inset 0 3px 10px #0009;text-align:center}.inv-equip-figure{background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0007)}.inv-equip-stage b{margin-top:6px;font:700 12px var(--font-display);color:var(--inv-gold-hi)}.inv-equip-stage small{color:#8f94c0;font-size:10px}.inv-equip-actions{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:10px;padding:0 8px;box-sizing:border-box}.inv-equip-actions .inv-btn{height:26px;padding:0 6px;font-size:11px}.inv-equip-slot{position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding:4px;border:1px solid #3b3e6e;border-radius:6px;background:linear-gradient(#18193a,#121330)}.inv-equip-slot .inv-slot{flex:none;width:44px;height:44px}.inv-equip-slot .text{flex:1;min-width:0}.inv-equip-slot small{display:block;color:#8f94c0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-equip-slot .text b{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inv-equip-slot b.none{color:#6d7199;font-weight:400}.inv-equip-slot .inv-slot.empty:after{content:none}.inv-equip-ghost{width:36px;height:36px;opacity:.4;image-rendering:auto!important;pointer-events:none}.inv-equip-off{position:absolute;top:2px;right:2px;width:16px;height:16px;padding:0;cursor:pointer;border:1px solid #e88a7c88;border-radius:4px;background:#521b27;color:#ffd9d2;font:700 11px/1 var(--font-body);opacity:0;transition:opacity .15s}.inv-equip-slot:hover .inv-equip-off,.inv-equip-off:focus-visible{opacity:1}.inv-equip-off:disabled{cursor:default;opacity:.3}.inv-equipment .bonus{margin:2px 0 0;padding:8px 12px 0;border-top:1px solid #ffffff18;color:var(--inv-cyan);font-size:11px;line-height:1.5}.inv-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 0 18px;border-top:2px solid var(--inv-gold);box-shadow:inset 0 2px #0b0c1e}.inv-summary{color:#c9cdea;font-size:12px}.inv-summary:before,.inv-summary:after{content:"—✦—";margin:0 8px;color:var(--inv-gold);font-size:10px}.inv-foot-actions{display:flex;gap:8px}.inv-window.dismantling .inv-grid{box-shadow:inset 0 0 0 2px #e88a7c88,inset 0 3px 10px #0009}.inv-confirm{position:absolute;inset:-18px;z-index:5;display:grid;place-items:center;background:#080a1cc4}.inv-confirm.hidden{display:none}.inv-tip{position:fixed;z-index:1000;max-width:260px;padding:8px 10px;pointer-events:none;border:1px solid var(--inv-gold);border-radius:6px;background:linear-gradient(#272a58f2,#15162ef2);box-shadow:0 8px 24px #000a;color:#e6e8ff;font:12px/1.45 var(--font-body)}.inv-tip[hidden]{display:none}.inv-tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inv-tip-head b{font:700 13px var(--font-display);overflow-wrap:anywhere}.inv-tip-head span{color:#c9cdea;font-size:11px;white-space:nowrap}.inv-tip-sub{display:block;color:#9ea3cf;font-size:10px;text-transform:capitalize}.inv-tip p{margin:4px 0 0}.inv-tip-stats{color:#bfffee}.inv-tip-cards{color:var(--inv-gold-hi)}.inv-tip-better{color:#7fe39a}.inv-tip-weight{color:#c9cdea;font-size:11px}.inv-tip-hint{display:block;margin-top:6px;padding-top:5px;border-top:1px solid #ffffff18;color:#8f94c0;font-size:10px}.inv-item-panel{position:absolute;z-index:4;top:0;right:calc(100% + 28px);width:320px;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:12px 10px 10px;border:2px solid var(--inv-gold);border-radius:8px;background:linear-gradient(#272a58,#15162e);box-shadow:0 0 0 2px #0b0c1e,0 18px 36px #02060cd0,inset 0 1px #ffffff1c;animation:iip-in .18s ease-out;transform:translate(var(--win-dx, 0px),var(--win-dy, 0px))}.inv-item-panel.hidden-panel{display:none}.inv-item-panel.iip-measure{transform:none;animation:none}.inv-item-panel.iip-still{animation:none}.inv-item-panel.over{top:8px;right:8px;left:auto;max-height:calc(100% - 16px);z-index:6}.inv-item-panel.right{right:auto;left:calc(100% + 28px);z-index:5}body:not(.compact) .item-over-equip .inv-equipment{visibility:hidden}@keyframes iip-in{0%{opacity:0;transform:translate(10px)}}.iip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 8px 10px;border-bottom:2px solid var(--inv-gold)}.iip-head b{font:700 18px/1 var(--font-display);color:#fff4d2;text-shadow:0 2px 0 #0b0c1e}.iip-close{flex:none;width:30px;height:30px;cursor:pointer;border:2px solid var(--inv-gold);border-radius:6px;background:#7a2630;color:#ffe9d6;font-size:18px;line-height:1}.iip-close:hover{background:#95303b}.iip-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px 4px 8px;scrollbar-color:var(--inv-gold) transparent;overscroll-behavior:contain}.iip-id{display:flex;align-items:center;gap:10px}.iip-icon{flex:none;display:grid;place-items:center;width:64px;height:64px;border:2px solid #8a6631;border-radius:7px;background:radial-gradient(circle at 50% 40%,#3a3c5a,var(--inv-slot) 70%);box-shadow:inset 0 0 0 1px #0d0d16}.iip-icon.tier-uncommon{border-color:#4fae66}.iip-icon.tier-rare{border-color:#4f8fe0}.iip-icon.tier-epic{border-color:#a868e0}.iip-icon img{width:48px;height:48px;image-rendering:pixelated}.iip-names{min-width:0}.iip-names h3{margin:0;font:700 18px/1.25 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iip-names small{color:#9ea3cf;font-size:11px;text-transform:capitalize}.iip-desc{margin:0;color:#a9aed6;font-size:12px;line-height:1.5}.iip-card{align-self:center;width:216px;height:288px;image-rendering:pixelated;filter:drop-shadow(0 6px 10px #000a)}.iip-section{padding:8px 10px;border:1px solid #3b3e6e;border-radius:6px;background:#12132bcc;box-shadow:inset 0 2px 6px #0007}.iip-section h4{margin:-8px -10px 6px;padding:6px 10px;border-bottom:1px solid #3b3e6e;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#2e3a7a,transparent);color:var(--inv-gold-hi);font:700 12px var(--font-display)}.iip-rows{display:grid;margin:0}.iip-rows>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dashed #ffffff14;font-size:12px}.iip-rows>div:last-child{border-bottom:0}.iip-rows dt{color:#a9aed6}.iip-rows dd{margin:0;color:#fff4d2;font-weight:700;text-align:right}.iip-rows .stat dd{color:#bfffee}.iip-rows .total dd,.iip-rows .ok dd{color:#7fe39a}.iip-rows .bad dd{color:#ff9a8a}.iip-rows .on dd{color:var(--inv-gold-hi)}.iip-section small{display:block;margin-top:4px;color:#9ea3cf;font-size:11px}.iip-section small.bad{color:#ff9a8a}.iip-section .inv-compare{margin:0;color:#c9cdea;font-size:12px;line-height:1.5}.iip-section .inv-compare.better{color:#7fe39a}.iip-section .inv-compare.worse{color:#ff8f7a}.iip-slots{display:grid;gap:6px;margin:0;padding:0;list-style:none}.iip-slots li{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff4d2;font-size:12px}.iip-slots li.empty{color:#8f94c0}.iip-slots .inv-btn{flex:none}.iip-foot{display:flex;gap:6px;padding:8px 4px 6px;border-top:2px solid var(--inv-gold)}.iip-foot .inv-btn{flex:1 1 auto;min-width:0;padding-inline:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iip-foot .inv-btn.iip-main{flex-grow:1.6}body.compact .inv-item-panel{top:8px;right:8px;left:8px;width:auto;max-height:calc(100% - 16px);z-index:6;transform:none}@media(pointer:coarse),(max-width:760px){body .game-shell .inv-item-panel{top:8px;right:8px;left:8px;width:auto;max-height:calc(100% - 16px);z-index:6;transform:none}}@media(prefers-reduced-motion:reduce){.inv-item-panel{animation:none}}.monster-card-art{display:block;width:144px;height:192px;margin:12px auto;image-rendering:pixelated}.inv-card-picker{display:grid;gap:6px;margin-top:10px;font-family:var(--font-display);color:#fff4d2}.inv-card-picker select{width:100%;padding:7px;background:#17183a;color:#fff4d2;border:1px solid #8a6631}.inv-card-summary{display:block;font-family:var(--font-display)}.inv-confirm-card{max-height:calc(100vh - 80px);overflow-y:auto}.inv-confirm-card{width:300px;padding:16px 18px;border:2px solid var(--inv-gold);border-radius:8px;background:linear-gradient(#272a58,#191a38);box-shadow:0 16px 40px #000a,inset 0 1px #ffffff1c}.inv-confirm-card h3{margin:0 0 10px;font:700 15px var(--font-display);color:var(--inv-gold-hi)}.inv-confirm-card p{margin:10px 0 0;color:#c9cdea;font-size:12px}.inv-confirm-item{display:flex;align-items:center;gap:8px}.inv-confirm-item .inv-icon{width:32px;height:32px}.inv-count{display:flex;gap:4px;margin-top:10px}.inv-count input{width:70px;height:30px;text-align:center;border:1px solid #4a4d7e;border-radius:5px;background:var(--inv-deep);color:#fff}.inv-count button{min-width:30px;height:30px;cursor:pointer;border:1px solid #4a4d7e;border-radius:5px;background:#23254a;color:#e6e8ff}.inv-count button.all{padding:0 8px;font-size:11px}.inv-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.job-window{position:absolute;z-index:30;left:50%;top:50%;right:auto;width:520px;max-height:calc(100vh - 40px);padding:0;display:flex;flex-direction:column;border:18px solid transparent;border-radius:0;box-sizing:border-box;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 18px 36px #02060cd0);transform:translate(calc(-50% + var(--win-dx, 0px)),calc(-50% + var(--win-dy, 0px)));transition:opacity .2s,transform .2s}.job-window.hidden-panel{transform:translate(calc(-50% + var(--win-dx, 0px)),calc(-47% + var(--win-dy, 0px))) scale(.97)}.job-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 10px 22px;border-bottom:2px solid #c9974a;box-shadow:0 2px #0b0c1e}.job-head h2{margin:0;font:700 21px var(--font-display);color:#fff4d2}.job-head small{color:#f6d98b;font-size:11px}.job-unlock{margin:12px 8px 4px;padding:10px 12px;border:1px solid #3b3e6e;border-radius:6px;background:#17183a}.job-hint{margin:0 0 6px;color:#c9cdea;font-size:12px}.job-hint.ok{margin:0;color:#7fe9ff}.job-unlock .job-hint:only-child{margin:0}.job-progress{display:grid;grid-template-columns:112px 1fr 56px;align-items:center;gap:8px;margin-top:5px;font-size:11px;color:#c9cdea}.job-progress b{text-align:right;color:#fff;font-size:11px}.job-progress.done b{color:#7fe39a}.job-bar{height:8px;border:1px solid #0b0c1e;border-radius:4px;background:#0b0c1e;overflow:hidden}.job-bar i{display:block;height:100%;background:linear-gradient(90deg,#a77a26,#f6cc6b)}.job-progress.done .job-bar i{background:linear-gradient(90deg,#2f8f55,#7fe39a)}.job-list{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}.job-card{display:flex;align-items:center;gap:12px;padding:10px;border:2px solid #3b3e6e;border-radius:8px;background:linear-gradient(#22244a,#191a38)}.job-card.current{border-color:#7fe9ff;box-shadow:0 0 12px #7fe9ff33}.job-card.locked{opacity:.55}.job-card.locked .job-portrait{filter:grayscale(1)}.job-portrait{width:68px;height:68px;flex:none;border:2px solid #8a6631;border-radius:6px;background:#2e2e39 no-repeat 0 0;image-rendering:pixelated}.job-portrait.glyph{display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,var(--c2),var(--c1));font-size:30px;text-shadow:0 2px 3px #000}.job-info{flex:1;min-width:0}.job-title{display:flex;align-items:center;gap:6px}.job-title b{font:700 14px var(--font-display);color:#f6d98b}.job-tag{padding:0 6px;border:1px solid #4a4d7e;border-radius:99px;color:#a9aed6;font-size:9px}.job-tag.on{border-color:#7fe9ff;color:#7fe9ff}.job-info small{color:#8f94c0;font-size:10px}.job-info p{margin:2px 0 0;color:#c9cdea;font-size:11px}.job-info .job-progress{grid-template-columns:44px 1fr 48px}.skill-class{color:#7fe9ff;font-size:14px}.skill-window{width:min(1080px,calc(100vw - 40px));max-height:min(680px,calc(100vh - 120px))}.skill-points-box{display:flex;align-items:center;gap:10px}.skill-points-box b{min-width:40px;height:40px;display:grid;place-items:center;border:2px solid #8a6631;border-radius:8px;background:#15162e;color:#a9aed6;font:800 20px var(--font-display)}.skill-points-box b.has{border-color:#f6d98b;color:#f6d98b;box-shadow:0 0 12px #f6cc6b55;animation:skill-glow 1.6s ease-in-out infinite}@keyframes skill-glow{50%{box-shadow:0 0 20px #f6cc6b99}}.skill-points-box span{color:#e6e8ff;font-size:12px}.job-unlock .skill-points-box+.job-hint{display:block;margin:6px 0 0}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-content:start;gap:10px;padding:6px 8px 8px;scrollbar-width:thin;scrollbar-color:#8a6631 transparent}.skill-section,.skill-list>.skill-empty{grid-column:1 / -1}.skill-section{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding:0 2px 5px;border-bottom:1px solid #3b3e6e}.skill-section:first-child{margin-top:0}.skill-section h3{display:flex;align-items:center;gap:7px;margin:0;color:#fff4d2;font:700 14px var(--font-display)}.skill-section h3 em{min-width:18px;padding:0 5px;border-radius:99px;background:#0b0c1e;color:#c9cdea;font:700 10px/16px var(--font-body);font-style:normal;text-align:center}.skill-section small{color:#9ea3cf;font-size:10px}.skill-section-glyph{color:#f6d98b;font-size:15px;text-shadow:0 0 6px #f6cc6b88}.skill-section.passive{border-bottom-color:#4b3f7a}.skill-section.passive .skill-section-glyph{color:#c9a6ff;text-shadow:0 0 6px #b48cff99}.skill-empty{margin:10px 0;color:#8f94c0;font-size:12px;text-align:center}.skill-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;border:2px solid #3b3e6e;border-radius:8px;background:linear-gradient(#22244a,#191a38);transition:border-color .12s,box-shadow .12s}.skill-card.draggable{cursor:grab;touch-action:pan-y}.skill-card.draggable:hover{border-color:#c9974a;box-shadow:0 0 12px #f6cc6b26}.skill-card.draggable:active{cursor:grabbing}.skill-card.on-bar{border-color:#5d7fa8}.skill-card.unlearned{background:linear-gradient(#1c1d3b,#15162e)}.skill-card.unlearned .skill-icon img{filter:grayscale(1) brightness(.6)}.skill-card.fixed{border-color:#4a6a7e}.skill-card.type-passive{border-color:#4b3f7a;background:linear-gradient(#262250,#1a1838)}.skill-card.type-passive:not(.unlearned){border-color:#8f6ad8;box-shadow:0 0 12px #9a6cff26}.skill-icon{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;border:2px solid #8a6631;border-radius:6px;background:#2e2e39;box-shadow:inset 0 0 0 1px #0d0d16}.skill-icon img{position:relative;z-index:1;width:32px;height:32px;image-rendering:pixelated}.type-passive .skill-icon{border-color:#8f6ad8;border-radius:50%;background:radial-gradient(circle,#3b2f6a,#1b1838)}.skill-aura{position:absolute;inset:-4px;border-radius:50%;border:2px solid #c9a6ff88;animation:skill-aura 2.4s ease-in-out infinite;pointer-events:none}@keyframes skill-aura{0%,to{transform:scale(.94);opacity:.4}50%{transform:scale(1.06);opacity:1}}.skill-hotkey{position:absolute;z-index:2;right:-6px;bottom:-6px;min-width:18px;height:18px;padding:0 4px;border:1px solid #f6d98b;border-radius:5px;background:#15162e;color:#f6d98b;font:800 11px/16px var(--font-body);text-align:center;box-shadow:0 0 8px #f6cc6b66}.skill-card-head{display:flex;align-items:center;gap:12px}.skill-info{flex:1;min-width:0}.skill-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.skill-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.skill-title b{font:700 14px var(--font-display);color:#f6d98b}.type-passive .skill-title b{color:#dcc8ff}.skill-type{padding:0 6px;border-radius:4px;font-size:9px;font-weight:700;line-height:15px}.skill-type.attack{background:#5a2230;color:#ffb3a8}.skill-type.area{background:#5a3a1e;color:#ffd59a}.skill-type.heal{background:#1f4a36;color:#9ff0bf}.skill-type.dash{background:#1f3d5a;color:#9fd8ff}.skill-type.passive{background:#3d2a6a;color:#dcc8ff}.skill-info p{margin:0;color:#c9cdea;font-size:11px}.skill-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.skill-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1px solid #34376a;border-radius:4px;background:#12132a;color:#e6e8ff;font-size:10px}.skill-chip i{color:#8f94c0;font-style:normal}.skill-chip.atk{border-color:#6a3340}.skill-chip.heal{border-color:#2f6a4e}.skill-chip.mp{border-color:#2f4f7a;color:#9fd2ff}.skill-chip.move{border-color:#2f5a7a}.skill-req{display:block;margin-top:4px;color:#ff9f8f;font-size:10px}.skill-req.met{color:#9fb8a8}.skill-note{display:block;margin-top:4px;color:#7fe9ff;font-size:10px}.type-passive .skill-note{color:#c9a6ff}.skill-pips{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.skill-pips i{width:12px;height:6px;border:1px solid #8a6631;border-radius:2px;background:#0b0c1e}.skill-pips i.on{border-color:#f6d98b;background:linear-gradient(#ffe7a0,#e0a83a)}.type-passive .skill-pips i.on{border-color:#c9a6ff;background:linear-gradient(#e6d6ff,#9a6cff)}.skill-up{min-width:72px}.skill-window .skill-points-box>span{flex:1}.skill-points-box b.planning{border-color:#7fe9ff;color:#7fe9ff;box-shadow:0 0 12px #7fe9ff55;animation:none}.skill-points-plan{color:#7fe9ff;font-style:normal;font-weight:700}.skill-stepper{flex:none;display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px dashed #3b3e6e}.skill-step-pill{width:150px;flex:none;display:flex;align-items:stretch;height:38px;border:1px solid #8a6631;border-radius:8px;background:#0f1026;box-shadow:inset 0 2px 4px #0008;overflow:hidden}.skill-step{width:32px;flex:none;padding:0;cursor:pointer;border:0;background:linear-gradient(#34376a,#22244a);color:#f6d98b;font:800 18px/1 var(--font-body);transition:filter .12s,background .12s}.skill-step.minus{border-right:1px solid #8a6631}.skill-step.plus{border-left:1px solid #8a6631}.skill-step.plus:not(:disabled){background:linear-gradient(#f6d07a,#c28d37);color:#2a1c08;box-shadow:inset 0 1px #fff6c8}.skill-step.minus:not(:disabled){background:linear-gradient(#4a4f8e,#2c2f5e);color:#fff4d2}.skill-step:hover:not(:disabled){filter:brightness(1.15)}.skill-step:active:not(:disabled){filter:brightness(.9)}.skill-step:disabled{cursor:default;background:#16172f;color:#4a4d7e}.skill-step-lv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.skill-step-label{color:#8f94c0;font-size:9px;margin-bottom:2px}.skill-step-value{display:flex;align-items:baseline;color:#e6e8ff;font-family:var(--font-body)}.skill-step-value b{font-size:16px;font-weight:800}.skill-step-value small{color:#8f94c0;font-size:11px;white-space:pre}.skill-step-lv.planned .skill-step-value b{color:#7fe9ff;text-shadow:0 0 8px #7fe9ff88}.skill-step-lv.planned .skill-step-label{color:#7fe9ff}.skill-step-reason{color:#ff9f8f;font-size:10px}.skill-step-reason.max{color:#f6d98b}.skill-stepper-fixed{width:100%;color:#8f94c0;font-size:10px;text-align:center}.skill-card.planning{border-color:#7fe9ff;box-shadow:0 0 12px #7fe9ff2e}.job-tag.plan{border-color:#7fe9ff;color:#7fe9ff}.skill-pips i.plan{border-color:#7fe9ff;background:repeating-linear-gradient(45deg,#2a8fae,#2a8fae 2px,#1b5f78 2px 4px);animation:skill-pip 1.2s ease-in-out infinite}@keyframes skill-pip{50%{filter:brightness(1.4)}}.skill-chip.changed{border-color:#7fe9ff;color:#bff6ff;background:#102a3a}.skill-plan{display:flex;align-items:center;gap:8px;margin:0 8px 4px;padding:8px 10px;border:1px solid #3b3e6e;border-radius:6px;background:#17183a;transition:border-color .15s,box-shadow .15s}.skill-plan.hidden{display:none}.skill-plan.active{border-color:#7fe9ff;box-shadow:0 0 14px #7fe9ff33}.skill-plan-summary{flex:1;min-width:0;display:flex;flex-direction:column}.skill-plan-summary b{color:#7fe9ff;font-size:13px}.skill-plan-summary span{color:#9ea3cf;font-size:11px}.hotbar-ghost{position:fixed;z-index:1000;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border:2px solid #f6d98b;border-radius:6px;background:#2e2e39e6;box-shadow:0 0 16px #f6cc6b88,0 8px 16px #000a;pointer-events:none}.hotbar-ghost img{width:32px;height:32px;image-rendering:pixelated}.hotbar-dragging,.hotbar-dragging *{cursor:grabbing!important;user-select:none}.hotbar-dragging .sb-slot{border-color:#c9974a;box-shadow:inset 0 0 0 1px #0d0d16,0 0 8px #f6cc6b44}.hotbar-dragging .sb-slot.vacant{border-color:#f6d98b;background:#24254a}.sb-slot.drop-hover{border-color:#7fe9ff!important;transform:translateY(-4px) scale(1.06);box-shadow:0 0 16px #7fe9ffaa!important}.hotbar-dragging-slot .skillbar:after{content:"ปล่อยนอกแถบเพื่อเอาออก";position:absolute;left:50%;bottom:calc(100% + 18px);transform:translate(-50%);padding:3px 10px;border-radius:99px;background:#15162ee6;color:#ffb3a8;font-size:11px;white-space:nowrap;pointer-events:none}.sb-slot.dropped{animation:sb-drop .3s ease-out}@keyframes sb-drop{0%{transform:scale(1.18);box-shadow:0 0 18px #7fe9ff}to{transform:none}}.sb-tip-hint{color:#8f94c0!important}.inv-slot.hotbar-source{touch-action:pan-y}.drag-armed{outline:2px solid #7fe9ff;outline-offset:1px}.status-window{width:640px}.st-view{display:flex;flex-direction:column;gap:8px;min-height:0;padding:4px 8px 8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a6631 transparent}.st-tabs{display:flex;gap:4px;border-bottom:1px solid #3b3e6e}.st-tabs button{padding:6px 12px;cursor:pointer;border:1px solid #3b3e6e;border-bottom:0;border-radius:6px 6px 0 0;background:#17183a;color:#a9aed6;font:600 12px var(--font-body)}.st-tabs button.active{background:#2a2c58;color:#f6d98b;border-color:#8a6631}.st-body{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.st-list{display:flex;flex-direction:column;gap:5px}.st-row{display:grid;grid-template-columns:112px 1fr 46px 34px;align-items:center;gap:8px;padding:6px 8px;border:1px solid #3b3e6e;border-radius:6px;background:linear-gradient(#22244a,#191a38)}.st-row:hover{border-color:#8a6631}.st-row.max{border-color:#2f8f55}.st-label{display:flex;align-items:center;gap:8px}.st-label-text{display:flex;flex-direction:column;line-height:1.1}.st-row{--st: #f6d98b}.st-row.st-str{--st: #ff9a4a}.st-row.st-agi{--st: #7fe9ff}.st-row.st-vit{--st: #ff6f91}.st-row.st-int{--st: #b48cff}.st-row.st-dex{--st: #f6d98b}.st-row.st-luk{--st: #8fe36b}.st-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:2px solid #8a6631;border-radius:7px;color:var(--st);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--st) 28%,#2e2e39),#17182f 75%);box-shadow:inset 0 0 0 1px #0d0d16,0 0 8px color-mix(in srgb,var(--st) 25%,transparent)}.st-icon img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 1px 0 #000a)}.st-row:hover .st-icon{border-color:var(--st)}.st-row .st-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--st) 55%,#3a2a10),var(--st))}.st-label b{font:800 15px var(--font-display);color:var(--st)}.st-label small{color:#8f94c0;font-size:10px}.st-meta{display:flex;flex-direction:column;gap:3px}.st-value{color:#fff;font:800 17px var(--font-display);line-height:1}.st-gear{margin-left:4px;color:#7fe39a;font:700 11px var(--font-display);line-height:1}.st-gear.minus{color:#ff9a8a}.st-bar{height:5px;border:1px solid #0b0c1e;border-radius:3px;background:#0b0c1e;overflow:hidden}.st-bar i{display:block;height:100%;background:linear-gradient(90deg,#a77a26,#f6cc6b)}.st-row.max .st-bar i{background:linear-gradient(90deg,#2f8f55,#7fe39a)}.st-cost{color:#7fe9ff;font-size:11px;text-align:right;white-space:nowrap}.st-cost.short{color:#ff9f8f}.st-row.max .st-cost{color:#7fe39a}.st-plus{min-width:0;width:34px;height:30px;padding:0;font:800 17px var(--font-body)}.st-subs{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start}.st-sub{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 6px;padding:5px 8px;border:1px solid #2e3060;border-radius:6px;background:#15162e;transition:border-color .15s,box-shadow .15s}.st-sub span{color:#a9aed6;font:700 11px var(--font-display)}.st-sub b{color:#fff4d2;font-size:14px;text-align:right}.st-sub small{grid-column:1 / -1;color:#6f74a0;font-size:9px}.st-sub.lit{border-color:#f6d98b;box-shadow:0 0 8px #f6cc6b44}.st-sub.lit span{color:#f6d98b}.st-note{display:block;margin:2px 0 0;font-size:10px;color:#8f94c0}.st-table-wrap{max-height:330px;overflow-y:auto;border:1px solid #3b3e6e;border-radius:6px;scrollbar-width:thin;scrollbar-color:#8a6631 transparent}.st-table{width:100%;border-collapse:collapse;font-size:12px;color:#c9cdea}.st-table th{position:sticky;top:0;padding:6px 10px;background:#2a2c58;color:#f6d98b;font-weight:700;text-align:left}.st-table td{padding:4px 10px;border-top:1px solid #23254a}.st-table tr:nth-child(2n) td{background:#17183a}.st-table tr.done td{color:#6f74a0}.st-table tr.now td{background:#3a3218;color:#fff4d2;font-weight:700}.status-window .skill-points-box>span{flex:1}.st-reset{display:flex;align-items:center;gap:6px;margin-left:auto}.st-reset-btn{display:inline-flex;align-items:center;gap:6px}.st-reset-btn:disabled .st-reset-icon img{filter:grayscale(1) brightness(.7)}.st-reset-icon{display:grid;place-items:center;width:32px;height:32px;margin:-2px -2px -2px -10px}.st-reset-icon img{width:32px;height:32px;image-rendering:pixelated;transition:transform .35s}.st-reset-btn:not(:disabled):hover .st-reset-icon img{transform:rotate(-200deg)}.st-reset-ask{color:#ff9f8f;font-size:12px;font-weight:700}.st-summary-wrap{max-height:380px}.st-summary td{vertical-align:top}.st-summary td b{color:#e6e8ff;font-weight:700;white-space:nowrap}.st-summary .st-val{color:#f6d98b;font-weight:800;white-space:nowrap}.st-summary .st-how{color:#9ea3cf;font-size:11px}.st-summary tr.st-group td{background:#23254a!important;color:#7fe9ff;font:700 11px var(--font-display);letter-spacing:.04em}.st-soon{display:block;margin-top:1px;color:#8f94c0;font:normal 9px var(--font-body)}@media(max-width:680px){.st-body{grid-template-columns:1fr}}.warp-window{width:440px}.warp-card{display:flex;align-items:center;gap:12px;padding:10px;border:2px solid #3b3e6e;border-radius:8px;background:linear-gradient(#22244a,#191a38)}.warp-card.open{border-color:#7fe9ff;box-shadow:0 0 12px #7fe9ff33}.warp-card.closed{opacity:.7}.warp-icon{width:52px;height:52px;flex:none;border:2px solid #8a6631;border-radius:6px;background:#12142c url(/assets/sprites/warp/portal.png?v=1792070786161) no-repeat 0 0 / auto 48px;image-rendering:pixelated}.warp-card.closed .warp-icon{filter:grayscale(.8) brightness(.7)}.warp-card .inv-btn{min-width:84px}.channel-window{width:560px;max-height:min(520px,calc(100vh - 40px))}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:6px;flex:1 1 auto;min-height:0;margin:10px 14px 14px;padding:10px 6px 10px 10px;border:1px solid #3b3e6e;border-radius:6px;background:linear-gradient(#18193a,#121330);box-shadow:inset 0 3px 10px #0009;scrollbar-width:thin;scrollbar-color:#8a6631 #0d0e22}.channel-grid::-webkit-scrollbar{width:8px}.channel-grid::-webkit-scrollbar-track{margin:4px 0;border-radius:4px;background:#0d0e22}.channel-grid::-webkit-scrollbar-thumb{border:2px solid #0d0e22;border-radius:4px;background:#8a6631}.channel-grid::-webkit-scrollbar-thumb:hover{background:#c9974a}.channel-tile{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px 6px;padding:6px 8px 7px;border:2px solid #3b3e6e;border-radius:6px;background:linear-gradient(#22244a,#191a38);color:#c9cdea;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.channel-tile b{font:700 13px var(--font-display);color:#f6d98b;white-space:nowrap}.channel-tile .channel-count{font-size:10px;color:#a9aed6;white-space:nowrap}.channel-tile.open:hover,.channel-tile.open:focus-visible{border-color:#7fe9ff;box-shadow:0 0 10px #7fe9ff44;transform:translateY(-1px);outline:none}.channel-tile.current{border-color:#f3c76b;box-shadow:0 0 10px #f3c76b33;cursor:default}.channel-tile.current .channel-count{color:#f3c76b}.channel-tile.closed{opacity:.6;cursor:default}.channel-tile.closed .channel-count{color:#e38a78}.channel-tile:disabled{color:#c9cdea}.channel-meter{grid-column:1 / -1;width:100%;height:4px;border-radius:2px;background:#0d0e22;overflow:hidden}.channel-meter i{display:block;height:100%;background:linear-gradient(90deg,#7fe9ff,#f3c76b)}.channel-tile.closed .channel-meter i{background:#c46a5a}.side-panel button.channel-refresh{width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;border:1px solid #d6ac69;border-radius:4px;background:linear-gradient(180deg,#34376a,#22244a);box-shadow:inset 0 1px #ffe3ac55,inset 0 -3px #15162e,0 2px #0b0c1e;transition:background .12s,box-shadow .12s}.side-panel button.channel-refresh svg{width:20px;height:20px;fill:none;stroke:#f6d98b;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.side-panel button.channel-refresh:hover{background:linear-gradient(#45498a,#2c2f5e);border-color:#ffe0a2}.side-panel button.channel-refresh:hover svg{transform:rotate(90deg)}.side-panel button.channel-refresh:active{background:#1c1d3c;box-shadow:inset 0 2px 4px #0b0c1e}.side-panel button.channel-refresh:focus-visible{outline:2px solid #7fe9ff;outline-offset:3px}.minimap .mm-toolbar #mm-channel{width:auto;min-width:26px;padding:0 4px;font-size:11px;font-weight:700;letter-spacing:0;white-space:nowrap}.social-window{width:480px;height:min(620px,calc(100vh - 40px))}.social-tabs{display:flex;gap:6px;padding:8px 8px 0}.social-tabs button{flex:1;height:32px;cursor:pointer;border:1px solid #4a4d7e;border-radius:6px 6px 0 0;background:#1b1c3c;color:#a9aed6;font:700 13px var(--font-body)}.social-tabs button[aria-selected=true]{border-color:#c9974a;background:linear-gradient(#34305a,#22244a);color:#f6d98b}#social-list{flex:1;min-height:0}.social-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px 10px;border:2px solid #3b3e6e;border-radius:8px;background:linear-gradient(#22244a,#191a38)}.social-card .job-title{flex-wrap:wrap}.social-card .job-title b{overflow-wrap:anywhere}.social-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.social-actions .inv-btn{height:28px;padding:0 10px;font-size:11px}.social-heading{margin:8px 2px 0;color:#f6d98b;font:700 13px var(--font-display)}.social-empty,.social-hint{margin:0;padding:4px 2px;color:#a9aed6;font-size:11px;line-height:1.5}.social-form{display:flex;gap:6px}.social-form input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid #4a4d7e;border-radius:6px;background:#12142c;color:#fff;font:13px var(--font-body)}.social-id{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 10px;border:1px dashed #4a4d7e;border-radius:6px}.social-id small{grid-column:1 / -1;color:#8f94c0;font-size:10px}.social-id code{overflow-wrap:anywhere;color:#c9cdea;font-size:11px}.social-party-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}.social-party-head b{font:700 16px var(--font-display);color:#fff4d2;overflow-wrap:anywhere}.social-party-head small{color:#a9aed6;font-size:11px;white-space:nowrap}.social-share{display:flex;gap:6px}.social-share .inv-btn{flex:1}.social-hp{grid-column:1 / -1;height:6px;border:1px solid #0b0c1e;border-radius:3px;background:#0b0c1e;overflow:hidden}.social-hp i{display:block;height:100%;background:linear-gradient(90deg,#b8323a,#f06a5f)}.social-leave{align-self:flex-end;margin-top:4px}.party-frame{position:absolute;z-index:9;left:14px;top:150px;width:214px;display:flex;flex-direction:column;gap:4px;padding:6px}.party-frame,.chat,.whisper-window{border:2px solid #8a6631;border-radius:8px;background:#15162ee6;box-shadow:0 0 0 2px #0b0c1e,0 8px 18px #02060ca0}.party-frame[hidden]{display:none}.pf-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px 4px;border:0;border-bottom:1px solid #3b3e6e;background:none;color:#f6d98b;cursor:pointer;text-align:left}.pf-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px var(--font-display)}.pf-share{flex:none;padding:0 5px;border:1px solid #4a4d7e;border-radius:99px;color:#a9aed6;font-size:9px}.pf-share.on{border-color:#7fe9ff;color:#7fe9ff}.pf-member{display:flex;align-items:center;gap:7px;width:100%;padding:4px;border:1px solid #3b3e6e;border-radius:6px;background:linear-gradient(#22244a,#191a38);color:#e6e8ff;cursor:pointer;text-align:left}.pf-member:hover,.pf-member:focus-visible{outline:0;border-color:#f6d98b}.pf-member.offline,.pf-member.dead{opacity:.5}.pf-member.self{border-color:#8a6631;background:linear-gradient(#34305a,#22244a)}.pf-you{margin-left:4px;padding:0 4px;border:1px solid #7fe9ff;border-radius:99px;color:#7fe9ff;font-size:8px;font-weight:700;vertical-align:1px}.pf-member.offline .pf-face,.pf-member.dead .pf-face{filter:grayscale(1)}.pf-face{width:34px;height:34px;flex:none;border:1px solid #8a6631;border-radius:50%;background-color:#1b2a4a;background-repeat:no-repeat;background-position:-4px -2px;image-rendering:pixelated}.pf-info{flex:1;min-width:0}.pf-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.pf-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff4d2}.pf-lv{flex:none;color:#f6d98b;font-size:10px;font-weight:700}.pf-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9aed6;font-size:9px}.pf-hp{height:5px;margin-top:2px;border:1px solid #0b0c1e;border-radius:3px;background:#0b0c1e;overflow:hidden}.pf-hp i{display:block;height:100%;background:linear-gradient(90deg,#b8323a,#f06a5f);transition:width .3s}.pf-hp.unknown{opacity:.35}.pf-empty{margin:0;padding:2px;color:#a9aed6;font-size:10px}body.compact .party-frame{left:calc(6px + var(--safe-l, 0px));width:170px;padding:4px}body.compact .pf-face{width:28px;height:28px}.player-menu{position:fixed;z-index:1000;min-width:190px;padding:6px;border:2px solid #c9974a;border-radius:8px;background:linear-gradient(#272a58,#191a38);box-shadow:0 0 0 2px #0b0c1e,0 12px 26px #02060cd0;color:#e6e8ff;font-family:var(--font-body, sans-serif)}.player-menu[hidden]{display:none}.player-menu-head{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;margin-bottom:4px;border-bottom:1px solid #3b3e6e}.player-menu-head b{display:block;color:#fff4d2;font-size:13px}.player-menu-head small{color:#a9aed6;font-size:10px}.player-menu-face{width:36px;height:36px;flex:none;border:1px solid #8a6631;border-radius:50%;background-color:#1b2a4a;background-repeat:no-repeat;background-position:-4px -2px;image-rendering:pixelated}.player-menu-item{display:block;width:100%;padding:7px 8px;border:0;border-radius:5px;background:none;color:#e6e8ff;font:600 12px var(--font-body, sans-serif);text-align:left;cursor:pointer}.player-menu-item:hover:not(:disabled),.player-menu-item:focus-visible{outline:0;background:#34305a;color:#f6d98b}.player-menu-item:disabled{cursor:default;color:#7f84ad}.player-menu-item.taken:disabled{color:#e8a08f}.player-menu-item{display:flex;align-items:center;gap:8px}.player-menu-icon{width:24px;height:24px;flex:none;image-rendering:pixelated}.player-menu-item:disabled .player-menu-icon{filter:grayscale(.7) brightness(.8)}.player-menu-item.taken:disabled .player-menu-icon{filter:none}.player-menu-item.checking .player-menu-icon{animation:social-pulse 1s ease-in-out infinite}@keyframes social-pulse{50%{opacity:.35}}.inv-btn.with-icon{display:inline-flex;align-items:center;gap:5px;padding-left:6px}.inv-btn-icon{width:20px;height:20px;flex:none;image-rendering:pixelated}.inv-btn:disabled .inv-btn-icon{filter:grayscale(1)}.social-crown{width:16px;height:16px;margin-right:3px;vertical-align:-3px;image-rendering:pixelated}.social-popup-icon{display:block;width:64px;height:64px;margin:-4px auto 4px;image-rendering:pixelated}.player-menu-item.danger{color:#ffb4a8}.player-menu-note{margin:4px;color:#a9aed6;font-size:11px}.social-popup-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:16px;background:#02060c66}.social-popup-overlay[hidden]{display:none}.social-popup{width:min(360px,100%);padding:18px 20px 16px;border:18px solid transparent;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;image-rendering:pixelated;text-align:center;color:#e6e8ff;filter:drop-shadow(0 18px 36px #02060cd0);animation:social-pop .18s ease-out;font-family:var(--font-body, sans-serif)}@keyframes social-pop{0%{transform:scale(.9);opacity:0}}.social-popup-eyebrow{margin:0;color:#7fe9ff;font-size:11px;letter-spacing:.08em}.social-popup h3{margin:6px 0 4px;color:#fff4d2;font:700 18px var(--font-display, sans-serif)}.social-popup-detail{margin:0 0 10px;color:#f6d98b;font-size:13px;overflow-wrap:anywhere}.social-popup-timer{height:5px;margin:0 0 12px;border-radius:3px;background:#0b0c1e;overflow:hidden}.social-popup-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a77a26,#f6cc6b);transition:width .2s linear}.social-popup-actions{display:flex;gap:10px;justify-content:center}.social-popup-actions .inv-btn{min-width:110px}@media(max-width:560px){.social-window{width:calc(125vw - 24px)}.social-actions{grid-column:1 / -1;justify-content:flex-start}}.sb-auto{position:relative;width:52px;height:52px;margin-left:8px;padding:0;display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer;border:2px solid #8a6631;border-radius:50%;background:radial-gradient(circle at 50% 38%,#34376a,#1b1c3a);box-shadow:inset 0 0 0 1px #0d0d16,0 0 0 2px #0b0c1e;color:#a9aed6;transition:border-color .12s,box-shadow .12s}.sb-auto:before{content:"";position:absolute;left:-9px;top:8px;bottom:8px;border-left:1px solid #c9974a66}.sb-auto:hover{border-color:#f6d98b}.sb-auto b{font-size:17px;line-height:1;font-weight:400}.sb-auto small{font:800 9px/1 var(--font-body)}.sb-auto kbd{position:absolute;left:-2px;top:-2px;min-width:15px;height:15px;padding:0 3px;border:1px solid #c9974a;border-radius:5px 0;background:#15162e;color:#f6d98b;font:800 10px/13px var(--font-body);text-align:center}.sb-auto.on{border-color:#7fe9ff;background:radial-gradient(circle at 45% 35%,#2f8fae,#173f5a 75%);color:#fff;box-shadow:0 0 0 2px #0b0c1e,0 0 14px #7fe9ffaa;animation:tc-auto 1.6s ease-in-out infinite}body:is(.touch,.compact) .sb-auto{display:none}@media(max-width:800px){.sb-auto{width:44px;height:44px}}.sb-slot.vacant{cursor:default;border-style:dashed;border-color:#4a4d7e;background:#1b1c33}.sb-slot.vacant:hover{transform:none;border-color:#6a6da0}.sb-slot.nomp .sb-icon{filter:grayscale(.6) brightness(.7) hue-rotate(180deg)}.sb-slot.nomp:after{content:"MP";position:absolute;left:50%;bottom:2px;transform:translate(-50%);color:#8fd2ff;font:800 9px var(--font-body);text-shadow:0 0 3px #000}.sb-lv{position:absolute;right:3px;bottom:0;z-index:2;color:#f6d98b;font:800 9px/1.2 var(--font-body);text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.sb-tip-lv{display:block;margin-top:2px;color:#f6d98b!important}@media(max-width:1330px){body:not(.compact) .inv-window{scale:.82}}@media(max-width:1100px){body:not(.compact) .inv-window{scale:.7}}@media(max-width:940px){body:not(.compact) .inv-window{scale:.6}}@media(max-width:840px),(max-height:640px){.inv-window{scale:.58}}@media(max-width:560px){.job-window{scale:.8}}@media(max-width:640px){.inv-window{scale:.46}}.skillbar{position:absolute;z-index:10;left:50%;transform:translate(-50%);bottom:calc(10px + var(--exp-dock-inset));display:flex;align-items:center;gap:6px}.skillbar.sb{padding:4px 14px;border:15px solid transparent;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 28px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 8px 18px #02060cc0)}.sb-slot{position:relative;width:52px;height:52px;padding:0;display:grid;place-items:center;cursor:pointer;border:2px solid #8a6631;border-radius:6px;background:#2e2e39;box-shadow:inset 0 0 0 1px #0d0d16,inset 0 4px #0004;color:#fff;transition:transform .12s,border-color .12s}.sb-slot:hover,.sb-slot:focus-visible{outline:0;border-color:#f6d98b;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #0d0d16,0 0 12px #f6cc6b55}.sb-slot.item{border-color:#7a6a8a}.sb-icon{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.sb-glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:4px;background:radial-gradient(circle at 40% 35%,var(--c2),var(--c1));font-size:22px;text-shadow:0 2px 3px #000}.sb-key{position:absolute;left:-2px;top:-2px;z-index:2;min-width:15px;height:15px;padding:0 3px;border:1px solid #c9974a;border-radius:5px 0;background:#15162e;color:#f6d98b;font:800 10px/13px var(--font-body);text-align:center}.sb-key:empty{display:none}.sb-count{position:absolute;right:3px;bottom:0;z-index:2;font:700 11px/1.2 var(--font-body);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.sb-slot.empty .sb-icon{filter:grayscale(1) brightness(.55)}.sb-slot.empty .sb-count{color:#ff8f7a}.sb-cd{position:absolute;inset:0;z-index:1;border-radius:4px;pointer-events:none;background:conic-gradient(#0a0c1fcc calc(var(--cd, 0) * 360deg),transparent 0)}.sb-cd-text{position:absolute;z-index:2;font:800 13px var(--font-body);color:#fff;text-shadow:0 0 4px #000,0 1px 0 #000;pointer-events:none}.sb-slot.cooling{cursor:default;transform:none}.sb-slot.cooling .sb-icon{filter:saturate(.4)}.sb-slot.pressed{animation:sb-press .25s ease-out}@keyframes sb-press{0%{box-shadow:0 0 #7fe9ffcc,inset 0 0 18px #7fe9ff99}to{box-shadow:0 0 0 10px #7fe9ff00,inset 0 0 #7fe9ff00}}.sb-slot.denied{animation:sb-shake .3s}@keyframes sb-shake{25%{translate:-3px 0}75%{translate:3px 0}}.sb-tooltip{position:absolute;top:0;z-index:5;min-width:150px;max-width:220px;padding:8px 10px;border:1px solid #c9974a;border-radius:6px;background:linear-gradient(#272a58,#191a38);box-shadow:0 8px 20px #000a;pointer-events:none;opacity:0;transform:translate(calc(-50% + var(--tip-shift, 0px)),calc(-100% - 18px));transition:opacity .12s,transform .12s}.sb-tooltip.show{opacity:1;transform:translate(calc(-50% + var(--tip-shift, 0px)),calc(-100% - 22px))}.sb-tip-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sb-tip-head b{color:#f6d98b;font-size:12px}.sb-tip-head kbd{padding:0 5px;border:1px solid #c9974a;border-radius:4px;color:#f6d98b;font:700 10px var(--font-body)}.sb-tooltip p{margin:5px 0 0;color:#dfe2ff;font-size:11px;line-height:1.45}.sb-tooltip small{display:block;margin-top:4px;color:#7fe9ff;font-size:10px}@media(max-width:800px){.login-panel{margin-left:auto;margin-right:auto}.player-card{width:300px;gap:10px}.hud-portrait,.portrait{width:60px;height:60px}.zone-label,.chat,.controls-hint{display:none}.top-actions{gap:4px;padding:4px}.top-actions button{width:42px;height:42px;justify-content:center}.top-actions span{display:none}.side-panel,.side-panel.quest-panel{top:236px}.minimap{top:70px;transform:scale(.75);transform-origin:top right}.sb-slot{width:44px;height:44px}}@media(max-width:620px){.skillbar{gap:3px}.skillbar.sb{padding:2px 8px;border-width:12px;border-image-width:22px}.sb-slot{width:32px;height:32px}.sb-icon{width:24px;height:24px}}.map-overview-caption{display:none;position:absolute;z-index:20;top:20px;left:24px;pointer-events:none;text-shadow:0 2px 8px #07151b}.map-overview-caption strong{display:block;font:700 21px var(--font-display);letter-spacing:.12em;color:#ffedbf}.map-overview-caption span{display:block;font-size:11px;margin-top:6px;color:#daebe9}.map-overview .map-overview-caption{display:block}.map-overview .topbar,.map-overview .side-panel,.map-overview .chat,.map-overview .skillbar,.map-overview .minimap,.map-overview .controls-hint{display:none}#navigation-debug{position:absolute;z-index:100;left:12px;bottom:100px;padding:10px;color:#baffdf;background:#10252fee;font:12px monospace;pointer-events:none}.dialogue-panel{position:absolute;z-index:25;left:50%;bottom:84px;transform:translate(calc(-50% + var(--win-dx, 0px)),var(--win-dy, 0px));width:min(540px,92vw);padding:16px 20px;border-radius:12px;border:1px solid #e7c36399;box-shadow:0 16px 36px #000000bf,inset 0 1px #ffffff26;background:linear-gradient(180deg,#102538f5,#081622fa);transition:opacity .25s ease,transform .25s ease}.dialogue-panel.hidden-panel{opacity:0;transform:translate(calc(-50% + var(--win-dx, 0px)),calc(20px + var(--win-dy, 0px)));pointer-events:none}.dialogue-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff17;padding-bottom:10px}.dialogue-avatar{width:40px;height:40px;border-radius:8px;background:radial-gradient(circle,#3d6888,#182e3f);border:1px solid var(--gold);display:grid;place-items:center;font-size:20px;color:#fff1af;box-shadow:0 0 12px #e7c36340}.dialogue-meta{flex:1}.dialogue-meta strong{display:block;font:700 15px var(--font-display);color:#fff7d6}.dialogue-meta small{display:block;font-size:10px;color:var(--gold)}.dialogue-close{cursor:pointer;border:0;background:transparent;color:#aebfc9;font-size:20px;line-height:14px;padding:4px 8px}.dialogue-body{padding:12px 0 14px}.dialogue-greeting{font-size:11px;color:#9ac2d9;margin-bottom:6px;font-style:italic}.dialogue-speech{font-size:13px;line-height:1.6;color:#f1f8fc;margin:0}.dialogue-quest-card{margin-top:10px;background:#18354c88;border:1px solid #366080;border-left:3px solid var(--gold);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px}.quest-pill{font-size:9px;background:#25445c;color:#e7c363;padding:2px 6px;border-radius:4px;font-weight:600}.dialogue-quest-card b{font-size:12px;color:#eaf6ff}.dialogue-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #ffffff12;padding-top:12px}.dialogue-btn{cursor:pointer;border-radius:6px;font-size:11px;padding:8px 14px;font-weight:600;transition:.15s}.dialogue-btn.primary{background:linear-gradient(180deg,#d8b053,#9e792c);border:1px solid #f6db88;color:#171c1f;box-shadow:0 2px 8px #0006}.dialogue-btn.primary:hover{background:linear-gradient(180deg,#ebd076,#b8913d)}.dialogue-btn.secondary{background:#1e384c;border:1px solid #3d6888;color:#e2f0f8}.dialogue-btn.secondary:hover{background:#2b4d66}.dialogue-btn.ghost{background:transparent;border:1px solid transparent;color:#8da4b2}.dialogue-btn.ghost:hover{color:#fff}.quest-steps-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.quest-step-item{font-size:10px;padding:5px 8px;border-radius:4px;background:#08162288;border-left:2px solid #3d5868;color:#8ba2b0;transition:all .2s}.quest-step-item.active{background:#183348aa;border-left-color:var(--gold);color:#fff4ca;font-weight:600}.quest-step-item.done{border-left-color:#57c997;color:#7ce2b2;text-decoration:line-through}.map-only .player-card,.map-only .top-actions,.map-only .side-panel,.map-only .dialogue-panel,.map-only #chat,.map-only #skillbar,.map-only #minimap,.map-only .map-overview-caption{display:none!important}:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}.touch-only{display:none}body.touch .touch-only{display:inline}body.touch .mouse-only{display:none}.game-shell{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-shell input{-webkit-user-select:text;user-select:text}.game-shell :is(.job-list,.st-view,.st-table-wrap,.inv-grid,.inv-equipment,.side-panel.quest-panel,.dialogue-body,.set-page){touch-action:pan-y;overscroll-behavior:contain}.game-shell :is(.inv-tabs,.inv-toolbar,.set-tabs){touch-action:pan-x pan-y;overscroll-behavior:contain}.touch-controls{display:none;position:absolute;inset:0;z-index:11;pointer-events:none}body.touch .touch-controls{display:block}.touch-controls>*{pointer-events:auto}.touch-controls>.tc-stick{pointer-events:none}.tc-stick{--stick: 120px;position:absolute;left:0;top:0;translate:-50% -50%;opacity:0;visibility:hidden;transition:opacity .12s,visibility 0s .12s;width:calc(var(--stick) * var(--stick-scale, 1));height:calc(var(--stick) * var(--stick-scale, 1));border:2px solid #c9974a99;border-radius:50%;background:radial-gradient(circle,#0b0c1e55 0 54%,#15162e99 55%);box-shadow:0 0 0 2px #0b0c1e88,inset 0 0 18px #000a}.tc-stick:before{content:"";position:absolute;inset:14%;border:1px dashed #f6d98b33;border-radius:50%}.tc-stick.active{opacity:1;visibility:visible;transition:opacity .08s;border-color:var(--hud-gold-hi)}.tc-knob{position:absolute;left:27%;top:27%;width:46%;height:46%;border:2px solid var(--hud-gold-hi);border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3d78,#1b1c3a);box-shadow:0 4px 10px #000a,0 0 12px #f6cc6b44;pointer-events:none;transition:transform .1s}.tc-stick.active .tc-knob{transition:none}body:is(.touch,.compact){--cx: calc(102px + var(--safe-r));--cy: calc(148px + var(--safe-b));--skill-ring-scale: 1.5;--tc-top: 328px}body:is(.touch,.compact) .touch-controls{display:block}.tc-cluster{display:contents}.tc-btn{position:absolute;z-index:1;pointer-events:auto;display:grid;place-items:center;align-content:center;gap:1px;padding:0;border:2px solid #8a6631;border-radius:50%;background:radial-gradient(circle at 50% 38%,#34376ae6,#1b1c3ae6);box-shadow:0 0 0 2px #0b0c1e,0 6px 14px #000a,inset 0 1px #fff2;color:var(--hud-gold-hi);font:800 20px/1 var(--font-body);touch-action:manipulation}.tc-btn:active{filter:brightness(1.25);scale:.94}.tc-btn b{font-size:18px;line-height:1;font-weight:400}.tc-btn img{image-rendering:pixelated;filter:drop-shadow(0 2px 0 #000a)}.tc-btn small{color:var(--hud-muted);font:700 9px/1 var(--font-body);white-space:nowrap}.tc-action{width:92px;height:92px;right:calc(var(--cx) - 46px);bottom:calc(var(--cy) - 46px);border-color:var(--hud-gold);background:radial-gradient(circle at 45% 35%,#5a3e86,#2a1d4a 70%);box-shadow:0 0 0 2px #0b0c1e,0 0 16px #f6cc6b44,0 8px 16px #000a,inset 0 2px #ffffff2a}.tc-action img{width:44px;height:44px}.tc-action small{color:#fff4d2}.tc-dash,.tc-cancel{width:46px;height:46px;right:calc(var(--cx) + 110.9px * var(--skill-ring-scale) - 23px);bottom:calc(var(--cy) - 40.4px * var(--skill-ring-scale) - 23px)}.tc-dash img{width:26px;height:26px}.tc-dash small{font-size:8px;color:#9fd8ff}.tc-bot-settings{width:50px;height:50px;right:calc(var(--cx) - 38px * var(--skill-ring-scale) - 25px);bottom:calc(var(--cy) + 205px * var(--skill-ring-scale) - 25px)}.tc-bot-settings img{width:28px;height:28px}.tc-bot-settings.on{border-color:#7fe9ff;background:radial-gradient(circle at 45% 35%,#2f8fae,#173f5a 75%);box-shadow:0 0 0 2px #0b0c1e,0 0 16px #7fe9ffaa,0 6px 14px #000a;animation:tc-auto 1.6s ease-in-out infinite}.tc-bot-settings.on b,.tc-bot-settings.on small{color:#fff}@keyframes tc-auto{50%{box-shadow:0 0 0 2px #0b0c1e,0 0 26px #7fe9ffee,0 6px 14px #000a}}.tc-lock{width:36px;height:36px;right:calc(var(--cx) + 18px * var(--skill-ring-scale) - 18px);bottom:calc(var(--cy) + 205px * var(--skill-ring-scale) - 18px)}.tc-lock b{font-size:15px}.tc-lock.on{border-color:var(--hud-gold-hi);box-shadow:0 0 0 2px #0b0c1e,0 0 12px #f6cc6b88}.tc-map,.tc-chat{width:42px;height:42px;border-radius:10px;top:calc(var(--safe-t) + var(--tc-top))}.tc-map{right:calc(8px + var(--safe-r))}.tc-chat{right:calc(56px + var(--safe-r))}.tc-map small,.tc-chat small{font-size:8px}.tc-cancel,.tc-confirm{display:none}.tc-cancel{border-color:#e88a7c;background:linear-gradient(#7a2c35,#521b27);color:#ffd9d2}.tc-confirm{width:92px;height:92px;right:calc(var(--cx) - 46px);bottom:calc(var(--cy) - 46px);border-color:#d8fbff;background:radial-gradient(circle at 45% 35%,#45b9d6,#1d5a6b 75%);color:#fff;font-size:32px;box-shadow:0 0 0 2px #0b0c1e,0 0 18px #7fe9ffaa,0 8px 16px #000a;animation:tc-ready 1.2s ease-in-out infinite}.tc-cancel small,.tc-confirm small{color:inherit}@keyframes tc-ready{50%{box-shadow:0 0 0 2px #0b0c1e,0 0 28px #7fe9ffee,0 8px 16px #000a}}.touch-controls.aiming :is(.tc-action,.tc-dash){display:none}.touch-controls.aiming :is(.tc-cancel,.tc-confirm){display:grid}.map-overview .touch-controls :is(.tc-stick,.tc-chat,.tc-action,.tc-dash,.tc-bot-settings,.tc-lock,.tc-cancel,.tc-confirm){visibility:hidden}.map-overview .tc-map{border-color:var(--hud-gold-hi);box-shadow:0 0 0 2px #0b0c1e,0 0 16px #f6cc6b88}body.touch .controls-hint{display:none}.minimap{cursor:pointer}body:is(.touch,.compact) .skillbar{z-index:12;left:auto;right:var(--cx);bottom:var(--cy);width:0;height:0;transform:none;display:block}body:is(.touch,.compact) .skillbar.sb{padding:0;border:0;border-image:none;filter:none}body:is(.touch,.compact) .sb-slot{--s: 46px;--slot-size: calc(var(--s) * var(--skill-ring-scale));position:absolute;left:calc(var(--x) * var(--skill-ring-scale) - var(--slot-size) / 2);top:calc(-1 * var(--y) * var(--skill-ring-scale) - var(--slot-size) / 2);width:var(--slot-size);height:var(--slot-size);border-radius:50%;background:radial-gradient(circle at 50% 38%,#34344ce6,#15162ee6);box-shadow:0 0 0 2px #0b0c1e,0 4px 10px #0009;touch-action:none}body:is(.touch,.compact) .sb-slot:hover{transform:none}body:is(.touch,.compact) .sb-slot.vacant{background:#15162e55;box-shadow:none}body:is(.touch,.compact) .sb-icon{width:min(calc(32px * var(--skill-ring-scale)),calc(var(--slot-size) - 18px * var(--skill-ring-scale)));height:min(calc(32px * var(--skill-ring-scale)),calc(var(--slot-size) - 18px * var(--skill-ring-scale)))}body:is(.touch,.compact) .sb-cd{border-radius:50%}body:is(.touch,.compact) .sb-key{left:50%;top:-10px;translate:-50% 0;border-radius:8px;min-width:18px;height:18px;font-size:12px;line-height:16px}body:is(.touch,.compact) :is(.sb-count,.sb-lv){right:-2px;bottom:-3px}body:is(.touch,.compact) [data-hotbar-slot="0"]{--s: 52px;--x: -91.65px;--y: 8.02px}body:is(.touch,.compact) [data-hotbar-slot="1"]{--s: 52px;--x: -70.48px;--y: 59.14px}body:is(.touch,.compact) [data-hotbar-slot="2"]{--s: 52px;--x: -23.81px;--y: 88.87px}body:is(.touch,.compact) [data-hotbar-slot="3"]{--s: 52px;--x: 31.47px;--y: 86.45px}body:is(.touch,.compact) [data-hotbar-slot="4"]{--x: -150px;--y: 0px}body:is(.touch,.compact) [data-hotbar-slot="5"]{--x: -140.04px;--y: 53.75px}body:is(.touch,.compact) [data-hotbar-slot="6"]{--x: -111.47px;--y: 100.37px}body:is(.touch,.compact) [data-hotbar-slot="7"]{--x: -68.1px;--y: 133.65px}body:is(.touch,.compact) [data-hotbar-slot="8"]{--x: -15.68px;--y: 149.18px}body:is(.touch,.compact) [data-hotbar-slot="9"]{--x: 38.82px;--y: 144.89px}body:is(.touch,.compact) .hotbar-dragging-slot .skillbar:after{left:auto;right:-40px;bottom:calc(250px * var(--skill-ring-scale));transform:none}body:is(.touch,.compact) .chat{display:none}body:is(.touch,.compact) .chat-open .chat{display:flex;z-index:35;left:calc(8px + var(--safe-l));bottom:calc(10px + var(--exp-dock-inset));width:min(390px,calc(100vw - 16px));height:var(--chat-h, 220px);padding:6px 8px}body.touch .chat-tab{padding:4px 10px;font-size:11px}body.touch .chat-scope{padding:5px 9px;font-size:12px}body.touch #chat-form input{height:30px;font-size:16px}.chat-open .tc-chat{border-color:var(--hud-gold-hi)}body.compact .zone-label{display:none}body.compact .topbar{top:calc(6px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));gap:6px}body.compact .player-card{flex:0 1 auto;width:280px;min-width:0;gap:8px;padding:6px 18px 6px 10px;border-width:12px;border-image-width:30px}body.compact .hud-portrait{zoom:.62;margin-bottom:10px}body.compact .hud-portrait .portrait{width:76px;height:76px}body.compact .pd-head b{font-size:14px}body.compact .bar{height:14px}body.compact .bar.exp{height:11px}body.compact .vital>img{width:16px;height:16px}body.compact .vital.xp>img{width:14px;height:14px}body.compact .top-actions{gap:4px;padding:4px}body.compact .top-actions button{width:40px;height:40px;justify-content:center;padding:0}body.compact .top-actions img{width:28px;height:28px}body.compact .top-actions button>b{height:28px;font-size:20px}body.compact .top-actions span{display:none}body.compact .top-actions em{top:-6px;right:-6px}body.compact .top-actions button:hover{transform:none}body.compact .minimap{top:calc(var(--safe-t) + var(--minimap-top, 106px));right:calc(6px + var(--safe-r));transform:scale(var(--minimap-scale, .6));transform-origin:top right}body.compact .map-overview-caption{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l))}body.compact .map-overview-caption strong{font-size:16px}body.compact :is(.inv-window,.job-window,.side-panel.quest-panel){position:fixed;z-index:40;inset:calc(4px + var(--safe-t)) calc(4px + var(--safe-r)) calc(4px + var(--safe-b)) calc(4px + var(--safe-l));width:auto;height:auto;max-height:none;scale:none;transform:none;border-width:14px;border-image-width:24px}body.compact :is(.inv-window,.job-window,.side-panel.quest-panel).hidden-panel{transform:translateY(16px)}body.compact .side-panel.quest-panel{padding:8px 14px}body.compact .job-window>:is(.job-list,.st-view){flex:1 1 auto;min-height:0}body.compact .job-window>:is(.job-head,.job-unlock,.skill-plan){flex:none}body.compact .job-head{padding:4px 4px 8px 10px}body.compact .job-head h2{font-size:18px}body.compact .job-head small{display:block;font-size:10px;line-height:1.35}body.compact .job-unlock{margin:8px 4px 2px;padding:8px 10px}body.compact .job-list{padding:6px 4px}body.compact .inv-close{width:38px;height:38px;flex:none}body.compact .st-table-wrap,body.compact .st-summary-wrap{max-height:none}body.compact .skill-plan{flex-wrap:wrap;margin:0 4px 2px}body.compact .st-reset{flex-wrap:wrap;justify-content:flex-end}body.compact .inv-window{grid-template:"head" auto "tabs" auto "main" 1fr "foot" auto / 1fr}body.compact .inv-head{flex-wrap:wrap;gap:6px;padding:0 2px 6px 8px}body.compact .inv-head-title{flex:1 1 120px}body.compact .inv-head-icon{width:40px;height:40px;margin:0}body.compact .inv-head-title h2{font-size:18px}body.compact .inv-head-title small{font-size:10px}body.compact .inv-stat{height:30px;padding:0 8px 0 4px}body.compact .inv-stat img{width:20px;height:20px}body.compact .inv-stat b{min-width:0;font-size:12px}body.compact .inv-tab{flex:none;min-height:38px;padding:2px 6px;gap:6px}body.compact .inv-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:6px 2px;border-right:0;border-bottom:2px solid #0b0c1e;scrollbar-width:none}body.compact .inv-tab b{display:none}body.compact .inv-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.compact .inv-tab small{font-size:12px;color:#eef0ff}body.compact .inv-tab.active small{color:var(--inv-gold-hi)}body.compact .inv-tab.active{box-shadow:inset 0 -3px 0 var(--inv-cyan),0 0 10px #7fe9ff22}body.compact .inv-body{flex-direction:column}body.compact .inv-main{padding:6px 2px 6px 6px;gap:6px}body.compact .inv-toolbar{flex-wrap:wrap}body.compact .inv-toolbar select{flex:1 1 70px}body.compact .inv-search{flex:1 1 140px}body.compact .inv-grid{padding:6px}body.compact .inv-grid.grid{grid-template-columns:repeat(auto-fill,46px);gap:4px}body.compact .inv-grid.grid .inv-slot{width:46px;height:46px}body.compact .inv-grid.list .inv-slot{grid-template-columns:32px minmax(60px,1fr) minmax(0,60px) 44px}body.compact .inv-grid.list .inv-slot :is(.cat,.wt){display:none}body.compact .inv-foot{flex-wrap:wrap;gap:6px;padding:6px 8px 2px}body.compact .inv-summary{font-size:11px}body.compact .inv-summary:before,body.compact .inv-summary:after{display:none}body.compact .inv-foot-actions{flex-wrap:wrap;gap:6px;margin-left:auto}body.compact .inv-btn{height:34px;padding:0 10px}body.compact .inv-confirm{inset:-14px;padding:10px}body.compact .inv-confirm-card{width:min(300px,100%)}body.compact .inv-window{margin-left:0;grid-template:"head" auto "tabs" auto "equip" auto "main" 1fr "foot" auto / 1fr}body.compact .inv-equipment{grid-area:equip;position:static;width:auto;max-height:none;gap:4px;padding:6px 2px 0;border:0;filter:none;overflow:visible}body.compact .inv-equipment h3{display:none}body.compact .inv-equip-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}body.compact :is(.inv-equip-col){display:contents}body.compact .inv-equip-stage{grid-column:1 / -1;order:1;border:0;background:none;box-shadow:none}body.compact .inv-equip-stage>:not(.inv-equip-actions){display:none}body.compact .inv-equip-actions{flex-direction:row;margin:0;padding:0}body.compact .inv-equip-actions .inv-btn{flex:1;height:34px}body.compact .inv-equip-slot{justify-content:center;padding:2px}body.compact .inv-equip-slot :is(.text,.inv-equip-off){display:none}body.compact .inv-equip-slot .inv-slot{width:40px;height:40px}body.compact .inv-equipment .bonus{margin:0;padding:2px;border:0;font-size:10px}body.compact .dialogue-panel{position:fixed;z-index:41;left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(6px + var(--safe-b));width:auto;max-height:calc(100% - 12px - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;padding:12px 14px;transform:none}body.compact .dialogue-panel.hidden-panel{transform:translateY(20px)}body.compact .dialogue-body{min-height:0;overflow-y:auto;padding:8px 0 10px}body.compact .dialogue-actions{flex-wrap:wrap;padding-top:10px}body.compact .dialogue-btn{padding:10px 14px;font-size:12px}body.compact .dialogue-close{padding:8px 10px;font-size:24px}body.compact{--tc-top: 252px}body.compact .player-card{flex:1 1 auto;width:auto}body.compact .top-actions{display:grid;grid-template-columns:repeat(3,40px);flex:none}.map-overview-caption i{font-style:normal}body.hotbar-dragging .skillbar{z-index:45}body.compact.hotbar-dragging :is(.inv-window,.job-window){opacity:.12;pointer-events:none;transition:opacity .15s}.chat-feed{display:none}body:is(.touch,.compact) .chat-feed{position:absolute;z-index:9;left:calc(8px + var(--safe-l));right:min(calc(var(--cx) + 185px * var(--skill-ring-scale)),calc(100% - 96px - var(--safe-l)));bottom:calc(10px + var(--exp-dock-inset));max-width:360px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.chat-feed p{max-width:100%;margin:0;padding:3px 9px;border-radius:7px;background:#0b0c1eb0;box-shadow:0 0 0 1px #c9974a33;color:var(--hud-text);font-size:11px;line-height:1.4;text-shadow:0 1px 0 #000;overflow-wrap:anywhere;animation:feed-fade 18s forwards}.chat-feed b{color:var(--hud-gold-hi)}@keyframes feed-fade{0%{opacity:0;transform:translateY(6px)}3%,85%{opacity:1;transform:none}to{opacity:0}}.chat-open .chat-feed,.map-overview .chat-feed{visibility:hidden}.rotate-hint{display:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.rotate-hint{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:radial-gradient(circle at 50% 40%,#272a58,#0b0c1e 75%);color:#fff4d2;text-align:center}.rotate-hint strong{font:700 20px var(--font-display);color:#f6d98b}.rotate-hint small{color:#a9aed6;font-size:12px}.rotate-phone{width:46px;height:76px;border:3px solid #f6d98b;border-radius:9px;box-shadow:0 0 18px #f6cc6b55,inset 0 -6px 0 -3px #f6d98b;animation:rotate-phone 2.4s ease-in-out infinite}}@keyframes rotate-phone{0%,25%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}.minimap{width:184px;padding:6px;cursor:default;transform:none;border:2px solid #8a6631;border-radius:8px;background:#15162ee6;box-shadow:0 0 0 2px #0b0c1e,0 8px 18px #02060ca0;text-align:left}.mm-toolbar{display:flex;align-items:center;gap:3px;margin-bottom:5px}.mm-toolbar>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:clip;color:var(--hud-gold-hi);font:500 10px var(--font-body)}.mm-toolbar i{font-style:normal;color:#90acb4;margin-left:4px;font-size:9px}.mm-toolbar button{flex-shrink:0;width:26px;height:26px;padding:0;border:1px solid #987542;border-radius:5px;background:#122b3c;color:var(--hud-gold-hi);cursor:pointer;font-size:17px;line-height:1;touch-action:manipulation}.minimap button:hover{background:#b9dce322}.minimap button:focus-visible{outline:2px solid #8ad8ec;outline-offset:1px}.minimap canvas{display:block;width:100%;height:auto;margin:0;border:1px solid var(--hud-gold);border-radius:4px;background:#102b32;box-shadow:none;cursor:crosshair;touch-action:manipulation}.minimap strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 8px 0;color:#e5eef1;font:500 11px/1.4 var(--font-body)}.minimap small,.mm-hint{display:none}.mm-status{display:flex;justify-content:space-between;gap:6px;margin:2px 8px 8px;color:#9ab4bf;font-size:9px;line-height:1.4}.mm-content[hidden]{display:none}.minimap.mm-expanded,body.compact .minimap.mm-expanded{position:absolute;z-index:45;top:50%;left:50%;right:auto;width:min(580px,calc(100% - 24px));transform:translate(-50%,-50%);max-height:calc(100% - 24px);overflow-y:auto;padding:12px;border-radius:8px;box-shadow:0 0 0 2px #0b0c1e,0 0 0 100vmax #06111999,0 12px 40px #0009}.minimap.mm-expanded canvas{width:100%;height:auto}.minimap.mm-expanded strong{font-size:15px}.minimap.mm-expanded .mm-toolbar button{width:32px;height:32px}.minimap.mm-expanded small{display:block;margin:2px;color:#9ab4bf;font-size:11px}.minimap.mm-expanded .mm-status{font-size:11px}.minimap.mm-expanded .mm-hint{display:block;margin:8px 2px 0;font-size:11px;color:#9ab4bf}body.compact .minimap:not(.mm-expanded){width:160px;transform:none}body.compact .minimap:not(.mm-expanded) .mm-toolbar button{width:26px;height:26px}body.compact .minimap:not(.mm-expanded) .mm-toolbar i{display:none}body.compact{--tc-top: 280px}body:not(.compact) .side-panel.quest-panel{top:300px;max-height:max(180px,calc(100dvh - 310px))}@media(max-height:480px){.minimap.mm-expanded,body.compact .minimap.mm-expanded{width:min(680px,calc(100% - 24px))}.minimap.mm-expanded .mm-content{display:grid;grid-template-columns:minmax(120px,2fr) 1fr;gap:8px 14px;align-items:center}.minimap.mm-expanded canvas{grid-row:1 / 5}.minimap.mm-expanded strong{margin-top:0}}.side-panel button.modal-close,.ap-window button.modal-close{position:relative;inset:auto;flex:0 0 40px;align-self:center;width:40px;height:40px;min-width:40px;min-height:40px;margin:8px 12px 8px auto;padding:0;display:grid;place-items:center;cursor:pointer;border:1px solid #d6ac69;border-radius:4px;background:linear-gradient(180deg,#78474b,#462b3c);box-shadow:inset 0 1px #ffe3ac55,inset 0 -3px #271b2c,0 2px #0b0c1e;color:transparent;font-size:0!important;line-height:0;transition:background .12s,box-shadow .12s}.side-panel button.modal-close:before,.side-panel button.modal-close:after,.ap-window button.modal-close:before,.ap-window button.modal-close:after{content:"";position:absolute;top:50%;left:50%;width:17px;height:3px;background:#fff0ce;border-radius:1px;pointer-events:none;transform:translate(-50%,-50%) rotate(45deg)}.side-panel button.modal-close:after,.ap-window button.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.side-panel button.modal-close:hover,.ap-window button.modal-close:hover{background:linear-gradient(#a65a5c,#653247);border-color:#ffe0a2}.side-panel button.modal-close:active,.ap-window button.modal-close:active{background:#482a39;box-shadow:inset 0 2px 4px #170d25}.side-panel button.modal-close:focus-visible,.ap-window button.modal-close:focus-visible{outline:2px solid #7fe9ff;outline-offset:3px}.job-head>div:first-child,.ap-head>div{min-width:0}@media(max-width:600px){.side-panel button.modal-close,.ap-window button.modal-close{flex-basis:40px;margin:6px 8px 6px auto}}.inv-head,.job-head,.dialogue-header,.panel-title,.ap-head{position:relative}.side-panel .inv-head,.side-panel .job-head,.side-panel .dialogue-header,.side-panel .panel-title,.ap-window .ap-head{padding-right:80px;min-height:72px}.side-panel button.modal-close,.ap-window button.modal-close{position:absolute;inset:16px 26px auto auto;margin:0}@media(max-width:600px){.side-panel .inv-head,.side-panel .job-head,.side-panel .dialogue-header,.side-panel .panel-title,.ap-window .ap-head{padding-right:72px;min-height:68px}.side-panel button.modal-close,.ap-window button.modal-close{top:14px;right:20px;margin:0}}.side-panel .inv-head,.side-panel .job-head,.ap-window .ap-head{margin-top:10px}#channel-panel .job-head{padding-right:128px}.side-panel button.channel-refresh{position:absolute;top:16px;right:74px;margin:0}@media(max-width:600px){#channel-panel .job-head{padding-right:120px}.side-panel button.channel-refresh{top:14px;right:68px}}body:not(.compact) .inv-window{grid-template-rows:90px minmax(0,1fr) 54px}@media(max-width:380px){body:is(.touch,.compact){--skill-ring-scale: 1.3;--cx: calc(90px + var(--safe-r));--cy: calc(134px + var(--safe-b))}}@media(pointer:coarse),(max-width:760px){.game-shell{--tc-top: 580px}.topbar{gap:10px}.zone-label{display:none}.pd-head b{font-size:20px}.hud-class{font-size:12px;line-height:18px}.player-data{gap:5px}.bar{height:22px}.bar.exp{height:18px}.bar em,.bar span{font-size:13px}.bar.exp em,.bar.exp span{font-size:12px}.vital>img{width:26px;height:26px}.vital.xp>img{width:22px;height:22px}.hud-lv{min-width:32px;height:28px;font-size:15px}.top-actions{display:grid;grid-template-columns:repeat(4,70px);gap:8px;padding:8px;flex:none}.top-actions button{width:70px;height:70px}.top-actions img{width:42px;height:42px}.top-actions button>b{height:42px;font-size:28px}.top-actions span{display:block;font-size:12px}.top-actions em{min-width:24px;height:24px;font-size:12px}body .minimap:not(.mm-expanded){top:calc(230px + var(--safe-t));width:min(240px,42vw);transform:none}body .minimap .mm-toolbar button{width:36px;height:36px;font-size:22px}body .minimap .mm-toolbar #mm-channel{min-width:36px;padding:0 6px;font-size:14px}.mm-toolbar>span,.minimap strong{font-size:14px}.mm-status{font-size:12px}.tc-map,.tc-chat{width:56px;height:56px;top:calc(var(--safe-t) + var(--tc-top))}.tc-chat{right:calc(72px + var(--safe-r))}.tc-btn small,.tc-dash small,.tc-map small,.tc-chat small{font-size:12px}.tc-action,.tc-confirm{width:116px;height:116px;right:calc(var(--cx) - 58px);bottom:calc(var(--cy) - 58px)}.tc-action img{width:56px;height:56px}.tc-dash,.tc-cancel{width:58px;height:58px;right:calc(var(--cx) + 110.9px * var(--skill-ring-scale) - 29px);bottom:calc(var(--cy) - 40.4px * var(--skill-ring-scale) - 29px)}.tc-dash img{width:34px;height:34px}.tc-bot-settings{width:64px;height:64px;right:calc(var(--cx) - 38px * var(--skill-ring-scale) - 32px);bottom:calc(var(--cy) + 205px * var(--skill-ring-scale) - 32px)}.tc-bot-settings img{width:34px;height:34px}.tc-lock{width:48px;height:48px;right:calc(var(--cx) + 18px * var(--skill-ring-scale) - 24px);bottom:calc(var(--cy) + 205px * var(--skill-ring-scale) - 24px)}.tc-lock b{font-size:20px}.tc-stick{--stick: 150px}.chat-feed p{font-size:14px;padding:5px 10px}body .chat-open .chat{width:min(480px,calc(100vw - 16px));height:var(--chat-h, 270px)}#chat-log p{font-size:15px}#chat-form input{height:40px;font-size:16px}.inv-btn{height:42px;font-size:15px}.inv-tab{min-height:56px}.inv-tab img{width:32px;height:32px}.inv-tab b,.inv-tab small{font-size:13px}.inv-toolbar select,.inv-search{height:40px;font-size:14px}.inv-search input{font-size:16px}.inv-grid.grid{grid-template-columns:repeat(auto-fill,64px);gap:7px}.inv-grid.grid .inv-slot{width:64px;height:64px}.inv-slot .inv-icon{width:40px;height:40px}.inv-grid.list .inv-slot{height:52px;font-size:14px}.inv-grid.list .inv-slot b{font-size:15px}.side-panel button.modal-close,.ap-window button.modal-close{width:50px;height:50px;min-width:50px;flex-basis:50px}.st-table,.dialogue-body{font-size:15px}.st-plus{width:44px;height:40px}}@media(pointer:coarse)and (min-width:761px){.player-card{width:500px;max-width:calc(100% - 334px)}.hud-portrait{zoom:1.2}.side-panel.quest-panel{top:490px;max-height:calc(100dvh - 500px)}}@media(max-width:760px){body.compact .topbar{flex-wrap:wrap}body.compact .player-card{flex:1 1 100%;width:100%}body.compact .top-actions{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}body.compact .top-actions button{width:100%;height:56px}body.compact .top-actions img{width:32px;height:32px}body.compact .top-actions span{font-size:10px}body.compact .pd-head b{font-size:18px}body.compact .bar{height:20px}body.compact .bar.exp{height:16px}body.compact .minimap:not(.mm-expanded){top:calc(320px + var(--safe-t));width:120px;left:calc(6px + var(--safe-l));right:auto}body.compact .game-shell{--tc-top: 320px}body.compact .inv-grid.grid{grid-template-columns:repeat(auto-fill,58px)}body.compact .inv-grid.grid .inv-slot{width:58px;height:58px}body.compact .inv-btn{height:42px;font-size:14px}}@media(max-width:760px){.tc-map{left:calc(140px + var(--safe-l));right:auto}.tc-chat{left:calc(204px + var(--safe-l));right:auto}}@media(max-width:760px){body.compact .minimap:not(.mm-expanded) .mm-toolbar>span{display:none}body.compact .minimap:not(.mm-expanded) .mm-toolbar button{width:28px;height:32px}body.compact .minimap:not(.mm-expanded) strong,body.compact .minimap:not(.mm-expanded) .mm-status{font-size:10px}}.whisper-window{position:absolute;z-index:41;left:calc(400px + var(--slot, 0) * 28px);bottom:calc(150px + var(--slot, 0) * 28px);width:300px;height:250px;padding:6px 8px;display:flex;flex-direction:column;color:var(--hud-text);transform:translate(var(--win-dx, 0px),var(--win-dy, 0px))}.whisper-window.minimized{height:auto;width:220px}.whisper-window.minimized :is(.whisper-log,.whisper-form){display:none}.whisper-window.minimized .whisper-head{border-bottom:0;padding-bottom:0;cursor:pointer}.whisper-head{display:flex;align-items:center;gap:5px;padding-bottom:5px;border-bottom:1px solid #c9974a55}.whisper-title{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.whisper-title small{flex:none;padding:0 6px;border:1px solid #ff9ce0;border-radius:99px;color:#ff9ce0;font-size:9px;font-weight:700;line-height:15px}.whisper-title h2{min-width:0;margin:0;font:700 13px var(--font-display);color:#fff4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whisper-badge{flex:none;min-width:16px;padding:0 4px;border-radius:99px;background:#ff5c7a;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.whisper-badge[hidden]{display:none}.whisper-head button{flex:none;width:22px;height:22px;padding:0;border:1px solid #4a4d7e;border-radius:5px;background:var(--hud-deep);color:var(--hud-gold-hi);font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer}.whisper-head button:hover{border-color:var(--hud-gold)}.whisper-head .whisper-close:hover{background:#653247}.whisper-log{flex:1;min-height:0;margin:5px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4d7e transparent}.whisper-line{margin:2px 0;font-size:11px;line-height:1.45;color:#ffd2f0;overflow-wrap:anywhere}.whisper-line.mine{color:var(--hud-text)}.whisper-line time{margin-right:5px;color:var(--hud-muted);font-size:9px}.whisper-line b{margin-right:5px;color:#ff9ce0}.whisper-line.mine b{color:var(--hud-gold-hi)}.whisper-empty{margin:6px 0;color:var(--hud-muted);font-size:11px}.whisper-form{display:flex;gap:5px;padding-top:5px;border-top:1px solid #c9974a55}.whisper-form input{flex:1;min-width:0;height:26px;padding:0 8px;border:1px solid #4a4d7e;border-radius:5px;outline:0;background:var(--hud-deep);color:#fff;font-size:11px;box-shadow:inset 0 2px 5px #0007}.whisper-form input:focus{border-color:#ff9ce0}.whisper-send{flex:none;padding:0 10px;border:1px solid #ff9ce0;border-radius:5px;background:#3a2050;color:#ffd2f0;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.map-overview .whisper-window{display:none}.chat{min-height:0}.chat-resize{position:absolute;top:-5px;left:12px;right:12px;height:10px;cursor:ns-resize;touch-action:none}.chat-resize:after{content:"";position:absolute;top:3px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#8a6631;opacity:0;transition:opacity .15s}.chat:hover .chat-resize:after,.chat-resize.dragging:after{opacity:1}.chat-collapse{position:relative;flex:none;width:24px;height:22px;padding:0;border:1px solid #4a4d7e;border-radius:5px;background:var(--hud-deep);color:var(--hud-gold-hi);font-family:inherit;font-size:12px;line-height:1;cursor:pointer}.chat-collapse:hover{border-color:var(--hud-gold)}.chat-collapse.unread:after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:#ff5c7a;box-shadow:0 0 0 1px var(--hud-ink)}.chat.collapsed{height:auto}.chat.collapsed :is(.chat-tabs,#chat-log,.chat-resize){display:none}.chat.collapsed #chat-form{margin-top:0;padding-top:0;border-top:0}body.touch .chat-collapse{display:none}body :is(.inv-window,.inv-equipment,.job-window,.side-panel.quest-panel,.social-popup,.ap-window,.inv-item-panel,.inv-confirm-card){--fb-gold: #f6d98b;--fb-len: 18px;--fb-w: 3px;border-image:none;border-color:transparent;border-radius:4px;background:linear-gradient(var(--fb-gold),var(--fb-gold)) left top / var(--fb-len) var(--fb-w) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) left top / var(--fb-w) var(--fb-len) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) right top / var(--fb-len) var(--fb-w) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) right top / var(--fb-w) var(--fb-len) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) left bottom / var(--fb-len) var(--fb-w) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) left bottom / var(--fb-w) var(--fb-len) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) right bottom / var(--fb-len) var(--fb-w) no-repeat border-box,linear-gradient(var(--fb-gold),var(--fb-gold)) right bottom / var(--fb-w) var(--fb-len) no-repeat border-box,#1f203d;outline:1px solid #6b5230;outline-offset:-1px;box-shadow:0 0 0 2px #0b0c1e,0 18px 36px #02060cd0}body :is(.inv-head,.job-head,.ap-head,.iip-head,.inv-equipment h3,.side-panel.quest-panel .panel-title){background:#15162e;border-radius:3px 3px 0 0}body .inv-equipment h3{padding:10px 14px 9px}body .side-panel.quest-panel .panel-title{padding:8px 10px;align-items:center}body .ap-window .ap-head{padding:10px 12px 10px 14px}body .iip-head{margin:-12px -10px 0;padding:10px 8px 8px 14px}body .side-panel :is(.inv-head,.job-head),body .ap-window .ap-head{margin-top:0}body.compact .inv-equipment{outline:none;background:none;box-shadow:none;border-radius:0}@media(pointer:coarse),(max-width:760px){body .game-shell .inv-equipment{outline:none;background:none;box-shadow:none;border-radius:0}}.ap-window{position:absolute;z-index:50;width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;color:#e6e8ff;background:#171a34;border:2px solid #bd914b;box-shadow:0 0 0 3px #111426,0 0 0 4px #675236,0 24px 70px #02040aca;border-radius:12px;font-family:var(--font-body);overflow:hidden}.ap-window[hidden]{display:none}.ap-window button{cursor:pointer;font:inherit}.ap-window button:focus-visible,.ap-window input:focus-visible{outline:2px solid #8af2d6;outline-offset:3px}.ap-head{display:flex;align-items:center;gap:12px;padding:18px 22px;background:linear-gradient(120deg,#313254,#202640);border-bottom:1px solid #bd914b80}.ap-bot{width:44px;height:44px;image-rendering:pixelated}.ap-head small{color:#d3af71;font-size:9px;letter-spacing:.17em}.ap-head h2{font:700 24px/1.25 var(--font-display);margin:5px 0 0;color:#fff2d3}.ap-head h2 span{font-family:var(--font-body);font-size:15px;color:#a3abc8}.ap-close{margin-left:auto;border:1px solid #6c6680;background:#171a32;width:30px;height:30px;border-radius:6px;color:#c4c7d9;font-size:22px!important;line-height:1}.ap-scroll{padding:18px 22px 0;overflow-y:auto;min-height:0;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#77708a #171a34}.ap-section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#d5b26f;margin:19px 0 9px}.ap-section-label>span{color:#8f99b7;font-size:9px;font-weight:400}.ap-quick .ap-section-label{color:#78591f}.ap-quick .ap-section-label>span,.ap-quick .ap-option-copy small,.ap-quick .ap-range-ends{color:#586374}.ap-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ap-presets button{display:grid;justify-items:center;gap:5px;padding:11px 4px;border:1px solid #3d466b;border-radius:8px;background:#212640;color:#d5dded}.ap-presets img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.ap-presets b{font-size:11px;font-weight:500}.ap-presets small{font-size:9px;color:#949fbb}.ap-presets button[aria-pressed=true]{border-color:#7ce8d0;background:linear-gradient(#283f48,#22303f);box-shadow:inset 0 0 0 1px #7ce8d019}.ap-presets button[aria-pressed=true] b{color:#a7ffe8}.ap-option{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #303951;cursor:pointer}.ap-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #444361;border-radius:8px;background:#232a45}.ap-icon img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.ap-option-copy{display:grid;gap:3px}.ap-option b,.ap-range b{font-size:12px;font-weight:500}.ap-option small{font-size:10px;color:#98a4c0}.ap-option input{position:absolute;opacity:0;width:1px;height:1px}.ap-switch{margin-left:auto;width:36px;height:21px;border-radius:12px;background:#3b4561;border:1px solid #5e6988;position:relative;flex:none;transition:background .15s}.ap-switch:after{content:"";width:13px;height:13px;border-radius:50%;position:absolute;top:3px;left:3px;background:#b9c1d3;transition:transform .15s}.ap-option input:checked+.ap-switch{background:#376f70;border-color:#7ce8d0}.ap-option input:checked+.ap-switch:after{background:#b1ffec;transform:translate(15px)}.ap-option input:focus-visible+.ap-switch{outline:2px solid #8af2d6;outline-offset:3px}.ap-range{display:block;margin:15px 0 20px}.ap-range-head,.ap-range-head>span{display:flex;align-items:center;gap:8px}.ap-range-head{justify-content:space-between}.ap-range img{width:22px;height:22px;image-rendering:pixelated}.ap-range output{color:#9af2da;border:1px solid #405c65;border-radius:5px;background:#22323f;padding:3px 8px;font-size:11px}.ap-range input{width:100%;margin:14px 0 7px;accent-color:#8aecd0;height:14px;cursor:pointer}.ap-range-ends{display:flex;justify-content:space-between;color:#8594b1}.ap-range-ends small{font-size:9px}.ap-safety{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #355953;background:#1c3037;border-radius:8px}.ap-safety-mark{color:#8aecd0;width:22px;height:22px;display:grid;place-items:center;border:1px solid #557e6e;border-radius:50%}.ap-safety div{display:grid;gap:3px;flex:1}.ap-safety b{color:#a1e1c9;font-size:10px;font-weight:500}.ap-safety small{font-size:9px;color:#88b7ac;line-height:1.6}.ap-always{font-size:9px;color:#a1e1c9;white-space:nowrap}.ap-note{font-size:9px;color:#8c97b3;margin:12px 0 16px;text-align:center}.ap-footer{padding:12px 22px 13px;background:#1e233d;border-top:1px solid #3a4260;flex:none}.ap-summary{color:#b4bed5;font-size:10px;margin-bottom:10px}.ap-actions{display:flex;gap:7px}.ap-actions button{border:1px solid #58607a;border-radius:6px;padding:9px 13px;font-size:11px;color:#d8ddef;background:#2b334e}.ap-actions .ap-reset{margin-right:auto;padding-left:0;background:none;border-color:transparent;color:#96a1be;font-size:10px}.ap-actions .ap-run{color:#132e2f;font-weight:600;background:linear-gradient(#a6f4da,#72ceb7);border-color:#b1ffe8;box-shadow:0 2px #345e54}.ap-actions .ap-run:disabled{opacity:.45;cursor:default}.ap-running .ap-actions .ap-run{background:#583b46;color:#ffbdc5;border-color:#88515e;box-shadow:none}.ap-message{margin:7px 0 0;font-size:10px;color:#cbd2e4}.ap-message:empty{display:none}.auto-settings-trigger{position:absolute;z-index:21;right:22px;bottom:94px;width:44px;height:44px;padding:6px;border:2px solid #b48d50;border-radius:10px;background:#242c49;cursor:pointer;box-shadow:0 0 0 2px #111426}.auto-settings-trigger img{width:28px;height:28px;image-rendering:pixelated}body:is(.touch,.compact) .auto-settings-trigger{display:none}@media(max-width:540px){.ap-window{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.ap-head{padding:14px 16px}.ap-scroll{padding:12px 16px 0}.ap-footer{padding:12px 16px}.ap-actions button{padding:9px 10px}.ap-option small{font-size:9px}}@media(prefers-reduced-motion:reduce){.ap-switch,.ap-switch:after{transition:none}}.ap-advanced{margin-top:18px}.ap-block{border:1px solid #70613e;border-radius:8px;margin:12px 0;overflow:hidden;background:#f1e7cc;color:#293448}.ap-block summary{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;list-style:none;background:linear-gradient(#283e60,#152d4e);color:#ffe7a9;border-bottom:1px solid #b39351;font-size:12px}.ap-block summary::-webkit-details-marker{display:none}.ap-block summary img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.ap-disclosure{margin-left:auto;color:#eac981}.ap-block:not([open]) .ap-disclosure{transform:rotate(-90deg)}.ap-block-body{padding:10px 12px 13px}.ap-block-hint{margin:0 0 9px;font-size:10px;line-height:1.6;color:#647080}.ap-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:8px 0}.ap-check{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0;font-size:11px;cursor:pointer}.ap-check input{accent-color:#285eae;width:16px;height:16px;margin:0;flex:none}.ap-check img{width:25px;height:25px;image-rendering:pixelated;object-fit:contain}.ap-check small{display:block;width:100%;font-size:9px;color:#647080;padding-left:23px}.ap-member{margin:0;flex-wrap:nowrap;min-height:30px}.ap-member span{overflow:hidden;text-overflow:ellipsis;min-width:0}.ap-item-list{max-height:230px;overflow-y:auto;margin:10px 0;padding:5px;border:1px solid #c8ba91;background:#f9f2df;border-radius:5px;touch-action:pan-y}.ap-item-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #daccac}.ap-item-row[hidden]{display:none}.ap-item-search{width:100%;padding:7px 9px;border:1px solid #bda168;border-radius:4px;background:#fffaf0;color:#293448;font-size:11px;margin-top:6px}.ap-item-row>.ap-member{flex:1;min-width:0;font-size:10px}.ap-item-row>input{width:56px;padding:5px;background:#fffaf0;border:1px solid #bfa368;border-radius:4px;color:#27334b;text-align:center;font-size:11px}.ap-number,.ap-select{display:flex;align-items:center;gap:7px;margin:9px 0;font-size:10px}.ap-number>span,.ap-select>span{flex:1}.ap-number input{width:72px;padding:5px;border:1px solid #bda168;background:#fffaf0;border-radius:4px;color:#293448;text-align:right;font:inherit}.ap-number small{width:24px;color:#647080}.ap-select select{max-width:170px;padding:5px;border:1px solid #bda168;background:#fffaf0;border-radius:4px;color:#293448;font:inherit}.ap-skill-step{display:flex;align-items:center;gap:5px;padding:7px 0;font-size:10px}.ap-skill-step>span{flex:1}.ap-skill-step>b{color:#a07626}.ap-skill-step button{width:25px;height:25px;border:1px solid #bba477;border-radius:4px;background:#fff9e8;color:#35465a}.ap-skill-choices{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ap-skill-choices button{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #a58e60;border-radius:5px;background:#fff9e8;color:#35465a;font-size:10px}.ap-skill-choices img{width:23px;height:23px;image-rendering:pixelated}.ap-block button:disabled{opacity:.4;cursor:default}.bot-battery-screen{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#03080b;color:#9cbcb7;padding:24px;text-align:center}.bot-battery-screen[hidden]{display:none}.bot-battery-screen>img{width:64px;height:64px;image-rendering:pixelated}.bot-battery-screen h2{color:#b1decf;font:700 22px var(--font-display);margin:0}.bot-battery-screen p,.bot-battery-screen small{margin:0;font-size:11px;max-width:350px;line-height:1.7}.bot-battery-screen small{color:#657c7b}.bot-battery-screen button{padding:12px 24px;border:1px solid #486c64;background:#122721;color:#b1decf;border-radius:6px;cursor:pointer;font:inherit;font-size:12px}.bot-battery-screen .bot-battery-stop{background:none;color:#ba8990;border-color:#583b43}.bot-battery-vitals{font-size:12px}.ap-window{width:min(800px,calc(100% - 24px));height:min(690px,calc(100dvh - 24px));max-height:none;border:18px solid transparent;border-radius:0;border-image:url(/assets/ui/frame-star-royal.png?v=1792070786161) 40 fill / 40px / 0 stretch;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 36px #02060cd0);color:#e6e8ff}.ap-head{min-height:66px;padding:0 8px 10px 10px;background:none;border-bottom:2px solid #c9974a;box-shadow:0 2px #0b0c1e;flex:none}.ap-bot{width:56px;height:56px;filter:drop-shadow(0 3px 0 #0008)}.ap-head small{color:#f6d98b;font-size:9px;letter-spacing:.08em}.ap-head h2{font:700 23px/1.3 var(--font-display);text-shadow:0 2px #0b0c1e}.ap-head h2 span{font:400 11px var(--font-body);color:#9ba0c7;margin-left:8px}.ap-close{width:34px;height:34px;border:2px solid #c9974a;background:#15162e;color:#f6d98b}.ap-workspace{display:grid;grid-template-columns:154px minmax(0,1fr);flex:1;min-height:0}.ap-navigation{padding:12px 8px 8px 0;border-right:2px solid #0b0c1e;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55577e #15162e}.ap-navigation button{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px 8px;margin-bottom:4px;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:#c9cdea}.ap-navigation img{width:28px;height:28px;image-rendering:pixelated;object-fit:contain}.ap-navigation b{display:block;font:700 13px var(--font-display)}.ap-navigation small{display:block;font-size:9px;color:#8f94c0;margin-top:3px}.ap-navigation button:hover{background:#2a2c55}.ap-navigation button.active{border-color:#c9974a;background:linear-gradient(90deg,#33407a,#232552);box-shadow:inset 3px 0 #7fe9ff}.ap-navigation button.active b{color:#f6d98b}.ap-scroll{padding:12px 12px 0 16px;scrollbar-color:#55577e #15162e}.ap-actions .ap-run{background:linear-gradient(#f0c467,#c28d37);border:1px solid #ffe7a0;color:#2a1c08;box-shadow:inset 0 1px #fff6c8,0 2px #6d4a17}.ap-block{margin:0;border:0;border-radius:0;color:#e6e8ff;background:none;overflow:visible}.ap-block[hidden]{display:none}.ap-block summary{padding:0 0 10px;background:none;border-bottom:1px solid #454361;color:#f6d98b;font:700 16px var(--font-display);cursor:default;pointer-events:none}.ap-disclosure{display:none}.ap-block-body{padding:12px 0}.ap-block-hint{color:#a0a5c9;font-size:11px;line-height:1.7}.ap-advanced{margin:0}.ap-section-label,.ap-quick .ap-section-label{color:#f6d98b;margin:14px 0 9px}.ap-quick .ap-section-label>span,.ap-quick .ap-option-copy small,.ap-quick .ap-range-ends{color:#9ba0c7}.ap-presets button{background:#23254a;border-color:#4a4d7e;border-radius:5px}.ap-presets button[aria-pressed=true]{border-color:#c9974a;background:linear-gradient(#33407a,#232552);box-shadow:inset 0 -2px #7fe9ff}.ap-presets button[aria-pressed=true] b{color:#f6d98b}.ap-icon{background:#15162e;border-color:#4a4d7e;border-radius:5px}.ap-option{border-color:#373957}.ap-switch{border-radius:4px;background:#15162e;border-color:#4a4d7e}.ap-switch:after{border-radius:2px}.ap-option input:checked+.ap-switch{background:#2d5979;border-color:#7fe9ff}.ap-option input:checked+.ap-switch:after{background:#c3f5ff}.ap-range output{color:#7fe9ff;background:#15162e;border-color:#4a4d7e}.ap-range input,.ap-check input{accent-color:#e3b75e}.ap-safety{background:#1b2940;border-color:#3d5269;border-radius:5px}.ap-safety b,.ap-safety-mark,.ap-always{color:#9edcf0}.ap-check{font-size:12px}.ap-check small,.ap-number small{color:#9ba0c7}.ap-choice-grid{gap:7px}.ap-choice-grid>.ap-member{padding:6px 8px;background:#23254a;border:1px solid #3b3d64;border-radius:5px}.ap-monster-list>.ap-member{min-height:66px;gap:10px}.ap-monster-list .ap-monster-portrait{width:48px;height:48px;flex:none;object-fit:contain;image-rendering:pixelated}.ap-monster-list .ap-monster-portrait[hidden]{display:none}.ap-monster-list .ap-member span{white-space:normal;overflow:visible;line-height:1.6}.ap-item-list{background:#15162e;border-color:#4a4d7e;border-radius:5px;max-height:250px;scrollbar-width:thin;scrollbar-color:#55577e #15162e;padding:4px 10px}.ap-item-row{border-color:#30324f;padding:7px 0}.ap-item-row>.ap-member{font-size:12px}.ap-item-search,.ap-item-row>input,.ap-number input,.ap-select select{color:#e6e8ff;background:#15162e;border-color:#4a4d7e;min-height:32px;box-shadow:inset 0 2px 5px #0005}.ap-item-search{font:12px var(--font-body);padding:8px 10px}.ap-number,.ap-select{font-size:12px;padding:5px 0}.ap-skill-step{font-size:12px;border-bottom:1px solid #373957}.ap-skill-step>b{color:#f6d98b}.ap-skill-step button,.ap-skill-choices button{color:#e6e8ff;background:#23254a;border-color:#4a4d7e}.ap-skill-choices button{padding:8px;font-size:11px}.ap-footer{padding:10px 12px 18px;background:none;border-top:2px solid #0b0c1e}.ap-summary{margin-bottom:8px;color:#9ba0c7}.ap-actions button{border-radius:5px}.ap-note{text-align:left;color:#8187ad}@media(max-width:600px){.ap-window{width:calc(100% - 8px);height:calc(100dvh - 8px);border-width:14px}.ap-head{min-height:61px;padding:0 2px 8px;gap:7px}.ap-bot{width:42px;height:42px}.ap-head h2{font-size:18px}.ap-head h2 span{display:none}.ap-head small{font-size:8px}.ap-workspace{grid-template-columns:60px minmax(0,1fr)}.ap-navigation{padding-right:5px}.ap-navigation button{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 1px;min-height:57px}.ap-navigation b{font:10px var(--font-body)}.ap-navigation small{display:none}.ap-navigation img{width:25px;height:25px}.ap-scroll{padding:10px 4px 0 9px}.ap-presets{gap:4px}.ap-presets b{font-size:9px}.ap-presets small{display:none}.ap-option{gap:6px}.ap-option-copy b,.ap-range b{font-size:11px}.ap-option small{font-size:9px}.ap-icon{width:28px;height:32px}.ap-icon img{width:24px;height:24px}.ap-block summary{font-size:14px}.ap-choice-grid{grid-template-columns:1fr}.ap-number,.ap-check,.ap-select{font-size:11px}.ap-number input{width:58px}.ap-safety{flex-wrap:wrap}.ap-always{display:none}.ap-footer{padding:8px 8px 18px}}.ap-potion-group{min-width:0;margin:18px 0 0;padding:10px 12px;border:1px solid #4a4d7e;border-radius:6px}.ap-potion-group legend{padding:0 7px;color:#f6d98b;font:700 13px var(--font-display)}.ap-potion-list{grid-template-columns:1fr}.ap-potion-list .ap-member{padding:10px;gap:10px}.ap-potion-list .ap-member img{width:32px;height:32px}.ap-potion-list .ap-member span{white-space:normal;line-height:1.6}.ap-potion-list .ap-member:has(input:checked){border-color:#c9974a;background:#303359}.ap-skill-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.ap-skill-heading>b{color:#f6d98b;font:700 13px var(--font-display)}.ap-skill-heading>span{color:#959bc0;font-size:10px}.ap-skill-order{display:grid;gap:8px}.ap-skill-order .ap-skill-step{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #454a73;border-radius:6px;background:linear-gradient(100deg,#2b3054,#20233f);box-shadow:inset 0 1px #ffffff07,0 2px #101226}.ap-skill-step .ap-skill-number{flex:none;color:#c9a96b;font:700 12px var(--font-body)}.ap-skill-portrait{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #83704b;border-radius:5px;background:#14182e;box-shadow:inset 0 2px 5px #0006}.ap-skill-portrait img{width:32px;height:32px;image-rendering:pixelated}.ap-skill-copy{display:grid;gap:5px;flex:1;min-width:0}.ap-skill-copy>b{color:#f4eddb;font-size:12px;font-weight:500;overflow-wrap:anywhere}.ap-skill-copy>small{color:#989fc2;font-size:10px;line-height:1.5}.ap-skill-actions{display:grid;grid-template-columns:repeat(3,28px);gap:4px;flex:none}.ap-skill-actions button{width:28px;height:30px;padding:0;background:#191e38;border-color:#454e77;color:#c5d8f1;font-size:15px}.ap-skill-actions .ap-skill-remove{color:#eab0aa;border-color:#694653;background:#382637}.ap-skill-actions button:hover:not(:disabled){border-color:#d3ad68;background:#384263}.ap-skill-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 20px}.ap-skill-choices>button{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px;text-align:left;background:#191d36;border:1px solid #41486c;border-radius:6px}.ap-skill-choices>button:hover:not(:disabled){border-color:#c9974a;background:#2b3255}.ap-skill-choices img{width:32px;height:32px;flex:none}.ap-skill-choice-copy{display:grid;gap:5px;flex:1;min-width:0}.ap-skill-choice-copy b{font-size:11px;font-weight:500;color:#e6e8ff;overflow-wrap:anywhere}.ap-skill-choice-copy small{font-size:9px;color:#949fc1}.ap-skill-add{color:#f6d98b;font-size:20px}@media(max-width:600px){.ap-skill-order .ap-skill-step{display:grid;grid-template-columns:22px 36px minmax(0,1fr);gap:7px;padding:8px}.ap-skill-portrait{width:36px;height:36px}.ap-skill-portrait img{width:28px;height:28px}.ap-skill-actions{grid-column:2 / 4;justify-content:end}.ap-skill-copy>b{font-size:11px}.ap-skill-copy>small{font-size:9px}.ap-skill-choices{grid-template-columns:1fr}.ap-skill-heading{flex-wrap:wrap;gap:5px}}.ap-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:6px;min-height:82px;padding:14px 18px 20px}.ap-footer .ap-summary{margin:0;grid-column:1;grid-row:1}.ap-footer .ap-actions{grid-column:2;grid-row:1;align-items:center}.ap-footer .ap-message{grid-column:1 / -1;margin:0}.ap-footer .ap-actions .ap-reset{margin-right:10px}@media(max-width:600px){.ap-footer{grid-template-columns:1fr;min-height:86px;padding:10px 10px 22px;gap:7px}.ap-footer .ap-summary{grid-column:1;grid-row:1}.ap-footer .ap-actions{grid-column:1;grid-row:2}.ap-footer .ap-actions .ap-reset{margin-right:auto}}@media(pointer:coarse),(max-width:760px){body{--modal-text: 16px;--modal-small: 13px;--modal-title: 20px;--modal-control: 44px;--modal-safe-t: calc(var(--safe-t, 0px) / var(--modal-scale, 1));--modal-safe-r: calc(var(--safe-r, 0px) / var(--modal-scale, 1));--modal-safe-b: calc(var(--safe-b, 0px) / var(--modal-scale, 1));--modal-safe-l: calc(var(--safe-l, 0px) / var(--modal-scale, 1))}body .game-shell :is(.inv-window,.job-window,.ap-window,.side-panel.quest-panel,.dialogue-panel,.whisper-window),body .social-popup{zoom:var(--modal-scale, 1)}body .game-shell :is(.inv-window,.job-window,.ap-window,.side-panel.quest-panel,.dialogue-panel){position:fixed;z-index:50;inset:calc(6px + var(--modal-safe-t)) calc(6px + var(--modal-safe-r)) calc(6px + var(--modal-safe-b)) calc(6px + var(--modal-safe-l));width:auto;height:auto;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;scale:none;transform:none;border-width:10px;border-image-width:22px;overflow:hidden;font-size:var(--modal-text)}body .game-shell :is(.inv-window,.job-window,.side-panel.quest-panel,.dialogue-panel).hidden-panel{transform:translateY(16px)}body .game-shell :is(.job-window,.ap-window,.side-panel.quest-panel,.dialogue-panel){display:flex;flex-direction:column}body .game-shell .ap-window[hidden]{display:none}body .game-shell.map-overview :is(.inv-window,.job-window,.side-panel.quest-panel){display:none}body.hotbar-dragging .game-shell :is(.inv-window,.job-window):not(.hidden-panel){opacity:.12;pointer-events:none}body .game-shell :is(.job-head,.inv-head,.ap-head,.panel-title,.dialogue-header){flex:none;min-height:calc(var(--modal-control) + 16px);padding:8px 12px;padding-right:calc(var(--modal-control) + 16px);gap:8px;cursor:default;touch-action:auto}body .game-shell :is(.job-head,.inv-head,.ap-head,.panel-title,.dialogue-header)>div{min-width:0}body .game-shell :is(.job-head h2,.inv-head-title h2,.ap-head h2,.dialogue-header h2,.panel-title){font-size:var(--modal-title);overflow-wrap:anywhere}body .game-shell :is(.job-head small,.inv-head-title small,.ap-head small,.dialogue-header small){font-size:var(--modal-small);line-height:1.5}body .game-shell :is(.side-panel .inv-head,.side-panel .job-head,.ap-window .ap-head){margin-top:6px}body .game-shell :is(.side-panel,.dialogue-panel,.ap-window) button.modal-close{top:8px;right:8px;width:var(--modal-control);height:var(--modal-control);min-width:var(--modal-control);min-height:var(--modal-control);margin:0;font-size:22px}body .game-shell #channel-panel .job-head{padding-right:calc(var(--modal-control) * 2 + 24px)}body .game-shell .side-panel button.channel-refresh{top:8px;right:calc(var(--modal-control) + 16px);width:var(--modal-control);height:var(--modal-control)}body .game-shell :is(.job-list,.st-view,.ap-scroll,.dialogue-body,.inv-grid){min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain}body .game-shell :is(.job-list,.st-view,.dialogue-body){flex:1 1 0;padding:10px}body .game-shell :is(.job-unlock,.skill-plan,.social-tabs,.ap-footer,.inv-foot){flex:none}body .game-shell :is(.job-unlock,.skill-plan,.inv-foot,.social-tabs){margin:0;padding:8px 10px}body .game-shell :is(.job-window,.inv-window,.dialogue-panel,.quest-panel) :is(p,.job-hint,.job-title b,.skill-title b,.social-name){font-size:var(--modal-text);overflow-wrap:anywhere}body .game-shell :is(.job-window,.inv-window) :is(small,.skill-chip,.skill-req,.skill-note,.skill-points-box span,.job-progress,.job-progress b,.social-meta){font-size:var(--modal-small);line-height:1.5}body .game-shell :is(.job-window,.inv-window,.quest-panel,.dialogue-panel) :is(.inv-btn,.st-tabs button,.social-tabs button,.dialogue-actions button){height:auto;min-height:var(--modal-control);padding:8px 12px;font-size:var(--modal-text);white-space:normal}body .game-shell :is(.job-card,.warp-card,.skill-card-head,.skill-stepper,.skill-plan,.skill-points-box,.st-reset){flex-wrap:wrap}body .game-shell :is(.job-card,.warp-card)>.inv-btn{margin-left:auto}body .game-shell .skill-list{grid-template-columns:minmax(0,1fr)}body .game-shell .skill-step-pill{width:150px;height:var(--modal-control)}body .game-shell .skill-step{width:var(--modal-control);font-size:var(--modal-title)}body .game-shell .skill-step-value,body .game-shell .skill-step-value b,body .game-shell .skill-plan-summary b{font-size:var(--modal-text)}body .game-shell :is(.skill-step-value small,.skill-plan-summary span,.skill-step-reason,.skill-stepper-fixed){font-size:var(--modal-small)}body .game-shell :is(.skill-type,.job-tag){font-size:var(--modal-small);line-height:1.5}body .game-shell .skill-step-label{font-size:var(--modal-small)}body .game-shell .skill-section h3{font-size:var(--modal-text)}body .game-shell .st-body{grid-template-columns:minmax(0,1fr)}body .game-shell .st-row{grid-template-columns:minmax(72px,1.2fr) minmax(36px,1fr) auto var(--modal-control);gap:6px;padding:6px}body .game-shell :is(.st-label b,.st-value,.st-sub b){font-size:var(--modal-text)}body .game-shell :is(.st-label small,.st-cost,.st-sub span,.st-sub small,.st-note){font-size:var(--modal-small)}body .game-shell .st-plus{width:var(--modal-control);height:var(--modal-control)}body .game-shell :is(.st-table-wrap,.st-summary-wrap){max-height:none;overflow-x:auto;touch-action:pan-x pan-y}body .game-shell .st-table{font-size:var(--modal-small)}body .game-shell :is(.st-table th,.st-table td){padding:8px;overflow-wrap:anywhere}body .game-shell .social-actions{grid-column:1 / -1;justify-content:flex-start}body .game-shell .social-form{flex-wrap:wrap}body .game-shell .social-form input{min-height:var(--modal-control);font-size:var(--modal-text);min-width:0}body .game-shell :is(.social-hint,.social-empty,.social-id code,.social-id small,.social-party-head small){font-size:var(--modal-small);white-space:normal}body .game-shell :is(.social-heading,.social-party-head b){font-size:var(--modal-text)}body .game-shell .inv-window{display:grid;grid-template:"head" auto "tabs" auto "equip" auto "main" minmax(0,1fr) "foot" auto / minmax(0,1fr)}body .game-shell .inv-head{flex-wrap:wrap}body .game-shell .inv-head-title{flex:1 1 180px}body .game-shell .inv-head-icon{width:32px;height:32px;margin:0}body .game-shell .inv-stat{height:var(--modal-control)}body .game-shell .inv-stat b{min-width:0;font-size:var(--modal-small)}body .game-shell .inv-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:8px;border-right:0;border-bottom:2px solid #0b0c1e}body .game-shell .inv-tab{flex:none;min-height:var(--modal-control)}body .game-shell .inv-tab :is(b,small,em){font-size:var(--modal-small)}body .game-shell .inv-main{min-height:0;padding:8px;overflow-y:auto}body .game-shell .inv-toolbar{flex-wrap:wrap}body .game-shell .inv-search{flex:1 1 100%}body .game-shell .inv-toolbar select{flex:1 1 28%;min-width:0}body .game-shell :is(.inv-toolbar select,.inv-search,.inv-view button){min-height:var(--modal-control);height:auto;font-size:var(--modal-small)}body .game-shell .inv-search input{font-size:max(16px,var(--modal-small))}body .game-shell .inv-view button{width:var(--modal-control)}body .game-shell .inv-body{min-height:120px;max-height:240px;flex:none;flex-direction:column}body .game-shell .inv-grid.grid{--modal-slot: 54px;grid-template-columns:repeat(auto-fill,var(--modal-slot));grid-auto-rows:var(--modal-slot);gap:6px}body .game-shell .inv-grid.grid .inv-slot{width:100%;height:100%;min-height:var(--modal-slot);aspect-ratio:1}body .game-shell .inv-slot .inv-icon{width:36px;height:36px}body .game-shell .inv-grid.list .inv-slot{height:auto;min-height:var(--modal-control);grid-template-columns:36px minmax(0,1fr) auto;font-size:var(--modal-small)}body .game-shell .inv-grid.list .inv-slot :is(.cat,.wt,.tier){display:none}body .game-shell .inv-grid.list .inv-slot b{font-size:var(--modal-small)}body .game-shell .inv-equipment{grid-area:equip;position:static;width:auto;max-height:none;gap:4px;padding:6px 8px 0;border:0;filter:none;overflow:visible}body .game-shell .inv-equipment h3{display:none}body .game-shell .inv-equip-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}body .game-shell .inv-equip-col{display:contents}body .game-shell .inv-equip-stage{grid-column:1 / -1;order:1;border:0;background:none;box-shadow:none}body .game-shell .inv-equip-stage>:not(.inv-equip-actions){display:none}body .game-shell .inv-equip-actions{flex-direction:row;margin:0;padding:0}body .game-shell .inv-equip-actions .inv-btn{flex:1;height:var(--modal-control);font-size:var(--modal-small)}body .game-shell .inv-equip-slot{justify-content:center;padding:2px}body .game-shell .inv-equip-slot :is(.text,.inv-equip-off){display:none}body .game-shell .inv-equip-slot .inv-slot{width:var(--modal-control);height:var(--modal-control)}body .game-shell .inv-equipment .bonus{margin:0;padding:2px;border:0;font-size:var(--modal-small)}body .game-shell .inv-foot{flex-wrap:wrap;gap:8px}body .game-shell .inv-foot{height:auto;min-height:0}body .game-shell .inv-summary{font-size:var(--modal-small)}body .game-shell .inv-summary:before,body .game-shell .inv-summary:after{display:none}body .game-shell .ap-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}body .game-shell .ap-navigation{display:flex;gap:6px;padding:8px;border-right:0;border-bottom:2px solid #0b0c1e;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}body .game-shell .ap-navigation button{flex:none;width:auto;min-height:var(--modal-control);margin:0;padding:8px 12px}body .game-shell .ap-navigation b{font-size:var(--modal-text)}body .game-shell .ap-navigation small,body .game-shell .ap-head h2 span{display:none}body .game-shell .ap-scroll{padding:10px}body .game-shell .ap-footer{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;min-height:0}body .game-shell .ap-actions{display:flex;flex-wrap:wrap;gap:8px}body .game-shell .ap-actions button{flex:1 1 100px;min-height:var(--modal-control);margin:0;padding:8px;font-size:var(--modal-text)}body .game-shell .ap-window :is(.ap-summary,.ap-message,.ap-block-hint,.ap-note,.ap-check small,.ap-option small,.ap-skill-copy small){font-size:var(--modal-small);line-height:1.5}body .game-shell .ap-window :is(.ap-check,.ap-number,.ap-select,.ap-option b,.ap-skill-copy b,.ap-skill-choice-copy b,.ap-item-row>.ap-member){font-size:var(--modal-text)}body .game-shell .ap-block summary{font-size:var(--modal-title)}body .game-shell .ap-window :is(input:not([type=checkbox]):not([type=range]),select){min-height:var(--modal-control);font-size:max(16px,var(--modal-small));min-width:0}body .game-shell .ap-check input{width:22px;height:22px}body .game-shell .ap-switch{--switch-height: 28px;height:var(--switch-height);width:calc(var(--switch-height) * 1.8)}body .game-shell .ap-switch:after{width:calc(var(--switch-height) - 8px);height:calc(var(--switch-height) - 8px)}body .game-shell .ap-option input:checked+.ap-switch:after{transform:translate(calc(var(--switch-height) * .8))}body .game-shell :is(.ap-number,.ap-select,.ap-skill-heading){flex-wrap:wrap}body .game-shell .ap-item-list{max-height:none}body .game-shell .ap-choice-grid,body .game-shell .ap-skill-choices{grid-template-columns:minmax(0,1fr)}body .game-shell .ap-skill-order .ap-skill-step{display:grid;grid-template-columns:24px 44px minmax(0,1fr)}body .game-shell .ap-skill-actions{grid-column:2 / 4;grid-template-columns:repeat(3,var(--modal-control));justify-content:end}body .game-shell .ap-skill-actions button{width:var(--modal-control);height:var(--modal-control)}body .game-shell .quest-panel>:not(.panel-title){margin:10px}body .game-shell .quest-panel{overflow-y:auto;touch-action:pan-y}body .game-shell .quest-panel .panel-title{position:sticky;top:0;z-index:1;background:#1b1c3a}body .game-shell .dialogue-body{display:block}body .game-shell .dialogue-panel{border:2px solid #c9974a}body .game-shell .dialogue-meta strong{font-size:var(--modal-title)}body .game-shell :is(.quest-step-item,.reward,.quest-panel>small,.quest-pill){font-size:var(--modal-small);line-height:1.5}body .game-shell :is(.quest-panel h3,.dialogue-quest-card b){font-size:var(--modal-text)}body .game-shell .reward{flex-wrap:wrap}body .game-shell .inv-confirm{inset:-14px;padding:12px}body .game-shell .inv-confirm-card,body .social-popup{box-sizing:border-box;width:min(360px,100%);max-height:calc(var(--modal-h, 100dvh) - 48px - var(--modal-safe-t) - var(--modal-safe-b));overflow-y:auto;overflow-wrap:anywhere;touch-action:pan-y}body .game-shell .inv-confirm-card :is(h3,p),body .social-popup :is(h3,p){font-size:var(--modal-text)}body :is(.social-popup-actions,.inv-confirm-actions){flex-wrap:wrap}body :is(.social-popup-actions,.inv-confirm-actions) .inv-btn{min-height:var(--modal-control);height:auto;font-size:var(--modal-text);white-space:normal}body .game-shell .inv-count{flex-wrap:wrap}body .game-shell .inv-count :is(input,button){min-width:var(--modal-control);min-height:var(--modal-control);height:auto;font-size:max(16px,var(--modal-small))}body .player-menu{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}body .player-menu-item{min-height:calc(var(--modal-control) * var(--modal-scale, 1));font-size:calc(var(--modal-text) * var(--modal-scale, 1))}body .player-menu-head b{font-size:calc(var(--modal-text) * var(--modal-scale, 1))}body .player-menu-head small{font-size:calc(var(--modal-small) * var(--modal-scale, 1))}}@media(pointer:coarse),(max-width:760px){body.modal-tiny .game-shell :is(.job-head small,.inv-head-title small,.ap-head small,.ap-summary){display:none}body.modal-tiny .game-shell :is(.job-head,.inv-head,.ap-head){padding-top:4px;padding-bottom:4px}}@media(pointer:coarse),(max-width:760px){body.modal-short .game-shell .inv-main{overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}body.modal-short .game-shell .inv-body{flex:none;height:clamp(180px,calc(var(--modal-h, 100dvh) * .4),320px);min-height:180px}}@media(pointer:coarse),(max-width:760px){body .game-shell .whisper-window:not(.minimized){position:fixed;z-index:50;inset:calc(6px + var(--modal-safe-t)) calc(6px + var(--modal-safe-r)) calc(6px + var(--modal-safe-b)) calc(6px + var(--modal-safe-l));width:auto;height:auto;padding:8px 10px;transform:none;font-size:var(--modal-text)}body .game-shell .whisper-window:not(.minimized):not(.whisper-front){display:none}body .game-shell .whisper-window.minimized{position:fixed;z-index:34;left:calc(6px + var(--modal-safe-l));top:auto;bottom:calc(240px / var(--modal-scale, 1) + var(--modal-safe-b) + var(--slot, 0) * 48px);width:min(60%,260px);transform:none}body .game-shell .whisper-head{min-height:var(--modal-control);gap:8px}body .game-shell .whisper-head button{width:var(--modal-control);height:var(--modal-control);font-size:22px}body .game-shell .whisper-window .whisper-min{display:none}body .game-shell .whisper-title h2{font-size:var(--modal-title)}body .game-shell .whisper-title small,body .game-shell .whisper-badge{font-size:var(--modal-small);line-height:1.5}body .game-shell .whisper-line,body .game-shell .whisper-empty{font-size:var(--modal-text)}body .game-shell .whisper-line time{font-size:var(--modal-small)}body .game-shell .whisper-form input,body .game-shell .whisper-send{height:var(--modal-control);font-size:var(--modal-text)}}