:root{--bg-dark: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--success: #10b981;--neon-glow: 0 0 10px rgba(59, 130, 246, .5), 0 0 20px rgba(59, 130, 246, .3);--glass-border: 1px solid rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh}.animated-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;animation:bgScroll 20s linear infinite;perspective:1000px}@keyframes bgScroll{0%{transform:translateY(0) rotateX(20deg)}to{transform:translateY(40px) rotateX(20deg)}}.cloud-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;background:#0006;padding:6px 12px;border-radius:20px;font-size:12px;color:var(--text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--glass-border);z-index:100}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.game-wrapper{width:100%;max-width:500px;height:100%;max-height:800px;position:relative;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:24px;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:var(--glass-border);box-shadow:0 25px 50px -12px #00000080;margin:16px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease}.primary-btn,.secondary-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:18px;font-weight:700;width:100%;margin-top:16px}.primary-btn{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:var(--neon-glow)}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #8b5cf699}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:#ffffff1a;color:var(--text-main)}.secondary-btn:hover{background:#fff3}.icon-btn{background:#ffffff1a;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#fff3;transform:scale(1.1)}.icon-btn.danger:hover{background:var(--danger)}.pause-icon{font-weight:700;font-size:14px;letter-spacing:2px}.start-screen{align-items:center;justify-content:center;text-align:center}.title-area{margin-bottom:32px}.title-icon{color:var(--primary);margin-bottom:16px;filter:drop-shadow(0 0 10px var(--primary))}.title-area h1{font-size:36px;margin-bottom:8px;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;color:transparent}.subtitle{color:var(--text-muted);font-size:14px}.high-score-display{display:flex;align-items:center;gap:8px;background:#f59e0b1a;color:#fbbf24;padding:8px 16px;border-radius:20px;font-weight:700;margin-bottom:32px;border:1px solid rgba(245,158,11,.2)}.settings-panel{width:100%;background:#0003;padding:16px;border-radius:16px;margin-bottom:24px}.setting-group{margin-bottom:16px;text-align:left}.setting-group:last-child{margin-bottom:0}.setting-group label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px;margin-bottom:8px}.options{display:flex;gap:8px}.opt-btn{flex:1;padding:8px;background:#ffffff0d;color:var(--text-muted);border-radius:8px;font-size:14px;border:1px solid transparent}.opt-btn.active{background:#3b82f633;color:#60a5fa;border-color:#3b82f6;box-shadow:inset 0 0 10px #3b82f633}.hint-text{margin-top:16px;font-size:12px;color:var(--text-muted);opacity:.7}.loading-state{padding:32px 0;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.playing-screen{padding:16px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats{display:flex;gap:12px}.stat-box{background:#0000004d;padding:6px 12px;border-radius:8px;font-weight:700;font-size:16px;border:var(--glass-border)}.stat-box.combo{color:var(--text-muted);transition:all .3s}.stat-box.combo.active{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.5)}.actions{display:flex;gap:8px}.game-board{flex:1;background:#0006;border-radius:12px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #00000080}.game-board:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:5% 5%;pointer-events:none}.cell{position:absolute;transition:all .05s linear;display:flex;justify-content:center;align-items:center}.food-svg{width:80%;height:80%;color:#ef4444;filter:drop-shadow(0 0 5px #ef4444)}.food-img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.head-svg{width:100%;height:100%;color:#10b981}.head-img{width:120%;height:120%;object-fit:contain;z-index:10}.body-img{width:100%;height:100%;object-fit:cover;border-radius:4px}.body-inner{width:90%;height:90%;background:#10b981;border-radius:4px;opacity:.8}.skin-neon .head-svg{color:#a855f7;filter:drop-shadow(0 0 8px #a855f7)}.skin-neon .body-inner{background:#a855f7;box-shadow:0 0 10px #a855f7}.skin-neon .food-svg{color:#06b6d4;filter:drop-shadow(0 0 8px #06b6d4)}.skin-candy .head-svg{color:#ec4899}.skin-candy .body-inner{background:#ec4899;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 4s linear infinite}@keyframes blink{0%,96%,98%{transform:scaleY(1)}97%{transform:scaleY(.1)}}.blink{animation:blink 3s infinite;transform-origin:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes rainbowHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.rainbow-text{animation:rainbowHue 2s linear infinite;color:#ef4444!important;font-weight:900}.rainbow-glow-board{box-shadow:inset 0 0 30px #ef44444d;animation:rainbowHue 3s linear infinite;border-color:#ef444480}.rainbow-segment .body-inner,.rainbow-segment .head-svg{animation:rainbowHue 1s linear infinite;color:#ef4444;background:#ef4444;box-shadow:0 0 15px currentColor}.rainbow-overlay{position:absolute;width:150%;height:150%;mix-blend-mode:overlay;opacity:.8;pointer-events:none;animation:spin 2s linear infinite}.overlay-message{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.overlay-message h2{font-size:32px;margin-bottom:8px;letter-spacing:4px}.controls-hint{display:flex;justify-content:center;gap:16px;margin-top:16px;font-size:12px;color:var(--text-muted)}.gameover-screen{justify-content:center;align-items:center;text-align:center}.gameover-screen h2{font-size:40px;color:var(--danger);text-shadow:0 0 20px rgba(239,68,68,.5);margin-bottom:24px}.final-score{background:#0000004d;padding:24px;border-radius:16px;width:100%;margin-bottom:16px;border:var(--glass-border)}.final-score .label{display:block;color:var(--text-muted);font-size:16px;margin-bottom:8px}.final-score .value{display:block;font-size:48px;font-weight:700;color:var(--primary);text-shadow:var(--neon-glow)}.new-record{color:#10b981;font-weight:700;margin-bottom:24px;animation:pulse 1s infinite;background:#10b9811a;padding:8px 16px;border-radius:20px}.action-buttons{width:100%}