*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0d0d14;--bg-panel: #14141e;--border: #3a3a55;--gold: #c8a840;--red: #cc3333;--blue: #3366cc;--text: #cccccc;--font: "Courier New", Courier, monospace}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none}#game-container{position:relative;width:100vw;height:100vh;width:100dvw;height:100dvh}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-layer>*{pointer-events:auto}#ui-layer .floating-text,#ui-layer .item-label,#ui-layer #zone-msg,#ui-layer #portal-hint,#ui-layer #target-hud{pointer-events:none}.globe-container{position:absolute;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:4px}#globe-left{left:24px}#globe-right{right:24px}.globe-label{font-size:11px;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.globe-ring{width:72px;height:72px;border-radius:50%;border:3px solid #555570;background:#0a0a0f;overflow:hidden;display:flex;align-items:flex-end}.globe-fill{width:100%;transition:height .15s ease;border-radius:0 0 50% 50%}.globe-fill.red{background:linear-gradient(180deg,#f44,#c11)}.globe-fill.purple{background:linear-gradient(180deg,#84f,#42a)}#bottom-xp-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:280px}.xp-label{font-size:12px;color:var(--gold);letter-spacing:2px}#stat-points-badge{color:#ffe066;font-size:13px;cursor:pointer;animation:stat-badge-pulse 1.2s ease-in-out infinite;pointer-events:auto}.touch-mode #stat-points-badge{display:none!important}@keyframes stat-badge-pulse{0%,to{opacity:1;text-shadow:0 0 6px #ffcc00}50%{opacity:.5;text-shadow:0 0 2px #ffcc00}}#touch-btn-inv.has-stat-points{border-color:#fc0;box-shadow:0 0 10px 3px #ffc80099;animation:inv-btn-pulse 1.2s ease-in-out infinite}#touch-btn-inv.has-stat-points:after{content:"⬆";position:absolute;top:-8px;right:-8px;font-size:12px;color:#ffe066;text-shadow:0 0 4px #ffcc00;pointer-events:none}@keyframes inv-btn-pulse{0%,to{box-shadow:0 0 10px 3px #ffc80099}50%{box-shadow:0 0 18px 6px #ffc8004d}}.progress-container{width:100%;height:10px;background:#1a1a2a;border:1px solid #333355;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#45e,#89f);transition:width .2s ease;border-radius:2px}#hud-gold-wrap{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-size:13px;color:var(--gold);text-shadow:0 0 8px rgba(200,168,64,.6)}#target-hud{position:absolute;top:16px;left:50%;transform:translate(-50%);width:220px;background:#0a0a14d9;border:1px solid #555577;border-radius:4px;padding:8px 12px;text-align:center;display:none}#target-name{font-size:13px;color:#f64;letter-spacing:2px;margin-bottom:6px}#target-hp-fill{background:linear-gradient(90deg,#c33,#f44);height:100%;transition:width .1s ease}#zone-msg{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid var(--gold);padding:10px 24px;font-size:15px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;border-radius:4px;transition:opacity 1s ease;pointer-events:none;text-align:center;max-width:80vw}#portal-hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#500096cc;border:1px solid #9944ff;padding:8px 20px;font-size:13px;color:#c8f;border-radius:4px;pointer-events:none;display:none;letter-spacing:1px}#skill-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;margin-bottom:36px}.skill-btn{width:56px;height:56px;background:#0e0e18eb;border:2px solid #444466;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease-out;pointer-events:auto}.skill-btn:hover{border-color:#88c;background:#141428f2}.skill-btn.active{border-color:#fff!important;border-width:3px;box-shadow:0 0 20px #c8a84080,inset 0 0 12px #fff3;background:#282846;transform:translateY(-4px);z-index:5}.sk-key{font-size:10px;color:#888;position:absolute;top:3px;left:4px}.sk-name{font-size:9px;color:#ccc;text-align:center}.sk-cd{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;height:0%;transition:height .05s}.floating-text{position:absolute;font-size:16px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8),-1px -1px 3px rgba(0,0,0,.8);pointer-events:none;letter-spacing:1px;white-space:nowrap}.item-label{position:absolute;font-size:11px;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%);letter-spacing:1px}.ui-panel{position:absolute;background:#0a0a14f2;border:2px solid var(--border);border-radius:4px;pointer-events:auto;overflow:hidden}.ui-panel.hidden{display:none!important}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1e1e32e6;border-bottom:1px solid var(--border);color:var(--gold);font-size:13px;letter-spacing:3px;text-transform:uppercase;cursor:grab}.panel-header:active{cursor:grabbing}.inv-cell.drag-over{border-color:#fff!important;background:#ffffff1a}.item-icon{pointer-events:none}.item-icon.dragging{opacity:.4}.item-count-badge{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:#c8a840;pointer-events:none;line-height:1}#drag-proxy{position:fixed;pointer-events:none;z-index:1000;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#28283ccc;border:1px solid #ffffff;border-radius:2px;transform:translate(-50%,-50%)}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:0 4px;pointer-events:auto}.close-btn:hover{color:#fff}.inv-sort-btn{background:none;border:1px solid #444466;border-radius:3px;color:#88a;font-size:11px;padding:1px 6px;cursor:pointer;margin-right:4px;pointer-events:auto}.inv-sort-btn:hover{border-color:#c8a840;color:#c8a840}#inventory-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-height:calc(100svh - 20px);overflow-y:auto}.inv-grid{display:grid;grid-template-columns:repeat(10,36px);gap:3px;padding:12px}.inv-cell{width:36px;height:36px;background:#141423cc;border:1px solid #333344;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;font-size:18px}.inv-cell:hover{border-color:#77a;background:#28283ce6}.inv-cell.has-item{border-color:#557}.inv-cell.has-item:hover{border-color:#aac}.inv-cell.rarity-magic{border-color:#36c}.inv-cell.rarity-rare{border-color:#c90}.inv-cell.rarity-unique{border-color:#c50}.inv-footer{padding:8px 12px;border-top:1px solid var(--border);font-size:12px;color:var(--gold);text-align:right}#char-panel{top:50%;left:max(20px,50vw - 150px);transform:translateY(-50%);width:min(300px,calc(100vw - 16px));max-height:calc(100svh - 20px);overflow:hidden;display:flex;flex-direction:column}#char-content{padding:10px;flex:1;min-height:0;overflow-y:auto}#char-content::-webkit-scrollbar{width:5px}#char-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}#char-content::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px;box-shadow:0 0 6px 1px #ffc800b3}#char-scroll-hint{flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;pointer-events:none;border-top:1px solid rgba(200,168,64,.3);animation:scroll-hint-bounce 1s ease-in-out infinite}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.char-name{text-align:center;color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.char-section-title{color:var(--gold);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin:10px 0 6px;padding-bottom:3px;border-bottom:1px solid #2a2a40}.equip-slots{display:flex;flex-direction:column;gap:4px}.equip-slot{display:flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid #222233;border-radius:3px;cursor:pointer;font-size:11px}.equip-slot:hover{background:#28283c99;border-color:#446}.equip-label{color:#888;width:70px;flex-shrink:0}.equip-name{color:#ccc;font-size:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.stat-row{display:flex;justify-content:space-between;font-size:11px;padding:2px 4px;border:1px solid transparent;border-radius:2px}.stat-row:nth-child(odd){background:#ffffff08}.stat-alloc{display:flex;gap:6px;padding:6px 0}.stat-alloc button{flex:1;background:#1e1e3ce6;border:1px solid var(--gold);color:var(--gold);padding:4px;font-size:11px;cursor:pointer;border-radius:3px;font-family:var(--font);pointer-events:auto}.stat-alloc button:hover{background:#503c14cc}#item-tooltip{position:relative;background:#080810f7;border:1px solid #555577;border-radius:4px;padding:10px 14px;min-width:180px;max-width:240px;pointer-events:none;z-index:100;font-size:12px}.touch-mode #item-tooltip{pointer-events:auto}.tt-close-btn{position:absolute;top:4px;right:6px;background:none;border:none;color:#888;font-size:15px;cursor:pointer;padding:2px 4px;line-height:1}.tt-close-btn:active{color:#ccc}.tt-name{font-size:14px;font-weight:700;margin-bottom:3px}.tt-rarity{font-size:11px;letter-spacing:1px;margin-bottom:6px;opacity:.85}.tt-stat{color:#ccc;margin:2px 0}.tt-affix{color:#8af;margin:2px 0}.tt-flavor{color:#986;font-style:italic;margin-top:8px;font-size:11px;padding-top:6px;border-top:1px solid #333}.tt-hint{color:#666;font-size:10px;margin-top:8px;text-align:center}#inv-detail-pane{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#080612f7;border:1px solid rgba(100,80,160,.7);border-radius:8px;padding:14px 14px 12px;min-width:200px;max-width:280px;z-index:500;pointer-events:auto;font-size:12px}.detail-compare-label{border-top:1px solid #555;margin:6px 0 4px;font-size:10px;color:#666;letter-spacing:1px}.detail-equip-btn{display:block;width:100%;margin-top:12px;padding:10px;background:#c8a84026;border:1px solid rgba(200,168,64,.6);border-radius:4px;color:#c8a840;font-family:inherit;font-size:14px;letter-spacing:1px;cursor:pointer;touch-action:manipulation}.detail-equip-btn:active{background:#c8a8404d}.detail-close-btn{position:absolute;top:8px;right:10px;background:none;border:none;color:#666;font-size:18px;cursor:pointer;touch-action:manipulation;line-height:1}#hud-strip{position:absolute;top:178px;right:10px;display:flex;flex-direction:column;gap:4px;text-align:right;pointer-events:none}#hud-level{color:var(--gold);font-size:13px;letter-spacing:1px}#hud-gold{color:#da3;font-size:12px}#hud-zone{color:#88a;font-size:11px;letter-spacing:1px}#controls-hint{position:absolute;top:10px;left:12px;font-size:10px;color:#556;pointer-events:none;line-height:1.6}#minimap{position:absolute;top:10px;right:10px;width:160px;height:160px;border:1px solid #3a3a55;border-radius:3px;background:#06060e;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}#minimap-overlay{position:absolute;top:80px;left:80px;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid #3a3a55;border-radius:4px;pointer-events:none;opacity:.82}#minimap-label{position:absolute;top:174px;right:10px;font-size:9px;color:#445;pointer-events:none;text-align:right;letter-spacing:1px}#quest-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:12px;color:#c44;letter-spacing:2px;text-transform:uppercase;pointer-events:none;text-shadow:0 0 6px rgba(200,60,60,.6);display:none}#shop-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:860px;max-width:calc(100vw - 12px);max-height:calc(100svh - 20px);overflow:hidden}#shop-content{padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100svh - 80px)}.shop-grid-container{display:flex;gap:20px;justify-content:center}.shop-section{display:flex;flex-direction:column;gap:8px}.shop-section-header{font-size:11px;color:var(--gold);letter-spacing:2px;text-align:center;border-bottom:1px solid #2a2a40;padding-bottom:4px;display:flex;align-items:center;justify-content:center;gap:6px}.shop-sel-btns{display:flex;gap:3px}.shop-sel-btn{background:none;border:1px solid #444466;border-radius:3px;color:#88a;font-size:9px;padding:1px 5px;cursor:pointer;pointer-events:auto;letter-spacing:0}.shop-sel-btn:hover{border-color:#c8a840;color:#c8a840}#shop-trade-panel{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:2px solid var(--border)}.trade-info{display:flex;flex-direction:column;gap:4px;min-width:180px}.trade-row{display:flex;justify-content:space-between;font-size:12px;color:#888}.balance-row{margin-top:4px;padding-top:4px;border-top:1px solid #333;font-weight:700;color:#ccc}.gold-text{color:var(--gold)}.gold-text.negative{color:var(--red)}#shop-trade-btn{background:#1c2c1c;border:1px solid #2a4a2a;color:#4c6;font-family:var(--font);font-size:16px;letter-spacing:4px;padding:12px 40px;cursor:pointer;transition:all .2s}#shop-trade-btn:hover:not(:disabled){background:#243c24;box-shadow:0 0 15px #44cc664d}#shop-trade-btn:disabled{background:#1a1a1a;border-color:#333;color:#555;cursor:default}#shop-trade-btn.error{background:#2c1c1c;border-color:#4a2a2a;color:#c44}.inv-cell.selected{border-color:#4f8!important;background:#44ff8826!important;box-shadow:inset 0 0 8px #4f86}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available}#touch-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#joy-zone{position:absolute;width:110px;height:110px;border-radius:50%;background:#ffffff0a;border:2px solid rgba(200,168,64,.18);pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .08s ease}#joy-zone.joy-active{opacity:1}#joy-stick{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0d87080,#a080204d);border:2px solid rgba(200,168,64,.55);pointer-events:none}.touch-btn{position:absolute;width:52px;height:52px;border-radius:50%;background:#0a0814d1;border:2px solid rgba(80,70,130,.6);display:flex;align-items:center;justify-content:center;font-size:22px;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s,border-color .08s,transform .08s}.touch-btn-pressed,.touch-btn:active{background:#282046f2;border-color:#c8a840cc;transform:scale(.92)}#touch-btn-skill{bottom:calc(232px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));border-color:#88ccff80}#touch-btn-interact{bottom:calc(168px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));border-color:#50468266;transition:border-color .2s,box-shadow .2s,transform .2s}.btn-cd-overlay{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:none}#touch-btn-interact.ctx-active{animation:ctx-pulse 1.1s ease-in-out infinite}#touch-btn-interact.ctx-portal{border-color:#bb44ffd9;box-shadow:0 0 14px #bb44ff8c}#touch-btn-interact.ctx-chest{border-color:#ffb432d9;box-shadow:0 0 14px #ffb43280}#touch-btn-interact.ctx-npc{border-color:#c8a840d9;box-shadow:0 0 14px #c8a84080}#touch-btn-interact.ctx-bench{border-color:#64c878b3;box-shadow:0 0 10px #64c87859}@keyframes ctx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.touch-mode #portal-hint{display:none!important}#touch-btn-hppot{bottom:calc(104px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));border-color:#c83c3c80}#touch-btn-mppot{bottom:calc(40px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));border-color:#3c50dc80}#touch-btn-autoattack{bottom:calc(201px + env(safe-area-inset-bottom,0px));right:calc(76px + env(safe-area-inset-right,0px));border-color:#dc503c99;font-size:20px}#touch-btn-pause{top:calc(12px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));font-size:18px}#touch-btn-inv{top:calc(12px + env(safe-area-inset-top,0px));right:calc(76px + env(safe-area-inset-right,0px));font-size:20px}.touch-mode #controls-hint{display:none}.touch-mode .skill-btn:nth-child(5),.touch-mode .skill-btn:nth-child(6){display:none}.touch-mode #skill-bar{left:50%;transform:translate(-50%);gap:6px}.touch-mode .skill-btn{width:42px;height:42px}.touch-mode #minimap{left:10px;right:auto;width:110px;height:110px}.touch-mode #minimap-label{left:10px;right:auto;top:124px}.touch-mode #hud-strip{right:10px;top:70px}#touch-btn-mppot{bottom:calc(108px + env(safe-area-inset-bottom,0px))}#touch-btn-hppot{bottom:calc(170px + env(safe-area-inset-bottom,0px))}#touch-btn-interact{bottom:calc(232px + env(safe-area-inset-bottom,0px))}#touch-btn-skill{bottom:calc(294px + env(safe-area-inset-bottom,0px))}@media(max-width:600px){.globe-ring{width:58px;height:58px}#bottom-xp-bar{width:180px}.skill-btn{width:44px;height:44px}#skill-bar{gap:6px}.inv-cell{width:30px;height:30px;font-size:14px}.inv-grid{grid-template-columns:repeat(10,30px);gap:2px;padding:8px}.touch-mode #minimap{width:100px;height:100px}.touch-mode #minimap-label{top:114px}#inventory-panel{width:calc(100vw - 12px);top:6px;left:6px;transform:none;max-height:calc(100svh - 80px);overflow-y:auto}#char-panel{max-height:calc(100svh - 80px);overflow:hidden}#shop-panel{width:calc(100vw - 12px);top:6px;left:6px;transform:none;max-height:calc(100svh - 80px)}#shop-content{overflow-y:auto;max-height:calc(100svh - 140px)}.shop-grid-container{flex-wrap:wrap;gap:12px}#pause-panel{min-width:min(360px,92vw);padding:20px 18px 24px}}@media(max-height:480px){#minimap{width:90px;height:90px}#minimap-label{top:104px;font-size:8px}#hud-strip{top:104px;font-size:10px}.globe-ring{width:48px;height:48px}#bottom-xp-bar{width:140px;bottom:8px}#bottom-xp-bar .xp-label{font-size:10px}.skill-btn{width:42px;height:42px}#skill-bar{gap:5px;margin-bottom:24px}.touch-mode #minimap{width:80px;height:80px}.touch-mode #minimap-label{top:94px}.touch-mode #hud-strip{top:70px}#touch-btn-mppot{bottom:calc(72px + env(safe-area-inset-bottom,0px))}#touch-btn-hppot{bottom:calc(124px + env(safe-area-inset-bottom,0px))}#touch-btn-interact{bottom:calc(176px + env(safe-area-inset-bottom,0px))}#touch-btn-skill{bottom:calc(228px + env(safe-area-inset-bottom,0px))}#touch-btn-autoattack{bottom:calc(150px + env(safe-area-inset-bottom,0px));right:calc(68px + env(safe-area-inset-right,0px))}.touch-btn{width:44px;height:44px;font-size:18px}#inventory-panel{max-height:96svh;overflow-y:auto;top:2vh;left:50%;transform:translate(-50%)}#char-panel{max-height:96svh;overflow:hidden}#shop-panel{max-height:96svh;top:2vh;transform:translate(-50%)}#shop-content{overflow-y:auto;max-height:calc(96svh - 60px)}#pause-panel{min-width:min(340px,88vw)}}body.touch-mode:has(#inventory-panel:not(.hidden)) #minimap,body.touch-mode:has(#inventory-panel:not(.hidden)) #minimap-label,body.touch-mode:has(#inventory-panel:not(.hidden)) #minimap-overlay,body.touch-mode:has(#char-panel:not(.hidden)) #minimap,body.touch-mode:has(#char-panel:not(.hidden)) #minimap-label,body.touch-mode:has(#char-panel:not(.hidden)) #minimap-overlay,body.touch-mode:has(#shop-panel:not(.hidden)) #minimap,body.touch-mode:has(#shop-panel:not(.hidden)) #minimap-label{display:none}body.touch-mode:has(.ui-panel:not(.hidden)) #touch-controls{display:none}#char-content,#shop-content,#inventory-panel,#inv-grid{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel,body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #char-panel{display:flex;flex-direction:column;transform:none;border-radius:0;overflow:hidden;max-height:none;z-index:20}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .panel-header{flex-shrink:0;cursor:default}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #char-content,body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inv-grid,body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-footer{touch-action:pan-y;-webkit-overflow-scrolling:touch}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel{overflow-y:auto}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #char-content{flex:1;overflow-y:auto;min-height:0}@media(orientation:portrait){body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel{inset:0 0 50%;width:auto;border-bottom:2px solid var(--gold)}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #char-panel{width:auto;inset:50% 0 0}}@media(orientation:landscape){body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel{inset:0 50% 0 0;width:auto;border-right:2px solid var(--gold)}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #char-panel{width:auto;inset:0 0 0 auto;transform:none}}@media(orientation:portrait)and (max-width:420px){body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-cell{width:28px;height:28px;font-size:13px}body:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-grid{grid-template-columns:repeat(10,28px);gap:2px;padding:6px}}@media(orientation:landscape){body.touch-mode #inventory-panel{--cell: calc((100svh - 91px) / 6);top:0;left:50%;transform:translate(-50%);height:100svh;max-height:100svh;width:calc(10 * var(--cell) + 28px);overflow:hidden;display:flex;flex-direction:column}body.touch-mode #inventory-panel .panel-header,body.touch-mode #inventory-panel .inv-footer{flex-shrink:0}body.touch-mode #inventory-panel #inv-grid{flex:1;min-height:0;grid-template-columns:repeat(10,var(--cell));grid-auto-rows:var(--cell);gap:2px;padding:4px;overflow:hidden}body.touch-mode #inventory-panel .inv-cell{width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .45)}body.touch-mode:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel{--cell: min(calc((100svh - 91px) / 6), calc((50vw - 28px)*.1) );left:0;transform:none;width:auto}body.touch-mode:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel .inv-cell{width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .45)}body.touch-mode:has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) #inventory-panel #inv-grid{grid-template-columns:repeat(10,var(--cell));grid-auto-rows:var(--cell);gap:2px;padding:4px}}@media(orientation:landscape)and (max-width:800px){body:not(.touch-mode):has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-cell{width:28px;height:28px;font-size:13px}body:not(.touch-mode):has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-grid{grid-template-columns:repeat(10,28px);gap:2px;padding:6px}}@media(orientation:landscape)and (max-width:600px){body:not(.touch-mode):has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-cell{width:24px;height:24px;font-size:11px}body:not(.touch-mode):has(#inventory-panel:not(.hidden)):has(#char-panel:not(.hidden)) .inv-grid{grid-template-columns:repeat(10,24px);gap:1px;padding:4px}}#pause-overlay{display:none;position:fixed;inset:0;background:#000000c7;z-index:2000;align-items:center;justify-content:center}#pause-panel{background:var(--bg-panel);border:1px solid var(--border);border-top:2px solid var(--gold);padding:28px 36px 32px;min-width:360px;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 40px #000c,inset 0 1px #c8a8401f}.pause-title{color:var(--gold);font-size:22px;letter-spacing:8px;text-align:center;text-shadow:0 0 12px rgba(200,168,64,.5);margin-bottom:4px}.pause-section-title{color:var(--gold);font-size:10px;letter-spacing:4px;border-bottom:1px solid var(--border);padding-bottom:6px;opacity:.8}.pause-row{display:flex;align-items:center;gap:12px}.pause-label{font-size:11px;letter-spacing:2px;color:#aaa;width:46px;flex-shrink:0}.pause-slider{flex:1;height:4px;accent-color:var(--gold);cursor:pointer}.pause-pct{font-size:11px;color:#888;width:36px;text-align:right;flex-shrink:0}.pause-toggle{background:#1c2c1c;border:1px solid #2a4a2a;color:#4c6;font-family:var(--font);font-size:10px;letter-spacing:2px;padding:4px 10px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.pause-toggle:hover{background:#243c24}.pause-toggle.muted{background:#2c1c1c;border-color:#4a2a2a;color:#c44}.pause-resume-btn{margin-top:8px;padding:11px;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font);font-size:13px;letter-spacing:5px;cursor:pointer;transition:background .15s}.pause-resume-btn:hover{background:#c8a8401f}.pause-menu-btn{padding:10px;background:transparent;border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:12px;letter-spacing:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pause-menu-btn:hover{background:#ffffff0d;border-color:#668}.pause-menu-btn-danger{border-color:#533;color:#c66}.pause-menu-btn-danger:hover{background:#b432321f;border-color:#a44;color:#f88}#settings-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:4000;align-items:center;justify-content:center}#settings-panel{background:var(--bg-panel);border:1px solid var(--border);border-top:2px solid var(--gold);padding:28px 36px 32px;min-width:360px;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 40px #000c,inset 0 1px #c8a8401f}#st-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:-4px}.st-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:#666;font-family:var(--font);font-size:10px;letter-spacing:3px;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s}.st-tab:hover{color:#999}.st-tab-active{color:var(--gold);border-bottom-color:var(--gold)}.st-tab-content{display:flex;flex-direction:column;gap:14px}.st-account-desc{font-size:10px;color:#888;letter-spacing:1px;line-height:1.6;margin:0}.st-danger-zone{display:flex;gap:10px;align-items:center}.st-wipe-input{flex:1;background:#0e0e14;border:1px solid #442222;color:#c88;font-family:var(--font);font-size:11px;letter-spacing:3px;padding:8px 10px;outline:none;transition:border-color .15s}.st-wipe-input:focus{border-color:#833}.st-wipe-input::placeholder{color:#433;letter-spacing:2px}.st-wipe-btn{flex-shrink:0;background:transparent;border:1px solid #442222;color:#533;font-family:var(--font);font-size:9px;letter-spacing:2px;padding:8px 12px;cursor:default;transition:background .15s,border-color .15s,color .15s}.st-wipe-btn-ready{border-color:#933;color:#c44;cursor:pointer}.st-wipe-btn-ready:hover{background:#b428282e;border-color:#c44;color:#f66}#main-menu-overlay{display:none;position:fixed;inset:0;background:radial-gradient(ellipse at center,#0d0d20,#060608);z-index:5000;align-items:center;justify-content:center;flex-direction:column}#main-menu-panel{display:flex;flex-direction:column;align-items:center;gap:0}#main-menu-title{font-size:clamp(22px,5vw,44px);letter-spacing:clamp(6px,2vw,16px);color:var(--gold);text-shadow:0 0 20px rgba(200,168,64,.6),0 0 60px rgba(200,168,64,.25);text-align:center;margin-bottom:10px}#main-menu-subtitle{font-size:clamp(9px,1.5vw,12px);letter-spacing:clamp(3px,1vw,8px);color:#667;text-align:center;margin-bottom:56px}#main-menu-buttons{display:flex;flex-direction:column;gap:14px;width:clamp(220px,40vw,320px)}.menu-btn{padding:14px;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font);font-size:clamp(11px,1.6vw,14px);letter-spacing:6px;cursor:pointer;transition:background .18s,box-shadow .18s;text-align:center}.menu-btn:hover,.menu-btn:focus-visible{background:#c8a8401f;box-shadow:0 0 18px #c8a84040;outline:none}.menu-btn-continue{background:#c8a84014;border-color:var(--gold);color:#ffe97a;box-shadow:0 0 14px #c8a8402e;margin-bottom:4px}.menu-btn-continue:hover,.menu-btn-continue:focus-visible{background:#c8a84038;box-shadow:0 0 28px #c8a84066}.menu-btn-exit{border-color:#533;color:#a66;margin-top:8px}.menu-btn-exit:hover{background:#b432321f;box-shadow:0 0 18px #b4323233}#main-menu-version{margin-top:48px;font-size:10px;color:#334;letter-spacing:2px}@media(pointer:coarse){.menu-btn{padding:18px 14px}#main-menu-buttons{width:min(90vw,380px)}#settings-panel,#pause-panel{min-width:min(360px,92vw)}}