@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0B0F2E;--surface: #181E47;--primary: #A855F7;--primary-dark: #9333EA;--accent: #EC4899;--text: #F0F4FF;--text-muted: #9CA3AF;--border: #2E335E;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #A855F726}body{margin:0;padding:0;box-sizing:border-box;background:radial-gradient(ellipse at 50% 100%,#A855F726 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#EC48991a 0%,transparent 50%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-container{width:100%;max-width:1200px;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;width:100%}.loading-text{font-size:1.2rem;color:var(--text-muted)}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);max-width:600px;width:90%}.main-title{font-family:Bebas Neue,Inter,sans-serif;font-size:4rem;color:var(--primary);margin-bottom:20px;letter-spacing:2px;text-shadow:0 0 20px var(--accent)}.subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.action-button{background:var(--primary);color:var(--text);border:none;border-radius:var(--radius);padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 24px var(--primary)}.action-button:hover{background:var(--primary-dark);box-shadow:0 0 30px var(--primary)}.button-icon{margin-left:5px}.exploration-screen{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:20px;position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10}.header-title{font-family:Bebas Neue,Inter,sans-serif;font-size:1.8rem;color:var(--accent);text-shadow:0 0 10px var(--accent);margin:0}.cloud-status-display{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem}.cloud-status-display .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-display{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem}.progress-count{color:var(--primary);font-weight:700}.map-view{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius);background-color:var(--surface);background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;box-shadow:var(--shadow)}.region-overlay{position:absolute;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;border:2px solid transparent}.region-overlay.unlocked{border-color:var(--primary);box-shadow:0 0 15px var(--primary)}.region-overlay.locked{background-color:#0009;filter:grayscale(80%) brightness(50%);cursor:not-allowed;border-color:var(--border)}.region-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2}.lock-icon{color:var(--text-muted);opacity:.7}.region-name-tag{position:absolute;bottom:15px;padding:8px 15px;background:rgba(var(--primary-dark),.8);border-radius:var(--radius);color:var(--text);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 10px #0000004d;z-index:3}.tag-icon{color:var(--text)}.region-info-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;display:flex;flex-direction:column;gap:15px;z-index:10}.region-info-title{font-family:Bebas Neue,Inter,sans-serif;font-size:2rem;color:var(--primary);text-shadow:0 0 15px var(--primary);margin:0}.region-info-description{font-size:1rem;color:var(--text-muted);line-height:1.5}.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.game-card{background:var(--border);border-radius:var(--radius);padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003}.game-card:hover{background:var(--primary-dark);box-shadow:0 8px 20px #0000004d}.game-icon-wrapper{color:var(--accent)}.game-card-name{font-weight:700;font-size:.9rem;color:var(--text)}.game-status-icon{color:var(--text-muted)}.treasure-button{background:var(--accent);color:var(--text);border:none;border-radius:var(--radius);padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 15px var(--accent);margin-top:10px}.treasure-button:hover{background:#d43b8a;box-shadow:0 0 20px var(--accent)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-detail-modal,.treasure-modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;max-width:500px;width:90%;text-align:center;position:relative;display:flex;flex-direction:column;gap:20px}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;font-size:1rem;transition:color .2s ease,transform .2s ease}.back-button:hover{color:var(--primary)}.modal-title{font-family:Bebas Neue,Inter,sans-serif;font-size:2.5rem;color:var(--primary);text-shadow:0 0 15px var(--primary);margin-top:20px}.modal-icon-wrapper{color:var(--accent);margin:10px auto}.modal-description{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.play-game-button{margin-top:10px}.treasure-found-title{color:var(--accent);text-shadow:0 0 15px var(--accent)}.treasure-icon-wrapper{margin:20px auto;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.treasure-chest-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--warning))}.fallback-treasure-icon{color:var(--warning);filter:drop-shadow(0 0 10px var(--warning))}.treasure-game-name{font-family:Bebas Neue,Inter,sans-serif;font-size:2rem;color:var(--text);margin-bottom:10px}.treasure-game-description{font-size:1rem;color:var(--text-muted);margin-bottom:30px}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:rgba(var(--primary-dark),.9);color:var(--text);padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;font-size:.95rem;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.main-title{font-size:3rem}.subtitle{font-size:1rem}.header{flex-direction:column;gap:10px;padding:10px 15px}.header-title{font-size:1.5rem}.region-info-panel{padding:15px}.region-info-title{font-size:1.5rem}.game-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.game-detail-modal,.treasure-modal{padding:25px}.modal-title{font-size:2rem}}