*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#7dd3fc,#38bdf8);color:#0f172a;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-container{position:relative;width:min(900px,90vw);height:min(600px,85vh);background:linear-gradient(180deg,#bae6fd,#38bdf8 60%,#22c55e);border-radius:16px;box-shadow:0 20px 40px #0f172a40;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:16px;left:16px;display:flex;gap:16px;padding:10px 14px;background:#fffc;border-radius:10px;font-weight:600;box-shadow:0 6px 20px #0f172a26}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0f172a80;color:#f8fafc;text-align:center;padding:20px}.overlay.hidden{display:none}.hidden{display:none!important}.overlay h1{font-size:40px}.overlay p{font-size:18px;opacity:.9}button{border:none;background:#f97316;color:#fff;padding:12px 24px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #f9731666;transition:transform .2s ease}button:hover{transform:translateY(-2px)}.orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617eb;z-index:9999;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.orientation-card{background:#0f172af2;border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:24px;max-width:320px;box-shadow:0 20px 40px #00000059}.orientation-card h2{margin-bottom:8px;font-size:1.4rem}.orientation-card p{color:#cbd5f5;margin-bottom:16px}.btn-rotate{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}.back-button{position:absolute;top:20px;left:20px;color:#f8fafc;text-decoration:none;background:#0f172a99;padding:10px 16px;border-radius:999px;font-weight:600;z-index:5}@media (max-width: 700px){.overlay h1{font-size:30px}.hud{flex-direction:column;gap:6px}}