@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Orbitron:wght@600&display=swap";:root{--font-main: "Outfit", sans-serif;--color-bg: #1a1a2e;--color-text: #ffffff;--color-accent: #e94560;--color-ui-bg: rgba(22, 33, 62, .85)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-y:auto;display:flex;justify-content:center;align-items:center;min-height:100vh}#game-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:20px}#game-container{position:relative;width:100%;aspect-ratio:4 / 3;max-width:800px;max-height:600px;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e);border:2px solid var(--border-core, #ffffff);box-shadow:0 0 var(--glow-blur, 8px) var(--glow-color, rgba(255, 255, 255, .3)),inset 0 0 var(--glow-blur, 8px) var(--glow-color, rgba(255, 255, 255, .3)),0 0 20px #00000080;border-radius:8px;overflow:hidden;transition:background 1s ease,border-color .3s ease}#game-container.theme-1{background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}#game-container.theme-2{background:linear-gradient(180deg,#12100e,#2b4162)}#game-container.theme-3{background:linear-gradient(180deg,#200122,#6f0000)}#game-container.theme-4{background:linear-gradient(180deg,#0a2e38,#154734,#0c2018)}#game-container.theme-5{background:linear-gradient(180deg,#000,#434343)}canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0009;pointer-events:auto;z-index:10;gap:15px}.hidden{display:none!important}@media(max-width:768px){#game-wrapper{gap:15px;padding:15px 10px}#game-container{max-height:500px}}@media(max-width:560px){#game-wrapper{padding:10px 8px 20px;gap:12px}.screen{padding:8px;gap:4px}}#game-header{width:100%;max-width:800px;text-align:center;margin-bottom:-10px}.main-title,h1{font-size:2rem;font-weight:900;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--color-accent),0 0 30px var(--color-accent),0 0 40px var(--color-accent);animation:lightning-flicker 2s infinite}#scoreboard{width:100%;max-width:800px;display:flex;justify-content:space-between;gap:16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 20px;box-shadow:0 4px 12px #00000059}.score-card{flex:1;display:flex;align-items:center;justify-content:space-between;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:1.1rem}.score-value{font-size:2rem;font-weight:900;text-shadow:0 0 6px rgba(255,255,255,.4);transition:transform .1s ease-out;display:inline-block}.score-pop{animation:score-pop-anim .2s cubic-bezier(.175,.885,.32,1.275)}.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:linear-gradient(135deg,#fff7c0,gold);color:#8b4100;font-weight:800;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 6px #ffd700b3,0 0 14px #ffd70099,0 0 24px #ffd70080}#hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);gap:10px}#hearts{font-size:clamp(1rem,2vw,1.3rem);letter-spacing:5px}#powerup-timer{background:#0009;padding:6px 12px;border-radius:16px;border:2px solid var(--color-accent);color:#fff;font-family:Orbitron,sans-serif;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px var(--color-accent);z-index:10}.timer-label{font-size:.7rem;color:var(--color-accent);letter-spacing:.6px}button{background-color:var(--color-accent);border:none;padding:1rem 2rem;color:#fff;font-family:var(--font-main);font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:transform .1s,background-color .2s}button:hover{transform:scale(1.05);background-color:#ff2e4d}button:active{transform:scale(.95)}.secondary-btn{background-color:transparent;border:1px solid rgba(255,255,255,.25);padding:.35rem .8rem;font-size:.8rem;margin-top:2rem;opacity:.6;font-weight:400}.secondary-btn:hover{background-color:#ffffff1a;opacity:1}.secondary-btn-large{background-color:transparent;border:1px solid rgba(255,255,255,.3);padding:.6rem 1.6rem;font-size:1rem;border-radius:999px;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:none}.secondary-btn-large:hover{background-color:#ffffff1a;border-color:#fff;color:#fff;transform:scale(1.02)}.footer-pause-btn{margin-top:4px;align-self:center;font-size:.95rem;padding:.5rem 1.6rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.6px;box-shadow:none}#combo-container{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:20}.combo-text{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;color:#fff;line-height:1;text-shadow:2px 2px 0px rgba(0,0,0,.5);transition:color .3s ease}.combo-label{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#fffc;font-weight:700}.combo-pop{animation:combo-pop-anim .2s cubic-bezier(.175,.885,.32,1.275)}.combo-stage-1{color:#4ade80;text-shadow:0 0 10px #4ade80}.combo-stage-2{color:#fb923c;text-shadow:0 0 15px #fb923c;animation:combo-shake .1s infinite}.combo-stage-3{color:#f87171;text-shadow:0 0 20px #f87171;animation:combo-shake .08s infinite,combo-pulse 1s infinite}.pre-historic{color:#ec4899;text-shadow:0 0 10px #ffffff,0 0 20px #ec4899}#combo-container .pre-historic{animation:combo-shake .05s infinite,combo-pulse .5s infinite;font-size:2.8rem}#message-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:fadeUp 1.5s ease-out forwards}#message-text{font-size:clamp(1.8rem,8vw,4rem);font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),2px 2px 0px #000}#help-screen{background-color:#0f0c29f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.help-content{background:#16213ee6;padding:25px;border-radius:20px;border:1px solid rgba(255,255,255,.1);width:550px;max-width:90%;display:flex;flex-direction:column;gap:15px;max-height:90vh;overflow-y:auto}.help-section h3{color:gold;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:4px}.help-text{font-size:.95rem;line-height:1.4;opacity:.9}.help-list{list-style:none;font-size:.9rem;display:grid;grid-template-columns:1fr 1fr;gap:5px}.help-list .nice{color:#4ade80}.help-list .great{color:#fb923c}.help-list .amazing{color:#f87171}.help-list .pre-historic{color:#ec4899}#game-footer{width:100%;text-align:center;color:#ffffffb3;font-size:.9rem;display:flex;flex-direction:column;gap:10px}.instructions{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center}.instruction{display:flex;align-items:center;gap:8px}.instructions .key{background:#fff3;padding:2px 6px;border-radius:4px;color:#fff;font-weight:700}#audio-controls{display:flex;gap:12px;justify-content:center}.audio-toggle{font-size:1rem;padding:.5rem 1.4rem;border-radius:30px;background:#e94560d9;box-shadow:none}.audio-toggle.off{background:#ffffff26;border:1px solid rgba(255,255,255,.2);box-shadow:none}#debug-menu{background-color:#0f0c29e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.debug-content{background:#16213ee6;padding:30px;border-radius:20px;border:2px solid var(--color-accent);width:500px;max-width:90%;display:flex;flex-direction:column;gap:20px}.debug-section h3{margin:0 0 10px;font-size:1rem;color:var(--color-accent);text-transform:uppercase}.debug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:10px}.debug-btn{padding:8px 12px;font-size:.8rem;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:100%}.debug-btn:hover{background:var(--color-accent)}.game-stats-list{display:flex;overflow-x:auto;gap:12px;width:95%;max-width:500px;background:#0006;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.15)}.stat-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;background:#ffffff0d;padding:8px 16px;border-radius:8px;transition:transform .2s}.stat-count{font-family:Orbitron,sans-serif;color:gold}.stat-info{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.stat-icon{font-size:1.5rem;line-height:1}.stat-img{width:28px;height:28px;object-fit:contain}@media(max-width:768px){.desktop-only{display:none}h1{font-size:1.4rem}#scoreboard{flex-direction:column;padding:10px 14px;gap:10px}.score-value{font-size:1.4rem}}@media(max-width:560px){#scoreboard{padding:8px 10px}button{font-size:1rem;padding:.6rem 1.2rem}.secondary-btn-large{font-size:.8rem;padding:.4rem 1.2rem}#hud{flex-direction:column;align-items:flex-start;gap:6px;left:10px;right:auto;width:fit-content}#powerup-timer{font-size:.8rem;padding:4px 10px;width:fit-content}.timer-label{font-size:.6rem}.debug-content{padding:15px;gap:12px}.debug-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.debug-btn{font-size:.7rem;padding:6px 8px}#combo-container{top:30px;transform:translate(-50%) scale(.7)}#game-footer{font-size:.7rem}.instructions{flex-direction:column;align-items:stretch}.game-stats-list{width:100%;gap:8px;padding:8px}.stat-item{padding:6px 12px}.stat-img{width:24px;height:24px}}@keyframes score-pop-anim{0%{transform:scale(1)}50%{transform:scale(1.3);color:gold}to{transform:scale(1)}}@keyframes lightning-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--color-accent),0 0 30px var(--color-accent),0 0 40px var(--color-accent)}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;text-shadow:none}}@keyframes combo-pop-anim{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes combo-shake{0%{transform:translate(1px,1px) rotate(0)}20%{transform:translate(-1px,-2px) rotate(-1deg)}40%{transform:translate(-2px) rotate(1deg)}60%{transform:translate(2px,1px) rotate(0)}80%{transform:translate(1px,-1px) rotate(1deg)}to{transform:translate(-1px,2px) rotate(-1deg)}}@keyframes combo-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%)}}