*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#2c3e50,#34495e);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:20px;box-sizing:border-box}#game-logo{max-width:600px;width:auto;height:150px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));opacity:0;transition:none}#game-logo.ready{transition:opacity 1s ease-in-out}#game-logo.visible{opacity:1}#game-container{width:100%;max-width:800px;height:800px;max-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1 / 1}#game-container canvas{border:8px solid #1a1a1a;border-radius:20px;box-shadow:0 10px 40px #00000080;max-width:100%;max-height:100%}@media (max-height: 900px){#game-logo{height:100px;margin-bottom:10px}#game-container{max-height:calc(100vh - 150px);max-width:calc(100vh - 150px)}}@media (max-width: 850px){#game-container{max-width:calc(100vw - 40px);max-height:calc(100vw - 40px)}}#keyboard-shortcuts{margin-top:20px;text-align:center;color:#ecf0f1;opacity:0;transition:none;max-width:800px;transform:translateY(-150px)}#keyboard-shortcuts.ready{transition:opacity 1s ease-in-out,transform 1s ease-out}#keyboard-shortcuts.visible{opacity:1}#keyboard-shortcuts h3{font-size:18px;margin-bottom:15px;color:#bdc3c7;font-weight:400;text-transform:uppercase;letter-spacing:2px}.shortcuts-grid{display:flex;justify-content:center;gap:20px;background:#0000004d;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shortcut-item{display:flex;flex-direction:column;align-items:center;gap:8px}.key{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:6px;font-family:monospace;font-size:14px;font-weight:700;color:#ecf0f1;min-width:60px;text-align:center;box-shadow:0 2px 4px #0000004d}.description{font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:1px}@media (max-height: 900px){#keyboard-shortcuts{margin-top:10px}#keyboard-shortcuts h3{font-size:16px;margin-bottom:10px}.shortcuts-grid{padding:15px;gap:15px}.key{font-size:12px;padding:6px 10px}.description{font-size:11px}}@media (max-width: 650px){.shortcuts-grid{flex-wrap:wrap;gap:10px}.shortcut-item{min-width:120px}}