@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0F0606;--surface: #1F0B0B;--primary: #DC2626;--primary-dark: #991B1B;--accent: #FBBF24;--text: #FEF2F2;--text-muted: #9CA3AF;--border: #2A1010;--success: #10B981;--warning: #F59E0B;--danger: #DC2626;--info: #3B82F6;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #DC262626}body{margin:0;padding:0;background:radial-gradient(ellipse at 50% 100%,#DC262626 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#FBBF241a 0%,transparent 50%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;position:relative;font-size:16px;line-height:1.5}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:-1}.app-container{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:800px;height:90vh;max-height:600px;display:flex;flex-direction:column;position:relative;overflow:hidden}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:var(--bg);color:var(--text);font-size:1.2rem;text-align:center}.loading-icon{animation:pulse 1.5s infinite ease-in-out;color:var(--accent)}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}.toast-message{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:var(--radius);color:var(--text);font-weight:700;z-index:1000;text-align:center;box-shadow:var(--shadow);background-color:var(--info)}.toast-message.success{background-color:var(--success)}.toast-message.warning{background-color:var(--warning)}.toast-message.error{background-color:var(--danger)}.toast-message.info{background-color:var(--info)}.start-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:var(--bg);text-align:center;padding:20px;position:relative}.game-title{font-family:Bebas Neue,sans-serif;font-size:4rem;color:var(--primary);margin-bottom:.5rem;text-shadow:0 0 20px var(--primary),0 0 40px rgba(220,38,38,.5);letter-spacing:2px}.subtitle{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--accent);margin-top:0;margin-bottom:2rem;text-shadow:0 0 10px var(--accent)}.piddy-hero{width:120px;height:120px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.piddy-hero img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}.piddy-hero span{font-size:5rem;line-height:1}.start-button,.restart-button,.select-button,.inventory-button,.enter-training-button{background:var(--primary);color:var(--text);border:none;border-radius:var(--radius);padding:14px 28px;font-family:Inter,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 0 24px var(--primary);display:flex;align-items:center;gap:8px}.start-button:hover,.restart-button:hover,.select-button:hover,.inventory-button:hover,.enter-training-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 0 32px var(--primary)}.start-button:active,.restart-button:active,.select-button:active,.inventory-button:active,.enter-training-button:active{transform:translateY(0);box-shadow:0 0 16px var(--primary)}.start-button:disabled,.restart-button:disabled,.select-button:disabled,.inventory-button:disabled,.enter-training-button:disabled{background-color:var(--text-muted);box-shadow:none;cursor:not-allowed}.high-score-display{margin-top:1.5rem;font-size:1rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.cloud-sync-indicator-start{position:absolute;top:20px;right:20px;color:var(--text-muted);font-size:.8rem;opacity:.7}.game-screen{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.hud{display:flex;justify-content:space-around;padding:10px;background:var(--surface);border-bottom:1px solid var(--border);font-size:.9rem;z-index:10;box-shadow:0 4px 8px #0003}.hud-item{display:flex;align-items:center;gap:5px;color:var(--text);font-weight:500}.tutorial-step-display{background:var(--accent);color:var(--bg);padding:4px 10px;border-radius:6px;font-weight:700;box-shadow:0 0 10px var(--accent)}.game-area{flex-grow:1;position:relative;overflow:hidden;background:var(--bg)}.training-ground{width:100%;height:100%;background-color:#333;background-size:cover;background-position:center;position:relative;display:flex;justify-content:center;align-items:center}.player-character{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80px;height:80px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}.player-character img{width:100%;height:100%;object-fit:contain}.player-character span{font-size:3rem;line-height:1}.training-gate{position:absolute;top:20%;left:50%;transform:translate(-50%);width:100px;height:100px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.training-gate img{width:100%;height:100%;object-fit:contain}.training-gate span{font-size:3rem;line-height:1}.gate-label{color:var(--text);font-size:.9rem;background:#00000080;padding:2px 8px;border-radius:4px}.main-map{width:100%;height:100%;background:#1a0f0f;position:relative;background-image:radial-gradient(circle,rgba(255,255,255,.01) 1px,transparent 1px);background-size:5px 5px}.map-gate,.map-enemy,.map-boss{position:absolute;width:70px;height:70px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .2s ease}.map-gate img,.map-enemy img,.map-boss img{width:100%;height:100%;object-fit:contain}.map-gate span,.map-enemy span,.map-boss span{font-size:2.5rem;line-height:1}.map-gate.white-gate{filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.map-gate.white-gate.found{opacity:.5;cursor:default;filter:grayscale(100%) brightness(.5)}.gate-check-icon{color:var(--success);position:absolute;bottom:-10px;right:-10px;background:var(--surface);border-radius:50%;padding:2px;box-shadow:0 0 10px var(--success)}.map-enemy{filter:drop-shadow(0 0 8px rgba(220,38,38,.4))}.map-gate.red-gate{filter:drop-shadow(0 0 15px var(--primary))}.map-boss{width:100px;height:100px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 20px var(--primary))}.map-gate.extraction-point{filter:drop-shadow(0 0 15px var(--info))}.bottom-bar{display:flex;justify-content:center;padding:10px;background:var(--surface);border-top:1px solid var(--border);z-index:10;box-shadow:0 -4px 8px #0003;gap:20px}.inventory-panel{position:absolute;right:0;top:0;width:300px;height:100%;background:var(--surface);border-left:2px solid var(--border);box-shadow:-8px 0 16px #0000004d;display:flex;flex-direction:column;z-index:20}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border)}.inventory-header h3{margin:0;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:1px}.close-inventory-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.inventory-items{flex-grow:1;padding:15px;overflow-y:auto}.inventory-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px;display:flex;align-items:center;gap:15px;transition:background-color .2s ease}.inventory-item.selected{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.item-icon{width:50px;height:50px;background:#0000004d;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:2rem;flex-shrink:0}.item-icon img{width:100%;height:100%;object-fit:contain}.item-details{flex-grow:1}.item-details h4{margin:0 0 5px;color:var(--text);font-size:1.1rem}.item-details p{margin:0;color:var(--text-muted);font-size:.85rem}.select-button{margin-top:10px;padding:8px 15px;font-size:.9rem;box-shadow:0 0 10px var(--primary)}.selected-text{margin-top:10px;display:inline-block;color:var(--success);font-weight:700;font-size:.9rem}.gameover-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:var(--bg);text-align:center;padding:20px}.game-over-title{font-family:Bebas Neue,sans-serif;font-size:4rem;color:var(--accent);margin-bottom:1rem;text-shadow:0 0 20px var(--accent),0 0 40px rgba(251,191,36,.5);letter-spacing:2px}.final-score{font-size:1.8rem;color:var(--text);margin-bottom:.5rem}.new-high-score{font-size:1.2rem;color:var(--success);font-weight:700;margin-bottom:1.5rem;animation:neon-glow 1.5s infinite alternate}@keyframes neon-glow{0%{text-shadow:0 0 5px var(--success),0 0 10px var(--success),0 0 15px var(--success)}to{text-shadow:0 0 10px var(--success),0 0 20px var(--success),0 0 30px var(--success)}}.restart-button{margin-top:2rem}@media (max-width: 600px){.app-container{height:100vh;border-radius:0;max-height:unset}.game-title{font-size:3rem}.subtitle{font-size:1.5rem}.start-button{padding:12px 24px;font-size:1rem}.hud{flex-direction:column;gap:5px}.inventory-panel{width:100%}}