:root{--accent: #4a9e4a;--accent-dim: #3a7e3a;--accent-glow: rgba(74, 158, 74, .3);--pixel-font: "Press Start 2P", monospace}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Courier New,monospace;background:#000}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.loading-title{font-family:var(--pixel-font);font-size:24px;font-weight:400;margin-bottom:40px;letter-spacing:4px;color:#e0e0e0;text-shadow:0 0 20px var(--accent-glow)}.loading-bar-container{width:400px;height:12px;background:#ffffff0f;border-radius:0;overflow:hidden;margin:0 auto 20px;border:2px solid #333;image-rendering:pixelated}.loading-bar{height:100%;background:var(--accent);width:0%;transition:width .3s steps(20);box-shadow:inset 0 -3px 0 var(--accent-dim),0 0 8px var(--accent-glow)}.loading-text{font-size:16px;color:#fffc;margin:10px 0}.loading-percent{font-family:var(--pixel-font);font-size:12px;font-weight:400;color:var(--accent);margin-top:10px}canvas{display:block;width:100%;height:100vh}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;pointer-events:none;z-index:100;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#ui{position:fixed;pointer-events:none;z-index:10}#inventory{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none}.slot{width:60px;height:60px;background:#000000b3;border:3px solid #666;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:all .2s;position:relative;pointer-events:auto}.slot.active{border-color:#fff;background:#fff3;transform:scale(1.1)}.slot-icon{font-size:28px;line-height:1;pointer-events:none}.slot-count{position:absolute;bottom:1px;right:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9);pointer-events:none;display:none}#minimap-container{position:fixed;top:14px;left:14px;width:150px;height:150px;border:2px solid rgba(255,255,255,.25);border-radius:50%;overflow:visible;z-index:100;pointer-events:none;background:#0000004d;box-shadow:0 0 8px #00000080}#minimap-container canvas{width:100%;height:100%;display:block;border-radius:50%}#minimap-info-btn{position:absolute;bottom:2px;right:2px;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:#0009;color:#ffffffd9;font-size:13px;font-weight:700;font-style:italic;font-family:Georgia,serif;cursor:pointer;pointer-events:auto;padding:0;line-height:24px;text-align:center;z-index:110;transition:background .15s,transform .15s}#minimap-info-btn:hover{background:#282828d9;transform:scale(1.1)}.info-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.info-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:380px;width:92%;max-height:80vh;max-height:80dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.info-modal-header{background:#0000004d;padding:0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:stretch;flex-shrink:0}.info-modal-tabs{display:flex;flex:1}.info-tab{flex:1;padding:10px 0;background:none;border:none;color:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s,background .15s;font-family:Segoe UI,sans-serif;border-bottom:2px solid transparent}.info-tab:hover{color:#fffc}.info-tab.active{color:#f0c040;background:#ffffff0a;border-bottom-color:#f0c040}.close-info-modal{background:none;border:none;color:#999;font-size:22px;cursor:pointer;padding:0 14px;line-height:1}.close-info-modal:hover{color:#fff}.info-modal-body{padding:12px 16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.info-modal-body::-webkit-scrollbar{width:4px}.info-modal-body::-webkit-scrollbar-track{background:transparent}.info-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:10px;border-bottom:1px solid rgba(255,255,255,.04)}.info-row:last-child{border-bottom:none}.info-row kbd{display:inline-block;padding:1px 5px;border:1px solid rgba(255,255,255,.25);border-radius:3px;background:#ffffff14;color:#fff;font-family:Courier New,monospace;font-size:9px;font-weight:700;min-width:50px;text-align:center}.info-row span{color:#ffffffb3;font-size:10px}.info-section{margin-bottom:8px}.info-section:last-child{margin-bottom:0}.info-section h5{font-size:10px;color:#f0c040;text-transform:uppercase;letter-spacing:.8px;margin:0 0 4px;padding-bottom:2px;border-bottom:1px solid rgba(240,192,64,.2)}.info-npc,.info-biome,.info-tip{font-size:10px;color:#ffffffb3;padding:2px 0;display:flex;align-items:center;gap:5px}.info-tip{padding-left:4px}.info-tip:before{content:">";color:#ffffff4d;font-size:9px;flex-shrink:0}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.purple{background:#a855f7}.dot.green{background:#22c55e}.dot.red{background:#ef4444}.swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}#game-clock{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none;background:#00000059;color:#fff;padding:3px 10px;border-radius:6px;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#player-hud{position:fixed;top:20px;right:20px;background:#0000008c;padding:8px 12px;border-radius:8px;z-index:100;display:flex;flex-direction:column;gap:4px;pointer-events:none;font-family:Courier New,monospace;color:#fff;min-width:170px}.hud-row{display:flex;align-items:center;gap:6px;height:16px}.hud-level-row{height:18px;margin-bottom:2px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.15)}.hud-level{font-size:13px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4);flex-shrink:0}.hud-xp-bar{flex:1;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.hud-xp-fill{height:100%;background:#22c55e;width:0%;border-radius:4px;transition:width .5s ease-out}.hud-xp-text{font-size:10px;color:#fff9;flex-shrink:0;min-width:40px;text-align:right}.hud-icon{font-size:13px;width:16px;text-align:center;flex-shrink:0}.hud-bar{flex:1;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.hud-bar-fill{height:100%;width:100%;border-radius:4px;transition:width .3s ease}.hud-val{color:#ffffffb3;font-size:11px;font-weight:700;min-width:16px;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-food-row{margin-top:1px;border-top:1px solid rgba(255,255,255,.1);padding-top:3px}.xp-notification{position:fixed;top:160px;right:20px;background:#22c55ee6;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:700;font-family:Courier New,monospace;z-index:9999;animation:slideInRight .3s ease-out;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.2)}.xp-notification small{display:block;font-size:11px;opacity:.9;margin-top:2px;font-weight:400}.xp-notification.fade-out{animation:slideOutRight .3s ease-out forwards}.unlock-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,gold,orange);color:#000;padding:30px 50px;border-radius:20px;font-size:20px;font-weight:700;font-family:Courier New,monospace;z-index:9999;animation:levelUp .6s ease-out;box-shadow:0 15px 50px #ffd700cc;border:3px solid #FFF;text-align:center}.unlock-notification h3{font-size:32px;margin:0 0 15px;text-shadow:0 2px 5px rgba(0,0,0,.2)}.unlock-notification p{margin:8px 0;font-size:16px}#start-screen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;overflow:hidden;display:none}#start-screen.hidden{display:none}.start-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:1}.start-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:200%;background-image:radial-gradient(1px 1px at 10% 10%,var(--accent) 50%,transparent 50%),radial-gradient(1px 1px at 30% 35%,#555 50%,transparent 50%),radial-gradient(1px 1px at 50% 15%,var(--accent) 50%,transparent 50%),radial-gradient(1px 1px at 70% 40%,#555 50%,transparent 50%),radial-gradient(1px 1px at 90% 22%,var(--accent) 50%,transparent 50%),radial-gradient(1px 1px at 15% 45%,#444 50%,transparent 50%),radial-gradient(1px 1px at 85% 8%,#444 50%,transparent 50%),radial-gradient(1.5px 1.5px at 40% 28%,var(--accent) 50%,transparent 50%),radial-gradient(1px 1px at 60% 5%,#555 50%,transparent 50%),radial-gradient(1px 1px at 25% 20%,#444 50%,transparent 50%),radial-gradient(1px 1px at 75% 32%,var(--accent) 50%,transparent 50%),radial-gradient(1px 1px at 45% 42%,#555 50%,transparent 50%);animation:particleDrift 40s linear infinite;opacity:.15}.start-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.game-header{text-align:center;margin-bottom:48px;animation:fadeInDown .8s ease-out}.game-header:before{content:"";display:block;width:4px;height:4px;margin:0 auto 24px;background:var(--accent);box-shadow:4px 0 0 var(--accent),8px 0 0 var(--accent),0 4px #3a7e3a,4px 4px 0 var(--accent),8px 4px #5ab85a,12px 4px #5ab85a,0 8px #3a7e3a,4px 8px #3a7e3a,8px 8px 0 var(--accent),12px 8px #5ab85a,4px 12px #2a5e2a,8px 12px #3a7e3a,12px 12px 0 var(--accent);opacity:.6}.game-title{font-family:var(--pixel-font);font-size:32px;font-weight:400;color:#e0e0e0;letter-spacing:6px;margin:0;text-shadow:2px 2px 0 #1a1a1a,0 0 30px var(--accent-glow)}.game-title:after{content:"_";animation:blink 1.2s step-end infinite;color:var(--accent)}.game-subtitle{font-size:12px;color:#555;font-weight:400;letter-spacing:4px;margin-top:16px}.start-actions{display:flex;gap:16px;margin-bottom:48px;animation:fadeInUp .8s ease-out .2s backwards}.start-btn{padding:14px 36px;font-size:11px;font-family:var(--pixel-font);font-weight:400;border:2px solid #333;background:transparent;color:#888;cursor:pointer;border-radius:0;transition:all .15s ease;display:flex;align-items:center;gap:10px;text-transform:lowercase;letter-spacing:2px}.start-btn.primary{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.start-btn:hover{background:#ffffff0d;color:#e0e0e0;border-color:#e0e0e0;transform:translateY(-1px)}.start-btn.primary:hover{background:#4a9e4a1a;color:#5ab85a;border-color:#5ab85a;box-shadow:0 0 20px var(--accent-glow)}.btn-icon{display:none}.game-features{display:flex;gap:32px;margin-bottom:48px;animation:fadeInUp .8s ease-out .4s backwards}.feature-item{display:flex;align-items:center;padding:0;background:none;border:none;border-radius:0}.feature-item+.feature-item:before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent);margin-right:32px;opacity:.4}.feature-item:hover{transform:none;background:none;box-shadow:none}.feature-icon{display:none}.feature-text{font-family:var(--pixel-font);font-size:8px;color:#555;font-weight:400;letter-spacing:1px}.start-footer{text-align:center;animation:fadeIn .8s ease-out .6s backwards}.controls-hint{color:#333;font-size:12px;margin-bottom:8px}.version{color:#333;font-family:var(--pixel-font);font-size:7px;font-weight:400;letter-spacing:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes particleDrift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.code-modal{position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.code-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;max-width:560px;width:92%;max-height:80vh;max-height:80dvh;overflow-y:auto;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .3s ease-out;font-family:Segoe UI,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.code-modal-content::-webkit-scrollbar{width:4px}.code-modal-content::-webkit-scrollbar-track{background:transparent}.code-modal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.close-modal{color:#999;float:right;font-size:22px;cursor:pointer;line-height:1;padding:16px 20px 0 0}.close-modal:hover{color:#fff}.code-modal-content h2{color:#f0c040;margin:0;padding:16px 20px;font-size:18px;font-weight:700;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.code-modal-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px;overflow-x:auto;margin:12px 20px}.code-modal-content code{color:#2ecc71;font-family:Courier New,monospace;font-size:12px;line-height:1.5}#modal-description,#modal-explanation{margin:10px 20px;line-height:1.6;font-size:12px;color:#ffffffa6;padding-bottom:8px}#modal-description{font-weight:600;color:#f0c040;font-size:13px}.pause-modal{position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.pause-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(240,192,64,.25);border-radius:16px;text-align:center;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:420px;width:92%;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.pause-header{background:#0000004d;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.pause-header h1{font-size:20px;margin:0 0 4px;color:#f0c040;font-weight:700;letter-spacing:1px}.pause-subtitle{color:#ffffff80;font-size:12px;margin:0;font-weight:400}.pause-stats{display:flex;gap:8px;padding:10px 16px}.stat-item{flex:1;display:flex;flex-direction:column;gap:3px;padding:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px}.stat-item:hover{background:#ffffff0f}.stat-icon{font-size:16px}.stat-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.stat-value{font-size:12px;color:#ffffffd9;font-weight:600;font-family:Courier New,monospace}.pause-buttons{display:flex;flex-direction:column;gap:6px;padding:8px 16px 12px}.pause-btn{padding:12px 22px;font-size:13px;font-family:Segoe UI,sans-serif;font-weight:600;background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.pause-btn:hover{background:#ffffff1a;border-color:#fff3}.pause-btn.primary{background:#2ecc7126;border-color:#2ecc714d;color:#2ecc71}.pause-btn.primary:hover{background:#2ecc7140}.pause-btn.danger{background:#e74c3c1a;border-color:#e74c3c33;color:#e74c3c}.pause-btn.danger:hover{background:#e74c3c33}.pause-hint{color:#ffffff4d;font-size:10px;margin:0;padding:0 16px 12px}.pause-hint kbd{background:#ffffff14;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.15);font-family:Courier New,monospace;font-size:9px;color:#ffffffb3}.quiz-modal{position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.quiz-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:520px;width:92%;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;position:relative}.close-quiz{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px;position:absolute;top:16px;right:16px;z-index:1}.close-quiz:hover{color:#fff}.quiz-header{background:#0000004d;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;flex-shrink:0}.quiz-header h2{margin:0 0 2px;font-size:18px;font-weight:700;color:#f0c040}.quiz-subtitle{margin:0;font-size:11px;color:#ffffff80;font-weight:400}.quiz-body{padding:16px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.quiz-body::-webkit-scrollbar{width:4px}.quiz-body::-webkit-scrollbar-track{background:transparent}.quiz-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.quiz-question{font-size:14px;line-height:1.6;color:#ffffffe6;margin-bottom:16px;padding:12px 14px;background:#0003;border-radius:8px;border-left:3px solid #f0c040;font-family:Courier New,monospace;white-space:pre-wrap}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{padding:11px 14px;font-size:13px;font-family:Segoe UI,sans-serif;background:#ffffff0a;color:#ffffffd9;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left}.quiz-option:hover{background:#ffffff14;border-color:#fff3}.quiz-option.correct{background:#2ecc7126;border-color:#2ecc7166;color:#2ecc71;font-weight:600}.quiz-option.incorrect{background:#e74c3c26;border-color:#e74c3c66;color:#e74c3c}.quiz-option.disabled{cursor:not-allowed;opacity:.5}.quiz-footer{background:#0000004d;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.quiz-result{font-size:14px;font-weight:700;margin-bottom:10px;padding:8px 12px;border-radius:8px;text-align:center}.quiz-result.correct{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.quiz-result.incorrect{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.quiz-explanation{font-size:11px;line-height:1.6;color:#ffffffb3;margin-bottom:12px;padding:8px 10px;background:#ffffff08;border-radius:6px;border-left:2px solid rgba(240,192,64,.3)}.quiz-btn{width:100%;padding:10px;font-size:12px;font-family:Segoe UI,sans-serif;font-weight:600;background:#f0c04026;color:#f0c040;border:1px solid rgba(240,192,64,.3);cursor:pointer;border-radius:8px;transition:all .2s ease}.quiz-btn:hover{background:#f0c04040}.settings-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.settings-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:420px;width:92%;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.settings-header{background:#0000004d;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.settings-header h2{margin:0;font-size:18px;font-weight:700;color:#f0c040}.close-settings{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.close-settings:hover{color:#fff}.settings-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.settings-body::-webkit-scrollbar{width:4px}.settings-body::-webkit-scrollbar-track{background:transparent}.settings-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.setting-group{display:flex;flex-direction:column;gap:5px}.setting-group label{font-size:13px;color:#ffffffb3;font-weight:600}.setting-group input[type=range]{width:100%;height:4px;border-radius:2px;background:#ffffff1f;outline:none;-webkit-appearance:none}.setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f0c040;cursor:pointer;box-shadow:0 1px 4px #0006}.setting-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f0c040;cursor:pointer;border:none;box-shadow:0 1px 4px #0006}.setting-value{font-size:13px;color:#f0c040;font-weight:600;font-family:Courier New,monospace;text-align:right}.setting-group select{width:100%;padding:6px 10px;font-size:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,sans-serif}.setting-group select:hover{background:#ffffff1a;border-color:#fff3}.setting-group select:focus{outline:none;border-color:#f0c04066}.setting-group select option{background:#1e2d41;color:#fff}.setting-hint{font-size:10px;color:#fff6;font-style:italic;margin-top:-2px}.settings-footer{background:#0000004d;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.settings-btn{padding:8px 16px;font-size:11px;font-family:Segoe UI,sans-serif;font-weight:600;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:6px;transition:all .2s ease}.settings-btn:hover{background:#ffffff1a;color:#fff}.settings-btn.primary{background:#f0c04026;border-color:#f0c0404d;color:#f0c040}.settings-btn.primary:hover{background:#f0c04040}.quest-log-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.quest-log-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:420px;width:92%;max-height:80vh;max-height:80dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.quest-log-header{background:#0000004d;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.quest-log-header h2{font-size:16px;font-weight:700;color:#f0c040;margin:0}.close-quest-log{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.close-quest-log:hover{color:#fff}.quest-log-body{padding:12px 16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.quest-log-body::-webkit-scrollbar{width:4px}.quest-log-body::-webkit-scrollbar-track{background:transparent}.quest-log-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ql-section{margin-bottom:14px}.ql-section:last-child{margin-bottom:0}.ql-section h4{font-size:10px;color:#f0c040;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid rgba(240,192,64,.15)}.ql-empty{color:#666;font-size:11px;font-style:italic;padding:4px 0}.ql-quest-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 10px;margin-bottom:6px}.ql-quest-card.ql-available{border-color:#2ecc7133}.ql-card-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.ql-icon{font-size:14px}.ql-card-name{font-weight:600;font-size:12px;color:#eee}.ql-card-desc{font-size:10px;color:#aaa;margin-bottom:4px}.ql-card-reward{font-size:10px;color:#2ecc71;margin-bottom:6px}.ql-card-progress{font-size:10px;color:#bbb;text-align:right}.ql-bar{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:2px}.ql-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#e74c3c,#f39c12);transition:width .3s ease}.ql-accept-btn{background:#2ecc71;color:#000;border:none;border-radius:4px;padding:4px 14px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.ql-accept-btn:hover{background:#27ae60}.ql-completed-item{font-size:11px;color:#ffffff80;padding:3px 0}.ql-check{color:#2ecc71;margin-right:4px}@media(max-width:768px),(max-height:500px){.quest-log-content{max-width:340px;max-height:70vh;max-height:70dvh;border-radius:12px}.quest-log-header{padding:10px 14px}.quest-log-header h2{font-size:14px}.quest-log-body{padding:8px 12px}.ql-card-name{font-size:11px}.ql-card-desc{font-size:9px}.ql-accept-btn{font-size:10px;padding:3px 10px}}.inventory-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.inventory-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:520px;width:95%;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.inventory-header{background:#0000004d;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.inventory-header h2{margin:0;font-size:18px;font-weight:700;color:#f0c040}.close-inventory{background:none;border:none;color:#999;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.close-inventory:hover{color:#fff}.inventory-body{padding:14px 18px 18px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.inventory-body::-webkit-scrollbar{width:4px}.inventory-body::-webkit-scrollbar-track{background:transparent}.inventory-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.inv-section-label{font-size:12px;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.inventory-grid{display:grid;grid-template-columns:repeat(7,minmax(50px,1fr));gap:5px}.inv-slot:nth-child(7){margin-bottom:10px}.inv-slot{aspect-ratio:1;background:#0006;border:2px solid rgba(255,255,255,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.inv-slot:hover{border-color:#ffffff59;background:#ffffff14}.inv-hotbar-slot{border-color:#f0c04033;background:#f0c0400d}.inv-slot-held{border-color:#fc0!important;box-shadow:0 0 10px #fc06;transform:scale(1.06)}.inv-slot-selected{border-color:#fff!important;background:#ffffff1f}.inv-slot-icon{font-size:22px;pointer-events:none;line-height:1}.inv-slot-count{position:absolute;bottom:1px;right:3px;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9);pointer-events:none;display:none}.inventory-footer{background:#0000004d;padding:8px 16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;flex-shrink:0}.inv-hint{font-size:12px;color:#fff6}.inv-slot-locked{opacity:.4;cursor:not-allowed}.inv-slot-locked .inv-slot-icon{filter:grayscale(1) brightness(.6)}.slot.slot-locked{opacity:.4;border-color:#555}.slot.slot-locked .slot-icon{filter:grayscale(1) brightness(.6)}.weapon-weather-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.weapon-weather-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:560px;width:92%;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.weapon-weather-header{background:#0000004d;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.weapon-weather-header h2{margin:0;font-size:18px;font-weight:700;color:#f0c040}.close-weapon-weather{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.close-weapon-weather:hover{color:#fff}.weapon-weather-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.weapon-weather-body::-webkit-scrollbar{width:4px}.weapon-weather-body::-webkit-scrollbar-track{background:transparent}.weapon-weather-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.menu-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:13px;color:#f0c040;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.section-hint{font-size:11px;color:#fff6;font-style:italic;margin:-4px 0 2px}.weapon-grid,.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.weapon-item,.weather-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 8px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.weapon-item:hover,.weather-item:hover{background:#ffffff14;border-color:#f0c0404d}.weapon-item.selected,.weather-item.selected{background:#f0c0401a;border-color:#f0c04080}.weapon-item.locked,.weather-item.locked{opacity:.4;cursor:not-allowed;position:relative}.weapon-item.locked:before,.weather-item.locked:before{content:"🔒";position:absolute;top:3px;right:3px;font-size:10px}.weapon-icon,.weather-icon{font-size:24px;margin-bottom:4px;display:block}.weapon-name,.weather-name{font-size:12px;font-weight:600;color:#ffffffd9;margin-bottom:2px}.weapon-stats,.weather-desc{font-size:10px;color:#ffffff73;line-height:1.3}.weapon-weather-footer{background:#0000004d;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.ww-btn{padding:10px 22px;font-size:12px;font-family:Segoe UI,sans-serif;font-weight:600;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:6px;transition:all .2s ease}.ww-btn:hover{background:#ffffff1a;color:#fff}.ww-btn.primary{background:#f0c04026;border-color:#f0c0404d;color:#f0c040}.ww-btn.primary:hover{background:#f0c04040}.auth-modal{position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.auth-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:420px;width:92%;overflow:hidden;font-family:Segoe UI,sans-serif}.auth-header{background:#0000004d;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.auth-header h2{margin:0;font-size:18px;font-weight:700;color:#f0c040}.close-auth{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.close-auth:hover{color:#fff}.auth-body{padding:20px}.auth-input-group{margin-bottom:14px}.auth-input-group label{display:block;font-size:12px;color:#ffffff80;margin-bottom:4px;font-weight:600}.auth-input-group input{width:100%;padding:10px 12px;font-size:13px;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;transition:border-color .2s ease;font-family:Segoe UI,sans-serif}.auth-input-group input:focus{outline:none;border-color:#f0c04066}.auth-input-group input::placeholder{color:#ffffff40}.password-hint{display:block;font-size:11px;color:#ffffff4d;margin-top:3px}.auth-error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.25);border-radius:6px;padding:10px 12px;margin-bottom:12px;color:#e74c3c;font-size:12px;text-align:center}.auth-btn{width:100%;padding:12px 18px;font-size:13px;font-family:Segoe UI,sans-serif;font-weight:600;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.auth-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.auth-btn.primary{background:#f0c04026;border-color:#f0c0404d;color:#f0c040;margin-bottom:12px}.auth-btn.primary:hover{background:#f0c04040}.auth-btn.secondary{background:#ffffff0a;border-color:#ffffff14;color:#ffffff80}.auth-toggle{text-align:center;margin:12px 0;font-size:12px;color:#fff6}.auth-link{background:none;border:none;color:#f0c040;cursor:pointer;font-weight:600;text-decoration:none;font-size:12px;margin-left:4px;transition:color .2s ease;font-family:Segoe UI,sans-serif}.auth-link:hover{color:#ffd966}.auth-divider{position:relative;text-align:center;margin:16px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14}.auth-divider span{position:relative;background:#28283c;padding:0 10px;color:#ffffff4d;font-size:11px;font-weight:400}.auth-hint{text-align:center;font-size:11px;color:#ffffff4d;margin-top:10px}.auth-user-info{padding:20px 18px;text-align:center}.user-avatar{margin-bottom:12px}.avatar-circle{width:48px;height:48px;border-radius:50%;background:#f0c0401a;border:1px solid rgba(240,192,64,.25);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:20px;font-weight:600;color:#f0c040}.user-details{margin-bottom:16px}.user-email{font-size:13px;color:#ffffffd9;margin:4px 0;font-weight:500}.user-status{font-size:11px;color:#fff6;margin:4px 0}.user-status-bar{position:absolute;top:20px;right:20px;z-index:100}.auth-status-btn{background:transparent;border:1px solid #333;padding:8px 16px;border-radius:0;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:12px;font-weight:400;letter-spacing:1px}.auth-status-btn:hover{border-color:#e0e0e0;color:#e0e0e0}.about-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.about-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:460px;width:92%;max-height:80vh;max-height:80dvh;overflow-y:auto;font-family:Segoe UI,sans-serif;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.about-modal-content::-webkit-scrollbar{width:4px}.about-modal-content::-webkit-scrollbar-track{background:transparent}.about-modal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.close-about{position:absolute;top:12px;right:14px;background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px;z-index:1}.close-about:hover{color:#fff}.about-modal-content h2{font-size:18px;font-weight:700;margin:0;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);color:#f0c040;flex-shrink:0}.about-section{margin-bottom:14px;padding:0 20px}.about-section:first-of-type{padding-top:14px}.about-section h3{font-size:11px;font-weight:700;margin-bottom:6px;color:#f0c040;border-bottom:1px solid rgba(240,192,64,.15);padding-bottom:4px;text-transform:uppercase;letter-spacing:.8px}.about-section p{line-height:1.5;color:#fff9;font-size:12px}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:6px}.control-item{background:#ffffff08;padding:5px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.06);font-size:11px;color:#fff9}.control-item kbd{display:inline-block;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;font-family:Courier New,monospace;margin-right:4px;color:#fff;font-size:10px;font-weight:700}.tech-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tech-tag{background:#f0c04014;padding:3px 10px;border-radius:4px;border:1px solid rgba(240,192,64,.15);font-size:11px;font-weight:500;color:#f0c040b3}.about-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d;flex-shrink:0}.about-footer p{color:#ffffff4d;font-size:11px;margin:0}.secret-block-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,orange,tomato);padding:30px 50px;border-radius:20px;color:#fff;z-index:9999;animation:epicUnlock .8s ease-out;box-shadow:0 15px 50px #ffa500b3,0 0 80px #ff634780;border:3px solid rgba(255,255,255,.6);text-align:center;max-width:500px}.secret-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;pointer-events:none}.secret-block-notification h3{font-size:28px;margin:0 0 15px;text-shadow:0 0 15px rgba(255,255,255,.9);animation:textGlow 1.5s ease-in-out infinite}.secret-name{font-size:32px;font-weight:700;margin:10px 0 15px;color:gold;text-shadow:0 0 20px rgba(255,215,0,1)}.secret-hint{font-size:14px;margin:10px 0 0;color:#ffffffe6;font-style:italic}.secret-block-notification.fade-out{animation:fadeOutScale 1s ease-out forwards}.special-set-unlock{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 60px;border-radius:25px;color:#fff;z-index:10000;animation:epicUnlock 1s ease-out;box-shadow:0 20px 80px #667eeacc,0 0 100px #764ba299;border:3px solid rgba(255,255,255,.5);text-align:center;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.set-unlock-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;pointer-events:none}.special-set-unlock h2{font-size:32px;margin:0 0 15px;text-shadow:0 0 20px rgba(255,255,255,.8);animation:textGlow 1.5s ease-in-out infinite}.special-set-unlock h3{font-size:36px;margin:10px 0 20px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.special-set-unlock p{font-size:16px;margin:10px 0;color:#fffffff2}.set-rewards{margin-top:25px;padding:20px;background:#0000004d;border-radius:15px;border:2px solid rgba(255,255,255,.2)}.set-rewards p{margin:8px 0;font-size:14px;text-align:left}.set-rewards strong{color:gold}.special-set-unlock.fade-out{animation:fadeOutScale 1s ease-out forwards}.death-modal{position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .5s ease-out}.death-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(231,76,60,.3);border-radius:16px;text-align:center;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .5s ease-out;max-width:380px;width:92%;overflow:hidden;font-family:Segoe UI,sans-serif}.death-header{background:#0000004d;padding:20px 22px 16px;border-bottom:1px solid rgba(231,76,60,.2)}.death-header h1{font-size:22px;margin:0 0 4px;color:#e74c3c;font-weight:700;letter-spacing:1px}.death-subtitle{color:#ffffff80;font-size:12px;margin:0;font-style:italic}.death-body{padding:16px 22px}.death-message{font-size:12px;color:#fff9;line-height:1.5;margin:0}.death-buttons{padding:0 22px 18px}.death-btn{padding:12px 22px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Segoe UI,sans-serif;width:100%}.death-btn.primary{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.death-btn.primary:hover{background:#2ecc7140}.pause-btn .btn-icon,.death-btn .btn-icon{font-size:14px;display:inline}@keyframes float{0%,to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:0}}@keyframes glow{0%,to{filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xpPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes levelUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes epicUnlock{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.8)}50%{text-shadow:0 0 40px rgba(255,255,255,1),0 0 60px rgba(255,255,255,.8)}}@keyframes fadeOutScale{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes hungerPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes eatingGlow{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes messagePopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.loading-title{font-size:32px;margin-bottom:24px}.loading-bar-container{width:280px}.loading-title{font-size:18px;margin-bottom:24px}.loading-bar-container{width:280px;height:10px}.loading-text{font-size:13px}.loading-percent{font-size:10px}.game-title{font-size:24px;letter-spacing:4px}.game-features{gap:16px}.start-actions{flex-direction:column;width:100%;max-width:260px}.start-btn{width:100%;justify-content:center}.controls-grid{grid-template-columns:1fr}.pause-stats{flex-direction:column;gap:4px}}@media(max-height:500px){#loading-screen{height:100vh;height:100dvh}.loading-title{font-size:16px;margin-bottom:12px;letter-spacing:2px}.loading-bar-container{width:240px;height:8px;margin-bottom:10px}.loading-text{font-size:11px;margin:4px 0}.loading-percent{font-size:9px;margin-top:4px}}@media(max-height:500px){#start-screen{height:100vh;height:100dvh}.start-content{padding:10px 20px;gap:0;justify-content:center}.game-header{margin-bottom:10px}.game-title{font-size:18px;letter-spacing:3px}.game-subtitle{font-size:9px;letter-spacing:2px;margin-top:2px}.game-header:before{display:none}.user-status-bar{margin-bottom:8px}.auth-status-btn{padding:4px 12px!important;font-size:10px!important}.start-actions{flex-direction:row;margin-bottom:10px;gap:10px}.start-btn{padding:8px 16px;font-size:9px}.game-features{flex-direction:row;gap:10px;margin-bottom:8px}.feature-item{padding:8px 12px;gap:4px;border-radius:0}.feature-item+.feature-item:before{margin-right:10px}.feature-icon{font-size:20px}.feature-text{font-size:7px}.start-footer{margin-top:4px}.controls-hint{font-size:10px;margin-bottom:2px}.version{font-size:6px}}@media(max-height:360px){.loading-title{font-size:14px;margin-bottom:8px}.loading-bar-container{width:200px;height:6px;margin-bottom:6px}.loading-text{font-size:10px;margin:2px 0}.loading-percent{font-size:8px;margin-top:2px}.game-title{font-size:14px;letter-spacing:2px}.game-subtitle,.game-features,.start-footer{display:none}.start-btn{padding:6px 14px;font-size:8px}}#dev-mode-indicator{position:fixed;top:20px;right:20px;background:#1a1a1a;color:#c66;padding:8px 14px;border-radius:0;font-weight:400;font-size:11px;z-index:9999;border:1px solid #333;letter-spacing:1px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}#mining-progress-container{position:fixed;top:52%;left:50%;transform:translate(-50%);width:200px;z-index:100}#mining-progress-bar{width:100%;height:8px;background:#000000b3;border-radius:4px;overflow:hidden;border:2px solid rgba(255,255,255,.3);position:relative}#mining-progress-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);transition:width .1s linear;box-shadow:0 0 10px #4caf5080}#mining-progress-text{text-align:center;color:#fff;font-size:12px;font-weight:700;margin-top:4px;text-shadow:0 0 4px rgba(0,0,0,.8)}.health-fill{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.health-fill[data-health=low]{background:linear-gradient(90deg,#c0392b,#e74c3c);animation:hungerPulse 1s ease-in-out infinite}.hunger-fill{background:linear-gradient(90deg,#4caf50,#8bc34a)}.hunger-fill[data-hunger=low]{background:linear-gradient(90deg,#ff9800,#ffc107)}.hunger-fill[data-hunger=critical]{background:linear-gradient(90deg,#f44336,#e91e63);animation:hungerPulse 1s ease-in-out infinite}.breath-fill{background:linear-gradient(90deg,#2196f3,#64b5f6)}.breath-fill[data-breath=low]{background:linear-gradient(90deg,#1565c0,#1e88e5);animation:hungerPulse .8s ease-in-out infinite}.breath-fill[data-breath=critical]{background:linear-gradient(90deg,#0d47a1,#1565c0);animation:hungerPulse .5s ease-in-out infinite}#damage-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;border:6px solid rgba(255,0,0,.6);box-shadow:inset 0 0 60px #f006;animation:damageFlash .3s ease-out}@keyframes damageFlash{0%{opacity:1;box-shadow:inset 0 0 100px #f009}to{opacity:0;box-shadow:inset 0 0 30px #ff00001a}}#eating-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;border:8px solid rgba(139,195,74,.6);box-shadow:inset 0 0 50px #8bc34a4d;animation:eatingGlow 1.5s ease-in-out}#eating-message{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);z-index:9999;animation:messagePopIn .3s ease-out}#mobile-controls{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:50;pointer-events:none;touch-action:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#joystick-zone{position:absolute;left:0;top:0;width:40%;height:100%;pointer-events:auto;touch-action:none}#joystick-base{position:absolute;bottom:60px;left:24px;width:110px;height:110px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}#joystick-thumb{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#ffffff73,#ffffff26);border:2px solid rgba(255,255,255,.35);pointer-events:none}#camera-zone{position:absolute;right:0;top:0;width:60%;height:100%;pointer-events:auto;touch-action:none}#mobile-actions{position:absolute;right:12px;bottom:50px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;pointer-events:none}.mobile-btn{border-radius:14px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:Courier New,monospace;font-weight:700;color:#ffffffd9;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:auto;transition:transform .08s ease,background .08s ease;width:54px;height:54px;font-size:20px}.mobile-btn:active,.mobile-btn.held{transform:scale(.92);background:#ffffff40;border-color:#fff6}#btn-eat{grid-row:1;grid-column:1;font-size:18px}#btn-place{grid-row:1;grid-column:2}#btn-inventory{grid-row:1;grid-column:3;font-size:18px}#btn-mine{grid-row:2;grid-column:2}#btn-jump{grid-row:2;grid-column:3;font-size:24px;background:#ffffff1f;border-color:#ffffff47}#btn-attack{display:none}#btn-menu{position:fixed;top:10px;right:12px;width:40px;height:40px;font-size:16px;border-radius:10px;background:#00000040;border-color:#ffffff26}#sprint-indicator{position:fixed;bottom:50%;left:24px;transform:translateY(50%);background:#ffffff26;color:#fffc;padding:4px 12px;border-radius:4px;font-size:10px;font-weight:700;font-family:Courier New,monospace;pointer-events:none;z-index:51;border:1px solid rgba(255,255,255,.2)}#rotate-device{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:99999;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Courier New,monospace}.rotate-content{text-align:center}.rotate-icon{font-size:64px;margin-bottom:20px}.rotate-content p{font-size:18px;opacity:.8}.rotate-hint{font-size:14px!important;opacity:.7!important;margin-top:16px;color:#8ecfff}body.touch-device{overscroll-behavior:none;touch-action:none;height:100vh;height:100dvh;overflow:hidden}body.touch-device #minimap-container{top:8px;left:8px;width:90px;height:90px;pointer-events:auto}body.touch-device #minimap-info-btn{width:20px;height:20px;font-size:11px;line-height:20px;bottom:0;right:0;z-index:300}body.touch-device .info-modal-content{max-width:320px;max-height:70vh;max-height:70dvh}body.touch-device .info-tab{font-size:11px;padding:8px 0}body.touch-device .info-modal-body{padding:8px 12px}body.touch-device .info-row{font-size:9px}body.touch-device .info-row kbd{font-size:8px;min-width:42px}body.touch-device .info-npc,body.touch-device .info-biome,body.touch-device .info-tip{font-size:9px}body.touch-device .desktop-hint{display:none!important}body.touch-device .mobile-hint{display:block!important}body.touch-device #crosshair{font-size:18px}body.touch-device .slot{pointer-events:auto}body.touch-device #inventory{bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:3px}body.touch-device .slot{width:38px;height:38px;font-size:18px;border-width:2px}body.touch-device .slot-icon{font-size:18px}body.touch-device .slot-count{font-size:9px;bottom:0;right:2px}body.touch-device #player-hud{top:8px;right:70px;padding:5px 8px;min-width:120px;gap:2px}body.touch-device .hud-icon{font-size:11px;width:14px}body.touch-device .hud-val,body.touch-device .hud-xp-text{font-size:9px}body.touch-device .hud-level{font-size:11px}body.touch-device #mining-progress-container{width:150px}@media(max-height:400px){body.touch-device #joystick-base{width:80px;height:80px;bottom:50px;left:12px}body.touch-device #joystick-thumb{width:34px;height:34px}body.touch-device .slot{width:30px;height:30px;font-size:14px}body.touch-device #inventory{bottom:calc(4px + env(safe-area-inset-bottom,0px));gap:2px}#mobile-actions{right:6px;bottom:36px;gap:5px}.mobile-btn{width:40px;height:40px;font-size:14px;border-radius:10px}#btn-jump{font-size:16px}#btn-inventory{font-size:13px}#btn-menu{width:34px;height:34px;font-size:14px;top:8px;right:8px;border-radius:8px}body.touch-device .slot-icon{font-size:14px}body.touch-device .slot-count{font-size:9px}}@media(min-height:401px)and (max-height:500px){body.touch-device #joystick-base{width:96px;height:96px;bottom:55px;left:18px}body.touch-device .slot{width:34px;height:34px;font-size:16px}}@media(min-height:501px){body.touch-device #joystick-base{width:110px;height:110px;bottom:65px;left:28px}body.touch-device .slot{width:40px;height:40px;font-size:20px}#mobile-actions{right:18px;bottom:60px;gap:10px}.mobile-btn{width:62px;height:62px;font-size:24px;border-radius:16px}#btn-jump{font-size:28px}#btn-eat{font-size:22px}#btn-inventory{font-size:20px}#btn-menu{width:46px;height:46px;font-size:18px;border-radius:12px}}body.touch-device .pause-modal-content,body.touch-device .settings-modal-content,body.touch-device .weapon-weather-content,body.touch-device .inventory-modal-content,body.touch-device .quiz-modal-content,body.touch-device .code-modal-content,body.touch-device .death-modal-content,body.touch-device .auth-modal-content,body.touch-device .about-modal-content{max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-height:500px){.pause-modal-content{max-width:340px;border-radius:12px}.pause-header{padding:12px 16px}.pause-header h1{font-size:16px}.pause-subtitle{font-size:10px}.pause-stats{padding:6px 12px;gap:6px}.stat-item{padding:6px}.stat-icon{font-size:14px}.stat-label{font-size:8px}.stat-value{font-size:10px}.pause-buttons{padding:6px 12px 10px;gap:4px}.pause-btn{padding:8px 14px;font-size:11px}.pause-hint{font-size:9px;padding:0 12px 8px}.settings-modal-content{max-width:340px;border-radius:12px}.settings-header{padding:10px 14px}.settings-header h2{font-size:14px}.settings-body{padding:10px 14px;gap:10px}.setting-group label,.setting-value{font-size:10px}.settings-footer{padding:8px 14px}.settings-btn{padding:6px 12px;font-size:10px}.weapon-weather-content{max-width:95%;border-radius:12px}.weapon-weather-header{padding:10px 14px}.weapon-weather-header h2{font-size:14px}.weapon-weather-body{padding:10px 14px;gap:10px}.section-title{font-size:11px}.section-hint{font-size:9px}.weapon-grid,.weather-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.weapon-item,.weather-item{padding:8px 6px;border-radius:6px}.weapon-icon,.weather-icon{font-size:20px;margin-bottom:2px}.weapon-name,.weather-name{font-size:10px}.weapon-stats,.weather-desc{font-size:8px}.weapon-weather-footer{padding:8px 14px}.ww-btn{padding:6px 14px;font-size:10px}.inventory-modal-content{max-width:380px;border-radius:12px}.inventory-header{padding:10px 14px}.inventory-header h2{font-size:14px}.inventory-body{padding:8px 10px 10px}.inv-section-label{font-size:10px;margin-bottom:4px}.inventory-grid{gap:3px}.inv-slot-icon{font-size:16px}.inv-slot-count{font-size:8px}.inv-slot:nth-child(7){margin-bottom:6px}.inventory-footer{padding:6px 10px}.inv-hint{font-size:10px}.quiz-modal-content{max-width:400px;border-radius:12px}.close-quiz{top:10px;right:12px;font-size:20px}.quiz-header{padding:10px 14px}.quiz-header h2{font-size:14px}.quiz-subtitle{font-size:9px}.quiz-body{padding:10px 14px}.quiz-question{font-size:11px;padding:8px 10px;margin-bottom:10px}.quiz-option{padding:8px 10px;font-size:11px}.quiz-footer{padding:10px 14px}.quiz-result{font-size:12px;padding:6px 8px}.quiz-explanation{font-size:10px;padding:6px 8px}.quiz-btn{padding:8px;font-size:11px}.code-modal-content{max-width:95%;border-radius:12px}.close-modal{font-size:20px;padding:10px 14px 0 0}.code-modal-content h2{font-size:14px;padding:10px 14px}.code-modal-content pre{margin:8px 14px;padding:8px 10px}.code-modal-content code{font-size:10px}#modal-description,#modal-explanation{margin:6px 14px;font-size:10px}.death-modal-content{max-width:300px;border-radius:12px}.death-header{padding:14px 16px 10px}.death-header h1{font-size:18px}.death-subtitle{font-size:10px}.death-body{padding:8px 16px}.death-message{font-size:10px}.death-buttons{padding:0 16px 12px}.death-btn{padding:8px 16px;font-size:11px}.auth-modal-content{max-width:340px;border-radius:12px}.auth-header{padding:10px 14px}.auth-header h2{font-size:14px}.auth-body{padding:14px}.auth-input-group{margin-bottom:10px}.auth-input-group input{padding:7px 9px;font-size:11px}.auth-btn{padding:8px 14px;font-size:11px}.avatar-circle{width:40px;height:40px;font-size:18px}.auth-user-info{padding:14px}.about-modal-content{max-width:95%;border-radius:12px}.about-modal-content h2{font-size:14px;padding:10px 14px}.about-section{margin-bottom:10px;padding:0 14px}.about-section h3{font-size:9px}.about-section p{font-size:10px}.control-item{padding:3px 5px;font-size:9px}.control-item kbd{font-size:8px;padding:1px 3px}.tech-tag{font-size:9px;padding:2px 6px}.about-footer{padding:8px 14px}.about-footer p{font-size:9px}.secret-block-notification{padding:16px 24px}.secret-block-notification h3{font-size:18px;margin-bottom:6px}.secret-name{font-size:22px;margin:4px 0 6px}.secret-hint{font-size:11px}.special-set-unlock{padding:20px 28px}.special-set-unlock h2{font-size:22px;margin-bottom:8px}.special-set-unlock h3{font-size:24px;margin:6px 0 10px}.special-set-unlock p{font-size:13px}.unlock-notification{padding:16px 24px;border-radius:12px}.unlock-notification h3{font-size:22px;margin-bottom:8px}.unlock-notification p{font-size:13px}.xp-notification{padding:6px 10px;font-size:12px}}.crafting-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.crafting-modal-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:520px;width:95%;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.crafting-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.crafting-header h2{font-size:18px;font-weight:700;color:#f0c040;margin:0}.close-crafting{background:none;border:none;color:#999;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.close-crafting:hover{color:#fff}.crafting-body{padding:14px 18px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.crafting-body::-webkit-scrollbar{width:4px}.crafting-body::-webkit-scrollbar-track{background:transparent}.crafting-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.recipe-categories{display:flex;gap:6px;margin-bottom:12px}.category-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#aaa;padding:7px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.category-btn:hover{background:#ffffff1a;color:#fff}.category-btn.active{background:#f0c04033;border-color:#f0c04080;color:#f0c040}.crafting-main{display:flex;gap:12px;min-height:200px}.recipe-list{flex:1;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.recipe-empty{color:#777;font-size:12px;font-style:italic;padding:20px 10px;text-align:center}.recipe-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s}.recipe-card:hover{background:#ffffff14}.recipe-card.selected{background:#f0c0401a;border-color:#f0c04066}.recipe-card.locked{opacity:.5}.recipe-icon{font-size:18px}.recipe-name{font-size:13px;font-weight:600;flex:1}.locked-badge{font-size:12px}.crafting-preview{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;display:flex;flex-direction:column}.crafting-preview h3{font-size:16px;color:#f0c040;margin:0 0 10px}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:13px}.recipe-inputs h4,.recipe-output h4{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.input-item{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:13px}.input-item.available{color:#2ecc71}.input-item.insufficient{color:#e74c3c}.input-icon{font-size:14px}.input-name{flex:1}.input-count{font-weight:600}.input-available{font-size:11px;color:#888}.recipe-arrow{text-align:center;font-size:20px;margin:6px 0;color:#f0c040}.output-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.output-icon{font-size:16px}.recipe-time{margin-top:8px;font-size:12px;color:#999}.craft-btn{margin-top:auto;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;transition:all .2s;width:100%}.craft-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2ecc714d}.craft-btn.disabled{background:#ffffff0d;color:#666;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px),(max-height:500px){.crafting-modal-content{max-width:95%}.crafting-main{flex-direction:column;min-height:auto}.recipe-list{max-height:150px}.crafting-preview{min-height:180px}.category-btn{padding:5px 10px;font-size:11px}}.save-load-modal{position:fixed;z-index:3500;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .3s ease-out}.save-load-content{background:linear-gradient(135deg,#232d41f2,#2d2337f2);padding:0;border:2px solid rgba(240,192,64,.25);border-radius:16px;color:#fff;box-shadow:0 16px 48px #00000080;animation:modalSlideIn .4s ease-out;max-width:460px;width:92%;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.save-load-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.save-load-header h2{margin:0;font-size:18px;font-weight:700;color:#f0c040}.close-save-load{background:none;border:none;color:#999;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.close-save-load:hover{color:#fff}.save-load-body{padding:14px 18px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.save-load-body::-webkit-scrollbar{width:4px}.save-load-body::-webkit-scrollbar-track{background:transparent}.save-load-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.save-slots{display:flex;flex-direction:column;gap:6px}.save-slot-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;transition:all .2s ease}.save-slot-card:hover{background:#ffffff0f;border-color:#ffffff26}.save-slot-card.active{border-color:#2ecc714d;background:#2ecc710f}.save-slot-card.empty{opacity:.5}.slot-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.slot-title{font-size:13px;font-weight:600}.slot-active-badge{font-size:8px;background:#2ecc7133;color:#2ecc71;padding:1px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.slot-cloud-badge{font-size:10px;padding:1px 4px;border-radius:4px;margin-left:auto}.slot-cloud-badge.synced{color:#3498db}.slot-cloud-badge.pending{color:#f0c040}.slot-cloud-badge.error{color:#e74c3c}.slot-info{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#fff6;font-family:Courier New,monospace;margin-bottom:6px}.slot-info span{display:flex;align-items:center;gap:3px}.slot-empty-text{color:#ffffff4d;font-style:italic;font-size:12px;margin-bottom:6px}.slot-actions{display:flex;gap:4px}.slot-btn{padding:5px 12px;font-size:11px;font-family:Segoe UI,sans-serif;font-weight:600;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;transition:all .2s}.slot-btn.save-btn{background:#2ecc711a;color:#2ecc71;border-color:#2ecc7140}.slot-btn.save-btn:hover{background:#2ecc7133}.slot-btn.load-btn{background:#3498db1a;color:#3498db;border-color:#3498db40}.slot-btn.load-btn:hover{background:#3498db33}.slot-btn.delete-btn{background:#e74c3c14;color:#e74c3c;border-color:#e74c3c33}.slot-btn.delete-btn:hover{background:#e74c3c26}.slot-btn:disabled{opacity:.3;cursor:not-allowed}.save-toast{position:fixed;bottom:40px;left:20px;transform:translateY(20px);background:#4caf50e6;color:#fff;padding:10px 24px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;font-weight:700;z-index:6000;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 16px #0000004d}.save-toast.show{opacity:1;transform:translateY(0)}.slot-confirm{background:#00000080;border-radius:6px;padding:8px;margin-top:6px;text-align:center}.slot-confirm p{margin:0 0 6px;font-size:12px;color:#ffffffb3}.slot-confirm-btns{display:flex;gap:6px;justify-content:center}.confirm-yes,.confirm-no{padding:5px 14px;font-size:11px;font-family:Segoe UI,sans-serif;font-weight:600;border-radius:4px;cursor:pointer;border:1px solid}.confirm-yes{background:#2ecc7126;color:#2ecc71;border-color:#2ecc714d}.confirm-yes:hover{background:#2ecc7140}.confirm-no{background:#ffffff0f;color:#fff9;border-color:#ffffff1f}.confirm-no:hover{background:#ffffff1a}@media(max-width:768px),(max-height:500px){.save-load-content{max-width:95%;border-radius:12px}.save-load-header h2{font-size:14px}.save-slot-card{padding:8px 10px}.slot-info{font-size:9px;gap:6px}.slot-btn{padding:3px 8px;font-size:9px}}