*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Pacifico,cursive;background:linear-gradient(135deg,#87ceeb,#98d8e8);display:flex;justify-content:center;align-items:center;min-height:100vh}.game-container{display:flex;justify-content:center;align-items:center;padding:20px;border-radius:15px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}canvas{border:none;border-radius:10px;box-shadow:0 4px 20px #0000004d;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .1s ease}canvas:hover{transform:scale(1.02)}canvas:active{transform:scale(.98)}.game-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 25%,transparent 50%,rgba(255,255,255,.1) 75%,transparent 100%);border-radius:17px;z-index:-1;animation:ui-shimmer 3s linear infinite;opacity:.5}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.game-state-prestart .game-container{animation:menu-pulse 2s ease-in-out infinite}.game-state-running .game-container{animation:none}.game-state-over .game-container{animation:game-over-shake .5s ease-in-out}@keyframes menu-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes game-over-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@media(max-width:768px){.game-container{padding:10px;margin:10px}canvas{max-width:100%;height:auto}}@media(max-width:480px){.game-container{padding:5px;margin:5px}canvas{border-width:2px;border-radius:5px}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loading{animation:pulse 1.5s ease-in-out infinite}.theme-neon{background:linear-gradient(135deg,#0a0a0a,#1a0033,#000)}.theme-neon canvas{border:none;box-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 80px #0ff,inset 0 0 20px #00ffff1a;background:radial-gradient(circle at 20% 80%,#ff00ff22 0%,transparent 50%),radial-gradient(circle at 80% 20%,#00ffff22 0%,transparent 50%),radial-gradient(circle at 40% 40%,#ff000022 0%,transparent 50%),linear-gradient(135deg,#0a0a2a,#2a0a2a);animation:neon-pulse 2s ease-in-out infinite alternate}.theme-neon .game-container{background:#00ffff0d;border:1px solid rgba(0,255,255,.3);box-shadow:0 8px 32px #0ff3,inset 0 0 20px #00ffff0d}@keyframes neon-pulse{0%{box-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 80px #0ff,inset 0 0 20px #00ffff1a}to{box-shadow:0 0 30px #0ff,0 0 60px #0ff,0 0 120px #0ff,inset 0 0 30px #0ff3}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}.theme-neon canvas:before{content:"";position:absolute;inset:-5px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);z-index:-1;border-radius:15px;animation:neon-rotate 4s linear infinite;opacity:.3}@keyframes neon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-neon canvas:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;animation:neon-grid 3s ease-in-out infinite}@keyframes neon-grid{0%,to{opacity:.1}50%{opacity:.3}}.theme-pixel canvas{border:none;box-shadow:inset 2px 2px #fff,inset -2px -2px #000,4px 4px #666;background:repeating-linear-gradient(0deg,#87ceeb 0px 2px,#98d8e8 2px 4px);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.theme-pixel .game-container{background:silver;border:3px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,2px 2px 4px #0000004d}@media(prefers-reduced-motion:reduce){canvas{transition:none}canvas:hover{transform:none}canvas:active{transform:none}.loading{animation:none}.theme-neon canvas{animation:none}.theme-neon canvas:before{animation:none}.theme-neon canvas:after{animation:none}}