:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f7ff;--ui-radius:14px;--ui-radius-md:10px;--ui-radius-sm:8px;--ui-radius-xs:4px;--ui-bg:#0a0814f2;--ui-header-bg:linear-gradient(180deg, #3ee0ff17, #3ee0ff08);--ui-border:#3ee0ff4d;--ui-border-strong:#3ee0ff8c;--ui-divider:#3ee0ff33;--ui-shadow:0 12px 40px #0000008c, 0 0 24px #ff2bd61f;background:#07060f;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body,html,#root{height:100%;margin:0}button,input{font:inherit}.auth{--tag-ink:#0e061a;--tag-magenta:#ff2bd6;--tag-cyan:#3ee0ff;--tag-gold:#ffd25c;min-height:100%;image-rendering:pixelated;background:radial-gradient(at 50% 0,#07060f00 0%,#07060fd9 75%),radial-gradient(circle at 18% 12%,#ff2bd638,#0000 32%),radial-gradient(circle at 82% 4%,#3ee0ff2e,#0000 30%),url(/assets/packs/custom/graffiti/wall.png) 0 0/48px 48px,#0b0916;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;display:flex}.auth-stack{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.game-logo{margin:0;line-height:0;animation:.5s steps(5,end) both logo-spray}.game-logo img{width:min(496px,100vw - 32px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 18px #ff2bd647)}.game-logo.small img{width:min(372px,100vw - 32px)}@keyframes logo-spray{0%{opacity:0;transform:scale(1.08)rotate(-2deg)}to{opacity:1;transform:none}}.auth-tagline{color:#c9b6e8;letter-spacing:.04em;text-align:center;margin:-6px 0 4px;font-size:13px}.auth-connecting{color:var(--tag-cyan);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.card,.character-select-card{border:3px solid var(--tag-ink);outline-offset:-5px;box-shadow:7px 7px 0 var(--tag-magenta), 0 18px 50px #0009;background:#0e0a1cf0;outline:2px solid #3ee0ff8c;position:relative}.card{width:min(420px,100%);padding:26px 28px 28px}.card-title,.character-select-heading h1,.character-create-form h2{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:2px 2px 0 var(--tag-magenta), 4px 4px 0 var(--tag-ink);margin:0;font-size:22px;font-style:italic;font-weight:900}.auth input{background:#0a0717;border:2px solid #2b2148;transition:border-color .12s,box-shadow .12s}.auth input:focus{border-color:var(--tag-cyan);outline:none;box-shadow:3px 3px #3ee0ff59}.auth button.tag-button{border:2px solid var(--tag-ink);background:var(--tag-cyan);box-shadow:4px 4px 0 var(--tag-magenta);text-transform:uppercase;letter-spacing:.06em;transition:transform 80ms,box-shadow 80ms}.auth button.tag-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--tag-magenta);transform:translate(-1px,-1px)}.auth button.tag-button:active:not(:disabled){box-shadow:1px 1px 0 var(--tag-magenta);transform:translate(3px,3px)}.auth button.tag-button:disabled{opacity:.6;cursor:default}.auth button.tag-button.ghost{color:var(--tag-cyan);box-shadow:none;background:0 0;border-color:#3ee0ff99}.auth button.tag-button.ghost:hover{box-shadow:none;border-color:var(--tag-cyan);background:#3ee0ff14;transform:none}.character-select-card{width:min(980px,100%);padding:26px 28px 28px}.character-select-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.character-select-heading h1{margin-bottom:8px;font-size:26px}.character-select-heading .muted{margin:0}.eyebrow{color:var(--tag-cyan,#3ee0ff);letter-spacing:.2em;margin:0 0 6px;font-size:11px;font-weight:700}.character-slots{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.auth .character-card{border:3px solid var(--tag-ink);color:#e8f7ff;text-transform:none;letter-spacing:normal;background:linear-gradient(#0e0a1c33,#0e0a1ceb 78%),url(/assets/packs/custom/graffiti/wall.png) 0 0/32px 32px,#120d24;place-items:center;gap:6px;min-height:260px;padding:18px;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2b2148}.auth .character-card:hover,.auth .character-card:focus-within{box-shadow:0 0 0 1px var(--tag-cyan), 6px 6px 0 var(--tag-cyan);transform:rotate(-1deg)translateY(-3px)}.auth .character-card:not(.character-empty):before{content:"";width:54px;height:57px;image-rendering:pixelated;opacity:.55;pointer-events:none;background:url(/assets/packs/custom/graffiti/drop-magenta.png) 0 0/100% 100% no-repeat;position:absolute;top:-6px;left:-4px}.auth .character-card-select{width:100%;height:100%;box-shadow:none;color:inherit;text-transform:none;letter-spacing:normal;background:0 0;border:0;place-items:center;gap:6px;padding:0;display:grid}.auth .character-card-select:hover,.auth .character-card-select:active{box-shadow:none;background:0 0;transform:none}.auth .character-card-select strong{letter-spacing:.04em;font-size:17px}.auth .character-delete{box-shadow:none;color:#ff6b8a;opacity:0;background:0 0;border:1px solid #74314d;padding:4px 8px;font-size:10px;transition:opacity .12s;position:absolute;bottom:8px;right:8px}.auth .character-card:hover .character-delete,.auth .character-delete:focus-visible{opacity:1}.auth .character-delete:hover{box-shadow:none;background:#ff6b8a1a;border-color:#ff6b8a;transform:none}.character-preview{width:144px;height:144px;image-rendering:pixelated;filter:drop-shadow(0 6px #00000073);display:block}.character-card-level{background:url(/assets/packs/custom/graffiti/star.png) 4px center / 14px 14px no-repeat, var(--tag-ink);border:1px solid var(--tag-gold);color:var(--tag-gold);letter-spacing:.08em;image-rendering:pixelated;padding:3px 8px 3px 22px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;transform:rotate(3deg)}.character-card small{color:#a99cc4;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.auth .character-empty{box-shadow:none;background:#0e0a1c99;border-style:dashed;border-color:#3a2c60}.auth .character-empty:hover{border-color:var(--tag-cyan)}.auth .character-empty strong{color:#e8f7ff}.character-plus{width:72px;height:72px;color:var(--tag-cyan,#3ee0ff);border:3px dashed #3ee0ff8c;border-radius:50%;place-items:center;margin-bottom:6px;font-size:44px;font-weight:300;line-height:1;transition:transform .15s,border-color .15s;display:grid}.character-empty:hover .character-plus{border-color:var(--tag-cyan,#3ee0ff);border-style:solid;transform:rotate(90deg)}.character-create-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05030cb8;place-items:center;padding:16px;animation:.15s ease-out both overlay-in;display:grid;position:fixed;inset:0;overflow-y:auto}.character-create-overlay .character-create-form{animation:.18s ease-out both popup-in}.character-create-form .error:empty{display:none}@keyframes overlay-in{0%{opacity:0}}@keyframes popup-in{0%{opacity:0;transform:scale(.94)rotate(-1deg)}}.character-create-form{border:3px solid var(--tag-ink,#0e061a);width:min(600px,100%);box-shadow:0 0 0 1px #2b2148, 5px 5px 0 var(--tag-cyan,#3ee0ff);background:#0a0717e6;gap:12px;padding:22px;display:grid}.character-create-form h2{font-size:18px}.look-picker{flex-wrap:wrap;align-items:start;gap:16px;display:flex}.look-stage{border-radius:var(--ui-radius-sm);background:url(/assets/packs/custom/graffiti/wall.png) 0 0/32px 32px,#120d24;border:2px solid #2b2148;justify-items:center;gap:10px;padding:10px;display:grid}.look-canvas,canvas.character-preview{background:0 0}.look-canvas{width:192px;height:192px;image-rendering:pixelated;filter:drop-shadow(0 6px #00000073)}.look-stage-actions{gap:8px;display:flex}.auth .look-stage-actions .tag-button{padding:6px 10px;font-size:12px}.look-picker .fitting-parts{gap:10px;min-width:240px}.look-picker .fitting-swatch{width:26px;height:26px}.look-picker .fitting-swatches input[type=color]{cursor:pointer;width:30px;height:26px}.character-create-actions{justify-content:end;gap:10px;display:flex}@media (width<=720px){.character-slots{grid-template-columns:1fr}.auth .character-card{min-height:200px}}:root[data-ui-theme]{--tag-ink:#0e061a;--tag-accent:#ff2bd6;--tag-accent-soft:#ff2bd6bf;--tag-accent-deep:#4a1f6e;--tag-tint:#2a104a80;--tag-cyan:#3ee0ff;--tag-gold:#ffd25c;--tag-plate:#2b2148;--btn-bg:#3ee0ff;--btn-fg:#061018;--ui-bg:#0e0a1cf7;--ui-border:var(--tag-ink);--ui-border-strong:var(--tag-ink);--ui-divider:var(--tag-plate)}:root[data-ui-theme=toxic]{--tag-ink:#04120b;--tag-accent:#3dff6e;--tag-accent-soft:#3dff6eb3;--tag-accent-deep:#1c4a2c;--tag-tint:#12402480;--tag-plate:#1d3a2a;--btn-bg:#b67cff;--btn-fg:#12061f;--ui-bg:#08120ef7}:root[data-ui-theme=midnight]{--tag-ink:#040a1c;--tag-accent:#2f7bff;--tag-accent-soft:#2f7bffbf;--tag-accent-deep:#18306a;--tag-tint:#142c6e80;--tag-plate:#1c2a52;--btn-bg:#ff9d3d;--btn-fg:#1a0b02;--ui-bg:#080c1cf7}:root[data-ui-theme=ember]{--tag-ink:#170406;--tag-accent:#ff3b3b;--tag-accent-soft:#ff3b3bbf;--tag-accent-deep:#6a1a1f;--tag-tint:#6e161c80;--tag-plate:#4a1d24;--btn-bg:#ffd23d;--btn-fg:#1a0e02;--ui-bg:#16090bf7}:root[data-ui-theme] .panel{border:3px solid var(--tag-ink);outline-offset:-5px;box-shadow:6px 6px 0 var(--tag-accent-deep), 0 16px 40px #0000008c;outline:2px solid #3ee0ff59}:root[data-ui-theme] .panel.focused{box-shadow:6px 6px 0 var(--tag-accent), 0 16px 40px #0000008c;outline-color:#3ee0ff99}:root[data-ui-theme] .panel>header{background:linear-gradient(180deg, var(--tag-tint), var(--ui-bg)), url(/assets/packs/custom/graffiti/wall.png) 0 0 / 32px 32px repeat;border-bottom:2px solid var(--btn-bg);box-shadow:0 2px 0 var(--tag-ink);image-rendering:pixelated}:root[data-ui-theme] .panel>header strong{color:#fff;letter-spacing:.08em;text-shadow:2px 2px 0 var(--tag-accent), 3px 3px 0 var(--tag-ink);font-size:15px;font-style:italic;font-weight:900}:root[data-ui-theme] .panel-close{border:2px solid var(--tag-ink);background:var(--tag-plate);color:#e8f7ff;width:26px;height:26px;box-shadow:2px 2px 0 var(--tag-ink);font-size:17px}:root[data-ui-theme] .panel-close:hover{background:var(--tag-accent);color:#fff}:root[data-ui-theme] :is(.panel h2,.inventory-label){background:var(--tag-ink);width:fit-content;color:var(--tag-cyan);letter-spacing:.1em;box-shadow:2px 2px 0 var(--tag-accent);padding:2px 8px;font-size:12px;font-style:italic;font-weight:900;display:block;transform:rotate(-1.5deg)}:root[data-ui-theme] :is(.options-group,.options-tabs,.skill-node,.slot,.equip-slot,.talk-line){border:2px solid var(--tag-plate)}:root[data-ui-theme] .options-tabs button.active,:root[data-ui-theme] .talk-options button:hover{border-color:var(--tag-ink);background:var(--btn-bg);color:var(--btn-fg);box-shadow:2px 2px 0 var(--tag-accent)}:root[data-ui-theme] .talk-line{border-left:4px solid var(--tag-accent);background:var(--tag-tint)}:root[data-ui-theme] .talk-options button{border:2px solid var(--tag-plate);transition:transform 80ms,box-shadow 80ms}:root[data-ui-theme] .talk-options button:hover{transform:translate(-1px,-1px)}:root[data-ui-theme] :is(.character-hud,.skillbar,.minimap,.game-menu-toggle,.game-menu-list,.tutorial-guide,.banner,.link-status){border:3px solid var(--tag-ink);outline-offset:-4px;background-color:var(--ui-bg);box-shadow:4px 4px 0 var(--tag-accent-soft);outline:1px solid #3ee0ff66}:root[data-ui-theme] .tutorial-guide{outline-color:#ffd25c99;box-shadow:4px 4px #ffd25c99}:root[data-ui-theme] .game-menu-toggle:hover,:root[data-ui-theme] .game-menu.open .game-menu-toggle{background:var(--tag-plate)}:root[data-ui-theme] .character-hud-name strong{letter-spacing:.04em;text-shadow:2px 2px 0 var(--tag-accent);font-style:italic;font-weight:900}:root[data-ui-theme] .character-hud-name span{background:url(/assets/packs/custom/graffiti/star.png) 3px center / 12px 12px no-repeat, var(--tag-ink);border:1px solid var(--tag-gold);color:var(--tag-gold);image-rendering:pixelated;padding:1px 6px 1px 18px;font-weight:800;transform:rotate(3deg)}:root[data-ui-theme] .character-hud-bar{border:2px solid var(--tag-ink);background:#1a1230;height:16px}:root[data-ui-theme] .character-hud-bar small{text-shadow:1px 1px 0 var(--tag-ink);font-weight:800;line-height:12px}:root[data-ui-theme] .skillbar-slot{border:2px solid var(--tag-plate);box-shadow:inset 0 0 0 1px var(--tag-ink)}:root[data-ui-theme] .skillbar-slot.basic{border-color:var(--tag-gold)}:root[data-ui-theme] .skillbar-slot.potion{border-color:#3dff9a}:root[data-ui-theme] .skillbar-slot.roll{border-color:#3ee0ff}:root[data-ui-theme] .skillbar-slot.empty-ammo{border-color:#ff4d6d}:root[data-ui-theme] .skillbar-sep{background:var(--tag-plate);width:2px}:root[data-ui-theme] .tip{border:2px solid var(--tag-ink);outline-offset:-3px;box-shadow:4px 4px 0 var(--tag-accent);outline:1px solid #3ee0ff80}:root[data-ui-theme] .confirm-box{border:3px solid var(--tag-ink);outline-offset:-5px;box-shadow:6px 6px 0 var(--tag-gold), 0 10px 32px #0009;outline:2px solid #ffd25c8c}:root[data-ui-theme] .death-card{border:3px solid var(--tag-ink);outline-offset:-5px;outline:2px solid #ff4d6d99;box-shadow:7px 7px #ff4d6d}.theme-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-choice{color:#e8f7ff;text-align:left;background:#0c1020;border:2px solid #2a3550;justify-items:start;gap:4px;padding:10px;font-weight:400;display:grid}.theme-choice strong{font-size:13px}.theme-choice small{color:#8d9aae;font-size:11px;line-height:1.3}.theme-choice.selected{border-color:#e7c777;box-shadow:0 0 10px #e7c7774d}.theme-swatch{border-radius:var(--ui-radius-xs);background:#07060f;width:100%;height:44px;margin-bottom:4px;padding:8px 12px;display:block}.theme-swatch i{background:var(--swatch-bg);outline-offset:-4px;height:100%;box-shadow:4px 4px 0 var(--swatch);border:3px solid #0e061a;outline:1px solid #3ee0ff80;display:block}.muted{color:#93a0b5}form{gap:10px;margin-top:18px;display:grid}label{color:#b7c3d6;gap:4px;font-size:13px;display:grid}input{border-radius:var(--ui-radius-sm);color:#fff;background:#0c1020;border:1px solid #2a3550;padding:10px 12px}button{border-radius:var(--ui-radius-sm);background:var(--btn-bg,#3ee0ff);color:var(--btn-fg,#061018);cursor:pointer;border:0;padding:10px 12px;font-weight:700}button.ghost{color:var(--btn-bg,#3ee0ff);border:1px solid var(--btn-bg,#3ee0ff);background:0 0}.error{color:#ff6b8a;min-height:1.2em}.verify-card{flex-direction:column;gap:12px;display:flex}.verify-card p{margin:0;line-height:1.5}.verify-card strong{color:var(--tag-cyan);word-break:break-all}.verify-info{color:#7dffb0}.skill-note{white-space:nowrap;text-overflow:ellipsis;height:16px;min-height:0;margin:2px 0 0;line-height:16px;overflow:hidden}.skill-note:empty{visibility:hidden}.stage{grid-template-rows:1fr;height:100%;display:grid}.hud{background:#07060fe6;border-bottom:1px solid #3ee0ff40;align-items:center;gap:16px;padding:10px 14px;display:flex}.credits{color:#ffe14a}.grow{margin-left:auto}canvas{background:#07060f;width:100%;height:100%;display:block}.banner{color:#3ee0ff;background:#07060fd9;border:1px solid #3ee0ff;padding:8px 14px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.link-status{color:#e7c777;background:#07060fd9;border:1px solid #e7c777;padding:6px 12px;font-size:12px;position:absolute;top:104px;left:50%;transform:translate(-50%)}.play{min-height:0;position:relative;overflow:hidden}.play-scene{position:absolute;inset:0}.play-overlay{background:0 0;position:relative}.character-hud{z-index:2;pointer-events:none;background:#0a0814e0;border:1px solid #3ee0ff73;width:min(250px,100% - 28px);padding:10px 12px;position:absolute;top:14px;left:14px;box-shadow:0 0 18px #00000047}.character-hud-name{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.character-hud-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-hud-name span{color:#e7c777;white-space:nowrap;font-size:11px}.character-hud-bar{background:#111923;border:1px solid #354656;height:15px;margin-top:5px;position:relative;overflow:hidden}.character-hud-bar span{height:100%;transition:width .18s;display:block}.character-hud-bar small{color:#f4f7fb;text-align:center;text-shadow:0 1px 2px #000;font-size:10px;line-height:13px;position:absolute;inset:0}.minimap-wrap{z-index:2;color:#dce9f2;pointer-events:none;gap:3px;width:174px;display:grid;position:absolute;top:14px;right:14px}.minimap-label{color:#e7c777;text-align:center;text-shadow:0 1px 2px #000;font-size:12px}.minimap{background:#0a0814c7;border:1px solid #3ee0ff4d;width:174px;height:116px;padding:4px;display:block}.minimap-floor{fill:#273b47}.minimap-wall{fill:#58727a}.minimap-exit{fill:#e7c777}.minimap-player{fill:#ff3d8d;stroke:#fff;stroke-width:2px}.minimap-safe{color:#3dff9a;text-align:right;font-size:10px}.tutorial-guide{z-index:2;cursor:pointer;background:#0a0814eb;border:1px solid #e7c777b3;width:min(400px,100% - 28px);padding:10px 14px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0000004d}.tutorial-steps{gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:13px;right:16px}.tutorial-steps li{background:#2b3444;width:14px;height:5px}.tutorial-steps li.current{background:#e7c777}.tutorial-steps li.done{background:#3dff9a}.guide-speech{align-items:flex-start;gap:10px;margin:6px 0 4px;display:flex}.guide-portrait{width:56px;height:56px;image-rendering:pixelated;background-color:#3ee0ff14;background-repeat:no-repeat;background-size:224px 56px;border:1px solid #3ee0ff73;flex:none;animation:.56s steps(4,end) infinite guide-hover,1.6s ease-in-out infinite alternate guide-bob}.guide-portrait.talking{border-color:#3ee0ff;box-shadow:0 0 10px #3ee0ff73}@keyframes guide-hover{0%{background-position-x:0}to{background-position-x:-224px}}@keyframes guide-bob{0%{background-position-y:1px}to{background-position-y:-3px}}.guide-bubble{color:#e8f7ff;background:#3ee0ff12;border:1px solid #3ee0ff4d;flex:1;min-height:44px;padding:5px 9px;font:12px/1.5 monospace;position:relative}.guide-bubble:before{content:"";border:5px solid #0000;border-left:0;border-right-color:#3ee0ff73;position:absolute;top:14px;left:-6px}.guide-bubble em{color:#3ee0ff;letter-spacing:.12em;font-size:10px;font-style:normal;font-weight:700;display:block}.guide-rest{visibility:hidden}.tutorial-guide>strong{color:#e7c777;letter-spacing:.14em;font-size:10px}.tutorial-guide h3{align-items:center;gap:8px;margin:4px 0 2px;font-size:14px;display:flex}.tutorial-guide p{color:#d3dce2;margin:0;font-size:12px;line-height:1.6}.tutorial-guide kbd{color:#e7c777;text-align:center;border:1px solid #e7c777;border-bottom-width:2px;min-width:18px;margin-right:3px;padding:0 5px;font:600 11px/16px monospace;display:inline-block}.tutorial-progress{color:#3dff9a;font-size:13px}.tutorial-checklist{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tutorial-checklist li{color:#93a0b5;align-items:center;gap:8px;font-size:12px;display:flex}.tutorial-checklist li span{border:1px solid #47566b;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.tutorial-checklist li em{margin-left:auto;font-style:normal}.tutorial-checklist li.current{color:#e8f7ff}.tutorial-checklist li.current span{color:#e7c777;border-color:#e7c777}.tutorial-checklist li.done{color:#3dff9a}.tutorial-checklist li.done span{border-color:#3dff9a}.tutorial-tip{color:#e7c777;margin-top:10px;font-size:11px;display:block}.game-menu{z-index:6;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;right:204px}.game-menu-toggle{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:#3ee0ff;place-items:center;width:44px;height:44px;padding:0;transition:border-color .15s,background .15s,transform .2s;display:grid;box-shadow:0 6px 18px #0006}.game-menu-toggle:hover{border-color:var(--ui-border-strong);background:#141c2cf2}.game-menu.open .game-menu-toggle{border-color:var(--ui-border-strong);background:#3ee0ff24}.game-menu-toggle svg{transition:transform .25s}.game-menu.open .game-menu-toggle svg{transform:rotate(90deg)}.game-menu-toggle,.game-menu-item{position:relative}.menu-badge{z-index:2;color:#fff;pointer-events:none;background:#ff3d7f;border:2px solid #0a0c14;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;line-height:1;animation:1.6s ease-in-out infinite menu-badge-pulse;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 0 10px #ff3d7fa6}.game-menu-item .menu-badge{top:2px;left:6px}@keyframes menu-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.game-menu-list{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow);opacity:0;clip-path:inset(0 0 0 100% round var(--ui-radius-md));pointer-events:none;align-items:stretch;gap:4px;padding:4px;transition:opacity .2s 50ms,clip-path .25s cubic-bezier(.4,0,.6,1);display:flex}.game-menu.open .game-menu-list{opacity:1;clip-path:inset(0 0 0 0 round var(--ui-radius-md));pointer-events:auto;transition:opacity .12s,clip-path .38s cubic-bezier(.16,1,.3,1)}.game-menu-item{color:#b7c3d6;letter-spacing:.02em;white-space:nowrap;--i:0;--delay:calc(60ms + var(--i) * 55ms);opacity:0;background:0 0;border:1px solid #0000;align-content:center;justify-items:center;gap:4px;width:64px;min-height:56px;padding:6px 4px;font-size:10px;font-weight:600;transition:opacity .12s,background .15s,color .15s,border-color .15s;display:grid}.game-menu-item:nth-last-child(3){--i:1}.game-menu-item:nth-last-child(4){--i:2}.game-menu-item:nth-last-child(5){--i:3}.game-menu-item:nth-last-child(6){--i:4}.game-menu.open .game-menu-item{opacity:1;animation:menu-item-in .42s cubic-bezier(.2, .9, .3, 1.2) var(--delay) both}.game-menu.open .game-menu-item svg{animation:menu-icon-pop .55s cubic-bezier(.3, 1.4, .5, 1) calc(var(--delay) + 60ms) both}.game-menu.open .game-menu-item span{animation:menu-label-in .3s ease-out calc(var(--delay) + .16s) both}@keyframes menu-item-in{0%{opacity:0;transform:translateX(calc(28px + var(--i) * 10px))}to{opacity:1;transform:none}}@keyframes menu-icon-pop{0%{opacity:0;filter:drop-shadow(0 0 #3ee0ff00);transform:scale(.2)rotate(-120deg)}55%{opacity:1;filter:drop-shadow(0 0 8px #3ee0fff2);transform:scale(1.3)rotate(12deg)}to{opacity:1;filter:drop-shadow(0 0 #3ee0ff00);transform:none}}@keyframes menu-label-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.game-menu-sep{opacity:0;transition:opacity .12s}.game-menu.open .game-menu-sep{opacity:1;transition:opacity .3s .12s}.game-menu-item svg{width:22px;height:22px}.game-menu-item{position:relative}.game-menu-item kbd{color:#8d9aae;text-align:center;background:#141a2e;border:1px solid #2a3550;border-bottom-width:2px;border-radius:3px;min-width:14px;padding:0 3px;font:700 9px/12px ui-monospace,Consolas,monospace;position:absolute;top:3px;right:4px}.game-menu-item:hover kbd,.game-menu-item.active kbd{color:#3ee0ff;border-color:#3ee0ff80}.game-menu.open .game-menu-item kbd{animation:menu-label-in .3s ease-out calc(var(--delay) + .22s) both}.game-menu-item:hover{color:#e8f7ff;background:#3ee0ff1a}.game-menu-item:hover svg{color:#3ee0ff}.game-menu-item.active{color:#3ee0ff;background:#3ee0ff14;border-color:#3ee0ff59}.game-menu-item.danger:hover{color:#ff6b93;background:#ff2b6a24}.game-menu-item.danger:hover svg{color:#ff6b93}.game-menu-item:focus-visible,.game-menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #3ee0ff}.game-menu-sep{background:var(--ui-divider);width:1px;margin:8px 2px}.hp-bar{border-color:#ff2b6ab3}.hp-bar span{background:linear-gradient(90deg,#d81d56,#ff7a32)}.xp-bar{border-color:#3ee0ffb3}.xp-bar span{background:linear-gradient(90deg,#1677c5,#3ee0ff)}.panel{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);z-index:4;width:min(420px,100% - 24px);max-height:calc(100% - 24px);box-shadow:var(--ui-shadow);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.panel.focused{z-index:5;border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow), 0 0 0 1px #3ee0ff1f}.panel>header{background:var(--ui-header-bg);border-bottom:1px solid var(--ui-divider);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;justify-content:center;align-items:center;min-height:42px;padding:0 44px;display:flex;position:relative}.panel>header strong{letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.panel>header:active{cursor:grabbing}.panel-close{z-index:2;border-radius:var(--ui-radius-sm);color:#9fb0c4;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.panel-close:hover{color:#ff6b93;background:#ff2b6a29}.panel-scroll{padding:12px 14px 14px;overflow:auto}.skills-panel{width:min(1120px,100% - 24px)}.skill-radial{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#506e7829,#0000 42%),#071018;border:1px solid #263640;width:100%;min-height:580px;position:relative;overflow:hidden}.skill-radial:before,.skill-radial:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(30deg,#0000 49.8%,#5c808a14 50%,#0000 50.2%),linear-gradient(150deg,#0000 49.8%,#5c808a14 50%,#0000 50.2%);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.skill-radial-content{transform-origin:50%;cursor:grab;position:absolute;inset:0}.skill-radial.dragging .skill-radial-content{cursor:grabbing}.skill-links{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%;overflow:visible}.skill-links line{stroke:#62727c;stroke-width:2px}.skill-links .skill-core-ring{fill:#8ff0a40a;stroke:#8ff0a440;stroke-width:1.5px;stroke-dasharray:4 5}.skill-core-hub{background:#0d1720;border:2px solid #62727c;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-branch-label{z-index:2;color:#b7c3d6;text-align:center;text-shadow:0 1px 3px #000;pointer-events:none;width:110px;font-size:10px;position:absolute;transform:translate(-50%,-50%)}.skill-orb{z-index:3;cursor:pointer;background:#111b23;border:2px solid #82929b;border-radius:50%;width:24px;height:24px;transition:transform .12s,border-color .12s,box-shadow .12s;position:absolute;transform:translate(-50%,-50%)}.skill-orb.active{background:#252b32;border-width:3px;border-radius:9px;width:42px;height:42px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 5px #f1d18b1f,0 0 18px #f1d18b7a}.skill-orb.passive{width:28px;height:28px}.skill-orb.core{background:#14231b;border-color:#5f8f6c;width:30px;height:30px}.skill-orb.core.available{border-color:#8ff0a4}.skill-orb.core.unlocked{background:#24452f;border-color:#8ff0a4;box-shadow:0 0 11px #8ff0a480}.skill-orb.mastery{border-width:3px;width:36px;height:36px}.skill-orb.weapon{background:#1a2029;border-width:3px;border-radius:6px;width:46px;height:46px;box-shadow:0 0 0 4px #f1d18b1a}.skill-orb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;padding:3px;position:absolute;inset:0}.skill-orb.weapon img{padding:4px}.skill-orb.active img{padding:6px;transform:rotate(-45deg)}.skill-orb.locked img{filter:grayscale()brightness(.6)}.skill-orb:hover{border-color:#f1d18b;transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 14px #f1d18bb3}.skill-orb.weapon:hover{transform:translate(-50%,-50%)scale(1.12)}.skill-orb.active:hover{transform:translate(-50%,-50%)rotate(45deg)scale(1.15)}.skill-orb.available{border-color:#f1d18b}.skill-orb.unlocked{background:#503d24;border-color:#f1d18b;box-shadow:0 0 11px #f1d18b80}.skill-orb.locked{opacity:.68}.skill-orb.blocked{opacity:.3;border-style:dashed}.skill-tooltip{z-index:10;pointer-events:none;background:#080d13f7;border:1px solid #d1aa61;width:220px;padding:10px;position:absolute;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 6px 24px #00000080}.skill-tooltip strong,.skill-tooltip small,.skill-tooltip p,.skill-tooltip span{display:block}.skill-tooltip small,.skill-tooltip span{color:#e7c777;font-size:11px}.skill-tooltip p{color:#d3dce2;margin:8px 0;font-size:12px}.skill-tooltip .skill-tooltip-path{color:#8ff0a4;font-size:11px}.confirm-box{z-index:20;border-radius:var(--ui-radius);background:#080d13fa;border:1px solid #d1aa61;width:min(300px,100% - 32px);padding:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 32px #0009}.confirm-box strong,.confirm-box small,.confirm-box p{display:block}.confirm-box p{color:#d3dce2;margin:8px 0;font-size:12px}.confirm-box small{color:#e7c777;font-size:11px}.confirm-box-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.skill-map{gap:16px;max-height:520px;padding:10px 2px 14px;display:grid;overflow:auto}.skill-tree-group{background:#080812;border:1px solid #2a3550;padding:10px}.skill-tree-group h2{color:#3ee0ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:15px}.skill-branches{grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;display:grid}.skill-tree-group:first-child .skill-branches{grid-template-columns:repeat(2,minmax(220px,1fr))}.skill-branch{background:#0c1020;border:1px solid #2a3550;min-width:0;padding:8px}.skill-branch>header{border-bottom:1px solid #2a3550;gap:2px;padding-bottom:8px;display:grid}.skill-branch>header small{color:#93a0b5;font-size:10px}.skill-branch-nodes{gap:8px;padding-top:8px;display:grid}.skill-branch-nodes .skill-node{min-height:92px;position:relative}.skill-branch-nodes .skill-node+.skill-node:before{content:"";background:#59657e;width:1px;height:8px;position:absolute;top:-9px;left:50%}.skill-summary,.skill-roots,.skill-specs,.skill-loadout-slots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skill-summary{justify-content:space-between;padding:0 2px 4px}.skill-points{color:#8d9aae;font-size:13px}.skill-points b{color:#b7c3d6;margin-right:2px;font-size:18px}.skill-points.has b{color:#f1d18b;text-shadow:0 0 8px #f1d18b80}.skill-respec{font:inherit;color:#f1d18b;cursor:pointer;background:#1c1710;border:1px solid #6b5630;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:border-color .12s,background .12s;display:inline-flex}.skill-respec small{color:#b39a6a;font-weight:400}.skill-respec:hover:not(:disabled){background:#2a2114;border-color:#f1d18b}.skill-respec:disabled{opacity:.4;cursor:default}.skill-roots{margin-top:12px}.skill-specs{margin:8px 0}.skill-tree{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;padding:12px 0;display:grid}.skill-node{background:#0c1020;border:1px solid #2a3550;gap:8px;min-height:130px;padding:10px;display:grid}.skill-node.available{border-color:#ffe14a}.skill-node.unlocked{border-color:#3dff9a}.skill-node.locked{opacity:.58}.skill-node strong,.skill-node small,.skill-node p{display:block}.skill-node small,.skill-node p{color:#b7c3d6;font-size:11px}.skill-node p{margin:0}.skill-state{color:#3dff9a;font-size:11px}.skill-loadout{border-top:1px solid #2a3550;gap:8px;padding-top:10px;display:grid}.skill-loadout-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.skill-loadout-head small{color:#8d9aae;font-size:11px}.skill-loadout .skill-loadout-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.skill-slot{text-align:left;color:#e8f7ff;cursor:default;background:#100e1c;border:1px dashed #2a3550;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative}.skill-slot.filled{cursor:pointer;border-style:solid;border-color:#4a3d24}.skill-slot.filled:hover{border-color:#ff4d6d}.skill-loadout-slots.dragging .skill-slot{border-color:#f1d18b}.skill-slot.over{background:#2a2414;box-shadow:0 0 12px #f1d18b73}.skill-slot:disabled{opacity:1}.skill-slot-icon{background:#0c1020;border:1px solid #2a3550;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.skill-slot.filled .skill-slot-icon{background:#241d12;border-color:#f1d18b}.skill-slot-icon img{width:32px;height:32px;image-rendering:pixelated}.skill-slot-icon kbd{text-align:center;color:#07060f;background:#3ee0ff;min-width:16px;padding:1px 3px;font-family:inherit;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-7px;left:-7px}.skill-slot-text{gap:2px;min-width:0;display:grid}.skill-slot-text b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.skill-slot:not(.filled) .skill-slot-text b{color:#6d7a8e;font-weight:400}.skill-slot-text small{color:#8d9aae;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.skill-slot-clear{color:#ff4d6d;opacity:0;font-size:13px;font-style:normal;transition:opacity .12s;position:absolute;top:2px;right:5px}.skill-slot.filled:hover .skill-slot-clear{opacity:1}.skillbar-slot.off img{filter:grayscale()brightness(.5)}.skillbar{z-index:3;background:#0a0814e0;border:1px solid #3ee0ff73;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.skillbar-slot{--cd:0;background:#0c1020;border:1px solid #2a3550;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.skillbar-slot.basic{border-color:#ffe14a8c}.skillbar-slot.vacant{background:repeating-linear-gradient(45deg,#0c1020 0 6px,#0f1428 6px 12px)}.skillbar-slot.empty-ammo{border-color:#ff4d6d}.skillbar-slot.skill[draggable=true]{cursor:grab}.skillbar-slot.skill.drop-over,:root[data-ui-theme] .skillbar-slot.skill.drop-over{border-color:#3ee0ff;box-shadow:inset 0 0 0 1px #3ee0ff,0 0 8px #3ee0ff99}.skillbar-slot img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated;display:block}.skillbar-slot>:first-child{place-items:center;display:grid}.skillbar-tip{width:100%;height:100%}.skillbar-fist{opacity:.7;font-size:22px}.skillbar-cd-ring{pointer-events:none;background:conic-gradient(#04060ec7 calc(var(--cd) * 360deg), transparent 0);position:absolute;inset:0;transform:scaleX(-1)}.skillbar-slot.cooling img{filter:saturate(.4)}.skillbar-cd{pointer-events:none;color:#fff;text-shadow:0 0 3px #000,0 1px #000;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.skillbar-slot kbd{pointer-events:none;color:#3ee0ff;text-shadow:0 1px #000,0 0 2px #000;font-family:inherit;font-size:10px;font-weight:700;line-height:1;position:absolute;top:1px;left:2px}.skillbar-slot.basic kbd{color:#ffe14a}.skillbar-ammo{pointer-events:none;color:#ffe14a;text-shadow:0 1px #000,0 0 2px #000;font-size:10px;position:absolute;bottom:1px;right:2px}.skillbar-slot.empty-ammo .skillbar-ammo{color:#ff4d6d;font-weight:700}.skillbar-slot.low-ammo .skillbar-ammo{color:#ffa63d;font-weight:700}.skillbar-weapon{flex:none;display:flex;position:relative}.skillbar-ammo-alert{white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #000;background:#0a0814eb;border:1px solid;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.skillbar-ammo-alert.low{color:#ffa63d}.skillbar-ammo-alert.empty{color:#ff4d6d;animation:.8s steps(2,jump-none) infinite ammo-blink}.skillbar-slot.low-ammo,:root[data-ui-theme] .skillbar-slot.low-ammo{border-color:#ffa63d;animation:1.4s ease-in-out infinite ammo-pulse-low}.skillbar-slot.empty-ammo,:root[data-ui-theme] .skillbar-slot.empty-ammo{border-color:#ff4d6d;animation:.8s ease-in-out infinite ammo-pulse-empty}.skillbar-slot.empty-ammo img{filter:grayscale()brightness(.55)}.skillbar-slot.dry-fire,:root[data-ui-theme] .skillbar-slot.empty-ammo.dry-fire{animation:.3s linear ammo-shake,.8s ease-in-out infinite ammo-pulse-empty}@keyframes ammo-pulse-low{50%{box-shadow:inset 0 0 0 1px #ffa63d,0 0 8px #ffa63d8c}}@keyframes ammo-pulse-empty{50%{box-shadow:inset 0 0 0 1px #ff4d6d,0 0 12px #ff4d6dcc}}@keyframes ammo-blink{50%{opacity:.45}}@keyframes ammo-shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.skillbar-slot.potion{cursor:pointer;border-color:#3dff9a8c}.skillbar-slot.potion kbd,.skillbar-slot.potion .skillbar-ammo{color:#3dff9a}.skillbar-slot.potion.empty img{filter:grayscale()brightness(.5)}.skillbar-slot.potion.empty .skillbar-ammo{color:#ff4d6d}.skillbar-slot.potion.drop-over{border-color:#3dff9a;box-shadow:inset 0 0 0 1px #3dff9a,0 0 8px #3dff9a99}.skillbar-potion-empty{color:#3dff9a66;display:block}.skillbar-slot.roll{border-color:#3ee0ff8c}.skillbar-slot.roll kbd{color:#3ee0ff}.skillbar-roll-icon{color:#3ee0ff;display:block}.skillbar-slot.roll.cooling .skillbar-roll-icon{opacity:.55}.skillbar-sep{background:#3ee0ff4d;align-self:stretch;width:1px;margin:0 2px}.panel h2{letter-spacing:.06em;color:#3ee0ff;margin:14px 0 8px;font-size:14px}.panel.inventory{width:auto;max-width:calc(100% - 24px)}.inventory-body{grid-template-columns:auto auto;align-items:start;gap:18px;display:grid}.inventory-label{letter-spacing:.08em;text-transform:uppercase;color:#3ee0ff;margin:0 0 8px;font-size:11px}.equip{grid-template-columns:repeat(3,56px);grid-template-areas:".helmet.""weapon armor gloves"".legs."".feet.";gap:6px;margin:0;display:grid}.equip-slot{color:#6d7c90;letter-spacing:.02em;background:#0c1020;border:1px solid #2a3550;place-items:center;width:56px;height:56px;padding:0;font-size:9px;display:grid}.equip-slot[data-slot=helmet]{grid-area:helmet}.equip-slot[data-slot=weapon]{grid-area:weapon}.equip-slot[data-slot=armor]{grid-area:armor}.equip-slot[data-slot=gloves]{grid-area:gloves}.equip-slot[data-slot=legs]{grid-area:legs}.equip-slot[data-slot=feet]{grid-area:feet}.equip-slot img{width:32px;height:32px;image-rendering:pixelated}.equip-slot:disabled{opacity:1}.slots{grid-template-columns:repeat(4,56px);gap:6px;display:grid}.slot{background:#0c1020;border:1px solid #2a3550;width:56px;min-width:56px;height:56px;position:relative}.slot-main{color:#e8f7ff;background:0 0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.slot-main:disabled{opacity:1}.slot-main img{width:32px;height:32px;image-rendering:pixelated}.slot-count{color:#e8f7ff;text-shadow:0 1px #000;pointer-events:none;font-size:11px;line-height:1;position:absolute;bottom:2px;right:4px}.slot-drop{z-index:1;color:#ff6b8a;opacity:0;background:0 0;border:0;width:16px;height:16px;padding:0;font-size:14px;line-height:1;position:absolute;top:2px;right:2px}.slot:hover .slot-drop,.slot:focus-within .slot-drop{opacity:1}.panel.talk{width:min(360px,100% - 24px)}.talk-line{background:#3ee0ff0f;border-left:3px solid #3ee0ff;margin:4px 0 16px;padding:12px 14px;line-height:1.45}.talk-options{gap:8px;display:grid}.talk-options button{text-align:left;color:#e8f7ff;background:0 0;border:1px solid #2a3550;font-weight:600}.talk-options button:hover{color:#3ee0ff;border-color:#3ee0ff}.talk-key{color:#8aa0c0;text-align:center;border:1px solid #2a3550;border-radius:3px;min-width:1.4em;margin-right:8px;padding:0 4px;font-size:.85em;display:inline-block}.panel.shop{width:auto;max-width:calc(100% - 24px)}.shop-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.shop-top .inventory-label{margin-bottom:8px}.shop-credits{color:#ffe14a;align-items:center;gap:6px;font-weight:700;display:inline-flex}.shop-credits img{width:24px;height:24px;image-rendering:pixelated}.shop-top .shop-tabs{flex:0 220px;margin-bottom:10px}.shop-top{align-items:center}.shop-empty{min-height:64px}.shop-card button.selected{background:#3ee0ff1a;border-color:#3ee0ff;box-shadow:0 0 8px #3ee0ff59}.shop-card button.dim img{opacity:.45}.shop-trade{border-radius:var(--ui-radius-sm);background:#0c1020;border:1px solid #2a3550;gap:8px;margin-top:12px;padding:10px;display:grid}.shop-trade.empty{place-items:center}.panel.shop.shop-trading{width:min(400px,100% - 24px);height:min(500px,100% - 24px)}.shop-trading .panel-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.shop-trading .shop-items{overscroll-behavior:contain;flex:auto;min-height:72px;overflow-y:auto}.shop-trading .shop-trade{box-sizing:border-box;flex:none;align-content:center;height:132px}.shop-trading .error{flex:none;margin-bottom:0}.shop-trade-head small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-trade-head div{min-width:0}.shop-trade-head{align-items:center;gap:10px;display:flex}.shop-trade-head img{width:32px;height:32px;image-rendering:pixelated}.shop-trade-head div{gap:2px;display:grid}.shop-trade-head small{color:#8d9aae;font-size:12px}.shop-qty.volume-slider{grid-template-columns:40px 1fr 32px;padding:4px 2px}.shop-qty input:disabled{opacity:.4;cursor:default}.shop-trade-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-total{color:#b7c3d6;font-size:13px}.shop-total b{color:#ffe14a}.shop-total em{color:#8d9aae;font-style:normal}.shop-trade-foot button:disabled{opacity:.4;cursor:default}.craft-list{gap:6px;max-height:360px;margin-bottom:12px;display:grid;overflow-y:auto}.craft-row{background:#0c1020;border:1px solid #2a3550;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.craft-output{width:32px;height:32px;image-rendering:pixelated}.craft-info{gap:2px;display:grid}.craft-inputs{flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.craft-input{color:#3dff9a;align-items:center;gap:2px;display:inline-flex}.craft-input.short{color:#ff4d6d}.craft-row.locked{opacity:.55}.craft-guide{color:#ffd24a;background:#1a1608;border:1px solid #ffd24a;margin:0 0 4px;padding:6px 8px;font-size:11px;line-height:1.4}.craft-row button:disabled{opacity:.35;cursor:default}.craft-input img{width:16px;height:16px;image-rendering:pixelated}.shop-grid{grid-template-columns:repeat(5,64px);gap:8px;display:grid}.shop-card button{color:#e8f7ff;background:#0c1020;border:1px solid #2a3550;align-content:start;justify-items:center;gap:4px;width:64px;min-height:64px;padding:6px 4px;font-weight:600;display:grid;position:relative}.shop-card button:hover:not(:disabled){border-color:#3ee0ff}.shop-card button:disabled{opacity:.4;cursor:default}.shop-card img{width:32px;height:32px;image-rendering:pixelated}.shop-card .slot-count{top:32px;bottom:auto}.shop-price{color:#ffe14a;font-size:12px}.tip{z-index:20;color:#e8f7ff;pointer-events:none;background:#100818;border:1px solid #3ee0ff;width:200px;padding:8px 10px;position:fixed}.tip strong{margin-bottom:4px;display:block}.tip p{color:#b7c3d6;margin:0 0 4px;font-size:13px}.tip .tip-rarity{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.tip .tip-rarity.common{color:#e8f7ff}.tip .tip-rarity.part{color:#3dff9a}.tip .tip-rarity.catalyst{color:#b36bff}.tip .tip-rarity.rare{color:#ffd84a}.tip .tip-note{color:#3ee0ff}.tip .tip-warn{color:#ff4d6d}.editor{background:#07060f;min-height:100%;padding:16px 20px 40px}.editor-bar,.editor-tabs,.editor-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-bar{justify-content:space-between;margin-bottom:12px}.editor-row button{align-items:center;gap:6px;display:inline-flex}.editor-tabs{margin-bottom:12px}.editor-tabs button.active{color:#3ee0ff;border-color:#3ee0ff}.editor-body{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.editor-list{flex-direction:column;gap:4px;max-height:calc(100vh - 140px);display:flex;overflow:auto}.editor-list button{text-align:left;align-items:center;gap:8px;display:flex}.pick-label{color:#b7c3d6;font-size:13px}.sprite-pick{flex-wrap:wrap;gap:6px;display:flex}.sprite-pick button{place-items:center;padding:4px;display:grid}.buy-grid{grid-template-columns:repeat(auto-fill,44px);gap:4px;display:grid}.buy-cell{opacity:.45;background:#0c1020;border:1px solid #2a3148;place-items:center;width:44px;height:44px;padding:0;display:grid}.buy-cell img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.buy-cell:hover{opacity:.8}.buy-cell.active{opacity:1;background:#102236;border-color:#3ee0ff;box-shadow:inset 0 0 0 1px #3ee0ff}.stock-row{grid-template-columns:minmax(160px,1fr) 90px 150px auto;align-items:center;gap:6px;display:grid}.stock-row input{width:100%}.stock-item{align-items:center;gap:6px;min-width:0;display:flex}.stock-item select{flex:1;min-width:0}.stock-head span{color:#b7c3d6;font-size:12px}.stock-summary{color:#7f8ba3;grid-column:1/-1;margin:-2px 0 6px;font-size:12px}.library-tools{margin-bottom:12px}.library-tools input{min-width:220px}.library-tools label{color:#e8f7ff;align-items:center;gap:8px;display:flex}.library-note{color:#b7c3d6;font-size:13px}.library-pack{margin-bottom:8px}.library-pack>button{justify-content:space-between;width:100%}.library-grid{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.library-cell{width:48px;height:48px;padding:0;overflow:hidden}.library-cell.active{border-color:#3ee0ff}.library-cell img{width:auto;max-width:none;height:48px;image-rendering:pixelated}.library-preview{border:1px solid #2a3148;width:96px;height:96px;overflow:hidden}.library-preview img{width:auto;max-width:none;height:96px;image-rendering:pixelated}.sprite-pick img.icon,.editor-list img.icon,.editor-form img.icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.editor-list img.icon{width:22px;height:22px}.sprite-frame{image-rendering:pixelated;display:block;overflow:hidden}.sprite-frame img{width:auto;max-width:none;image-rendering:pixelated;display:block}.editor-form fieldset label{align-items:center;gap:8px;display:flex}.editor-list button.active{border-color:#ff2bd6}.editor-form{gap:8px;max-width:720px;display:grid}.editor-item-actions{justify-content:flex-end;margin-bottom:2px;display:flex}.weapon-preview{color:#b7c3d6;background:#100818;border:1px solid #e7c77773;grid-template-rows:auto 1fr;grid-template-columns:110px 1fr;align-items:center;column-gap:10px;padding:8px;font-size:12px;display:grid}.weapon-preview>span{color:#e7c777;grid-column:1/-1;font-size:11px}.weapon-preview img{object-fit:contain;width:96px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;grid-row:2}.weapon-preview strong{color:#93a0b5;font-weight:400}.weapon-preview small{color:#e8f7ff}.ranged-editor{background:#100818;border:1px solid #e7c77773;gap:7px;padding:10px;display:grid}.ranged-editor>strong{color:#e7c777;font-size:12px}.ranged-editor .bullet-preview{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;justify-self:start}.ranged-editor button{justify-self:start}.category-visual-editor{background:#0c1020;border:1px solid #3ee0ff4d;gap:7px;margin-top:6px;padding:10px;display:grid}.category-visual-editor>strong{color:#3ee0ff;font-size:12px}.category-visual-editor label{grid-template-columns:150px 1fr;align-items:center;gap:8px;display:grid}.editor-form label,.editor-side label{color:#b7c3d6;gap:4px;font-size:13px;display:grid}.editor-form input,.editor-form select,.editor-side input,.editor-side select,.editor-bar select{color:#e8f7ff;background:#100818;border:1px solid #3ee0ff59;padding:6px 8px}.editor-map{align-items:start;gap:16px;display:flex}.map-board{width:fit-content;max-width:100%;max-height:calc(100vh - 180px);overflow:auto}.map-scene{width:fit-content;position:relative}.map-grid{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#07060f;background-image:linear-gradient(#3ee0ff29 1px,#0000 1px),linear-gradient(90deg,#3ee0ff29 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;gap:0;display:grid}.map-cell{width:32px;height:32px;image-rendering:pixelated;box-sizing:border-box;background-color:#07060f;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #3ee0ff29}.map-swatch{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle;background-color:#07060f;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.map-swatch-image{object-fit:contain;width:28px;height:28px;image-rendering:pixelated}.map-tile-palette{background:#0b0914;border:1px solid #2a3148;grid-template-columns:repeat(auto-fill,72px);gap:6px;max-width:720px;margin-bottom:10px;padding:8px;display:grid}.map-mode-tools{border-bottom:1px solid #2a3148;grid-column:1/-1;gap:6px;padding-bottom:4px;display:flex}.map-tile-button{color:#b7c3d6;background:#100e1c;border:1px solid #2a3148;place-items:center;gap:3px;min-height:68px;padding:4px;display:grid}.map-tile-button:hover,.map-tile-button.active{color:#e8f7ff;border-color:#3ee0ff}.map-tile-button small{font-size:10px}.map-empty-swatch{color:#59657e;border:1px dashed #59657e;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.map-tileset-tools{gap:8px;max-width:720px;margin:10px 0;display:grid}.map-tileset-tools label{color:#b7c3d6;align-items:center;gap:8px;font-size:13px;display:flex}.map-tileset-tools select{min-width:260px}.map-tile-property{color:#b7c3d6;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.map-tile-tools{align-items:center;gap:12px;display:flex}.map-inspector{background:#0b0914;border:1px solid #2a3148;gap:8px;margin-bottom:14px;padding:10px;display:grid}.map-inspector-preview{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;background:#100e1c}.map-tile-library{flex-wrap:wrap;gap:4px;max-height:160px;display:flex;overflow:auto}.map-props{pointer-events:none;position:absolute;inset:0}.map-prop{image-rendering:pixelated;position:absolute}.map-markers{pointer-events:none;position:absolute;inset:0}.map-marker{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;overflow:visible}.map-marker-sprite{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:auto 100%;display:block;overflow:hidden}.map-marker-name{white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.map-marker.spawn .map-marker-name{color:#ffe14a}.map-marker.npc .map-marker-name{color:#3ee0ff}.map-marker.enemy .map-marker-name{color:#ff2bd6}.map-marker.loot .map-marker-name{color:#e8f7ff}.map-marker.prop .map-marker-name{color:#c8d0c0}.editor-side{gap:10px;min-width:240px;display:grid}.editor-note{color:#ffe14a;min-height:1.2em}.death-screen{z-index:15;background:#14020a8c;place-items:center;animation:.9s ease-out death-fade;display:grid;position:absolute;inset:0}@keyframes death-fade{0%{background:#14020a00}to{background:#14020a8c}}.death-card{color:#e8f7ff;text-align:center;background:#07060feb;border:1px solid #ff4d6d;justify-items:center;gap:10px;padding:20px 28px;animation:.9s ease-out death-card;display:grid}@keyframes death-card{0%,40%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.death-card h2{color:#ff4d6d;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:22px}.death-card p{color:#b7c3d6;margin:0;font-size:13px}.death-card button{color:#07060f;background:#ff4d6d;border:0;padding:8px 16px;font-weight:700}.death-card small{color:#6b7790;font-size:11px}.exit-screen{z-index:20;background:#04030a99;place-items:center;animation:.18s ease-out exit-fade;display:grid;position:absolute;inset:0}@keyframes exit-fade{0%{opacity:0}to{opacity:1}}.exit-card{border-radius:var(--ui-radius);color:#e8f7ff;text-align:center;background:#07060ff2;border:1px solid #2a3550;justify-items:center;gap:10px;width:min(320px,100% - 32px);padding:20px 24px;display:grid}.exit-card h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:18px}.exit-card p{color:#b7c3d6;margin:0;font-size:13px}.exit-actions{gap:8px;width:100%;margin-top:6px;display:grid}.exit-actions button{width:100%}.exit-actions button.danger{color:#07060f;background:#ff4d6d;border-color:#ff4d6d}.debug-panel{z-index:6;color:#e8f7ff;background:#07060fe0;border:1px solid #2a3550;gap:6px;padding:8px 10px;font-size:12px;display:grid;position:absolute;top:92px;left:12px}.debug-head{align-items:center;gap:8px;display:flex}.debug-dot{background:#6b7790;border-radius:50%;width:8px;height:8px}.debug-panel.recording .debug-dot{background:#ff4d6d;animation:1.2s steps(2,start) infinite debug-blink}.debug-panel.recording.idle .debug-dot,.debug-panel.paused .debug-dot{background:#ffe14a;animation:none}@keyframes debug-blink{to{visibility:hidden}}.debug-time{font-variant-numeric:tabular-nums;color:#3ee0ff;margin-left:auto}.debug-actions{flex-wrap:wrap;gap:6px;display:flex}.debug-actions button{padding:4px 8px;font-size:11px}.panel.character-panel{width:min(600px,100% - 24px)}.character-panel h2{margin:10px 0 6px}.character-panel section>h2:first-child{margin-top:2px}.character-cols{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=560px){.character-cols{grid-template-columns:1fr}}.character-name{border-bottom:1px solid var(--ui-divider);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;padding-bottom:6px;display:flex}.character-name strong{font-size:15px}.character-name span{color:#9fb0c4;font-size:12px}.character-stats{gap:2px;margin:0;display:grid}.character-stat{border-radius:var(--ui-radius-xs);justify-content:space-between;align-items:baseline;gap:12px;padding:3px 6px;display:flex}.character-stat:nth-child(odd){background:#3ee0ff0d}.character-stat dt{color:#9fb0c4;font-size:12px}.character-stat dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:700}.character-stat dd small{color:#7d8ca0;font-size:10px;font-weight:400;display:block}.panel.options-panel{width:min(440px,100% - 24px);height:min(560px,100% - 24px)}.options-panel h2:first-child{margin-top:2px}.options-tabs{border-radius:var(--ui-radius-md);background:#0c1020;border:1px solid #2a3550;gap:4px;padding:3px;display:flex}.options-tabs button{border-radius:var(--ui-radius-sm);color:#8d9aae;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;background:0 0;border:1px solid #0000;flex:1;padding:6px 10px;font-size:12px}.options-tabs button:hover{color:#e8f7ff;background:#3ee0ff0d}.options-tabs button.active{color:#3ee0ff;background:#3ee0ff14;border-color:#3ee0ff80}.options-panel .panel-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.keybinds{flex-direction:column;flex:1;min-height:0;display:flex}.keybinds-help{color:#8d9aae;margin:10px 2px 8px;font-size:11px}.space-key-icon{vertical-align:-.2em;flex:none;width:2.2em;height:1.1em;display:inline-block}.keybinds-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3ee0ff73 transparent;flex:auto;min-height:120px;margin-right:-6px;padding-right:6px;overflow-y:auto}.keybinds-list::-webkit-scrollbar{width:6px}.keybinds-list::-webkit-scrollbar-track{background:0 0}.keybinds-list::-webkit-scrollbar-thumb{background:#3ee0ff59;border-radius:999px}.keybinds-list::-webkit-scrollbar-thumb:hover{background:#3ee0ff99}.keybinds-list section:first-child h2{margin-top:0}.keybinds section h2{margin-top:12px}.keybind-row{border-radius:var(--ui-radius-sm);color:#e8f7ff;grid-template-columns:1fr 76px 76px 24px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;display:grid}.keybind-row:hover{background:#3ee0ff0d}.keybind-row.unbound .keybind-label{color:#ffb14a}.keybind-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keybind-key{border-radius:var(--ui-radius-sm);color:#e8f7ff;min-width:0;box-shadow:none;text-overflow:ellipsis;white-space:nowrap;background:#141a2e;border:1px solid #2a3550;border-bottom-width:2px;padding:4px 6px;font:600 12px ui-monospace,Consolas,monospace;overflow:hidden}.keybind-key:hover{border-color:#3ee0ff}.keybind-key.empty{color:#4a5670}.keybind-key.listening{color:#ffe14a;border-color:#ffe14a;animation:.9s ease-in-out infinite keybind-blink}@keyframes keybind-blink{50%{box-shadow:0 0 8px #ffe14a8c}}.keybind-reset{color:#3ee0ff;box-shadow:none;background:0 0;border:0;padding:2px 0;font-size:14px}.keybind-reset:disabled{visibility:hidden}.keybinds-note{color:#ffb14a;margin:10px 2px 0;font-size:12px}.keybinds-actions{justify-content:flex-end;margin-top:12px;display:flex}.options-group{border-radius:var(--ui-radius-md);background:#0c1020;border:1px solid #2a3550;gap:2px;padding:4px;display:grid}.volume-slider{border-radius:var(--ui-radius-sm);color:#e8f7ff;grid-template-columns:22px 60px 1fr 40px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.volume-slider:hover{background:#3ee0ff0d}.volume-slider-icon{color:#3ee0ff;place-items:center;display:grid}.volume-slider-icon svg{width:18px;height:18px}.volume-slider input{background:linear-gradient(90deg, #1677c5, #3ee0ff) 0 / var(--fill,0%) 100% no-repeat, #1c2638;appearance:none;cursor:pointer;border:0;border-radius:999px;width:100%;height:6px;margin:0;padding:0}.volume-slider input::-webkit-slider-thumb{appearance:none;background:#0a0814;border:2px solid #3ee0ff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #3ee0ff80}.volume-slider input::-moz-range-thumb{background:#0a0814;border:2px solid #3ee0ff;border-radius:50%;width:12px;height:12px}.volume-slider input:focus-visible{outline-offset:4px;outline:2px solid #3ee0ff}.volume-slider small{color:#8d9aae;font-variant-numeric:tabular-nums;text-align:right}.editor-row img.prop-thumb{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.card,.character-select-card,.death-card{border-radius:var(--ui-radius)}.character-card,.character-create-form,.character-hud,.tutorial-guide,.game-menu-list,.skillbar,.minimap,.banner,.link-status,.skill-tree-group,.skill-tooltip,.tip{border-radius:var(--ui-radius-md)}.character-delete,.skill-branch,.skill-node,.skill-respec,.skill-slot,.skill-slot-icon,.skillbar-slot,.equip-slot,.slot,.slot-main,.talk-line,.craft-row,.shop-card button{border-radius:var(--ui-radius-sm)}.character-hud-bar,.tutorial-guide kbd,.skill-slot-icon kbd{border-radius:var(--ui-radius-xs)}.fitting{color:#e8f7ff;box-sizing:border-box;background:#07060d;max-width:1100px;min-height:100vh;margin:0 auto;padding:24px 16px 48px}.fitting-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.fitting-head h1{margin:4px 0}.fitting-actions{align-items:center;gap:8px;display:flex}.fitting-link{color:#3ee0ff}.fitting-body{flex-wrap:wrap;gap:24px;display:flex}.fitting-stage{border-radius:var(--ui-radius-md);background:#111923;border:1px solid #2a3550;justify-items:center;gap:12px;padding:12px;display:grid}.fitting-canvas{image-rendering:pixelated;max-width:100%}.fitting-clips{flex-wrap:wrap;justify-content:center;gap:6px;max-width:384px;display:flex}.fitting-chip{color:#e8f7ff;background:#0b111a;border:1px solid #2a3550;padding:4px 8px;font-size:12px}.fitting-chip.selected,.fitting-swatch.selected{border-color:#e7c777;box-shadow:0 0 10px #e7c77759}.fitting-parts{flex:1;align-content:start;gap:14px;min-width:260px;display:grid}.fitting-part{gap:6px;display:grid}.fitting-part>span{letter-spacing:.08em;text-transform:uppercase;color:#9fb3c8;font-size:12px}.fitting-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fitting-swatch{border:2px solid #2a3550;width:30px;height:30px;padding:0}.fitting-swatch.none{color:#9fb3c8;background:#0b111a;font-size:16px}.fitting-swatches input[type=color]{background:0 0;border:1px solid #2a3550;width:34px;height:30px;padding:0}.fitting-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:24px;display:grid}.fitting-grid figure{border-radius:var(--ui-radius-sm);background:#111923;border:1px solid #2a3550;justify-items:center;margin:0;padding:4px;display:grid}.fitting-grid canvas{width:120px;height:120px}.fitting-grid figcaption{color:#9fb3c8;padding-bottom:4px;font-size:11px}.options-form{gap:10px;display:grid}.options-form label{color:#8d9aae;gap:4px;font-size:12px;display:grid}.options-form input,.options-form textarea{color:#e8f7ff;border-radius:var(--ui-radius-sm);width:100%;font:inherit;resize:vertical;background:#0c1020;border:1px solid #2a3550;padding:8px 10px;font-size:13px}.options-form input:focus,.options-form textarea:focus{border-color:var(--btn-bg,#3ee0ff);outline:none}.options-form .keybinds-actions{margin-top:0}.options-form .keybinds-note{margin:0}.options-ok{color:#6dff9e;margin:0;font-size:12px}.options-version{color:#4a5670;margin:auto 2px 0;padding-top:12px;font-size:11px}.auth-version{color:#e8f7ff59;pointer-events:none;font-size:11px;position:fixed;bottom:8px;right:12px}.chat{z-index:4;pointer-events:none;color:#e8f7ff;flex-direction:column;width:min(380px,50% - 190px);min-width:240px;max-width:calc(100% - 28px);font-size:13px;display:flex;position:absolute;bottom:16px;left:14px}.chat.open{pointer-events:auto;background:var(--ui-bg,#0a0814f2);border:3px solid var(--tag-ink,#0e061a);outline-offset:-4px;box-shadow:4px 4px 0 var(--tag-accent-soft,#ff2bd6bf);outline:1px solid #3ee0ff66}.chat-tabs{border-bottom:2px solid var(--tag-plate,#2b2148);gap:2px;padding:6px 6px 0;display:flex}.chat-tabs .chat-tab{color:#8d9bb8;letter-spacing:.08em;text-transform:uppercase;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 12px;font-size:11px;font-weight:700;position:relative;transform:none}.chat-tabs .chat-tab:hover{color:#e8f7ff;background:#3ee0ff0f}.chat-tabs .chat-tab.active{color:var(--tag-ink,#0e061a);background:var(--btn-bg,#3ee0ff)}.chat-tabs .chat-tab.global.active{background:var(--tag-gold,#ffd25c)}.chat-tabs .chat-tab.unread:after{content:"";background:var(--tag-accent,#ff2bd6);width:6px;height:6px;position:absolute;top:3px;right:3px}.chat-lines{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.chat.open .chat-lines{scrollbar-width:thin;scrollbar-color:var(--tag-plate,#2b2148) transparent;height:168px;padding:6px 8px;overflow-y:auto}.chat-line{overflow-wrap:anywhere;line-height:1.35;transition:opacity .25s linear}.chat:not(.open) .chat-line{text-shadow:0 1px 2px #000;background:#07060f9e;align-self:flex-start;max-width:100%;padding:2px 8px}.chat-line strong{color:var(--tag-cyan,#3ee0ff);margin-right:5px;font-weight:700}.chat-line.self strong{color:#3dff9a}.chat-line.global strong{color:var(--tag-gold,#ffd25c)}.chat-line.global.self strong{color:#3dff9a}.chat-line.system .chat-text{color:#ff9db3;font-style:italic}.chat-channel{color:var(--tag-cyan,#3ee0ff);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;border:1px solid #3ee0ff73;margin-right:6px;padding:0 4px;font-size:9px;font-weight:700}.chat-line.global .chat-channel{color:var(--tag-gold,#ffd25c);border-color:#ffd25c8c}.chat-empty{color:#6b7894;font-style:italic}.chat-input{gap:3px;padding:0 6px 6px;display:grid}.chat-input input{box-sizing:border-box;border:2px solid var(--tag-plate,#2b2148);color:#f4f7fb;background:#05040ce6;border-radius:0;width:100%;padding:7px 9px;font-size:13px}.chat-input input:focus{border-color:var(--btn-bg,#3ee0ff);outline:none}.chat-input small{color:#6b7894;font-size:10px}.district-title{z-index:6;pointer-events:none;opacity:0;place-items:start center;padding-top:22vh;animation:1.8s ease-out forwards district-title;display:grid;position:absolute;inset:0}.district-title span{color:#e8f7ff;letter-spacing:.18em;text-transform:uppercase;text-align:center;text-shadow:0 0 14px #3ee0ffb3,0 0 32px #ff2bd673,0 3px #07060f;background:linear-gradient(90deg,#0000,#07060f8c 20% 80%,#0000);border-top:1px solid #3ee0ff80;border-bottom:1px solid #ff2bd680;padding:6px 28px;font-size:clamp(26px,5vw,48px);font-weight:800;animation:1.8s ease-out forwards district-title-zoom}@keyframes district-title{0%{opacity:0}18%{opacity:1}65%{opacity:1}to{opacity:0}}@keyframes district-title-zoom{0%{letter-spacing:.3em;transform:scale(1.06)}18%{letter-spacing:.18em;transform:none}}:root{--q-uncommon:#3dff9a;--q-rare:#4aa8ff;--q-epic:#ff9a3d}:is(.slot,.equip-slot)[data-quality=uncommon]{border-color:var(--q-uncommon);box-shadow:inset 0 0 8px #3dff9a40}:is(.slot,.equip-slot)[data-quality=rare]{border-color:var(--q-rare);box-shadow:inset 0 0 8px #4aa8ff4d}:is(.slot,.equip-slot)[data-quality=epic]{border-color:var(--q-epic);box-shadow:inset 0 0 10px #ff9a3d66}.tip .tip-name.q-uncommon,.tip .tip-quality.q-uncommon,.craft-result.q-uncommon strong{color:var(--q-uncommon)}.tip .tip-name.q-rare,.tip .tip-quality.q-rare,.craft-result.q-rare strong{color:var(--q-rare)}.tip .tip-name.q-epic,.tip .tip-quality.q-epic,.craft-result.q-epic strong{color:var(--q-epic)}.tip .tip-quality{text-transform:uppercase;letter-spacing:.04em;color:#9fb0c4;font-size:11px;font-weight:700}.tip .tip-passive{color:#8be9ff}.craft-result{border:1px solid var(--ui-divider);border-radius:var(--ui-radius-sm);background:#3ee0ff0d;flex-direction:column;gap:2px;margin:8px 0 0;padding:6px 8px;font-size:12px;display:flex}.craft-result small{color:#8be9ff;font-size:11px}.craft-result.q-uncommon{border-color:var(--q-uncommon)}.craft-result.q-rare{border-color:var(--q-rare)}.craft-result.q-epic{border-color:var(--q-epic)}.refine-icon{border-radius:var(--ui-radius-sm);border:1px solid #2a3550;place-items:center;width:36px;height:36px;display:grid}.refine-icon[data-quality=uncommon]{border-color:var(--q-uncommon)}.refine-icon[data-quality=rare]{border-color:var(--q-rare)}.refine-icon[data-quality=epic]{border-color:var(--q-epic)}.refine-row{grid-template-columns:36px 1fr auto}.refine-name{margin:0;font-size:13px;font-weight:700}.refine-name em{color:#3ee0ff;font-size:11px;font-style:normal;font-weight:400}.refine-name .q-uncommon{color:var(--q-uncommon)}.refine-name .q-rare{color:var(--q-rare)}.refine-name .q-epic{color:var(--q-epic)}.refine-preview{color:#9fb0c4;font-size:11px}.panel.reroll-panel{width:min(400px,100% - 24px)}.reroll-slot{border-radius:var(--ui-radius-sm);color:#6d7c90;border:2px dashed #2a3550;justify-content:center;align-items:center;gap:10px;min-height:64px;margin:8px 0;padding:8px;font-size:12px;display:flex}.reroll-slot.filled{color:inherit;border-style:solid;justify-content:flex-start}.reroll-slot img{width:32px;height:32px;image-rendering:pixelated}.reroll-slot div{gap:2px;display:grid}.reroll-slot small{color:#9fb0c4;font-size:11px}.reroll-slot strong.q-uncommon{color:var(--q-uncommon)}.reroll-slot strong.q-rare{color:var(--q-rare)}.reroll-slot strong.q-epic{color:var(--q-epic)}.reroll-slot[data-quality=uncommon]{border-color:var(--q-uncommon)}.reroll-slot[data-quality=rare]{border-color:var(--q-rare)}.reroll-slot[data-quality=epic]{border-color:var(--q-epic)}.reroll-passives{gap:4px;margin-bottom:8px;display:grid}.reroll-passives button{color:#b7c3d6;text-align:left;background:#0c1020;border:1px solid #2a3550;justify-content:space-between;gap:12px;padding:6px 10px;font-size:12px;display:flex}.reroll-passives button.selected{border-color:var(--ui-border-strong);color:#e8f7ff;background:#3ee0ff1a}.reroll-passives button b{color:#8be9ff}.reroll-result{color:#b7c3d6;margin:4px 0 8px;font-size:12px}.reroll-result s{color:#ff6b93}.reroll-result strong{color:#3dff9a}.reroll-foot{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.reroll-foot .craft-input img{width:20px;height:20px}.reroll-list{max-height:180px}.reroll-pick{color:#b7c3d6;text-align:left;background:#0c1020;border:1px solid #2a3550;align-items:center;gap:10px;padding:4px 8px;font-size:12px;display:flex}.reroll-pick.selected{border-color:var(--ui-border-strong)}.reroll-pick .q-uncommon{color:var(--q-uncommon)}.reroll-pick .q-rare{color:var(--q-rare)}.reroll-pick .q-epic{color:var(--q-epic)}.intro-cutscene{z-index:60;cursor:pointer;-webkit-user-select:none;user-select:none;background:#04030a;align-content:center;place-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.intro-frame{gap:22px;width:min(760px,100%);animation:.8s ease-out both intro-in;display:grid}@keyframes intro-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.intro-art{aspect-ratio:16/9;border:2px solid var(--tag-plate,#2b2148);width:100%;image-rendering:pixelated;background:#07060f;box-shadow:0 0 0 4px #0b0818,0 0 40px #ff2bd62e}.intro-scan{animation:2.4s linear infinite intro-scan}.intro-blink{animation:1s step-end infinite intro-blink}.intro-flicker{animation:3.2s step-end infinite intro-flicker}@keyframes intro-blink{to{visibility:hidden}}@keyframes intro-flicker{0%,62%,66%,70%,to{opacity:1}64%,68%{opacity:.25}}@keyframes intro-scan{0%{transform:translateY(0)}to{transform:translateY(90px)}}.intro-text{color:#e8f7ff;text-align:center;text-shadow:0 0 12px #3ee0ff59;min-height:4.2em;margin:0;font-size:clamp(16px,2.2vw,21px);line-height:1.5}.intro-caret{color:var(--tag-cyan,#3ee0ff);animation:.8s steps(2,start) infinite intro-blink}.intro-dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.intro-dots li{background:#2b2148;width:10px;height:10px}.intro-dots li.past{background:#4a1f6e}.intro-dots li.on{background:var(--tag-cyan,#3ee0ff)}.intro-hint{color:#8f86b3;margin:0;font-size:12px}.intro-skip{position:absolute;bottom:20px;right:20px}.talk-badge{float:right;color:#0e061a;text-align:center;background:#ffd25c;border-radius:3px;min-width:1.3em;padding:0 5px;font-weight:800}.talk-quests{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.talk-quests li{border:1px solid #2a3550;justify-content:space-between;gap:12px;padding:4px 8px;font-size:13px;display:flex}.talk-quest-ready .talk-quest-state{color:#3ee0ff}.talk-quest-available .talk-quest-state{color:#ffd25c}.talk-quest-state{color:#8aa0c0;font-variant-numeric:tabular-nums}.talk-note{color:#ff8aa8;margin:0 0 10px;font-size:13px}.quest-details{gap:6px;margin:0 0 12px;display:grid}.quest-details.compact{margin-bottom:14px}.quest-objectives{gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.quest-objectives li{color:#c8d6e8;justify-content:space-between;gap:12px;display:flex}.quest-objectives li.met{color:#7de8a6}.quest-count{font-variant-numeric:tabular-nums}.quest-rewards{align-items:center;gap:10px;display:flex}.quest-rewards-label{color:#ffd25c;font-size:12px}.quest-reward-slots{flex-wrap:wrap;gap:6px;display:flex}.slot.reward-slot{place-items:center;width:40px;min-width:40px;height:40px;display:grid}.reward-slot img{width:26px;height:26px;image-rendering:pixelated}.reward-slot .slot-count{font-size:10px;bottom:1px;right:3px}.reward-xp-mark{color:#ffd25c;letter-spacing:.5px;text-shadow:0 1px #000;margin-bottom:6px;font-size:13px;font-weight:700}.quest-repeat{color:#8aa0c0;margin:0;font-size:12px}.panel.quest-diary{width:min(420px,100% - 24px);max-height:calc(100% - 24px);overflow-y:auto}.quest-intro,.quest-limit,.quest-empty{color:#8aa0c0;margin:0 0 8px;font-size:12px}.quest-section h3{color:var(--tag-cyan,#3ee0ff);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 6px;font-size:12px}.quest-card{background:#3ee0ff0a;border:1px solid #2a3550;gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.quest-card.ready{border-color:#3ee0ff}.quest-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.quest-giver{color:#8aa0c0;text-transform:capitalize;font-size:12px}.quest-card.ready .quest-giver{color:#3ee0ff}.quest-abandon{color:#8aa0c0;background:0 0;border:1px solid #2a3550;justify-self:end;font-size:12px}.quest-abandon:hover{color:#ff8aa8;border-color:#ff8aa8}.quest-tracker{z-index:2;color:#e8f0f8;text-shadow:0 1px 2px #000,0 0 4px #000000e6;pointer-events:none;width:250px;max-height:calc(100% - 330px);font-size:13px;line-height:1.35;position:absolute;top:178px;right:14px;overflow:hidden}.quest-tracker :where(button){color:inherit;font:inherit;text-align:left;text-shadow:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}.quest-tracker-head{color:#ffd25c;justify-content:space-between;width:100%;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.quest-tracker-fold{color:#8aa0c0;text-align:center;width:16px}.quest-tracker-head:hover .quest-tracker-fold{color:#ffd25c}.quest-tracker-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.quest-tracker-title{color:#e7c777;font-weight:600}.quest-tracker-title:hover{color:#fff1c4;text-decoration:underline}.quest-tracker-list ul{color:#dce6f0;margin:1px 0 0;padding:0 0 0 4px;list-style:none}.quest-tracker-list ul li.met{color:#8d9aae}.quest-tracker-count{font-variant-numeric:tabular-nums;animation:.9s ease-out quest-tracker-tick;display:inline-block}.quest-tracker-list ul li.met .quest-tracker-count{color:#7de8a6}.quest-tracker-ready{color:#6dff9e;margin:1px 0 0;padding-left:4px}.quest-tracker-ready span{text-transform:capitalize}.quest-tracker-list>li.ready .quest-tracker-title{color:#ffe9a8}@keyframes quest-tracker-tick{0%{color:#fff;text-shadow:0 0 8px #3ee0ff,0 1px 2px #000;transform:scale(1.25)}to{transform:none}}.options-check{cursor:pointer;align-items:center;gap:10px;display:flex}.feedback-card{text-align:left;justify-items:stretch;width:min(460px,100% - 32px);max-height:calc(100% - 32px);overflow-y:auto}.feedback-card h2,.feedback-card>p{text-align:center}.feedback-field{color:#b7c3d6;border:0;gap:6px;min-width:0;margin:0;padding:0;font-size:12px;display:grid}.feedback-field legend{color:#e8f7ff;margin-bottom:6px;padding:0;font-size:13px}.feedback-field small{color:#8d9aae}.feedback-field textarea{color:#e8f7ff;border-radius:var(--ui-radius-sm);width:100%;font:inherit;resize:vertical;background:#0c1020;border:1px solid #2a3550;padding:8px 10px;font-size:13px}.feedback-field textarea:focus{border-color:#3ee0ff;outline:none}.feedback-options{gap:6px;display:flex}.feedback-options button{color:#b7c3d6;background:#0c1020;border:1px solid #2a3550;flex:1;padding:6px 4px;font-weight:600}.feedback-options button:hover{color:#e8f7ff;border-color:var(--btn-bg,#3ee0ff)}.feedback-options button.active{background:var(--btn-bg,#3ee0ff);border-color:var(--btn-bg,#3ee0ff);color:var(--btn-fg,#061018);font-weight:700}.demo-banner{z-index:18;text-align:center;border-radius:var(--ui-radius);color:#e8f7ff;background:#07060feb;border:1px solid #3ee0ff;gap:2px;padding:10px 18px;animation:.3s ease-out exit-fade;display:grid;position:absolute;top:72px;left:50%;transform:translate(-50%)}.demo-banner strong{letter-spacing:.04em;color:#ffe14a;font-size:15px}.demo-banner span{color:#b7c3d6;font-size:13px}.demo-fade{z-index:19;opacity:0;pointer-events:none;background:#04030a;transition:opacity .7s;position:absolute;inset:0}.demo-fade.on{opacity:1}