*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#16210f;-webkit-user-select:none;user-select:none;color:#e8e4d8}#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}#vignette{position:fixed;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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:78px;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}.journey .bar{background:linear-gradient(#7fc3e8,#3a7ab5);width:0}.bar-label{position:absolute;top:0;right:0;bottom:0;left: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)}#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}}#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}#spellbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px}.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:12;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;top:0;right:0;bottom:0;left: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)}.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}.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(520px,94vw)}#settings-body{padding:18px 22px}.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}#bigmap{width:min(680px,94vw)}#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%}#minimap{cursor:pointer;pointer-events:auto}#home-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)}#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}.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)}.card.expensive .buy-btn{filter:grayscale(.7);opacity:.7}#menu,#endscreen{position:fixed;top:0;right:0;bottom:0;left: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}.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}