*{box-sizing:border-box}body{padding:0;margin:0;color:#fff;overflow:hidden}#game-container{position:relative}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;z-index:100}#startButton{padding:20px 40px;font-size:24px;cursor:pointer;background:#4caf50;color:#fff;border:none;border-radius:10px;transition:all .3s}#startButton:hover{background:#45a049;transform:scale(1.05)}.overlay-title{font-size:48px;color:#fff;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.overlay-subtitle{color:#fff;margin-top:20px;font-size:14px;text-align:center}.menu{position:absolute}.speedometer{background-color:#000;position:absolute;bottom:0;width:100%;margin:0 auto;border:2px solid gray;border-radius:10px;font-family:Courier}#ui{padding:8px;height:50px;display:flex;border-radius:10px;width:100%;text-align:center;align-items:center;-webkit-backdrop-filter:contrast(1.5);backdrop-filter:contrast(1.5)}#ui div{flex:1;text-shadow:0 0 6px gray}#ui #parked{color:red}#ui .abstract-design{display:flex;align-self:stretch}#ui .abstract-design #abstract{flex:.4;background-color:#0000ff7d;transform:skew(20deg);margin-left:1.5px}#ui .abstract-design.right>#abstract{transform:skew(-20deg)}#ui #speed{text-align:end}#ui #speed>span:first-child{font-size:2em}#ui #distance{align-self:end}#ui #battery span{font-weight:700;letter-spacing:-5px;border:1.5px solid;border-radius:2px;display:inline-block;text-align:left}#ui img{height:20px;vertical-align:top}#rewind-bar{margin-top:10px}#rewind-bar-container{width:200px;height:25px;background:#000000b3;border:2px solid #fff;border-radius:5px;overflow:hidden;margin-top:5px}#rewind-bar-fill{height:100%;background:linear-gradient(to right,#f44,#fa0,#0f0);width:0%;transition:width .1s}#rewind-bar-container{width:200px;height:25px;background:#000000b3;border:2px solid #fff;border-radius:5px;overflow:hidden;margin-top:5px;transition:border-color .3s,box-shadow .3s}#rewind-bar-container.can-rewind{border-color:#0f0;box-shadow:0 0 10px #0f0;animation:pulse 1s infinite}#rewind-bar-container.cannot-rewind{border-color:red;box-shadow:0 0 5px red}@keyframes pulse{0%,to{box-shadow:0 0 10px #0f0}50%{box-shadow:0 0 20px #0f0,0 0 30px #0f0}}#game-over{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:20px 30px;border-radius:15px;text-align:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:7px ridge rgba(255,68,68,.8);box-shadow:0 10px 40px #00000080}#game-over h1{margin-bottom:20px;margin-top:5px;color:#f44;font:small-caps 700 24px/1 sans-serif;text-shadow:2px 2px rgba(255,68,68,.5)}#game-over p{font:small-caps 16px monospace;margin-bottom:20px}#restart{background:#4caf50;color:#fff;border:2px solid darkgreen;padding:5px 10px;font-size:20px;border-radius:8px;cursor:pointer;transition:all .3s;font:small-caps 16px arial}#restart:hover{background:#45a049;transform:scale(1.05);box-shadow:0 6px 20px #4caf5099}.hidden{display:none!important}@keyframes biomeNotification{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px)}10%{opacity:1;transform:translate(-50%,-50%) translateY(0)}90%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(20px)}}.ui-panel{position:absolute;background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:15px;font-size:1em;right:20px}.ui-header{font-size:.8em;font-weight:700;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.ui-label{color:#ffffffb3;letter-spacing:1px}.ui-value{font-weight:700;color:#4caf50;margin-top:5px}.ui-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0}.ui-row .ui-label{font-size:.8em}.ui-row .ui-value{font-size:.8em;margin:0}.pollution-warning{color:#ff5722!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.mobile-controls{display:none}.mobile-controls.active{display:initial}.mobile-left-controls{position:absolute;left:20px;bottom:80px}.mobile-control-btn{width:180px;height:80px;border-radius:20%;background:#00000080;color:#fff;font-size:54px;border:none;pointer-events:auto}.mobile-control-btn.pressed{background-color:#fff9;transform:scale(.95);box-shadow:inset 0 0 10px #0000004d}.mobile-right-controls{position:absolute;right:40px;bottom:80px}#mobile-left,#mobile-right{padding-bottom:15px}@media only screen and (max-width: 400px){#game-over{width:90vw}.ui-panel{padding:7px;height:max-content;top:0}.ui-row:nth-of-type(3),.ui-row:nth-of-type(5){display:none}.mobile-control-btn{width:90px;height:80px;border-radius:20%;background:#00000080;color:#fff;font-size:24px;margin:2px}.mobile-left-controls{position:absolute;left:20px;bottom:80px;width:100px}}@media (orientation: landscape) and (max-width: 800px){body{display:none}}.binary-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.binary-column{position:absolute;top:-100px;font-size:12px;color:#00ff41;text-shadow:0 0 5px #00ff41;animation:matrixFall 6s linear infinite;opacity:.6;font-weight:700}@keyframes matrixFall{0%{transform:translateY(-100px);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}.boot-container{background:linear-gradient(45deg,#0a0a0a,#1a1a2e,#16213e);width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(15,1fr);gap:2px;z-index:10;opacity:1;transition:opacity 2s ease-out}.grid-overlay.fade-out{opacity:0;pointer-events:none}.grid-block{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);animation:blockAppear .1s ease-out forwards;opacity:0;transform:scale(0)}@keyframes blockAppear{to{opacity:1;transform:scale(1)}}@keyframes blockDisappear{0%{opacity:1;transform:scale(1)}50%{background:#00ffff80;transform:scale(1.1)}to{opacity:0;transform:scale(0);background:#0ff0}}.background-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.circuit-lines{position:absolute;width:100%;height:100%;opacity:.1}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,#00ffff,transparent);height:1px;animation:circuitFlow 4s linear infinite}.circuit-line.vertical{width:1px;height:100%;background:linear-gradient(0deg,transparent,#ff00ff,transparent);animation:circuitFlowVertical 3s linear infinite}@keyframes circuitFlow{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes circuitFlowVertical{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}.floating-icons{position:absolute;width:100%;height:100%}.floating-icon{position:absolute;font-size:1.5rem;color:#00ffff4d;animation:floatIcon 8s linear infinite}@keyframes floatIcon{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-50px) translate(50px) rotate(360deg);opacity:0}}.system-info{opacity:0;transform:translateY(50px);transition:all 1s ease-out;text-align:center;z-index:20;position:relative;max-height:calc(100vh - 140px);overflow:visible}.system-info.show{opacity:1;transform:translateY(0)}.system-title{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px #00ffff;animation:titleGlow 2s ease-in-out infinite alternate;position:relative}.system-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:underlineGlow 2s ease-in-out infinite}@keyframes titleGlow{0%{text-shadow:0 0 20px #00ffff}to{text-shadow:0 0 30px #00ffff,0 0 40px #00ffff}}@keyframes underlineGlow{0%,to{opacity:.5;width:200px}50%{opacity:1;width:300px}}.system-subtitle{font-size:1rem;color:#00ffffb3;margin-bottom:1.5rem;letter-spacing:2px}.stats-grid{display:flex;align-items:center;grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.stat-card{flex:1;background:#00ffff0d;border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:transform .3s ease;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.stat-card:hover{transform:translateY(-5px)}.stat-card:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:conic-gradient(from 0deg,#0ff,#f0f,#ff0,#0f0,#ff0080,#0ff 360deg);border-radius:24px;z-index:-2;animation:rotateBorder 4s linear infinite;filter:blur(14px);opacity:.8}.stat-card:nth-child(2){color:#fff;background:#4caf50;cursor:pointer;font-size:24px;margin:20px}@keyframes rotateBorder{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}.stat-card:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#0a0a1ef2;border-radius:18px;z-index:-1;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.stat-header{display:flex;align-items:center;margin-bottom:1rem}.stat-icon{font-size:1.5rem;margin-right:.5rem;color:#0ff}.stat-label{font-size:1.1rem;color:#0ff;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.stat-bar-container{width:100%;margin-bottom:.5rem}.stat-bar{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;height:12px;margin-bottom:.5rem}.stat-bar-segment{background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden;transition:all .3s ease}.stat-bar-segment.active{background:linear-gradient(45deg,#0ff,#f0f);box-shadow:0 0 5px #00ffff80;animation:segmentPulse 2s ease-in-out infinite alternate}.stat-bar-segment.active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:segmentShimmer 1.5s infinite}@keyframes segmentPulse{0%{transform:scaleY(1)}to{transform:scaleY(1.2)}}@keyframes segmentShimmer{0%{left:-100%}to{left:100%}}.stat-details{display:flex;justify-content:space-between;font-size:.9rem;color:#ffffffb3}.boot-text{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:1.1rem;opacity:0;letter-spacing:2px;z-index:100;color:#00ff41;text-shadow:0 0 10px #00ffff;transition:opacity 1s ease-in-out}.boot-text.show{opacity:.8;animation:bootTextPulse 2s ease-in-out infinite alternate}@keyframes bootTextPulse{0%{opacity:.6;text-shadow:0 0 10px #00ffff}to{opacity:1;text-shadow:0 0 20px #00ffff,0 0 30px #00ffff}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:3px;height:3px;background:#0ff;border-radius:50%;box-shadow:0 0 6px #0ff;animation:particleFloat 6s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translate(10px) scale(1)}90%{opacity:1}to{transform:translateY(-10px) translate(100px) scale(0);opacity:0}}.corner-decoration{position:absolute;width:80px;height:80px;z-index:2;background:transparent}.corner-decoration:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#0ff,#f0f);opacity:.6;filter:blur(2px);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,30% 100%,0 70%);animation:cornerElectric 2s ease-in-out infinite alternate}.corner-decoration:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#0a0a1ecc;clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,30% 100%,0 70%)}.corner-decoration.top-left{top:20px;left:20px;transform:rotate(0)}.corner-decoration.top-right{top:20px;right:20px;transform:rotate(90deg)}.corner-decoration.bottom-left{bottom:20px;left:20px;transform:rotate(-90deg)}.corner-decoration.bottom-right{bottom:20px;right:20px;transform:rotate(180deg)}@keyframes cornerElectric{0%{opacity:.4;filter:blur(2px)}to{opacity:.8;filter:blur(1px);box-shadow:0 0 20px #00ffff80}}