:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:linear-gradient(135deg,#1a0a2e,#16213e,#0f3460);color:#fafafa}#root{display:flex;justify-content:center;align-items:center}.game-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.game-title{font-size:2.8rem;font-weight:900;color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6),2px 2px 0 #c0392b,4px 4px 0 rgba(0,0,0,.3);letter-spacing:3px;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.canvas-wrapper{border:4px solid #2c3e50;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #00000080,0 0 60px #ff6b3533,inset 0 0 20px #0000001a;background:#87ceeb}canvas{display:block;max-width:100vw;max-height:70vh}.controls{display:flex;gap:12px;margin-top:8px}.game-btn{padding:10px 28px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ff6b35,#e74c3c);color:#fff;box-shadow:0 4px 15px #e74c3c66}.game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c99}.game-btn:active{transform:translateY(0)}.restart-btn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db66}.restart-btn:hover{box-shadow:0 6px 20px #3498db99}.instructions{color:#ffffffb3;font-size:.95rem;text-align:center;max-width:500px;line-height:1.4}