*{margin:0;padding:0;box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#16210f;user-select:none;-webkit-user-select:none;color:#e8e4d8;touch-action:manipulation}#game canvas{display:block;cursor:crosshair}.hidden{display:none!important}kbd{background:#2c2c24;border:1px solid #55503c;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.85em;font-family:inherit}#biome-gloom{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,5,.55) 78%,rgba(0,0,8,.92) 100%);opacity:0;transition:opacity 2.5s ease}#vignette{position:fixed;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 120px #00000059}#vignette.flash{animation:hurt .4s ease-out}@keyframes hurt{0%{box-shadow:inset 0 0 140px #be1414d9}to{box-shadow:inset 0 0 120px #00000059}}#popups{position:fixed;inset:0;pointer-events:none;z-index:6}.popup{position:absolute;top:0;left:0;font-weight:700;font-size:15px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8);will-change:transform,opacity}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud button{pointer-events:auto}#top-left{position:absolute;top:14px;left:14px;width:260px;display:flex;flex-direction:column;gap:6px}#top-center{position:absolute;top:14px;left:50%;transform:translate(-50%);width:340px;text-align:center}@media(max-width:1000px){#top-center{top:132px;width:min(340px,70vw)}}#top-right{position:absolute;top:14px;right:14px;display:flex;gap:14px;font-size:20px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);background:#0a10088c;padding:8px 14px;border-radius:10px}.bar-wrap{position:relative;height:20px;border-radius:10px;overflow:hidden;background:#0a100899;border:1px solid rgba(255,255,255,.15)}.bar{height:100%;width:100%;transition:width .15s ease-out;border-radius:10px}.hp .bar{background:linear-gradient(#d3564a,#a12f26)}.xp .bar{background:linear-gradient(#b58ae6,#7c4bc4);width:0}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}#biome-name{margin-top:4px;font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.8)}#mp-status{margin-top:5px;font-size:13px;font-weight:700;background:#0a100899;border-radius:8px;padding:4px 10px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.8)}#active-quest{padding:8px 11px;border-radius:10px;text-align:left;color:#f2e8c9;background:#12180dd1;border:1px solid rgba(232,201,106,.55);font-size:13px;font-weight:700;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.85);box-shadow:0 3px 12px #00000040}#resource-hud{width:max-content;max-width:min(620px,calc(100vw - 28px));margin:7px 0 0 50%;transform:translate(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:5px}#resource-hud .hud-resource{padding:4px 8px;border-radius:8px;white-space:nowrap;background:#0a1008b8;border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.85)}#hud-buttons{position:absolute;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;align-items:stretch}#hud-buttons button{font-size:15px;padding:10px 16px;cursor:pointer;text-align:left;background:linear-gradient(#4c6b35,#34491f);color:#f0ead8;border:2px solid #6d8f4c;border-radius:12px}#hud-buttons button:hover{filter:brightness(1.15)}#shop-btn.pulse{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ffdc5acc}50%{box-shadow:0 0 0 12px #ffdc5a00}}#dev-distance-tool{position:absolute;top:116px;left:14px;width:248px;pointer-events:auto}#dev-distance-toggle{width:100%;padding:9px 12px;cursor:pointer;text-align:left;color:#d9faff;background:#071e23e6;border:1px solid rgba(88,232,255,.65);border-radius:10px;font:700 13px/1.2 inherit;letter-spacing:.2px;box-shadow:0 4px 14px #00000059}#dev-distance-toggle:hover,#dev-distance-toggle.active{background:#0d373ff0;border-color:#58e8ff}#dev-distance-panel{margin-top:6px;padding:10px 12px 8px;background:#071619eb;border:1px solid rgba(88,232,255,.42);border-radius:10px;box-shadow:0 5px 18px #0000006b}#dev-distance-panel label{display:flex;align-items:center;justify-content:space-between;color:#bceff5;font-size:12px;font-weight:700}#dev-distance-value{color:#fff;font-size:17px;font-variant-numeric:tabular-nums}#dev-distance-slider{width:100%;margin-top:8px;cursor:pointer;accent-color:#58e8ff}.dev-distance-scale{display:flex;justify-content:space-between;margin-top:1px;color:#bceff594;font-size:10px}#dev-fly-control{display:flex;align-items:center;gap:9px;margin-top:6px;padding:9px 11px;color:#d9faff;background:#071e23e6;border:1px solid rgba(88,232,255,.48);border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #00000059}#dev-fly-control:hover,#dev-fly-control.active{background:#0d373ff0;border-color:#58e8ff}#dev-fly-control input{width:17px;height:17px;flex:0 0 auto;accent-color:#58e8ff}#dev-fly-control span{display:flex;flex-direction:column;gap:2px;font-size:13px}#dev-fly-control small{color:#bceff5a8;font-size:10px}@media(max-width:1000px){#dev-distance-tool{top:138px}}#weapon-display{position:absolute;bottom:92px;left:50%;transform:translate(-50%);font-size:15px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);background:#0a10088c;padding:6px 14px;border-radius:8px;white-space:nowrap}#weapon-display .combat-state{display:block;margin-top:3px;color:#d6e8b9;font-size:10px;letter-spacing:.7px;text-align:center}#buff-bar{position:absolute;bottom:132px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none;z-index:11}#buff-bar:empty{display:none}.buff-cell{position:relative;width:40px;height:40px;border-radius:9px;overflow:hidden;background:#0a10089e;border:2px solid rgba(255,255,255,.22);box-shadow:0 2px 6px #00000080;animation:buffPop .22s ease-out}.buff-cell.expiring{animation:buffBlink .6s steps(2) infinite}.buff-cell .buff-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:21px;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.buff-cell .buff-icon .skill-art{width:30px;height:30px}.buff-cell .buff-fill{position:absolute;left:0;right:0;bottom:0;height:100%;z-index:1;background:linear-gradient(to top,#78c85a80,#78c85a1f)}.buff-cell.kind-defensive .buff-fill{background:linear-gradient(to top,#78beff80,#78beff1f)}.buff-cell.kind-shield .buff-fill{background:linear-gradient(to top,#96d2ff8c,#96d2ff26)}.buff-cell.kind-hot .buff-fill{background:linear-gradient(to top,#78e68280,#78e6821f)}.buff-cell.kind-summon .buff-fill{background:linear-gradient(to top,#78c8ff80,#78c8ff1f)}.buff-cell.kind-stealth .buff-fill{background:linear-gradient(to top,#968cc880,#968cc81f)}.buff-cell .buff-timer{position:absolute;bottom:1px;right:2px;z-index:3;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95)}@keyframes buffPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes buffBlink{0%{border-color:#ffffff38}to{border-color:#ff6b5a}}#reticle{position:fixed;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);pointer-events:none;z-index:14}#reticle.hidden{display:none}#reticle .ret-b{position:absolute;width:12px;height:12px;border:2px solid rgba(255,255,255,.8);transition:border-color .12s}#reticle .ret-b.tl{top:0;left:0;border-right:none;border-bottom:none}#reticle .ret-b.tr{top:0;right:0;border-left:none;border-bottom:none}#reticle .ret-b.bl{bottom:0;left:0;border-right:none;border-top:none}#reticle .ret-b.br{bottom:0;right:0;border-left:none;border-top:none}#reticle .ret-dot{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffd9}#reticle.locked{animation:retLock .9s ease-in-out infinite}#reticle.locked .ret-b{border-color:#ff6b52;box-shadow:0 0 6px #ff6b52cc}#reticle.locked .ret-dot{background:#ff6b52}#reticle.multi .ret-b{border-color:#7fe0ffe6}#reticle.multi.locked .ret-b{border-color:#7fe0ff;box-shadow:0 0 6px #7fe0ffd9}#reticle.multi.locked .ret-dot{background:#7fe0ff}#reticle.multi{width:62px;height:62px}@keyframes retLock{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.82)}}#actionbar{position:fixed;inset:0;pointer-events:none;z-index:55}#actionbar.hidden{display:none}#spellbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.spell-slot{pointer-events:auto}#slot-hint{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;pointer-events:none;z-index:120;background:#141c0ef5;border:1px solid #e8c96a;border-radius:12px;padding:8px 14px;color:#ffe6a0;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 0 22px #e8c96a80;animation:hint-bob 1.1s ease-in-out infinite}#slot-hint i{font-style:normal;font-size:17px}@keyframes hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.spell-slot.drag-ghost,.spell-drag-ghost{position:fixed;z-index:999;pointer-events:none;opacity:.85;box-shadow:0 6px 18px #00000080;background:#223018}body.slotting .spell-slot{transform:scale(1.22);border-color:#e8c96a;box-shadow:0 0 16px #e8c96a73;transition:transform .1s ease}body.slotting .spell-slot.empty{outline:2px dashed rgba(232,201,106,.7);outline-offset:2px}.spell-slot.drop-hot{transform:scale(1.4)!important;border-color:#ffe28a!important;box-shadow:0 0 26px #ffe28ad9!important}.game-tooltip{position:fixed;z-index:500;pointer-events:none;max-width:300px;background:linear-gradient(160deg,#1c2417,#14180f);border:1px solid #4a5a38;border-radius:12px;padding:11px 13px;box-shadow:0 10px 30px #0000008c;color:#dfe6d2;font-size:12px;line-height:1.45}.game-tooltip.hidden{display:none}.tt-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.tt-ico{position:relative;width:40px;height:40px;flex:0 0 auto;border-radius:8px;overflow:hidden;display:grid;place-items:center;font-size:26px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.tt-ico .skill-art,.tt-ico .item-icon{width:100%;height:100%}.tt-ico .skill-art img{width:100%;height:100%;object-fit:cover}.tt-title{min-width:0}.tt-title b{color:#fff2d6;font-size:14px;display:block}.tt-sub{color:#9fb389;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}.tt-desc{color:#c3cdb2;margin:5px 0}.tt-stats{list-style:none;margin:5px 0 0;padding:0}.tt-stats li{display:flex;justify-content:space-between;gap:12px;padding:1px 0;color:#b8c7a4}.tt-stats li b{color:#eaf1dc;font-weight:700}.tt-info{color:#d6e0c4;margin:4px 0 0}.tt-ranks{margin-top:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:5px}.tt-ranks .rr{display:flex;gap:7px;align-items:baseline;color:#93a184;font-size:10.5px;padding:1px 0}.tt-ranks .rr.cur{color:#f2e9cf}.tt-ranks .rr b{color:#e8c96a;flex:0 0 auto}.tt-req{color:#ff9a6b;margin-top:5px;font-weight:700}.tt-hint{color:#e8c96a;margin-top:5px;font-style:italic}.spell-slot{position:relative;width:52px;height:52px;border-radius:10px;background:#0a1008a6;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;pointer-events:auto}.spell-slot.ready:not(.empty){border-color:#86b45e}.spell-slot.empty{opacity:.4;cursor:default}.spell-icon{font-size:24px;z-index:2}.spell-key{position:absolute;top:2px;left:5px;font-size:10px;font-weight:700;opacity:.8;z-index:3}.spell-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#000000b8;z-index:2}#minimap{position:absolute;bottom:18px;left:18px;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:#0a0f08;opacity:.92}#minimap-zoom{position:absolute;bottom:152px;left:154px;display:flex;flex-direction:column;gap:4px;pointer-events:auto;z-index:11}#minimap-zoom button{width:26px;height:26px;padding:0;cursor:pointer;font-size:18px;line-height:1;color:#f0ead8;background:#0c140ad9;border:1px solid rgba(255,255,255,.3);border-radius:7px}#minimap-zoom button:hover{background:#1e2d16f2}#minimap-zoom button:disabled{opacity:.35;cursor:default}.tracker{position:absolute;top:0;left:0;pointer-events:none;font-size:16px;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9);will-change:transform;margin-left:-20px}.tracker.skulls{font-size:18px}.tracker.hpwrap{margin-left:-21px}.hpbar{width:42px;height:5px;border-radius:3px;overflow:hidden;background:#000000a6;border:1px solid rgba(0,0,0,.8)}.hpbar-fill{height:100%;width:100%;background:#5fd35f}.castbar{width:42px;height:3px;border-radius:2px;overflow:hidden;margin-top:1px;background:#0009;border:1px solid rgba(0,0,0,.75)}.castbar-fill{height:100%;width:0%}#banner{position:fixed;top:22%;left:50%;transform:translate(-50%);font-size:42px;font-weight:700;letter-spacing:6px;z-index:12;text-shadow:0 2px 10px rgba(0,0,0,.8);opacity:0;pointer-events:none}#banner.anim{animation:banner 3s ease-out forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0}}#toasts{position:fixed;bottom:150px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1000;pointer-events:none}.toast{background:#0c140ad9;border:1px solid rgba(255,255,255,.2);padding:10px 22px;border-radius:10px;font-size:16px;opacity:0;transform:translateY(12px);transition:all .35s ease-out}.toast.show{opacity:1;transform:translateY(0)}.toast.level{border-color:#e8c96a;color:#ffe9a8;font-weight:700}.toast.discover{border-color:#8fd0ff;color:#cdeaff}.toast.boss{border-color:#e05555;color:#ffb3b3;font-weight:700}.overlay-text{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;letter-spacing:3px;z-index:20;background:#00000073;text-shadow:0 2px 8px rgba(0,0,0,.9)}.panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,94vw);max-height:84vh;z-index:30;background:linear-gradient(#20291a,#171f12);border:2px solid #5d7442;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.panel-head h2{font-size:22px;letter-spacing:1px;flex:0 0 auto}.panel-res{flex:1;font-size:17px;font-weight:700}.panel-close{background:none;border:1px solid rgba(255,255,255,.3);color:inherit;font-size:16px;width:32px;height:32px;border-radius:8px;cursor:pointer;margin-left:auto;flex:0 0 auto}.panel-close:hover{background:#ffffff1a}#shop-tabs{display:flex;gap:6px;padding:10px 20px 0;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;flex:0 0 auto}.tab{background:#ffffff0f;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.15);border-bottom:none;border-radius:8px 8px 0 0;padding:8px 16px;font-size:14px;white-space:nowrap}.tab.active{background:#d6b2542e;border-color:#e8c96a;font-weight:700}.card-grid{overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}#character-body{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:16px 20px;overflow-y:auto}#character-body h3{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin:10px 0 8px}.equip-slot{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px 12px;margin-bottom:7px}.equip-slot.filled{border-color:#7fbf5f}.slot-label{font-size:11px;text-transform:uppercase;opacity:.65;width:58px;flex:0 0 auto}.slot-item{flex:1;font-size:14px;font-weight:700}.slot-item i{opacity:.4;font-weight:400}.unequip-btn{background:none;border:1px solid rgba(255,255,255,.25);color:inherit;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:11px}.unequip-btn:hover{background:#e055554d}.inv-item{display:inline-flex;align-items:center;gap:7px;margin:0 6px 6px 0;background:#ffffff0f;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;font-size:13px}.inv-item:hover{border-color:#e8c96a}.inv-item.slotted{border-color:#86b45e;background:#6ebe5a1f}.inv-item .lv{font-size:11px;opacity:.6}.empty-note{font-size:13px;opacity:.55;margin:4px 0}#settings{width:min(720px,94vw)}#settings-tabs{display:flex;gap:6px;padding:12px 22px 0;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto;flex-wrap:wrap}#settings-body{padding:18px 22px;overflow-y:auto;min-height:300px}.settings-page{display:none}.settings-page.active{display:block;animation:panel-in .16s ease-out}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opt-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.opt-field:hover{border-color:#e8c96a80}.opt-field .opt-label{font-weight:700;font-size:14px}.opt-field select{background:#00000059;color:inherit;border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:5px 8px;font-size:13px;cursor:pointer}.opt-field.opt-toggle input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#86b45e}.settings-note{font-size:12px;opacity:.6;margin:14px 2px 0;line-height:1.5}@media(max-width:560px){.settings-grid{grid-template-columns:1fr}}#fps-meter{position:absolute;top:58px;right:16px;z-index:12;font:700 13px/1 ui-monospace,Menlo,monospace;color:#9fe08a;background:#0a10088c;padding:4px 9px;border-radius:8px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.setting-row{display:flex;align-items:flex-start;gap:14px;cursor:pointer;padding:10px 12px;border-radius:10px}.setting-row:hover{background:#ffffff0d}.setting-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#86b45e;flex:0 0 auto}.setting-row small{opacity:.7;line-height:1.45;display:inline-block;margin-top:3px}.resource-setting{display:block;cursor:default}.resource-setting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.resource-setting-grid label{display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:7px;background:#ffffff0a;cursor:pointer;font-size:12px}.resource-setting-grid input[type=checkbox]{width:16px;height:16px;margin:0}@media(max-width:520px){.resource-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#bigmap{width:min(680px,94vw)}.map-zoom-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#e8f0dc;font-size:18px;cursor:pointer;margin-right:4px}.map-zoom-btn:hover{background:#ffffff2e}#bigmap-body{display:flex;justify-content:center;padding:14px;overflow:auto}#bigmap-canvas{border-radius:10px;border:1px solid rgba(255,255,255,.15);max-width:100%;cursor:grab;touch-action:none}#bigmap-canvas.dragging{cursor:grabbing}#bigmap.discovery #bigmap-canvas{cursor:crosshair;box-shadow:0 0 22px #ffd25a8c}#minimap{cursor:pointer;pointer-events:auto}#flightmap{width:min(680px,94vw)}#flightmap-body{display:flex;justify-content:center;padding:14px;overflow:auto}#flightmap-canvas{border-radius:10px;border:1px solid rgba(255,255,255,.15);max-width:100%;cursor:pointer}#home-hint,#pet-hint,#downed-hint{position:fixed;bottom:128px;left:50%;transform:translate(-50%);z-index:11;font-size:15px;font-weight:700;white-space:nowrap;background:#0c140ad9;border:1px solid #86b45e;padding:8px 18px;border-radius:10px;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}#pet-hint{bottom:174px;border-color:#c9a4ff}#respawn-choice{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;text-align:center;padding:26px 34px;background:#0c140aeb;border:2px solid #5d7442;border-radius:16px}#respawn-choice h2{font-size:26px;margin-bottom:8px}#respawn-choice p{opacity:.8;margin-bottom:16px}#respawn-choice button{display:block;width:100%;margin-top:10px;font-size:17px;padding:12px 22px;cursor:pointer;background:linear-gradient(#4c6b35,#34491f);color:#f0ead8;border:2px solid #6d8f4c;border-radius:10px}#respawn-choice button:hover{filter:brightness(1.15)}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.card.owned{border-color:#7fbf5f;background:#6ebe5a1a}.card.locked{opacity:.45}.card.buyable{border-color:#e8c96a}.card-head{display:flex;align-items:center;gap:8px}.card-head .icon{font-size:22px;line-height:1}.item-icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em}.item-icon svg{width:100%;height:100%;display:block}.card-head .icon .item-icon{width:1.05em;height:1.05em;vertical-align:-.12em}.card-head .name{font-weight:700;font-size:15px;flex:1}.card-head .lv{font-size:11px;opacity:.7}.desc{font-size:13px;opacity:.85;line-height:1.35;flex:1}.tag{font-size:12px;opacity:.75}.tag.ok{color:#9fe07f;font-weight:700}.buy-btn{width:100%;padding:8px;cursor:pointer;font-size:14px;font-weight:700;background:linear-gradient(#c9a94e,#96762c);color:#241c08;border:none;border-radius:8px}.buy-btn:hover{filter:brightness(1.12)}.buy-btn:disabled{cursor:default;filter:grayscale(1);opacity:.42}.card.expensive .buy-btn{filter:grayscale(.7);opacity:.7}#char-tabs{display:flex;gap:6px;margin-left:6px}.char-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.22);color:#9fb884;border-radius:8px;padding:5px 13px;font-size:13px;cursor:pointer;font-weight:700}.char-tab:hover{border-color:#e8c96a}.char-tab.active{color:#17130a;background:linear-gradient(#e8c96a,#c39b43);border-color:#e8c96a}#class-body{padding:16px 20px;overflow-y:auto;max-height:76vh}#character.class-mode{width:min(960px,96vw)}.classp-head{display:flex;align-items:center;gap:18px;padding:13px 16px;margin-bottom:15px;border:1px solid rgba(232,201,106,.38);border-radius:13px;background:linear-gradient(110deg,#e8c96a1c,#080d064d)}.classp-title{flex:1;display:flex;flex-direction:column;gap:4px}.classp-title b{color:#f2dfa4;font-size:18px}.classp-title span{color:#b9c5ad;font-size:12px;line-height:1.45}.classp-meat{color:#ffe6a0;font-size:16px;font-weight:700;white-space:nowrap}.class-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}.class-pick{--class-color: #e8c96a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:20px 15px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--class-color) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 15%,transparent),#060a0559)}.pick-emblem{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:39px;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 32%,transparent),#0006);border:2px solid color-mix(in srgb,var(--class-color) 70%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--class-color) 25%,transparent)}.class-pick h3{margin:2px 0 0;color:var(--class-color);font-size:17px;letter-spacing:.5px}.class-pick p{margin:0;flex:1;color:#b8c4ad;font-size:11.5px;line-height:1.4}.class-pick .choose{width:100%;padding:9px;font-weight:700}.classp-chosen{--class-color: #e8c96a;display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--class-color) 60%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--class-color) 17%,transparent),#060a054d);box-shadow:0 0 20px color-mix(in srgb,var(--class-color) 14%,transparent)}.cc-emblem{font-size:32px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 34%,transparent),#00000073);border:2px solid color-mix(in srgb,var(--class-color) 72%,transparent)}.cc-name{flex:1;display:flex;flex-direction:column;gap:3px}.cc-name b{color:var(--class-color);font-size:20px}.cc-name span{color:#b8c4ad;font-size:12px;line-height:1.4}.cc-progress{color:#e7dab3;font-size:13px;font-weight:700;white-space:nowrap}.class-path{--class-color: #e8c96a;position:relative;display:flex;flex-direction:column;gap:13px}.class-path:before{content:"";position:absolute;left:50%;top:34px;bottom:34px;width:3px;border-radius:2px;transform:translate(-50%);background:linear-gradient(color-mix(in srgb,var(--class-color) 65%,transparent),color-mix(in srgb,var(--class-color) 8%,transparent))}.path-row{display:flex;gap:14px;justify-content:center;align-items:stretch}.class-node{position:relative;z-index:1;flex:0 1 calc(50% - 7px);box-sizing:border-box;display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;padding:10px 13px 10px 8px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#060a05b8}.class-node.trained{border-color:color-mix(in srgb,var(--class-color) 60%,transparent)}.class-node.maxed{border-color:color-mix(in srgb,var(--class-color) 85%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--class-color) 20%,transparent)}.class-node.lvl-locked{opacity:.6}.class-node.mystery{opacity:.8;border-style:dashed}.node-art{--class-color: #e8c96a;position:relative;width:66px;height:66px;border-radius:14px;overflow:hidden;background:#00000080;border:2px solid color-mix(in srgb,var(--class-color) 55%,transparent)}.skill-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.skill-art img{width:100%;height:100%;object-fit:cover;display:block}.skill-art .art-glyph{display:none;font-size:34px;line-height:1}.skill-art.noart .art-glyph{display:grid;place-items:center}.class-node.maxed .node-art{border-color:var(--class-color);box-shadow:0 0 14px color-mix(in srgb,var(--class-color) 45%,transparent)}.class-node.lvl-locked .node-art img{filter:grayscale(.85) brightness(.68)}.class-node.draggable .node-art{cursor:grab}.class-node.draggable .node-art:hover{border-color:#ffe28a;box-shadow:0 0 16px #ffe28a8c}.class-node.draggable .node-art:active{cursor:grabbing}.node-art .drag-grip{position:absolute;right:3px;bottom:2px;font-size:13px;color:#ffe6a0;text-shadow:0 1px 3px #000;opacity:.85;pointer-events:none;letter-spacing:-2px}.node-slot{margin-left:auto;font-size:10px;font-weight:700;color:#cbb26a;border:1px solid rgba(232,201,106,.5);border-radius:6px;padding:1px 6px}.node-slot.on{color:#bfe9b0;border-color:#96dc9699}.node-pips{flex-wrap:wrap}.spell-icon .skill-art{z-index:1}.spell-icon .skill-art .art-glyph{font-size:24px}.node-info{min-width:0;display:flex;flex-direction:column;gap:5px}.node-top{display:flex;align-items:baseline;gap:10px}.node-top b{color:#eef2e8;font-size:15px}.node-kind{color:var(--class-color);font-size:11px;white-space:nowrap;margin-left:auto}.node-pips{display:flex;align-items:center;gap:5px}.node-pips .pip{width:9px;height:9px;border-radius:50%;background:transparent;border:1px solid color-mix(in srgb,var(--class-color) 60%,transparent)}.node-pips .pip.on{background:var(--class-color);box-shadow:0 0 6px color-mix(in srgb,var(--class-color) 65%,transparent)}.node-rank{color:#9faa96;font-size:10.5px;margin-left:5px}.node-desc{margin:0;color:#b6c1aa;font-size:11.5px;line-height:1.4}.node-ranks{display:flex;flex-direction:column;gap:2px;margin-top:2px}.rank-row{display:flex;align-items:baseline;gap:8px;padding:2px 7px;border-radius:6px;color:#8f9a87;font-size:10.5px;line-height:1.35}.rank-row b{color:inherit;font-size:10px;flex:0 0 auto}.rank-row .rr-lv{flex:0 0 auto;opacity:.75;font-size:9.5px}.rank-row .rr-info{min-width:0}.rank-row.cur{background:color-mix(in srgb,var(--class-color) 14%,transparent);color:#e9eede}.rank-row.cur b{color:var(--class-color)}.rank-row.next{color:#b0baa6}.node-action{margin-top:2px}.node-action .buy-btn{width:auto;min-width:150px;padding:7px 13px;font-size:12px}.node-done{color:#9fe07f;font-weight:700;font-size:12.5px}.node-lock{color:#d0a15f;font-size:12px}.class-node.mystery .node-top b{color:#8a9484;letter-spacing:5px}.classp-reset{margin-top:18px;padding:13px 16px;display:flex;align-items:center;gap:18px;border:1px solid rgba(217,99,86,.4);border-radius:12px;background:#5c19121f}.classp-reset>div{flex:1;display:flex;flex-direction:column;gap:3px}.classp-reset b{color:#ffb4a7}.classp-reset span{color:#c8b3a7;font-size:11.5px;line-height:1.4}.classp-reset .buy-btn{width:auto;min-width:170px}.buy-btn.danger{color:#fff0e8;background:linear-gradient(#9b473b,#6e2d25)}.buy-btn.danger.armed{background:linear-gradient(#d85a48,#a23225);animation:arm-pulse .7s ease-in-out infinite}@keyframes arm-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.class-requirement{display:block;margin-top:6px;color:#e5c36c;font-size:11px;font-weight:700}.inv-item.class-ability{border-color:#9c9cff8c}.inv-item .inv-art{position:relative;display:inline-block;width:26px;height:26px;border-radius:6px;overflow:hidden;vertical-align:middle;flex:0 0 auto}.inv-item .inv-art .skill-art .art-glyph{font-size:17px}.inv-item .ability-rank{color:#c9c4ff;font-size:10px}.spell-slot.class-ability-slot{box-shadow:inset 0 0 10px #9c9cff38}@media(max-width:760px){.classp-head,.classp-chosen,.classp-reset{flex-direction:column;align-items:stretch;text-align:left}.class-node{grid-template-columns:58px 1fr}.skill-art{width:58px;height:58px}.class-path:before{left:36px}.classp-reset .buy-btn,.node-action .buy-btn{width:100%}}#menu,#endscreen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e2d16e0,#080d06f5)}.menu-inner{text-align:center;max-width:640px;padding:20px}#user-badge{position:absolute;top:18px;right:20px;z-index:2;display:flex;align-items:center;gap:9px;background:#0c1409b8;border:1px solid rgba(150,190,110,.28);border-radius:22px;padding:5px 8px 5px 5px;color:#dbead0;font-size:13.5px}#user-badge.hidden{display:none}#user-badge img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#ffffff1a}#user-badge #user-name{font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-badge #user-signout{margin-left:4px;background:#b4463c38;color:#f0c9c2;border:1px solid rgba(200,90,70,.4);border-radius:14px;padding:4px 11px;font-size:12px;cursor:pointer}#user-badge #user-signout:hover{background:#c8504266;color:#fff}.menu-inner h1{font-size:72px;line-height:1.02;letter-spacing:4px;color:#d8e6c0;text-shadow:0 4px 24px rgba(0,0,0,.9),0 0 60px rgba(120,190,80,.25);margin-bottom:14px}.tagline{font-size:18px;opacity:.9;margin-bottom:30px}#start-btn,#restart-btn{font-size:24px;padding:16px 44px;cursor:pointer;background:linear-gradient(#5d8a3a,#3c5c24);color:#f2f0e0;border:2px solid #86b45e;border-radius:14px;box-shadow:0 8px 24px #00000080}#start-btn:hover,#restart-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}#mode-select{display:flex;gap:16px;justify-content:center;margin-top:10px}#mode-select button{font-size:22px;padding:20px 30px;cursor:pointer;line-height:1.2;color:#f2f0e0;border-radius:14px;box-shadow:0 8px 24px #00000080}#mode-select button small{display:block;font-size:12px;opacity:.75;margin-top:8px;font-weight:400}#mode-survival-btn{background:linear-gradient(#5d8a3a,#3c5c24);border:2px solid #86b45e}#mode-moba-btn{background:linear-gradient(#6e4d2a,#4c3520);border:2px solid #a8834e}#mode-select button:hover{filter:brightness(1.15);transform:translateY(-1px)}#mode-options h2{font-size:26px;margin-bottom:14px;letter-spacing:2px}#mode-options.is-moba .surv-only{display:none!important}#mode-options:not(.is-moba) .moba-only{display:none!important}#mode-back-btn{margin-top:14px;font-size:14px;padding:8px 20px;cursor:pointer;background:none;color:#cfc9b8;border:1px solid rgba(255,255,255,.3);border-radius:10px}#mode-back-btn:hover{background:#ffffff14}#mp-lobby{margin:18px auto 0;max-width:380px;padding:16px;background:#0c140abf;border:1px solid rgba(255,255,255,.18);border-radius:14px}#mp-choose{display:flex;flex-direction:column;gap:10px}#mp-choose button{font-size:16px;padding:10px 14px;cursor:pointer;background:linear-gradient(#4c6b35,#34491f);color:#f0ead8;border:2px solid #6d8f4c;border-radius:10px}#mp-choose button:hover{filter:brightness(1.15)}.mp-row{display:flex;gap:8px;align-items:stretch}.mp-row button{flex:1}#mp-interval,#mp-code{background:#1c2416;color:#e8e4d8;border:1px solid #55503c;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit}#mp-code{width:90px;text-transform:uppercase;text-align:center;letter-spacing:4px;font-weight:700}#mp-wait{font-size:17px;line-height:1.7}#mp-wait b{font-size:26px;letter-spacing:6px;color:#ffe9a8}#mp-error{color:#e07f6f;font-size:13px;margin-top:8px;min-height:1em}.mp-name{text-align:center;font-size:11px;font-weight:700;color:#9fd0ff;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-bottom:1px}.controls{margin-top:34px;display:flex;flex-direction:column;gap:10px;font-size:15px;opacity:.9}.hint{margin-top:22px;font-size:13px;opacity:.6}#end-title.win{color:#ffe9a8}#end-title.lose{color:#e07f6f}#end-title{font-size:46px!important}#end-stats{font-size:18px;margin:22px 0 30px;line-height:1.6}#pet-display,#supply-display{position:absolute;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);background:#0a10088c;padding:4px 12px;border-radius:8px;white-space:nowrap}#pet-display{bottom:158px}#supply-display{bottom:128px}.bar-wrap.hp.crit #hp-bar{animation:hp-pulse .7s ease-in-out infinite}@keyframes hp-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.9) saturate(1.5)}}#lowhp{position:fixed;inset:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse at center,transparent 52%,rgba(190,20,20,.42) 100%);animation:lowhp-pulse 1.1s ease-in-out infinite}@keyframes lowhp-pulse{0%,to{opacity:.55}50%{opacity:1}}#gold-flash{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:0;box-shadow:inset 0 0 90px 24px #ffd246d9}#gold-flash.anim{animation:gold-flash 1.1s ease-out}@keyframes gold-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.popup.big{font-size:24px;font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.9)}.card.just-bought{animation:bought .45s ease-out}@keyframes bought{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.04);box-shadow:0 0 18px #8ce678cc}to{transform:scale(1);box-shadow:none}}.panel:not(.hidden){animation:panel-in .2s ease-out}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spell-slot.cast{animation:cast-flash .28s ease-out}@keyframes cast-flash{0%{transform:scale(1);box-shadow:0 0 #ffe94a00}40%{transform:scale(1.14);box-shadow:0 0 14px #ffe94ae6}to{transform:scale(1);box-shadow:0 0 #ffe94a00}}.hpwrap.boss .hpbar{width:86px;height:8px;border:1px solid #a97d1e}.hpwrap.boss .hpbar-fill{background:linear-gradient(90deg,#e04040,#ffb84a)}.boss-name{font-size:12px;font-weight:700;color:#ffd23a;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap}.hpwrap.elite .hpbar{border:1px solid #d63a3a}.elite-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:12px;line-height:1;color:#ff4a4a;text-shadow:0 0 4px rgba(255,40,40,.9),0 1px 2px rgba(0,0,0,.95);pointer-events:none}#help-body{display:flex;gap:26px;padding:6px 4px}.help-col{flex:1}.help-col h3{margin:4px 0 10px;font-size:14px;color:#cfe3b8;opacity:.9}.help-row{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13.5px}.help-row kbd{min-width:64px;text-align:center}#downed-hint{bottom:220px;border-color:#e05050;color:#ffb0a0;font-size:17px}.level-band{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin:10px 0 2px;padding:3px 4px;border-bottom:1px solid rgba(232,201,106,.35)}.level-band:first-child{margin-top:0}.level-band .lb-tier{font-weight:800;font-size:15px;letter-spacing:.5px;color:#e8c96a;background:#e8c96a24;border:1px solid rgba(232,201,106,.4);border-radius:7px;padding:3px 12px;white-space:nowrap}.level-band .lb-note{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.6px}.level-band.locked{border-bottom-color:#ffffff24}.level-band.locked .lb-tier{color:#9aa0a6;background:#ffffff0d;border-color:#ffffff2e}.level-band.locked .lb-note{color:#d88;opacity:.8}#character-body{display:flex;gap:22px;overflow-y:auto;padding:14px 18px}#armory-left{flex:0 0 380px}#armory-right{flex:1;min-width:0}#paper-doll{display:flex;gap:10px;align-items:center;justify-content:center}#char-preview{width:210px;height:270px;border-radius:12px;background:radial-gradient(ellipse at center,#a0c88c24,#00000059);border:1px solid rgba(232,201,106,.3)}.doll-col{display:flex;flex-direction:column;gap:10px}.doll-row{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.doll-slot{width:58px;height:58px;border-radius:10px;position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;cursor:pointer}.doll-slot.filled{border-color:#e8c96a;background:#e8c96a1a}.doll-slot .ds-icon{font-size:26px;line-height:1}.doll-slot .ds-icon .item-icon{width:34px;height:34px;vertical-align:middle}.doll-slot .ds-label{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.4px;opacity:.75;background:#1b2417;padding:0 5px;border-radius:4px;white-space:nowrap}.stat-row{display:grid;grid-template-columns:110px 60px 1fr;gap:8px;align-items:baseline;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13.5px}.stat-row b{color:#ffe9a8;font-size:15px}.stat-row small{opacity:.6;font-size:11.5px}#inv-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:8px}.inv-cell{width:56px;height:56px;border-radius:10px;position:relative;cursor:grab;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:24px;user-select:none;touch-action:none}.inv-cell.gear{border-color:#e8c96a8c}.inv-cell .ic .item-icon{width:32px;height:32px;vertical-align:middle}.inv-cell .cnt{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:800;color:#ffe9a8;text-shadow:0 1px 2px rgba(0,0,0,.9)}.inv-cell.drag-ghost{position:fixed;z-index:999;pointer-events:none;opacity:.85;box-shadow:0 6px 18px #00000080;background:#223018}.spell-slot.equipped-slot{border-color:#7fbf5f;box-shadow:0 0 8px #7fbf5f80}#inv-body{padding:14px 18px;overflow-y:auto}#invpanel{left:18%;top:46%;max-width:420px}#character{left:76%}.panel{touch-action:none}.inv-cell.empty-slot{opacity:.35;border-style:dashed;cursor:default}.inv-cell.overflow{border-color:#e05050}.slots-label{font-size:12px;opacity:.65;font-weight:400;margin-left:8px}.admin-box{margin-top:10px;padding:10px;border:1px dashed rgba(255,180,60,.5);border-radius:10px;background:#ffa0280f}.admin-box h4{margin:0 0 8px;color:#ffb554;font-size:13px}.admin-box h4 small{color:#b9a68a;font-weight:400;margin-left:6px}.admin-presets{display:flex;gap:8px;margin-bottom:10px}.admin-presets .buy-btn{flex:1}.admin-field{display:inline-flex;flex-direction:column;gap:2px;margin:0 8px 6px 0;font-size:11px;color:#cfc4ae}.admin-field input{width:72px;background:#00000059;color:#ffe8c0;border:1px solid rgba(255,180,60,.4);border-radius:6px;padding:3px 6px}#inv-admin .buy-btn{margin-right:6px;margin-top:6px}.admin-item-grid{display:grid;grid-template-columns:repeat(10,minmax(32px,1fr));gap:5px}.admin-item-cell{min-width:0;aspect-ratio:.82;padding:3px 2px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#f5e7cb;background:#ffffff0e;border:1px solid rgba(255,180,60,.28);border-radius:7px;cursor:pointer;overflow:hidden}.admin-item-cell:hover{border-color:#ffb554;background:#ffb43c26;transform:translateY(-1px)}.admin-item-icon{height:24px;font-size:21px;line-height:24px}.admin-item-icon .item-icon{width:24px;height:24px}.admin-item-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:9px;text-align:center}.admin-item-meta{font-size:7px;line-height:8px;color:#b9a68a}#loading{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0d140a;transition:opacity .5s ease}#loading.done{opacity:0;pointer-events:none}.loading-inner{text-align:center;color:#d9e8c4}.loading-inner h1{margin-bottom:24px;letter-spacing:3px}#loading-bar{width:320px;height:14px;border-radius:8px;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,#5f9f3f,#8fce5f);transition:width .15s ease}#loading-label{margin-top:10px;font-size:13px;color:#9fb884}.section-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.25);color:#9fb884;border-radius:8px;padding:5px 10px;font-size:13px;cursor:pointer}.section-toggle.on{color:#e8f0dc;border-color:#7fbf5f;background:#7fbf5f1f}#character.slim{width:min(520px,94vw)}#smith{width:min(880px,94vw)}#smith-body{display:flex;gap:18px;padding:16px 20px;overflow-y:auto}#smith-left{flex:0 0 200px;text-align:center}#smith-preview{border-radius:12px;background:radial-gradient(#3a2c1c,#1c140c);border:1px solid rgba(255,165,40,.35)}#smith-say{margin-top:10px;font-size:12px;color:#c9b48a;font-style:italic}#smith-right{flex:1;min-width:0}#smith-items{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}#smith-items .quest-card,#smith-items .level-band{grid-column:1 / -1}.quest-card{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;background:#ffffff0a}.quest-card.active{border-color:#7fbf5f;background:#7fbf5f14}.quest-card.done{opacity:.55}.quest-card.locked{opacity:.45}.quest-card h4{margin:0 0 4px;font-size:14px}.quest-category{margin-bottom:5px;color:#9fbf82;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.quest-card .q-desc{font-size:12px;color:#b8c4a8}.quest-card .q-meta{font-size:12px;color:#cfa95f;margin-top:6px}.quest-bar{height:8px;border-radius:5px;background:#ffffff1f;overflow:hidden;margin-top:6px}.quest-bar div{height:100%;background:linear-gradient(90deg,#5f9f3f,#8fce5f)}#char-quests .quest-card{margin-bottom:8px}.unit-name{font-size:9px;letter-spacing:.4px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.9);text-align:center;margin-top:1px;white-space:nowrap;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:4px}.hpwrap.boss .unit-name{font-size:11px;font-weight:700;color:#ffd9a0}.mob-level{display:inline-flex;align-items:center;gap:1px;min-width:19px;height:13px;padding:0 3px 0 2px;box-sizing:border-box;border-radius:4px;font-size:8px;line-height:1;font-weight:800;letter-spacing:0;color:#eef8e8;background:#2a4e22eb;border:1px solid #78ad64;text-shadow:0 1px 1px rgba(0,0,0,.9);box-shadow:0 1px 3px #0009}.mob-level-icon{font-size:7px;color:#9be07e}.mob-level.tough{color:#fff3bd;background:#654d18f0;border-color:#d5ad4c}.mob-level.tough .mob-level-icon{color:#f3cf64}.mob-level.dangerous{color:#ffe1c2;background:#743715f2;border-color:#e3843c}.mob-level.dangerous .mob-level-icon{color:#ff9b52}.mob-level.deadly{color:#ffe0e0;background:#701b1bf5;border-color:#ef5a5a}.mob-level.deadly .mob-level-icon{color:#ff6b6b}.hpwrap.boss .mob-level{height:15px;font-size:9px}#blizzard{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,#e6eef526,#dce8f28c);opacity:0;transition:opacity 1.5s ease}#night-tint{position:fixed;inset:0;pointer-events:none;z-index:3;background:#0a1430;opacity:0;transition:opacity 2s linear;mix-blend-mode:multiply}#tod-clock{position:fixed;top:12px;right:14px;z-index:20;font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none}#mp-joincode{position:fixed;top:44px;right:14px;z-index:21;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;gap:2px;background:#121c0ed1;border:1px solid rgba(150,200,110,.4);border-radius:10px;padding:7px 12px;box-shadow:0 3px 12px #00000080;text-align:right;animation:jc-pulse 2.4s ease-in-out infinite}#mp-joincode.hidden{display:none}#mp-joincode .jc-label{font-size:11px;color:#bfe0a0;letter-spacing:.3px}#mp-joincode .jc-code{font-size:26px;font-weight:800;letter-spacing:4px;color:#ffe14a;font-family:monospace;line-height:1.05;text-shadow:0 0 8px rgba(255,214,74,.5)}#mp-joincode .jc-hint{font-size:10px;color:#8fae78;font-style:italic}@keyframes jc-pulse{0%,to{box-shadow:0 3px 12px #00000080}50%{box-shadow:0 3px 12px #00000080,0 0 14px #96c86e59}}#waypoint-arrow{position:fixed;left:50%;top:58%;transform:translate(-50%,-50%);z-index:15;pointer-events:none;text-align:center}#waypoint-arrow .wp-dist{font-size:12px;color:#ffd21a;font-weight:700;text-shadow:0 1px 2px #000,0 0 5px rgba(255,210,26,.55)}#auth-row{margin:10px 0 4px}#auth-signin{background:#fff;color:#333;border:none;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}#auth-signin:hover{background:#f0f0f0}#auth-user{color:#cfe3b8;font-size:14px}.mini-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#e8f0dc;border-radius:8px;padding:6px 12px;margin-left:6px;cursor:pointer}.mini-btn:hover{background:#fff3}#loadgame{width:min(520px,94vw)}#loadgame-body{padding:14px 18px;max-height:60vh;overflow-y:auto}.save-row{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0a}.save-row .save-meta{flex:1}.save-row .save-when{font-size:12px;color:#9fb884}#auth-gate{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#24361f,#0d140a 70%)}#auth-gate.gone{display:none}#auth-gate .gate-inner{text-align:center;color:#e8f0dc;padding:20px}#auth-gate h1{font-size:64px;line-height:1.02;letter-spacing:3px;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.6)}#auth-gate .gate-tag{color:#b9cfa0;margin-bottom:34px;font-size:17px}#gate-signin{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#3c4043;border:none;border-radius:12px;padding:16px 30px;font-size:19px;font-weight:700;cursor:pointer;box-shadow:0 8px 26px #00000073;transition:transform .12s,box-shadow .12s}#gate-signin:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000008c}#gate-signin:active{transform:translateY(0)}#gate-msg{margin-top:18px;color:#ffb3a0;font-size:14px;min-height:18px}#swing-bar-wrap{position:fixed;left:50%;bottom:96px;transform:translate(-50%);width:110px;height:5px;border-radius:3px;background:#0a0c0a8c;border:1px solid rgba(255,255,255,.18);overflow:hidden;pointer-events:none;z-index:12}#swing-bar{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#d8c27a,#ffe9a8)}:root{--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px)}#touch-ui{position:fixed;inset:0;z-index:16;pointer-events:none}#touch-ui.hidden{display:none}#tc-stick{position:absolute;left:calc(20px + var(--sa-l));bottom:calc(20px + var(--sa-b));width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,#141e1066,#141e102e);border:2px solid rgba(230,240,210,.32);pointer-events:auto;touch-action:none}#tc-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#7fa04e,#4c6b35);border:2px solid rgba(240,240,220,.7);box-shadow:0 2px 8px #00000080;transition:transform .04s linear}#tc-actions{position:absolute;right:calc(18px + var(--sa-r));bottom:calc(20px + var(--sa-b));display:flex;align-items:flex-end;gap:12px}#tc-actions button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;border:2px solid rgba(240,240,220,.5);color:#f6f0e0;display:flex;align-items:center;justify-content:center;padding:0;user-select:none}#tc-attack{width:76px;height:76px;font-size:32px;background:radial-gradient(circle at 40% 35%,#b5563e,#7a2f24);box-shadow:0 3px 12px #00000080}#tc-block{width:54px;height:54px;font-size:22px;margin-bottom:6px;background:radial-gradient(circle at 40% 35%,#43678f,#29405f)}#tc-actions button.held{filter:brightness(1.35);transform:scale(.92)}#burger-btn{display:none;position:absolute;top:calc(12px + var(--sa-t));left:calc(12px + var(--sa-l));bottom:auto;right:auto;width:46px;height:46px;border-radius:12px;font-size:22px;background:linear-gradient(#4c6b35,#34491f);color:#f0ead8;border:2px solid #6d8f4c;pointer-events:auto;z-index:12;-webkit-tap-highlight-color:transparent}body.touch #burger-btn{display:block}body.touch #hud-buttons{top:calc(66px + var(--sa-t));left:calc(12px + var(--sa-l));bottom:auto;right:auto;display:none;background:#0c1208eb;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.14);z-index:12}body.touch.menu-open #hud-buttons{display:flex}body.touch #hud-buttons button{font-size:16px;padding:12px 16px}body.touch kbd{display:none}body.touch #minimap{left:auto;bottom:auto;top:calc(10px + var(--sa-t));right:calc(10px + var(--sa-r));width:74px;height:auto}body.touch #minimap-zoom{left:auto;bottom:auto;top:calc(10px + var(--sa-t));right:calc(90px + var(--sa-r));flex-direction:column}body.touch #minimap-zoom button{width:30px;height:30px}body.touch #spellbar{bottom:calc(20px + var(--sa-b));gap:5px}body.touch .spell-slot{width:42px;height:42px}body.touch #weapon-display{bottom:74px;font-size:13px;padding:4px 10px}body.touch #buff-bar{bottom:108px}body.touch #top-center{top:calc(8px + var(--sa-t))}body.touch #top-left{top:calc(12px + var(--sa-t));left:calc(66px + var(--sa-l));width:min(230px,calc(100vw - 160px))}@media(orientation:portrait){body.touch #spellbar{bottom:calc(118px + var(--sa-b))}body.touch #weapon-display{bottom:calc(170px + var(--sa-b))}body.touch #buff-bar{bottom:calc(204px + var(--sa-b))}}@media(orientation:landscape)and (max-height:560px){#tc-stick{width:92px;height:92px;left:calc(14px + var(--sa-l));bottom:calc(12px + var(--sa-b))}#tc-knob{width:40px;height:40px;margin:-20px 0 0 -20px}#tc-attack{width:66px;height:66px;font-size:28px}#tc-block{width:48px;height:48px;font-size:20px}#tc-actions{right:calc(14px + var(--sa-r));bottom:calc(12px + var(--sa-b))}body.touch #spellbar{bottom:calc(14px + var(--sa-b))}body.touch .spell-slot{width:38px;height:38px}body.touch #weapon-display{bottom:62px}body.touch #minimap{width:64px}}html.standalone,html.standalone body{height:100%}#gate-guest{margin-top:12px;background:none;border:1px solid rgba(255,255,255,.24);color:#cdddbc;border-radius:10px;padding:7px 16px;cursor:pointer;font-size:13px;display:inline-flex;flex-direction:column;align-items:center;gap:1px}#gate-guest:hover{background:#ffffff0f}#gate-guest small{opacity:.55;font-size:10px}#enter-overlay{position:fixed;inset:0;z-index:350;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#16220f,#0a1207);transition:opacity .45s ease;opacity:1}#enter-overlay.hidden{display:none}#enter-overlay.fade{opacity:0}.enter-inner{display:flex;flex-direction:column;align-items:center;gap:18px}.enter-spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(230,240,210,.2);border-top-color:#86b45e;animation:enter-spin .8s linear infinite}@keyframes enter-spin{to{transform:rotate(360deg)}}#enter-label{color:#cddcb8;font-size:16px;letter-spacing:1px}#gate-guest.loading{opacity:.6;pointer-events:none}#gate-guest.loading:after{content:" …"}.opt-warn{color:#e0605a}select:has(>option.opt-warn:checked){color:#e0605a;border-color:#e0605a99}#underwater{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .5s ease;background:radial-gradient(ellipse at 50% 40%,#2878aa2e,#0c365c80 70%,#061e3cb8);mix-blend-mode:normal}#underwater.on{opacity:1}.uw-caustics{position:absolute;inset:-20%;background:repeating-linear-gradient(58deg,rgba(180,230,255,.06) 0 3px,transparent 3px 26px),repeating-linear-gradient(-52deg,rgba(150,220,255,.05) 0 3px,transparent 3px 30px);animation:uw-drift 7s linear infinite;opacity:.8}@keyframes uw-drift{0%{transform:translate(0)}to{transform:translate(40px,26px)}}