@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#0f172a;min-height:100vh;overflow-x:hidden}.game-container{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#581c87,#0f172a);color:#fff}.game-header{background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.1);padding:24px 0}.header-content{max-width:80rem;margin:0 auto;padding:0 16px}.game-title{font-size:2.25rem;font-weight:700;text-align:center;background:linear-gradient(to right,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.game-subtitle{text-align:center;color:#d1d5db;margin-top:8px;font-size:1.125rem}.game-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:32px}.game-content{width:100%;max-width:72rem;margin:0 auto;display:flex;flex-direction:row;gap:32px;height:calc(100vh - 200px)}.game-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000004d}.game-footer{background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.1);padding:16px 0}.footer-content{max-width:80rem;margin:0 auto;padding:0 16px;text-align:center;color:#9ca3af}body,.game-container{background:#000!important;position:relative}body:before{content:none!important}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.95}}.game-container{min-height:100vh;color:#fff;background:transparent}.game-panel{background:#141830a6;border:1.5px solid rgba(80,0,255,.18);border-radius:16px;padding:24px;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 32px #5000ff1a,0 2px 24px #00000040}.game-panel-left{width:33%}.game-panel-right{width:67%}.game-header{background:#0a0c20d9;border-bottom:2px solid rgba(80,0,255,.18);box-shadow:0 2px 24px #5000ff1a;padding:28px 0 16px}.game-title{font-size:2.5rem;font-weight:700;text-align:center;background:linear-gradient(90deg,#22d3ee 10%,#a855f7 60%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 16px #a855f7,0 0 32px #22d3ee;letter-spacing:.04em}.game-subtitle{text-align:center;color:#b6e0ff;margin-top:8px;font-size:1.15rem;text-shadow:0 0 8px #22d3ee}.game-footer{background:#0a0c20d9;border-top:2px solid rgba(80,0,255,.18);box-shadow:0 -2px 24px #5000ff1a;padding:16px 0}.footer-content{max-width:80rem;margin:0 auto;padding:0 16px;text-align:center;color:#7dd3fc;text-shadow:0 0 8px #22d3ee}.player-stats h3,.inventory-section h3,.backpack-section h3,.store-section h3,.quest-section h3{color:#a855f7;text-shadow:0 0 8px #a855f7,0 0 16px #22d3ee;font-size:1.25rem;font-weight:700;margin-bottom:16px;margin-top:0;text-align:center}.inventory-item,.backpack-item{background:#1e2850b3;border:1px solid rgba(168,85,247,.18);box-shadow:0 0 8px #a855f7,0 0 2px #22d3ee}.inventory-item:hover,.backpack-item:hover{background:#283c78d9;border-color:#a855f7;box-shadow:0 0 16px #a855f7,0 0 8px #22d3ee}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#22d3ee14;border-radius:4px}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f773}.mine-asteroid-btn{display:block;margin:18px auto 0;padding:18px 48px;font-size:1.5rem;font-family:inherit;font-weight:800;color:#fff;background:linear-gradient(90deg,#22d3ee,#a855f7);border:none;border-radius:32px;box-shadow:0 0 32px #22d3ee,0 0 64px #a855f7,0 2px 24px #000;text-shadow:0 0 12px #22d3ee,0 0 24px #a855f7;letter-spacing:.04em;cursor:pointer;position:relative;z-index:2;transition:transform .15s,box-shadow .15s,background .2s;outline:none;animation:mineBtnPulse 2.2s infinite alternate}.mine-asteroid-btn:hover,.mine-asteroid-btn:focus{background:linear-gradient(90deg,#a855f7,#22d3ee);transform:scale(1.07) translateY(-2px);box-shadow:0 0 48px #a855f7,0 0 96px #22d3ee,0 4px 32px #000}@keyframes mineBtnPulse{0%{box-shadow:0 0 32px #22d3ee,0 0 64px #a855f7,0 2px 24px #000}to{box-shadow:0 0 64px #a855f7,0 0 128px #22d3ee,0 4px 32px #000}}.top-mine-btn-row{display:flex;justify-content:center;align-items:center;margin-top:0}.player-stats{background:#141830d9;border:2px solid #22d3ee;border-radius:18px;padding:28px 24px 20px;margin-bottom:24px;box-shadow:0 0 32px #22d3ee44,0 2px 24px #000a;position:relative;overflow:visible}.player-stats h3{font-size:1.35rem;font-weight:800;color:#22d3ee;text-shadow:0 0 12px #22d3ee,0 0 24px #a855f7;margin-bottom:22px;margin-top:0;letter-spacing:.04em;text-align:center}.stat-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:8px 0 4px;border-bottom:1px solid rgba(34,211,238,.1);font-size:1.08rem;font-weight:600;letter-spacing:.01em}.stat-row:last-child{border-bottom:none}.stat-label{color:#b6e0ff;display:flex;align-items:center;gap:8px;font-size:1.01rem;font-weight:500}.stat-value{font-weight:800;color:#fff;font-size:1.08rem;text-shadow:0 0 8px #22d3ee,0 0 16px #a855f7;letter-spacing:.01em}.stat-value.level{color:#22d3ee;text-shadow:0 0 8px #22d3ee,0 0 16px #22d3ee}.stat-value.stardust{color:#fbbf24;text-shadow:0 0 8px #fbbf24,0 0 16px #fbbf24}.stat-value.mining{color:#fb923c;text-shadow:0 0 8px #fb923c,0 0 16px #fb923c}.stat-value.drones{color:#a855f7;text-shadow:0 0 8px #a855f7,0 0 16px #a855f7}.stat-label.level:before{content:"★";color:#22d3ee;margin-right:4px;font-size:1.1em}.stat-label.stardust:before{content:"✦";color:#fbbf24;margin-right:4px;font-size:1.1em}.stat-label.mining:before{content:"⛏️";color:#fb923c;margin-right:4px;font-size:1.1em}.stat-label.drones:before{content:"🤖";color:#a855f7;margin-right:4px;font-size:1.1em}.xp-progress{width:100%;background:#6b72802e;border-radius:8px;height:12px;margin:10px 0 18px;overflow:hidden;box-shadow:0 0 12px #22d3ee88}.xp-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#a855f7);border-radius:8px;transition:width .3s ease;box-shadow:0 0 16px #22d3ee,0 0 32px #a855f7}.inventory-section{background:#141830d9;border:2px solid #22d3ee;border-radius:18px;padding:24px 20px 18px;margin-bottom:24px;box-shadow:0 0 32px #22d3ee44,0 2px 24px #000a;position:relative}.inventory-section h3{font-size:1.25rem;font-weight:800;color:#22d3ee;text-shadow:0 0 12px #22d3ee,0 0 24px #a855f7;margin-bottom:18px;margin-top:0;letter-spacing:.04em;text-align:center}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inventory-item{background:#1e2850b3;border:1.5px solid #a855f7;border-radius:12px;padding:14px 8px 10px;text-align:center;box-shadow:0 0 8px #a855f7,0 0 2px #22d3ee;transition:all .2s;min-height:70px;position:relative}.inventory-item:hover{background:#283c78d9;border-color:#a855f7;box-shadow:0 0 16px #a855f7,0 0 8px #22d3ee}.inventory-icon{font-size:1.5rem;margin-bottom:4px}.inventory-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:2px;letter-spacing:.01em}.inventory-count{font-size:.8rem;color:#7dd3fc;font-weight:500}.inventory-item.locked{background:#1e285073;border:1.5px dashed #6b7280;filter:grayscale(1) blur(.5px) opacity(.6);box-shadow:none;cursor:not-allowed}.inventory-item.locked .inventory-icon{filter:grayscale(1) opacity(.5)}.inventory-item.locked .inventory-name{color:#6b7280;font-style:italic}.inventory-item.locked .inventory-count{color:#6b7280}.inventory-item.locked .inventory-lock{position:absolute;top:8px;right:8px;font-size:1.1rem;color:#a855f7;background:#0a0a1ed9;border-radius:50%;padding:2px 5px;border:1px solid #a855f7;box-shadow:0 0 8px #a855f7}.inventory-item.locked .inventory-unlock-label{display:block;margin-top:8px;color:#a855f7;font-size:.8rem;font-style:italic;text-shadow:0 0 8px #a855f7}.player-hud-compact{width:100%;display:flex;flex-direction:column;gap:18px}.player-hud-top-row{display:flex;flex-direction:row;gap:18px;align-items:flex-start;width:100%}.player-stats.compact,.inventory-section.compact{flex:1 1 0;min-width:0;margin-bottom:0;padding:18px 8px 12px;border-radius:18px}.inventory-row-scroll{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.inventory-item{min-width:70px;max-width:90px}.inventory-show-more{background:linear-gradient(90deg,#22d3ee,#a855f7);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:700;font-size:.95rem;margin-left:8px;cursor:pointer;box-shadow:0 0 8px #a855f7,0 0 2px #22d3ee;transition:background .2s,box-shadow .2s}.inventory-show-more:hover{background:linear-gradient(90deg,#a855f7,#22d3ee);box-shadow:0 0 16px #a855f7,0 0 8px #22d3ee}.player-hud-bottom-row{display:flex;flex-direction:row;gap:14px;align-items:stretch;width:100%;margin-top:8px}.backpack-section.compact,.store-section.compact,.quest-section.compact{flex:1 1 0;min-width:0;margin-bottom:0;padding:14px 8px 10px;border-radius:14px;box-shadow:0 0 12px #a855f733,0 2px 12px #0005;background:#141830d1;border:1.5px solid #a855f7;display:flex;flex-direction:column;align-items:center}.backpack-section.compact h3,.store-section.compact h3,.quest-section.compact h3{font-size:1.05rem;margin-bottom:8px;margin-top:0;text-align:center}.backpack-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.backpack-item{min-width:38px;max-width:54px;padding:6px 2px 4px}.quest-placeholder{font-size:.92rem;color:#b6e0ff;text-align:center;margin-top:6px}.header-flex-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:0}.header-icon-group{display:flex;align-items:center;gap:10px}.header-icon-group.left{justify-content:flex-start}.header-icon-group.right{justify-content:flex-end}.header-center-group{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.header-icon-btn{background:linear-gradient(90deg,#181a2a 60%,#23234a);border:2.5px solid #22d3ee;border-radius:12px;margin:0 4px;padding:6px 14px;display:flex;align-items:center;gap:6px;font-size:1.18rem;font-weight:800;color:#fff;box-shadow:0 0 16px #22d3ee88,0 2px 12px #a855f7aa;cursor:pointer;transition:background .18s,box-shadow .18s,border .18s,color .18s;outline:none;z-index:10}.header-icon-btn:hover,.header-icon-btn:focus{background:linear-gradient(90deg,#22d3ee,#a855f7);color:#fff;border-color:#fbbf24;box-shadow:0 0 32px #a855f7,0 0 16px #22d3ee}.modal-overlay{position:fixed;inset:0;background:#0a0c20d9;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-content{background:#141830fa;border:2px solid #a855f7;border-radius:18px;box-shadow:0 0 32px #a855f7,0 2px 24px #000a;padding:32px 24px 24px;min-width:320px;max-width:90vw;max-height:80vh;overflow-y:auto;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center}.modal-close-btn{margin-top:18px;background:linear-gradient(90deg,#a855f7,#22d3ee);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-weight:700;font-size:1.05rem;cursor:pointer;box-shadow:0 0 8px #a855f7,0 0 2px #22d3ee;transition:background .2s,box-shadow .2s}.modal-close-btn:hover{background:linear-gradient(90deg,#22d3ee,#a855f7);box-shadow:0 0 16px #a855f7,0 0 8px #22d3ee}@media (max-width: 900px){.game-content{flex-direction:column;gap:18px;height:auto}.game-panel-left,.game-panel-right{width:100%;min-width:0;max-width:100vw;margin:0;padding:0}.game-panel{padding:14px 4vw;border-radius:14px;margin-bottom:12px}}@media (max-width: 600px){.game-header,.game-footer{padding:10px 0}.game-title{font-size:1.3rem;padding:0 2vw}.game-subtitle{font-size:.95rem}.player-hud-compact,.player-stats.compact,.inventory-section.compact,.leaderboard-section.compact{padding:10px 4px!important;border-radius:10px!important;font-size:.98rem}.leaderboard-section.compact{max-width:98vw!important;min-width:0!important;margin:10px auto!important}.inventory-row-scroll{gap:6px}.inventory-item,.backpack-item{min-width:54px;max-width:70px;font-size:.92rem}.player-hud-bottom-row{flex-direction:column;gap:8px}.store-section.compact,.backpack-section.compact,.quest-section.compact{padding:8px 2px 6px;border-radius:10px}.modal-content{min-width:90vw;padding:16px 6px 12px}}@media (max-width: 400px){.game-title{font-size:1.05rem}.leaderboard-section.compact{font-size:.92rem;padding:6px 2px!important}}.mobile-dropdown-menu{animation:dropdownFadeIn .18s}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.mobile-menu-btn{width:100%;background:none;border:none;color:#22d3ee;font-size:1.08rem;font-weight:700;padding:12px 0;border-bottom:1px solid #2228;text-align:left;transition:background .15s,color .15s;cursor:pointer}.mobile-menu-btn:last-child{border-bottom:none}.mobile-menu-btn:active,.mobile-menu-btn:hover{background:linear-gradient(90deg,#22d3ee22,#a855f722);color:#a855f7}