@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@400;600&display=swap";:root{--bg-dark: #030508;--bg-panel: #0A0E1A;--neon-green: #39FF14;--neon-red: #FF006E;--neon-cyan: #00F5FF;--text-main: #E0E0E0;--text-muted: #6B7280;--grid-line: rgba(0, 245, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}.cyber-container{width:100%;max-width:580px;height:100vh;max-height:950px;display:flex;flex-direction:column;padding:20px;position:relative;z-index:1}.crt-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.75) 100%);box-shadow:inset 0 0 80px #000000e6}.scanline-global{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;opacity:.15;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5) 51%);background-size:100% 4px}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.data-particle{position:absolute;bottom:-20px;color:#00f5ff26;font-family:JetBrains Mono,monospace;font-size:10px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%,90%{opacity:1}to{transform:translateY(-100vh);opacity:0}}.cyber-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0a0e1af2;border:1px solid var(--neon-cyan);box-shadow:0 0 20px #00f5ff33;padding:10px 20px;border-radius:2px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--neon-cyan);z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.cyber-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,245,255,.2)}.title-area{display:flex;flex-direction:column;gap:6px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.text-green{color:var(--neon-green)!important}.text-red{color:var(--neon-red)!important}.score-board{display:flex;gap:12px}.score-box{display:flex;flex-direction:column;align-items:flex-end;background:#0a0e1a99;padding:6px 12px;border:1px solid rgba(255,255,255,.05);position:relative}.score-box:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.score-box:last-child:before{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.score-box .label{font-size:9px;color:var(--text-muted);font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:4px}.score-box .value{font-size:20px;font-weight:800;font-family:JetBrains Mono,monospace}.neon-text{color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.5)}.neon-text-alt{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,245,255,.5)}.glitch-text{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:800;color:#fff;position:relative;text-shadow:.05em 0 0 rgba(255,0,0,.75),-.025em -.05em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75);animation:glitch 2.5s infinite}@keyframes glitch{0%,14%,to{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%,49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%,99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}}.pulse{animation:pulse 2s infinite}.pulse-fast{animation:pulse .8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.blinking-cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mb-2{margin-bottom:10px}.mt-2{margin-top:10px}.mt-4{margin-top:20px}.flex-row{display:flex;gap:10px;justify-content:center}.game-wrapper{flex:1;display:flex;flex-direction:column;gap:15px}.game-board{width:100%;aspect-ratio:1 / 1;background-color:var(--bg-panel);border:1px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 20px #00f5ff1a,inset 0 0 50px #000c;position:relative;overflow:hidden;transition:filter .1s}.board-glitch{filter:hue-rotate(90deg) contrast(150%) brightness(120%);transform:translate(2px,-2px)}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:5% 5%}.snake-segment,.food-container{position:absolute;display:flex;justify-content:center;align-items:center;transition:left .08s linear,top .08s linear}.snake-head-svg{width:140%;height:140%;z-index:2;transition:transform .1s ease}.snake-body-svg{width:100%;height:100%}.food-svg{width:90%;height:90%}.floating-score{position:absolute;color:var(--neon-cyan);font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;text-shadow:0 0 8px var(--neon-cyan);pointer-events:none;z-index:20;transform:translate(-50%,-50%)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#030508e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:30}.overlay-content{text-align:center;display:flex;flex-direction:column;align-items:center;padding:30px 40px;border:1px solid rgba(0,245,255,.3);background:#0a0e1acc;box-shadow:0 0 40px #000000e6;border-radius:2px;min-width:300px}.overlay-content.border-red{border-color:#ff006e66}.overlay-content h2{font-family:JetBrains Mono,monospace;font-size:22px;margin-bottom:8px}.sub-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.final-score{font-family:JetBrains Mono,monospace;font-size:14px;margin:15px 0;color:var(--text-muted);background:#0009;padding:8px 16px;border:1px solid #1f2937}.terminal-boot{align-items:flex-start;text-align:left}.boot-logs{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);line-height:1.6;min-height:80px}.boot-logs p{margin:0;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.cyber-btn{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;text-transform:uppercase;transition:all .2s;box-shadow:0 0 10px #00f5ff1a inset;border-radius:2px}.cyber-btn:hover{background:#00f5ff1a;box-shadow:0 0 15px #00f5ff4d,inset 0 0 10px #00f5ff33;transform:translateY(-1px)}.cyber-btn:active{transform:translateY(1px)}.btn-red{color:var(--neon-red);border-color:var(--neon-red);box-shadow:0 0 10px #ff006e1a inset}.btn-red:hover{background:#ff006e1a;box-shadow:0 0 15px #ff006e4d,inset 0 0 10px #ff006e33}.btn-ghost{border-color:var(--text-muted);color:var(--text-muted);box-shadow:none}.btn-ghost:hover{border-color:#fff;color:#fff;box-shadow:none}kbd{background:#111827;border:1px solid #374151;border-radius:3px;padding:2px 6px;color:var(--text-main);box-shadow:0 2px #000;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .1s}kbd.active{background:var(--neon-cyan);color:#000;border-color:var(--neon-cyan);box-shadow:0 0 0 transparent;transform:translateY(2px)}.btn-kbd{background:#00000080;border-color:transparent;color:inherit;margin-left:6px;box-shadow:none}.inline-kbd{background:transparent;border-color:var(--text-muted);box-shadow:none}.keyboard-hints{background:#0a0e1a99;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:12px;margin-top:5px}.hint-header{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}.keys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.key-group{display:flex;gap:2px}kbd.wide{padding:2px 12px}.cyber-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.d-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:5px}.d-btn{background:var(--bg-panel);border:1px solid rgba(0,245,255,.2);color:var(--neon-cyan);display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;transition:all .1s;box-shadow:inset 0 0 10px #00000080}.d-btn.active,.d-btn:active{background:#00f5ff33;box-shadow:inset 0 0 15px #00f5ff66;transform:scale(.95)}.d-btn.up{grid-column:2;grid-row:1}.d-btn.left{grid-column:1;grid-row:2}.d-btn.right{grid-column:3;grid-row:2}.d-btn.down{grid-column:2;grid-row:3}.action-btns{display:flex;gap:10px}.action-btn{width:60px;height:60px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--neon-green);color:var(--neon-green);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 15px #39ff1426 inset;transition:all .1s}.action-btn.active,.action-btn:active{background:#39ff1433;transform:scale(.95)}.action-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted)}@media (min-width: 768px){.cyber-controls{display:none}.cyber-container{justify-content:center}}@media (max-width: 767px){.keyboard-hints{display:none}}