@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@300;400;500;600;700;800&family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #2e7d32;--green-lt: #43a047;--green-dk: #1b5e20;--accent: #69f0ae;--accent-dim: #2e7d52;--yellow: #fdd835;--red: #c62828;--red-lt: #e53935;--text: #e8f5e9;--text-dim: #81a884;--bg: #060e06;--bg2: #0b180b;--panel: #0f230f;--panel-lt: #162a16;--border: #2e7d32;--border-lt: #43a047;--shadow: rgba(0,0,0,.6);--glow: rgba(105,240,174,.15);--font-title: "Bebas Neue", "Arial Black", sans-serif;--font-body: "Manrope", system-ui, sans-serif}body.theme-theme_night{--green: #4b0082;--green-lt: #8a2be2;--green-dk: #2a0050;--accent: #d7aefb;--accent-dim: #7e57c2;--bg: #050210;--bg2: #080415;--panel: #0b0620;--panel-lt: #120a30;--border: #4b0082;--border-lt: #8a2be2;--text: #f3e8ff;--text-dim: #b39ddb}body.theme-theme_retro{--green: #ff9800;--green-lt: #ffb74d;--green-dk: #f57c00;--accent: #ffff00;--accent-dim: #fbc02d;--bg: #1a1a1a;--bg2: #2b2b2b;--panel: #333333;--panel-lt: #444444;--border: #ff9800;--border-lt: #ffb74d;--text: #ffffff;--text-dim: #cccccc;--font-body: "Press Start 2P", system-ui, monospace}body{font-family:var(--font-body);font-size:.95rem;background:radial-gradient(ellipse at center,#0b1e0b,#040904);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}.hidden{display:none!important}.menu-btn{font-family:var(--font-body);font-weight:700;font-size:.85rem;padding:12px 18px;width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;letter-spacing:1.5px;border-radius:3px;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;box-shadow:0 2px 8px var(--shadow),inset 0 1px #ffffff0a}.menu-btn:hover:not(:disabled){background:var(--green);color:#fff;box-shadow:0 4px 16px #2e7d3273,inset 0 1px #ffffff14}.menu-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px var(--shadow)}.menu-btn:disabled{opacity:.32;cursor:not-allowed}.menu-btn.green{background:var(--green);color:#fff;border-color:var(--accent-dim);box-shadow:0 2px 12px #2e7d3280,inset 0 1px #ffffff1a}.menu-btn.green:hover{background:var(--green-lt);box-shadow:0 4px 20px #43a04799}.menu-btn.red{background:var(--red);color:#fff;border-color:#8b0000}.menu-btn.red:hover{background:var(--red-lt);box-shadow:0 4px 16px #c6282880}.menu-btn.small{font-size:.72rem;padding:8px 10px;width:auto}.menu-btn.active{background:var(--green);color:#fff;border-color:var(--accent);box-shadow:0 0 15px var(--accent-dim)}.loc-item.active{border-color:var(--green);background:var(--panel-lt);box-shadow:inset 0 0 10px #2e7d3233}.modal-x{position:absolute;top:12px;right:12px;width:30px;height:30px;background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;line-height:1;font-family:monospace;padding:0}.modal-x:hover{background:var(--red);color:#fff;border-color:var(--red-lt)}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111,#000);background-size:cover;z-index:9999;flex-direction:column}#loading-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.bounce-anim{animation:logo-bounce 2s infinite ease-in-out}@keyframes logo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-title{font-family:var(--font-title);font-size:2rem;color:var(--white);letter-spacing:2px}.loading-bar-wrap{width:300px;height:20px;background:#ffffff1a;border:2px solid var(--border);border-radius:10px;overflow:hidden;position:relative}#loading-bar-fill{width:0%;height:100%;background:var(--green);transition:width .2s ease-out}#loading-text{font-family:var(--font-body);font-weight:700;color:var(--accent);font-size:1.2rem}#main-menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#0d280d,#050d05 70%);z-index:30}#menu-inner{display:flex;flex-direction:column;align-items:center;gap:min(11px,2vh);padding:clamp(16px,4vh,32px) clamp(16px,4vw,28px);width:min(420px,94vw);max-height:94vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg);background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 0 0 1px var(--bg),0 0 40px #2e7d3233,0 8px 32px var(--shadow)}#menu-logo{text-align:center;margin-bottom:4px}.logo-icon-img{width:72px;height:72px;margin-bottom:12px;border-radius:50%;box-shadow:0 0 20px #2e7d3266,0 4px 12px #00000080;display:inline-block;animation:logoPulse 4s ease-in-out infinite alternate}#tutorial-icon-img{width:24px;height:24px;border-radius:50%;display:inline-block;vertical-align:middle}@keyframes logoPulse{0%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(105,240,174,.3))}to{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(105,240,174,.6))}}@keyframes bagPulse{0%{transform:scale(1)}50%{transform:scale(1.08);color:#ff5252}to{transform:scale(1)}}.animate-pulse{animation:bagPulse .8s infinite ease-in-out}@keyframes bagFlash{0%,to{background:#e53935}50%{background:#ff5252;box-shadow:0 0 12px #ff5252}}.animate-flash{animation:bagFlash .5s infinite ease-in-out!important}.logo-title{font-family:var(--font-title);font-size:2.8rem;font-weight:400;color:var(--accent);letter-spacing:1.5px;line-height:1;margin-bottom:4px;text-shadow:0 0 20px rgba(105,240,174,.5),0 2px 4px rgba(0,0,0,.8)}#menu-pts-row{font-size:.58rem;color:var(--yellow);background:#fdd83514;border:1px solid rgba(253,216,53,.3);border-radius:3px;padding:7px 16px;width:100%;text-align:center}.save-row{display:flex;gap:8px;width:100%}.save-row .menu-btn{flex:1;width:auto}#menu-credit{font-size:.75rem;color:var(--text-dim);text-align:center;line-height:1.6;border-top:1px solid rgba(46,125,50,.3);padding-top:10px;width:100%}.credit-party{color:var(--accent);font-size:.8rem;font-weight:700}#game-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000;box-shadow:none}#game-canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges;transform:translateZ(0);will-change:transform}#rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;background:#051105f0;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:var(--accent);animation:modalIn .25s ease-out}.rotate-icon{font-size:3rem;margin-bottom:20px;animation:rotateGraphic 2.5s infinite linear}@keyframes rotateGraphic{0%{transform:rotate(0)}35%{transform:rotate(90deg)}65%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotate-title{font-family:var(--font-title);font-size:2.4rem;font-weight:400;color:#fff;margin-bottom:12px;letter-spacing:2px;text-shadow:0 0 10px rgba(105,240,174,.6)}.rotate-desc{font-size:.9rem;color:var(--text-dim);line-height:1.8;max-width:440px;margin-bottom:25px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px 28px;background:linear-gradient(180deg,rgba(0,10,0,.75) 0%,transparent 100%)}#hud-loc{font-family:var(--font-title);font-size:1.8rem;font-weight:400;color:var(--accent);letter-spacing:1.2px;text-shadow:0 1px 8px rgba(0,0,0,.9),0 0 12px rgba(105,240,174,.3)}#hud-pts-display{font-family:var(--font-title);font-size:1.8rem;font-weight:400;color:var(--yellow);letter-spacing:1.2px;text-shadow:0 1px 8px rgba(0,0,0,.9)}#hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:28px 10px 9px;background:linear-gradient(0deg,rgba(0,10,0,.8) 0%,transparent 100%)}#hud-left{display:flex;flex-direction:column;gap:5px;flex:1}#hud-tool{font-family:var(--font-title);font-size:1.6rem;font-weight:400;color:var(--text);letter-spacing:1px;text-shadow:0 1px 6px rgba(0,0,0,.9)}.meter-row{display:flex;align-items:center;gap:8px}.meter-lbl{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--text-dim);letter-spacing:.5px}.meter-bar,#bag-bar{width:120px;height:12px;background:#0009;border:1px solid rgba(46,125,50,.8);border-radius:4px;overflow:hidden}#bag-fill{height:100%;width:0%;border-radius:2px;background:var(--green-lt);transition:width .3s ease,background .3s ease}.meter-val,#bag-nums{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--text)}#hud-map-wrap{border:1px solid rgba(46,125,50,.8);border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #000c;flex-shrink:0;position:relative;cursor:pointer;pointer-events:auto}#mm-toggle-hint{position:absolute;top:4px;right:4px;background:#0009;color:var(--accent);font-size:.65rem;font-weight:800;padding:2px 4px;border-radius:2px;pointer-events:none;z-index:5}#minimap{display:block;width:100px;height:100px;image-rendering:auto;background:#000a0066}#xhair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:1rem;font-family:monospace;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.9)}#mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a00d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;animation:modalIn .2s ease-out}#mm-overlay-box{background:var(--panel);border:2px solid var(--border);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 0 50px #000c,0 0 20px #69f0ae33;width:auto;max-width:95vw;max-height:95vh;overflow:hidden}#mm-overlay-hdr{display:flex;justify-content:space-between;width:100%;font-family:var(--font-title);font-size:2rem;color:var(--accent);border-bottom:1px solid rgba(46,125,50,.3);padding-bottom:10px;letter-spacing:2px;flex-shrink:0}.map-close-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;font-family:var(--font-body);font-size:.75rem;font-weight:700;padding:6px 12px;cursor:pointer;align-self:center;transition:all .15s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:1px}.map-close-btn:hover{background:var(--red);color:#fff;border-color:var(--red-lt)}#mm-large{background:#040c04;border:1px solid rgba(105,240,174,.3);box-shadow:inset 0 0 20px #00000080;image-rendering:auto;width:100%;height:auto;max-width:min(80vw,65vh);aspect-ratio:1 / 1;object-fit:contain}#mm-legend{display:flex;flex-wrap:wrap;gap:10px 15px;justify-content:center;font-size:.72rem;color:var(--text-dim);font-family:var(--font-body);font-weight:700;margin-top:5px;flex-shrink:0;overflow-y:auto}@media(max-width:600px){#mm-overlay-hdr{font-size:1.5rem;padding-bottom:6px}#mm-overlay-box{padding:16px;gap:10px}#mm-large{max-width:min(85vw,60vh)}#mm-legend{gap:8px 12px;font-size:.65rem}}@media(max-height:500px)and (orientation:landscape){#mm-overlay-box{flex-direction:row;align-items:stretch;max-width:98vw;width:98vw;height:95vh}#mm-overlay-hdr{flex-direction:column;width:auto;border-bottom:none;border-right:1px solid rgba(46,125,50,.3);padding-right:10px;padding-bottom:0;justify-content:center}#mm-large{height:100%;width:auto;max-width:none;max-height:80vh}#mm-legend{flex-direction:column;align-items:flex-start;margin-top:0;padding-left:10px;border-left:1px solid rgba(46,125,50,.3)}}.mm-dot{display:flex;align-items:center;gap:6px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-msg{position:absolute;bottom:clamp(65px,15vh,120px);left:50%;transform:translate(-50%);font-size:clamp(.85rem,3.5vw,1.2rem);font-weight:800;background:#051205f5;border:2px solid var(--accent);border-radius:8px;padding:clamp(8px,1.8vh,16px) clamp(16px,4vw,32px);color:#fff;text-align:center;white-space:normal;word-wrap:break-word;width:auto;max-width:90vw;box-sizing:border-box;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #000000e6,0 0 25px #69f0ae4d;z-index:20;letter-spacing:.5px;transition:all .2s cubic-bezier(.16,1,.3,1)}#toast{position:absolute;top:clamp(40px,10vh,55px);left:50%;transform:translate(-50%);font-size:clamp(.8rem,3.2vw,1.1rem);font-weight:700;background:#051205f5;border:1px solid var(--accent);border-radius:6px;padding:clamp(8px,1.5vh,14px) clamp(14px,3.5vw,32px);color:#fff;text-align:center;white-space:normal;word-wrap:break-word;width:auto;max-width:90vw;box-sizing:border-box;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 32px #000000e6,0 0 20px #69f0ae26;z-index:20;transition:all .2s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:clamp(16px,3vh,28px) clamp(16px,4vw,24px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,11px);width:min(380px,94vw);max-height:94vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg);box-shadow:0 0 0 1px var(--bg),0 0 40px #2e7d322e,0 16px 48px #000000b3}.modal-box.wide{width:min(720px,96vw)}.modal-box.narrow{width:min(320px,92vw)}.modal-box h2{font-family:var(--font-title);font-size:clamp(1.6rem,5vh,2.2rem);font-weight:400;color:var(--accent);text-align:center;padding-bottom:12px;border-bottom:1px solid rgba(46,125,50,.3);width:100%;letter-spacing:1.5px;text-shadow:0 0 16px rgba(105,240,174,.35)}.modal-sub{font-size:.9rem;color:var(--text-dim);text-align:center}#store-balance{font-family:var(--font-title);font-size:1.6rem;font-weight:400;letter-spacing:1.2px;color:var(--yellow);text-align:center;text-shadow:0 0 10px rgba(253,216,53,.3)}#store-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.store-item{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:border-color .2s,box-shadow .2s}.store-item:hover:not(.owned):not(.locked){border-color:var(--accent);box-shadow:0 0 16px #69f0ae1f}.store-item.owned{border-color:var(--accent-dim);opacity:.6}.store-item.locked{opacity:.35}.si-emoji{font-size:1.6rem;line-height:1}.si-name{font-family:var(--font-title);font-size:1.4rem;font-weight:400;color:var(--accent);letter-spacing:.8px}.si-desc{font-size:.8rem;color:var(--text-dim);line-height:1.5}.si-cost{font-family:var(--font-title);font-size:1.2rem;color:var(--yellow);letter-spacing:.5px}.si-cost small{display:block;font-family:var(--font-body);font-size:.72rem;color:#e57373;margin-top:3px;font-weight:500}.si-owned{font-family:var(--font-title);font-size:1.2rem;color:var(--accent);letter-spacing:.5px}.buy-btn{font-family:var(--font-body);font-weight:700;font-size:.78rem;padding:7px 12px;background:var(--green);color:#fff;border:1px solid var(--accent-dim);border-radius:3px;cursor:pointer;margin-top:4px;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #2e7d324d}.buy-btn:hover:not(:disabled){background:var(--green-lt);box-shadow:0 4px 14px #2e7d3280}.buy-btn:active:not(:disabled){transform:translateY(1px)}.buy-btn:disabled{opacity:.35;cursor:not-allowed}#loc-list{display:flex;flex-direction:column;gap:8px;width:100%}.loc-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;transition:all .2s ease}.loc-item.locked{opacity:.45}.loc-item:not(.locked):hover{border-color:var(--accent);background:var(--panel)}.loc-icon{font-size:1.8rem;flex-shrink:0}.loc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.loc-name{font-family:var(--font-title);font-size:1.5rem;font-weight:400;color:var(--accent);letter-spacing:.8px}.loc-req{font-family:var(--font-body);font-size:.82rem;color:var(--text-dim)}.loc-play{flex-shrink:0;white-space:nowrap;min-width:80px}.loc-lock{font-size:1.3rem;margin-right:10px;opacity:.6}.setting-group{display:flex;flex-direction:column;gap:14px;width:100%;background:var(--bg2);border:1px solid rgba(46,125,50,.25);border-radius:4px;padding:14px 16px}.setting-title{font-family:var(--font-title);font-size:1.1rem;font-weight:400;color:var(--accent);letter-spacing:.8px;border-bottom:1px solid rgba(46,125,50,.15);margin-bottom:2px;padding-bottom:4px}.setting-row{display:flex;flex-direction:column;gap:7px}.setting-label{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-dim);letter-spacing:.5px}.setting-control{display:flex;align-items:center;gap:10px}.setting-tg{width:22px;height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg);border:2px solid var(--border);border-radius:4px;cursor:pointer;position:relative;transition:background .2s,border-color .2s}.setting-tg:checked{background:var(--green);border-color:var(--accent)}.setting-tg:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.setting-tg:hover{border-color:var(--accent);box-shadow:0 0 8px #69f0ae26}.setting-sel{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:4px;cursor:pointer;outline:none;width:100%}.setting-sel:focus{border-color:var(--accent);box-shadow:0 0 8px #69f0ae4d}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--green) 0%,var(--accent-dim) 100%);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--green-dk);box-shadow:0 0 8px #69f0ae66;transition:transform .1s,box-shadow .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #69f0ae99}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--green-dk);cursor:pointer}.setting-val{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--accent);min-width:40px;text-align:right}.transition-fade-out{opacity:0!important;filter:blur(4px);transition:all .2s ease!important}.transition-fade-in{opacity:1!important;filter:blur(0);animation:slideIn .25s ease-out forwards}@keyframes slideIn{0%{opacity:0;filter:blur(6px);transform:scale(1.02)}to{opacity:1;filter:blur(0);transform:scale(1)}}.setting-hint{font-size:.72rem;color:var(--text-dim);opacity:.7;margin-left:5px}body.high-contrast{--bg: #000000;--bg2: #000000;--panel: #000000;--text: #ffffff;--text-dim: #ffffff;--accent: #00ff00;--yellow: #ffff00;--border: #ffffff;--border-lt: #ffffff}body.high-contrast *{text-shadow:none!important;box-shadow:none!important;background-image:none!important}body.high-contrast .menu-btn{border:2px solid #fff!important;background:#000!important;color:#fff!important}body.high-contrast .buy-btn{background:#fff!important;color:#000!important;border:2px solid #000!important}.settings-tabs{display:flex;gap:5px;width:100%;margin-bottom:12px;border-bottom:1px solid var(--panel-lt)}.tab-btn{flex:1;background:var(--bg2);border:1px solid var(--border);border-bottom:none;border-radius:4px 4px 0 0;color:var(--text-dim);padding:8px 4px;font-family:var(--font-title);font-size:.9rem;cursor:pointer;transition:all .2s;letter-spacing:.5px}.tab-btn:hover{background:var(--panel-lt);color:var(--text)}.tab-btn.active{background:var(--panel);border-color:var(--accent);color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:6px;box-shadow:inset 0 2px 8px #69f0ae1a}.settings-tab-content{display:none;width:100%;flex-direction:column;gap:12px;animation:tabFadeIn .2s ease-out}.settings-tab-content.active{display:flex}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.live-preview-box{margin-top:10px;background:#000;border:1px solid var(--border);border-radius:4px;overflow:hidden;position:relative;height:60px;width:100%}.preview-label{position:absolute;top:4px;left:6px;font-size:.6rem;background:#0009;padding:2px 5px;border-radius:2px;color:var(--accent);z-index:2;pointer-events:none}#quality-preview-canvas{width:100%;height:100%;image-rendering:pixelated}.controls-ref{width:100%;background:var(--bg2);border:1px solid rgba(46,125,50,.25);border-radius:4px;padding:12px 16px;display:flex;flex-direction:column;gap:7px}.controls-title{font-family:var(--font-title);font-size:1.2rem;font-weight:400;color:var(--accent);margin-bottom:4px;border-bottom:1px solid rgba(46,125,50,.2);padding-bottom:6px;width:100%;letter-spacing:.8px}.ctrl-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim)}.ctrl-key{color:var(--accent);font-size:.75rem;font-family:monospace;font-weight:700;background:#69f0ae0f;border:1px solid rgba(105,240,174,.2);border-radius:2px;padding:2px 6px;white-space:nowrap}#tutorial-header{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-bottom:1px solid rgba(46,125,50,.3);padding-bottom:8px;margin-bottom:4px}#tutorial-step-num{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--text-dim)}@media(max-width:1024px),(pointer:coarse){#minimap,#hud-map-wrap canvas{width:90px;height:90px}#mm-toggle-hint{display:none}.ctx-msg{font-size:clamp(.78rem,2.8vw,.95rem);bottom:clamp(55px,12vh,90px);padding:clamp(6px,1.2vh,10px) clamp(12px,3vw,20px)}#toast{font-size:clamp(.75rem,2.5vw,.9rem);top:clamp(35px,8vh,50px);padding:clamp(6px,1vh,10px) clamp(12px,3vw,20px)}#store-grid{grid-template-columns:1fr}}@media(max-height:500px)and (orientation:landscape){#menu-inner,.modal-box{padding:12px 20px;gap:8px}.logo-icon-img{width:40px;height:40px;margin-bottom:4px}.logo-title{font-size:2rem}.modal-box h2{font-size:1.6rem;padding-bottom:6px}#main-menu,.modal{align-items:flex-start;padding-top:10px}#menu-inner{width:min(500px,98vw)}.modal-box.wide{width:min(800px,98vw)}#store-grid{grid-template-columns:1fr 1fr}.ctx-msg{bottom:clamp(45px,11vh,60px);font-size:.72rem;padding:5px 12px;border-width:1px;max-width:80vw}#toast{top:clamp(8px,6vh,25px);font-size:.7rem;padding:5px 12px;border-width:1px;max-width:80vw}}@media(max-width:400px){.logo-title{font-size:2.2rem}.modal-box h2{font-size:1.8rem}.menu-btn{font-size:.75rem;letter-spacing:.8px;padding:10px 14px}}#joystick-wrap{position:absolute;bottom:80px;left:20px;z-index:50;pointer-events:auto}#joystick-wrap:not(.hidden){display:block!important}#joystick-base{width:120px;height:120px;background:#0000004d;border:2px solid var(--border);border-radius:50%;position:relative;touch-action:none}#joystick-knob{width:60px;height:60px;background:var(--green);border:2px solid var(--accent);border-radius:50%;position:absolute;top:30px;left:30px}.encyclopedia-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:slideIn .3s ease-out forwards}.encyclopedia-modal{background:#0f1a0f;border:1px solid var(--border);width:100%;max-width:900px;max-height:85vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #00000080}.encyclopedia-header{padding:24px;background:var(--panel);border-bottom:1px solid var(--border);position:relative}.encyclopedia-header h2{margin:0 0 10px;font-family:var(--font-title);font-size:24px;color:var(--accent)}.encyclopedia-progress{font-size:14px;color:#aaa}.progress-bar-bg{width:200px;height:6px;background:#333;border-radius:3px;margin-top:6px;overflow:hidden}.progress-bar-fill{height:100%;background:#69f0ae;transition:width 1s ease-out}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#888;font-size:32px;cursor:pointer;line-height:1}.close-btn:hover{color:#fff}.encyclopedia-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-y:auto;flex:1}.encyclopedia-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;transition:transform .2s,border-color .2s}.encyclopedia-card:hover{transform:translateY(-4px);border-color:#555;background:#121}.encyclopedia-card.locked{opacity:.5;background:#050a05}.card-emoji{font-size:40px;margin-bottom:12px}.card-info h3{margin:0 0 8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-rarity{font-size:10px;font-weight:700;letter-spacing:1px;display:inline-block;margin-bottom:10px;padding:2px 0}.card-info p{margin:2px 0;font-size:12px;color:#999}.card-count{margin-top:8px!important;color:#69f0ae!important}.card-hint{font-style:italic;font-size:11px!important;color:#444!important}