:root{--panel-bg:#161e3ad1;--panel-border:#56628f;--slot-bg:#34427ad9;--slot-border:#7482b8;--slot-selected:#f2d472;--text:#f4f1e8}#ui{pointer-events:none;z-index:4;color:var(--text);-webkit-user-select:none;user-select:none;font:13px/1.35 system-ui,sans-serif;position:fixed;inset:0}.ui-root .panel,.ui-root .tooltip{pointer-events:auto}.panel{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:6px;padding:6px 8px 8px;box-shadow:0 2px #0006}.panel-title{text-shadow:1px 1px #000;margin-bottom:4px;font-weight:700}.mini-title{opacity:.85;text-shadow:1px 1px #000;margin:2px 0;font-size:11px}.hotbar{position:absolute;top:10px;left:12px}.hotbar-title{text-shadow:1px 1px #000;height:18px;font-weight:600}.left-stack{pointer-events:auto;flex-direction:column;gap:8px;max-height:calc(100vh - 20px);display:flex;position:absolute;top:10px;left:12px;overflow:auto}.row{gap:3px;margin-bottom:3px;display:flex}.inv-body{gap:8px;display:flex}.side-col{flex-direction:column;gap:3px;display:flex}.slot{box-sizing:border-box;background:var(--slot-bg);border:2px solid var(--slot-border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.slot:hover{border-color:#b8c3ef}.slot.selected{border-color:var(--slot-selected);background:#6068a0f2}.slot.locked{opacity:.35;cursor:not-allowed}.slot img,.cursor-item img,.ingredient img{image-rendering:pixelated;pointer-events:none}.slot .count,.cursor-item .count{text-shadow:1px 1px #000,-1px -1px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot .placeholder{opacity:.45;font-size:10px}.inv-footer{align-items:center;gap:6px;margin-top:6px;display:flex}.inv-footer .spacer{flex:1}.trash{align-items:center;gap:4px;display:flex}button{font:inherit;color:var(--text);cursor:pointer;background:#3b4a86;border:2px solid #7482b8;border-radius:4px;padding:2px 8px}button:hover{background:#4b5ba0}.equipment{position:absolute;top:96px;right:12px}.equip-cols{gap:6px;display:flex}.crafting .recipe-list{flex-wrap:wrap;gap:3px;max-width:440px;max-height:188px;display:flex;overflow-y:auto}.crafting .panel-title{align-items:center;gap:8px;display:flex}.crafting-tools{gap:4px;margin-left:auto;font-weight:400;display:flex}.recipe-search{width:150px;font:inherit;color:#eee;background:#00000073;border:1px solid #ffffff40;padding:1px 4px;font-size:12px}.crafting-tools button.on{background:#4a6fa5}.slot.recipe.unavailable img{opacity:.35;filter:grayscale(.7)}.craft-btn:disabled{opacity:.55;cursor:default}.crafting .empty{opacity:.7}.recipe-detail{margin-top:6px}.ingredient{align-items:center;gap:6px;display:flex}.ingredient img{object-fit:contain;width:24px;height:24px}.craft-btn{margin-top:4px}.cursor-item{pointer-events:none;z-index:6;position:fixed;top:0;left:0}.tooltip{pointer-events:none;z-index:40;background:#0a0c18e6;border:1px solid #56628f;border-radius:4px;max-width:360px;padding:4px 8px;position:fixed;top:0;left:0}.notice{text-shadow:1px 1px #000;font-weight:700;position:absolute;top:70px;left:50%;transform:translate(-50%)}.coins-total{color:#e8c96a;text-shadow:1px 1px #000;position:absolute;bottom:12px;right:12px}.life{pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:8px;right:12px}.life-text{text-shadow:1px 1px #000;font-weight:700}.hearts{direction:rtl;grid-template-columns:repeat(10,22px);gap:1px;display:grid}.heart{width:22px;height:20px;position:relative}.heart img,.bubbles img,.buff img{image-rendering:pixelated}.heart img{width:22px;height:20px;position:absolute;top:0;left:0}.bubbles{gap:1px;display:flex}.bubbles img{width:16px;height:16px}.buffs{pointer-events:auto;gap:4px;display:flex;position:absolute;top:92px;left:12px}.buff{cursor:default;flex-direction:column;align-items:center;width:32px;display:flex;position:relative}.buff img{width:32px;height:32px}.buff-time{text-shadow:1px 1px #000;font-size:10px}.buff-stacks{text-shadow:1px 1px #000;font-size:10px;font-weight:700;position:absolute;top:18px;right:1px}.buff-tip{white-space:nowrap;z-index:8;background:#0a0c18eb;border:1px solid #56628f;border-radius:4px;padding:4px 8px;position:absolute;top:48px;left:0}.dim{opacity:.75;font-size:12px}.death{text-shadow:2px 2px #000;pointer-events:auto;background:#28000059;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.death-title{color:#e04a4a;font-size:34px;font-weight:800}.death-cause,.death-timer,.death-coins{font-size:16px}.creator-backdrop{pointer-events:auto;z-index:9;background:#080a10cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.creator{min-width:560px}.creator-body{gap:18px;display:flex}.creator-preview{background:#0a0e1e99;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:8px;display:flex}.creator-preview img{image-rendering:pixelated}.creator-fields{flex-direction:column;gap:6px;display:flex}.field{align-items:center;gap:8px;display:flex}.field>span:first-child{opacity:.85;width:70px}.field input[data-field=name]{font:inherit;color:var(--text);background:#1b2244;border:2px solid #56628f;border-radius:4px;padding:2px 6px}.hair-num{text-align:center;width:24px}.swatches{flex-wrap:wrap;gap:3px;max-width:330px;display:flex}.swatch{border:2px solid #1a1d2e;width:20px;height:20px;padding:0}.swatch.on{border-color:#f2d472}.difficulty{align-items:flex-start}.diff-list{flex-direction:column;gap:2px;display:flex}.diff{cursor:pointer;align-items:baseline;gap:6px;display:flex}.diff.mediumcore b{color:#e0a040}.diff.hardcore b{color:#e04a4a}.chat{pointer-events:none;width:460px;position:absolute;bottom:150px;left:12px}.chat.open{pointer-events:auto}.chat-log{flex-direction:column;gap:1px;display:flex}.chat.open .chat-log{background:#080a148c;border-radius:4px;padding:4px 6px}.chat-line{text-shadow:1px 1px #000,-1px -1px #000;word-break:break-word}.chat-input{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:#141a34eb;border:2px solid #7482b8;border-radius:4px;margin-top:4px;padding:3px 6px}.team-row{align-items:center;gap:4px;display:flex}.team-btn{border:2px solid #1a1d2e;width:18px;height:18px;padding:0}.team-btn.on{border-color:#f2d472}.pvp-btn.on{background:#a03a3a}.minimap{border:2px solid var(--panel-border);image-rendering:pixelated;pointer-events:none;background:#000;border-radius:4px;position:absolute;top:76px;right:12px}.fullmap{pointer-events:auto;cursor:grab;z-index:8;background:#000000e0;position:absolute;inset:0}.fullmap canvas{image-rendering:pixelated}.fullmap .map-hint{opacity:.8;text-shadow:1px 1px #000;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.spectate{text-shadow:1px 1px #000;position:absolute;top:110px;left:50%;transform:translate(-50%)}.title-screen{pointer-events:auto;z-index:9;background:radial-gradient(circle at 50% 30%,#1d2a52,#070910 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.title-logo{letter-spacing:2px;color:#f2d472;text-shadow:3px 3px #3a2a10,0 0 24px #f2d47266;font-size:54px;font-weight:900}.title-body{flex-direction:column;gap:8px;width:640px;max-width:calc(100vw - 32px);display:flex}.title-char,.world-row,.new-world{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.title-char .spacer,.world-row .spacer{flex:1}.tabs{gap:4px;display:flex}.tabs button.on{background:#5b6bb0;border-color:#f2d472}.tab-body{flex-direction:column;gap:6px;display:flex}.world-list{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow:auto}.world-row{background:#0a0e1e8c;border-radius:4px;padding:4px 6px}.title-body input,.title-body select{font:inherit;color:var(--text);background:#1b2244;border:2px solid #56628f;border-radius:4px;padding:2px 6px}.title-body .field>span:first-child{width:110px}.error{color:#ff7070}.mana{margin-top:4px}.mana-text{color:#b8ccff;text-align:right;font-size:11px}.mana-bar{background:#0a0e20cc;border:1px solid #2c3a70;border-radius:2px;width:160px;height:7px;margin-left:auto;overflow:hidden}.mana-fill{background:linear-gradient(90deg,#3a5cff,#8fb8ff);height:100%}.stats-box{max-width:330px;margin-top:8px;font-size:12px;line-height:1.45}.stats-box .stat-line{color:#c8e8a0}.set-bonus{color:#f2d472;margin-top:4px}.bestiary{z-index:30;pointer-events:auto;background:#161826f7;width:min(760px,92vw);max-height:78vh;position:absolute;top:60px;left:50%;overflow-y:auto;transform:translate(-50%)}.bestiary .panel-title{align-items:center;gap:8px;display:flex}.bestiary .tabs{gap:4px;margin:6px 0;display:flex}.bestiary .tabs button.on{background:#5a5f86}.set-row{border-top:1px solid #ffffff14;padding:6px 0}.set-head{align-items:center;gap:8px;display:flex}.class-tag{background:#3a3d52;border-radius:8px;padding:0 6px;font-size:11px}.class-tag.melee{background:#7a3e2a}.class-tag.ranged{background:#3e6a2a}.class-tag.magic{background:#2a3e7a}.class-tag.summon{background:#5e2a7a}.set-pieces{gap:12px;margin:4px 0;display:flex}.set-piece{text-align:center;flex-direction:column;align-items:center;width:150px;font-size:12px;display:flex}.set-piece.unknown img{filter:brightness(0)opacity(.5)}.set-desc{color:#f2d472;font-size:12px}.npc-dialog{pointer-events:auto;z-index:25;background:#181a28f5;width:min(460px,92vw);position:absolute;top:58px;left:50%;transform:translate(-50%)}.npc-dialog .role{color:#c8c0a0;font-weight:400}.npc-line{margin:4px 0 6px;line-height:1.45}.npc-mood{color:#b8d8a8;margin-bottom:6px;font-size:12px}.npc-mood .price-mul{color:#e8c96a;margin-top:2px}.npc-buttons{align-items:center;gap:6px;display:flex}.npc-buttons .spacer{flex:1}.shop{border-top:1px solid var(--panel-border);margin-top:8px;padding-top:6px}.shop-grid{grid-template-columns:repeat(auto-fill,52px);gap:4px;margin-bottom:6px;display:grid}.slot.shop-item{flex-direction:column;width:52px;height:52px}.slot.shop-item img{width:28px;height:28px}.slot.shop-item .price{color:#e8c96a;white-space:nowrap;font-size:9px;line-height:1}.shop .hint,.housing .hint{color:#a0a8b8;font-size:11px}.housing{pointer-events:auto;width:240px;position:absolute;top:96px;right:236px}.housing button.active{background:#5a7a3a}.house-result{margin:6px 0;font-size:12px}.house-result.ok{color:#8af07a}.house-result.bad{color:#ff8a7a}.npc-list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.npc-row{cursor:pointer;border-radius:3px;justify-content:space-between;gap:6px;padding:2px 4px;font-size:12px;display:flex}.npc-row:hover{background:#ffffff14}.npc-row.selected{background:#f2d47240}.npc-row .home{color:#a0a8b8}.house-mode-hint{color:#f2d472;text-shadow:1px 1px #000;position:absolute;top:96px;left:50%;transform:translate(-50%)}.boss-bars{flex-direction:column;gap:6px;width:min(520px,80vw);display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.boss-bar .boss-name{text-align:center;text-shadow:1px 1px #000;font-weight:700}.boss-bar .bar,.event-progress .bar{background:#0a0a10d9;border:2px solid #3a2a2a;border-radius:4px;height:10px;overflow:hidden}.boss-bar .fill{background:linear-gradient(#e85a4a,#a02a2a);height:100%}.boss-bar .boss-hp{text-align:center;color:#d8c0c0;font-size:11px}.boss-bar.mini{width:60%;margin:0 auto;font-size:11px}.boss-bar.mini .bar{border-width:1px;height:6px}.boss-bar.mini .fill{background:linear-gradient(#e8a84a,#a0602a)}.event-bar{text-shadow:1px 1px #000;flex-direction:column;gap:6px;width:220px;display:flex;position:absolute;top:244px;right:12px}.event-progress .fill{background:linear-gradient(#8ad05a,#4a8a2a);height:100%}.event-tag.crimson{color:#ff6a5a;font-weight:700}.screen-flash{pointer-events:none;z-index:40;background:radial-gradient(circle,#fffaebf2,#be78ff8c);animation:2.4s ease-out forwards screen-flash;position:fixed;inset:0}@keyframes screen-flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}.event-tag.eclipse{color:#ffb070;background:#1e0c14d9;border-color:#6a2a20}.reforge{border-top:1px solid var(--panel-border);margin-top:8px;padding-top:6px}.reforge-pick{align-items:center;gap:8px;display:flex}.reforge-info{flex:1;font-size:12px}.reforge-info .price{color:#e8c96a}.reforge .hint{color:#a0a8b8;font-size:11px}.bestiary .main-tabs button{flex:1}.bestiary-split{gap:10px;min-height:320px;display:flex}.bestiary-list{flex:58%;min-width:0}.bestiary-detail{background:#00000038;border-radius:4px;flex:42%;min-width:0;padding:8px;font-size:12px;line-height:1.45}.bestiary .filters{align-items:center;gap:6px;margin-bottom:6px;display:flex}.bestiary .filters input{flex:1;min-width:0}.entry-grid{grid-template-columns:repeat(auto-fill,40px);gap:3px;max-height:52vh;display:grid;overflow-y:auto}.entry-grid .entry{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.entry-grid .entry img{image-rendering:pixelated}.entry-grid .entry.selected{background:#f2d4722e;border-color:#f2d472}.entry-grid .entry.unknown img{filter:brightness(0)opacity(.45)}.entry-grid.items .entry img{object-fit:contain;width:32px;height:32px}.bestiary-detail .detail-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.bestiary-detail .detail-head img,.boss-img img,.drop-list img,.trophy img{image-rendering:pixelated}.bestiary-detail .mini-title{color:#f2d472;margin-top:6px;font-weight:700}.bestiary-detail .stat-grid{grid-template-columns:1fr 1fr;gap:2px 8px;margin-top:4px;display:grid}.drop-list .drop{align-items:center;gap:4px;display:flex}.drop-list .drop img{object-fit:contain;width:20px;height:20px}.unknown-detail{text-align:center;padding-top:40px}.unknown-detail .big{color:#6a6f86;font-size:32px}.locked-hint{margin-top:6px;font-style:italic}.boss-records,.npc-records{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;display:grid}.boss-record,.npc-record{background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:8px;padding:6px;font-size:12px;display:flex}.npc-record{flex-direction:column;align-items:flex-start;gap:2px}.boss-record.down{border-color:#8af07a66}.boss-img{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.boss-img.unknown img,.trophy.unknown img{filter:brightness(0)opacity(.45)}.boss-info{flex:1}.trophy img{object-fit:contain;width:28px;height:28px}.npc-record.unknown b{color:#6a6f86}.npc-record .lives{color:#8af07a}.event-progress.towers .tower{margin-top:3px;font-size:12px}.event-progress.towers .tower.state-2 .fill{background:linear-gradient(#ffd070,#d08a2a)}.event-progress.towers .tower.state-3{opacity:.5}.event-progress.towers .tower-melee span{color:#ff9a6a}.event-progress.towers .tower-ranged span{color:#9ae07a}.event-progress.towers .tower-magic span{color:#9ab8ff}.event-progress.towers .tower-summon span{color:#d89aff}.credits{z-index:45;pointer-events:auto;background:linear-gradient(#0404108c,#0a061ed9);animation:2s ease-out credits-fade;position:fixed;inset:0;overflow:hidden}.credits-roll{text-align:center;color:#f0ecff;text-shadow:1px 1px #000;animation:38s linear forwards credits-roll;position:absolute;top:100%;left:0;right:0}.credits-title{letter-spacing:6px;color:#ffe9a8;margin-bottom:12px;font-size:40px;font-weight:700}.credits-line{font-size:18px;line-height:2}.credits-gap{height:36px}.credits-close{position:absolute;bottom:16px;right:16px}@keyframes credits-roll{0%{transform:translateY(0)}to{transform:translateY(calc(-100vh - 100%))}}@keyframes credits-fade{0%{opacity:0}to{opacity:1}}.settings{z-index:50;pointer-events:auto;background:#161826f7;width:min(560px,94vw);max-height:80vh;position:absolute;top:60px;left:50%;overflow-y:auto;transform:translate(-50%)}.settings .panel-title{align-items:center;gap:8px;display:flex}.settings .tabs{gap:4px;margin:6px 0;display:flex}.settings .tabs button{flex:1}.settings .tabs button.on,.settings button.on{background:#5a5f86}.settings-body{flex-direction:column;gap:6px;font-size:13px;display:flex}.setting{align-items:center;gap:8px;display:flex}.setting>span:first-child{flex:none;width:150px}.setting input[type=range]{flex:1}.setting .value{text-align:right;color:#c8c0a0;width:32px}.controls-list{max-height:52vh;overflow-y:auto}.binding .keys{color:#f2d472;flex:1;font-family:ui-monospace,Menlo,Consolas,monospace}.title-chars{margin-bottom:8px}.char-list{flex-direction:column;gap:3px;max-height:180px;margin:4px 0;display:flex;overflow-y:auto}.char-row{background:#ffffff0a;border-radius:3px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:flex}.char-row.selected{background:#f2d4722e;outline:1px solid #f2d47280}.char-row .spacer{flex:1}.npc-row{align-items:center}.npc-row .npc-head{width:24px;height:24px;image-rendering:pixelated}.npc-row .npc-head+span{flex:1}