.settings-window{width:560px;max-height:min(600px,calc(100vh - 40px))}.set-title{display:flex;align-items:center;gap:10px}.set-title img{width:32px;height:32px;image-rendering:pixelated}.set-body{display:flex;min-height:0;flex:1 1 auto}.set-tabs{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-right:2px solid #3b3e6e;flex:none}.set-tabs button{display:flex;align-items:center;gap:8px;width:116px;padding:6px 8px;border:2px solid #3b3e6e;border-radius:6px;background:#1b1c40;color:#c9cdea;font:600 13px var(--font-body);cursor:pointer;text-align:left}.set-tabs button img{width:24px;height:24px;image-rendering:pixelated;flex:none}.set-tabs button[aria-selected=true]{border-color:#c9974a;background:linear-gradient(#34305a,#22244a);color:#fff4d2;box-shadow:0 0 10px #f6cc6b33}.set-tabs button:disabled{opacity:.45;cursor:default}.set-tabs button:disabled img{filter:grayscale(.8)}.set-page{flex:1 1 auto;min-width:0;min-height:0;padding:10px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8a6631 transparent}.set-page::-webkit-scrollbar{width:8px}.set-page::-webkit-scrollbar-track{background:transparent}.set-page::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:4px;background:#8a6631 padding-box}.set-page::-webkit-scrollbar-thumb:hover{background:#c9974a padding-box}.set-tabs{scrollbar-width:none}.set-tabs::-webkit-scrollbar{display:none}.set-heading{margin:0 0 8px;font:700 15px var(--font-display);color:#f6d98b}.set-row{display:grid;grid-template-columns:40px minmax(0,1fr) 132px 40px;grid-template-areas:"mute label slider value";align-items:center;gap:8px;margin-bottom:8px;padding:8px;border:2px solid #3b3e6e;border-radius:8px;background:linear-gradient(#22244a,#191a38)}.set-row:has(.set-test){grid-template-columns:40px minmax(0,1fr) 132px 40px 32px;grid-template-areas:"mute label slider value test"}.set-mute{grid-area:mute;width:40px;height:40px;display:grid;place-items:center;padding:0;border:2px solid #8a6631;border-radius:6px;background:#2e2e39;cursor:pointer}.set-mute:hover,.set-mute:focus-visible{outline:0;border-color:#f6cc6b}.set-mute img,.set-test img{width:28px;height:28px;image-rendering:pixelated}.set-mute[aria-pressed=true]{border-color:#b8433f;background:#3a2230}.set-label{grid-area:label;display:flex;flex-direction:column;min-width:0}.set-label b{color:#fff4d2;font-size:13px}.set-label small{color:#9fa4d0;font-size:10px;line-height:1.3}.set-value{grid-area:value;text-align:right;color:#fff;font:700 12px var(--font-body)}.set-test{grid-area:test;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;transition:transform .12s}.set-test:hover,.set-test:focus-visible{outline:0;transform:scale(1.12)}.set-row.silent :is(.set-label,.set-slider,.set-value){opacity:.45}.set-slider{grid-area:slider;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;--fill: 0%}.set-slider:focus-visible{outline:0}.set-slider::-webkit-slider-runnable-track{height:8px;border:1px solid #0b0c1e;border-radius:4px;background:linear-gradient(90deg,#a77a26,#f6cc6b) 0 0 / var(--fill) 100% no-repeat,#0b0c1e}.set-slider::-moz-range-track{height:8px;border:1px solid #0b0c1e;border-radius:4px;background:#0b0c1e}.set-slider::-moz-range-progress{height:8px;border-radius:4px;background:linear-gradient(90deg,#a77a26,#f6cc6b)}.set-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border:2px solid #0b0c1e;border-radius:3px;background:#fff1c2;box-shadow:0 0 0 1px #c9974a}.set-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid #0b0c1e;border-radius:3px;background:#fff1c2;box-shadow:0 0 0 1px #c9974a}.set-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #7fe9ff}.set-footer{display:flex;justify-content:flex-end;margin-top:4px}.set-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border:2px solid #8a6631;border-radius:6px;background:#2e2e39;color:#f6d98b;font:600 12px var(--font-body);cursor:pointer}.set-reset img{width:24px;height:24px;image-rendering:pixelated}.set-reset:hover,.set-reset:focus-visible{outline:0;border-color:#f6cc6b;color:#fff4d2}.set-row.set-option{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label control";min-height:44px}.set-segments,.set-switch{grid-area:control}.set-segments{display:flex;padding:2px;border:2px solid #3b3e6e;border-radius:6px;background:#0b0c1e}.set-segments button{min-width:52px;padding:4px 8px;border:0;border-radius:4px;background:none;color:#9fa4d0;font:700 12px var(--font-body);cursor:pointer}.set-segments button[aria-checked=true]{background:linear-gradient(#e7bd5f,#a77a26);color:#1b1608;box-shadow:inset 0 0 0 1px #fff1c2}.set-segments button:hover:not([aria-checked=true]),.set-segments button:focus-visible{outline:0;color:#fff4d2}.set-switch{position:relative;width:52px;height:28px;padding:0;border:2px solid #3b3e6e;border-radius:14px;background:#0b0c1e;cursor:pointer;transition:background .15s,border-color .15s}.set-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#6f7398;transition:transform .15s,background .15s}.set-switch[aria-checked=true]{border-color:#c9974a;background:linear-gradient(90deg,#a77a26,#f6cc6b)}.set-switch[aria-checked=true] i{transform:translate(24px);background:#fff1c2;box-shadow:0 0 0 1px #0b0c1e}.set-switch:focus-visible{outline:2px solid #7fe9ff;outline-offset:2px}.set-note{margin:0 0 6px;color:#9fa4d0;font-size:11px;line-height:1.45}.set-status{min-height:16px;margin:0 0 4px;color:#7fe9ff;font-size:11px}.set-subheading{margin:10px 0 6px;color:#f6d98b;font:700 12px var(--font-body)}.set-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.set-keys.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.set-key-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:5px 6px 5px 10px;border:2px solid #3b3e6e;border-radius:6px;background:linear-gradient(#22244a,#191a38)}.set-key-row span{min-width:0;overflow:hidden;color:#dfe2ff;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.set-keys.grid .set-key-row{flex-direction:column;gap:4px;padding:5px 4px}.set-keys.grid .set-key-row span{font-size:10px;color:#9fa4d0}.set-key{min-width:52px;height:28px;padding:0 8px;flex:none;border:2px solid #8a6631;border-radius:5px;background:#15162e;color:#f6d98b;font:800 12px var(--font-body);cursor:pointer;box-shadow:inset 0 -3px #0b0c1e}.set-key:hover,.set-key:focus-visible{outline:0;border-color:#f6cc6b;color:#fff4d2}.set-key.unbound{color:#6f7398;border-style:dashed}.set-key.waiting{border-color:#7fe9ff;color:#7fe9ff;animation:set-key-wait 1s ease-in-out infinite}@keyframes set-key-wait{50%{box-shadow:inset 0 -3px #0b0c1e,0 0 10px #7fe9ff88}}@media(pointer:coarse),(max-width:760px){.set-body{flex-direction:column}.set-tabs{flex-direction:row;border-right:0;border-bottom:2px solid #3b3e6e;padding:6px 4px;overflow-x:auto}.set-tabs button{width:auto;flex:none;min-height:var(--modal-control, 44px);font-size:var(--modal-small, 13px)}.set-page{padding:8px 4px}.set-row{grid-template-columns:44px minmax(0,1fr) 52px;grid-template-areas:"mute label value" "slider slider slider";row-gap:10px}.set-row:has(.set-test){grid-template-columns:44px minmax(0,1fr) 52px 40px;grid-template-areas:"mute label value test" "slider slider slider slider"}.set-mute{width:44px;height:44px}.set-label b{font-size:var(--modal-text, 16px)}.set-value{font-size:var(--modal-small, 13px)}.set-test{width:40px;height:40px}.set-slider{height:32px}.set-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}.set-reset{min-height:var(--modal-control, 44px);font-size:var(--modal-small, 13px)}.set-row.set-option{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label control"}.set-segments button{min-width:48px;min-height:40px;font-size:var(--modal-small, 13px)}.set-switch{width:60px;height:34px;border-radius:17px}.set-switch i{width:24px;height:24px}.set-switch[aria-checked=true] i{transform:translate(26px)}.set-keys{grid-template-columns:minmax(0,1fr)}.set-keys.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.set-key-row span,.set-note,.set-status{font-size:var(--modal-small, 13px)}.set-key{height:40px;min-width:60px;font-size:var(--modal-small, 13px)}.set-keys.grid .set-key{min-width:0;width:100%}}.set-row.acc-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"icon label control"}.acc-icon{width:32px;height:32px;image-rendering:pixelated}.acc-badge{padding:2px 8px;border:2px solid #3b3e6e;border-radius:10px;color:#9fa4d0;font:700 11px var(--font-body);white-space:nowrap}.acc-badge.on{border-color:#4f9a62;background:#1d3a2a;color:#c9f5d4}.acc-status[data-tone=error]{color:#ffb4a8}.acc-status[data-tone=success]{color:#c9f5d4}.acc-warn{padding:6px 8px;border:2px solid #8a6631;border-radius:6px;background:#2e2a1c;color:#f6d98b}.acc-google{margin-bottom:8px}.acc-form{display:grid;gap:6px;margin-bottom:8px}.acc-form input{width:100%;padding:8px 10px;border:2px solid #3b3e6e;border-radius:6px;background:#0b0c1e;color:#fff;font:13px var(--font-body);outline:0}.acc-form input:focus{border-color:#c9974a}.acc-submit,.acc-logout{justify-content:center;padding:6px 14px}.acc-submit{justify-self:end}.acc-submit:disabled{opacity:.6;cursor:wait}.acc-logout{grid-area:control}.set-row.set-damage{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "control" "preview";row-gap:8px}.set-damage .set-segments{flex-wrap:wrap}.set-damage .set-segments button{flex:1 0 auto}.set-damage-preview{grid-area:preview;position:relative;height:192px;overflow:hidden;padding:0;cursor:pointer;border:2px solid #3b3e6e;border-radius:6px;background:radial-gradient(ellipse at 50% 60%,#2b3a3a,#121726 72%)}.set-damage-preview:after{content:"";position:absolute;left:50%;top:76px;width:34px;height:40px;margin-left:-17px;border:2px solid #2b1f17;border-radius:17px 17px 5px 5px;background:#5b4636}.set-damage-preview:focus-visible{outline:2px solid #7fe9ff;outline-offset:2px}.set-damage-num{position:absolute;left:50%;top:68px;z-index:1;display:grid;place-items:center;box-sizing:border-box;color:#fff1a8;font:16px/1 var(--font-display);-webkit-text-stroke:3px #10151e;paint-order:stroke;text-shadow:0 2px 0 #000;white-space:nowrap;pointer-events:none;will-change:transform,opacity}.set-damage-num.crit{min-width:64px;min-height:36px;padding:3px 12px;color:#fff;font-size:20px;background:url(/assets/ui/critical-burst.png?v=1792070786161) center / 100% 100% no-repeat}.perf-stats{position:absolute;z-index:12;right:calc(6px + var(--safe-r, 0px));bottom:calc(var(--exp-dock-inset, 0px) + 4px);display:flex;gap:8px;padding:2px 8px;border:1px solid #8a663188;border-radius:4px;background:#0b0c1ecc;color:#c9cdea;font:700 10px/1.4 var(--font-body);font-variant-numeric:tabular-nums;pointer-events:none;user-select:none}.perf-stats[hidden]{display:none}.perf-stats [data-level=good]{color:#7fe39a}.perf-stats [data-level=fair]{color:#f6d98b}.perf-stats [data-level=poor]{color:#ff8585}@media(pointer:coarse),(max-width:760px){.perf-stats{zoom:var(--modal-scale, 1);right:calc((6px + var(--safe-r, 0px)) / var(--modal-scale, 1));bottom:calc((var(--exp-dock-inset, 0px) + 4px) / var(--modal-scale, 1))}}.map-overview .perf-stats,.map-only .perf-stats{display:none}.update-bar{position:fixed;z-index:2500;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:6px 8px 6px 12px;border:2px solid #c9974a;border-radius:8px;background:linear-gradient(#fff6dc,#f1e3bb);box-shadow:0 0 0 2px #0b0c1e,0 8px 20px #02060cb0;color:#2a2440;font:500 14px/1.3 var(--font-body, sans-serif)}.update-bar[hidden]{display:none}.update-bar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-bar-apply{flex:none;padding:5px 14px;border:0;border-radius:6px;background:#4a5f8a;color:#fff;font-weight:600;cursor:pointer}.update-bar-apply:hover{background:#3b4f78}.update-bar-close{flex:none;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#5a5470;font-size:18px;line-height:1;cursor:pointer}.update-bar-close:hover{background:#0000001a}@media(max-width:520px){.update-bar{font-size:12px;gap:6px}}.boss-bar{position:absolute;z-index:11;left:50%;top:10px;width:440px;box-sizing:border-box;padding:5px 10px 7px;pointer-events:none;border:2px solid #c9974a;border-radius:8px;background:linear-gradient(#2a1630f0,#160c1ef0);box-shadow:0 0 0 2px var(--hud-ink, #0b0c1e),0 8px 20px #000a,inset 0 0 14px #ff4b5a22;color:#fff4d2;animation:boss-bar-in .25s ease-out}.boss-bar[hidden]{display:none}.boss-bar-head{display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;margin-bottom:4px;white-space:nowrap}.boss-bar-tag{flex:none;color:#ffcf5a;font:700 11px var(--font-display);letter-spacing:.06em;text-shadow:0 0 6px #ffb02e88,0 1px 0 #000}.boss-bar-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 15px var(--font-display);color:#fff4d2;text-shadow:0 2px 0 #000}.boss-bar-lv{flex:none;color:#ffd98a;font:700 12px var(--font-body)}.boss-bar-track{position:relative;height:16px;overflow:hidden;border:2px solid #0b0c1e;border-radius:4px;background:#3a1820;box-shadow:inset 0 2px #0006}.boss-bar-track i{position:absolute;left:0;top:0;bottom:0;width:100%}.boss-bar-trail{background:#f6e3a1;transition:width .6s ease-in .35s}.boss-bar-fill{background:linear-gradient(#ff7d86,#d6334a 55%,#9c1f33);box-shadow:inset 0 1px #ffc0c5;transition:width .15s ease-out}.boss-bar[data-low=true] .boss-bar-fill{animation:boss-bar-low 1s ease-in-out infinite}.boss-bar-hp{position:absolute;inset:0;display:grid;place-items:center;font:700 11px/1 var(--font-body);color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}@keyframes boss-bar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes boss-bar-low{50%{filter:brightness(1.45)}}body.boss-bar-on .zone-label,.map-overview .boss-bar{display:none}@media(pointer:coarse){.boss-bar{padding:7px 14px 9px;border-width:3px}.boss-bar-tag{font-size:16px}.boss-bar-name{font-size:22px}.boss-bar-lv{font-size:18px}.boss-bar-track{height:24px}.boss-bar-hp{font-size:16px}}.loading-screen{position:fixed;inset:0;z-index:2400;display:flex;align-items:center;justify-content:center;padding:16px;background:#183344 url(/assets/elaria-keyart.png?v=1792070786161) center/cover no-repeat;opacity:1;transition:opacity .3s ease}.loading-screen[hidden]{display:none}.loading-screen.leaving{opacity:0;pointer-events:none}.loading-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#040d168c,#040c12e6 75%)}.loading-card{position:relative;width:min(420px,100%);padding:26px 30px 22px;text-align:center;background:linear-gradient(145deg,#0d1c29f2,#0d1b26d6);border:1px solid rgba(246,204,107,.38);border-radius:3px 22px;box-shadow:0 28px 70px #02080dbd,inset 0 1px #ffffff1f}.loading-card:before,.loading-card:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold);pointer-events:none}.loading-card:before{left:5px;top:5px;border-left:2px solid;border-top:2px solid}.loading-card:after{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid}.loading-spinner{width:32px;height:32px;image-rendering:pixelated;animation:login-portal-spin 1.6s steps(8) infinite}.loading-kicker{margin:8px 0 2px;color:var(--gold);font:600 11px/1.4 var(--font-display);letter-spacing:.3em}.loading-title{margin:0 0 16px;color:#fff9df;font:700 22px/1.25 var(--font-display);overflow-wrap:anywhere}.loading-bar{height:10px;padding:2px;border:1px solid #476172;border-radius:6px;background:#07141e;box-shadow:inset 0 2px 6px #0008}.loading-bar i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#57c997,#ddc966);box-shadow:0 0 8px #ddc96680;transition:width .25s ease-out}.loading-status{margin:9px 0 0;color:#c7d4dc;font-size:13px;min-height:1.4em}.loading-tip{margin:16px 0 0;padding-top:12px;border-top:1px solid #476172;color:#9eb1bd;font-size:12px;line-height:1.5;min-height:4.2em}.loading-tip span{display:block;margin-bottom:2px;color:var(--mint);font:600 10px var(--font-display);letter-spacing:.2em}.loading-tip b{font-weight:400}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.loading-screen,.loading-bar i{transition:none}}