*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#001,#003,#001);display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Courier New,monospace;color:#fff;overflow:hidden}#game-container{position:relative;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}#game-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,136,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,136,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 10s linear infinite;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}#game-container:after{content:"TRON LIGHT CYCLES";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#0ff;text-shadow:0 0 10px #00FFFF,0 0 20px #00FFFF;letter-spacing:3px;z-index:1}canvas{height:80vh!important;width:calc(80vh * 4 / 3)!important;max-width:90vw;max-height:80vh;object-fit:contain;image-rendering:pixelated;background:#000;border:3px solid #0088FF;border-radius:8px;box-shadow:0 0 20px #0088ff80,inset 0 0 20px #0088ff1a;transition:box-shadow .3s ease}canvas:hover{box-shadow:0 0 30px #08fc,inset 0 0 20px #08f3}@media (max-width: 768px){#game-container{max-width:95vw;gap:15px;padding:15px}#game-container:after{font-size:18px;letter-spacing:2px}canvas{height:75vh!important;width:100vh!important;max-width:90vw;max-height:75vh}#wallet-button{padding:10px 20px;font-size:12px}}