:root{--bg-dark: #0a0a1a;--neon-blue: #00f3ff;--neon-purple: #bc13fe}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;height:100%}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative}.game-header{height:60px;background:#0a0a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,243,255,.3);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:100;box-shadow:0 4px 20px #00f3ff1a}.game-area{flex:1;position:relative;overflow:hidden;cursor:crosshair}.desert-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(30,20,50,.8) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(20,30,60,.8) 0%,transparent 50%),linear-gradient(180deg,#050510,#1a1025);background-image:linear-gradient(rgba(0,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.05) 1px,transparent 1px);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%;background-position:center center}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050510d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.neon-title{font-size:5rem;font-weight:900;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-blue),0 0 40px var(--neon-blue),0 0 80px var(--neon-blue)}.cyber-btn{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:1rem 3rem;font-size:1.5rem;font-weight:700;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 15px #00f3ff4d inset,0 0 20px #00f3ff66;border-radius:4px}.cyber-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 30px var(--neon-blue),0 0 60px var(--neon-blue)}.lore-panel{position:absolute;left:20px;bottom:20px;width:300px;background:#0a1428b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid #ffea00;border-radius:0 8px 8px 0;padding:1rem;z-index:40;box-shadow:0 10px 30px #00000080}