@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0A0A0A;--surface: #1A1A1A;--primary: #F59E0B;--primary-dark: #D97706;--accent: #FBBF24;--text: #FAFAFA;--text-muted: #A0A0A0;--border: #2A2A2A;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius: 12px;--shadow: 0 12px 36px rgba(0, 0, 0, .4), 0 0 28px #F59E0B26}body{margin:0;padding:0;background:radial-gradient(ellipse at 50% 100%,#F59E0B26 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}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:-1}.game-container{background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:800px;height:600px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-title{font-family:Bebas Neue,sans-serif;font-size:4.5em;color:var(--primary);text-shadow:0 0 20px var(--accent),0 0 10px var(--primary);margin-bottom:20px;position:absolute;top:40px;z-index:10}.cloud-status-badge{position:absolute;top:10px;right:10px;font-size:.8em;color:var(--text-muted);z-index:11;display:flex;align-items:center;gap:5px}.cloud-indicator.loading{color:var(--accent)}.cloud-indicator.saving{color:var(--success)}.cloud-indicator.error{color:var(--danger)}.cloud-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#f59e0be6;color:var(--bg);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;opacity:0;animation:fade-in-out 2s forwards}.cloud-toast.error{background-color:#ef4444e6}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(20px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.game-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:var(--surface);padding:20px;box-sizing:border-box}.start-screen{gap:20px}.player-preview-container{width:150px;height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.start-dino{width:100%;height:100%;object-fit:contain}.start-dino-fallback{font-size:150px;line-height:1}.start-message{font-size:2.2em;color:var(--accent);font-family:Bebas Neue,sans-serif;text-shadow:0 0 10px var(--accent);animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:.9}}.customization-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.customization-section h3{font-family:Bebas Neue,sans-serif;font-size:1.8em;color:var(--text);margin:0;display:flex;align-items:center;gap:8px;text-shadow:0 0 5px var(--text)}.dino-type-selector{display:flex;gap:10px}.dino-type-button{background-color:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:8px 15px;font-family:Inter,sans-serif;font-size:1em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.dino-type-button:hover{border-color:var(--primary);color:var(--primary)}.dino-type-button.active{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:0 0 15px var(--primary)}.color-selector{display:flex;gap:10px}.color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000004d}.color-swatch:hover{transform:scale(1.15);border-color:var(--accent)}.color-swatch.active{transform:scale(1.2);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.action-button.start-game-button{margin-bottom:20px;padding:15px 40px;font-size:1.5em}.start-info{font-size:1.1em;color:var(--text-muted);text-align:center;line-height:1.6}.start-info kbd{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg);box-shadow:0 2px 0 var(--border);font-family:Inter,sans-serif;font-size:.9em;margin:0 2px;color:var(--text)}.high-score-display{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:1.2em;color:var(--text)}.loading-spinner{font-size:1.5em;color:var(--accent);display:flex;align-items:center;gap:10px}.loading-spinner:before{content:"";width:20px;height:20px;border:3px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playing-screen{background-color:#0d1a2a;position:relative}.game-canvas{position:absolute;top:0;left:0;z-index:1}.hud{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:10px;background-color:#1a1a1acc;padding:10px 15px;border-radius:var(--radius);z-index:2;border:1px solid var(--border);box-shadow:0 4px 12px #0000004d}.hud-section{display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--text)}.hud-label{color:var(--text-muted);font-weight:500}.hud-value{color:var(--primary);font-weight:700;font-family:Bebas Neue,sans-serif;font-size:1.2em}.hud-value.score-pop{animation:scorePop .2s ease-out}@keyframes scorePop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.hud-lives{display:flex;gap:5px}.heart-icon.filled{filter:drop-shadow(0 0 5px var(--danger))}.level-up-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,sans-serif;font-size:4em;color:var(--accent);text-shadow:0 0 20px var(--accent),0 0 10px var(--primary);z-index:3;pointer-events:none}.end-screen{gap:25px}.end-message{font-family:Bebas Neue,sans-serif;font-size:3.5em;text-shadow:0 0 15px;margin-bottom:10px}.end-message.gameover{color:var(--danger);text-shadow:0 0 15px var(--danger)}.end-message.victory{color:var(--success);text-shadow:0 0 15px var(--success)}.final-score{font-size:1.8em;color:var(--text);font-weight:700}.new-high-score{font-size:1.5em;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:10px;margin-top:-15px;margin-bottom:10px}.action-button{background-color:var(--primary);color:var(--bg);padding:12px 30px;border:none;border-radius:var(--radius);font-family:Inter,sans-serif;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;box-shadow:0 0 24px var(--primary)}.action-button:hover{background-color:var(--primary-dark);box-shadow:0 0 30px var(--primary-dark);transform:translateY(-2px)}.action-button:active{transform:translateY(0);box-shadow:0 0 15px var(--primary)}