body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;margin:0;overflow:hidden}.game-container{width:100%;max-width:800px;padding:20px;position:relative}.game-header{margin-bottom:20px}.back-link{display:inline-block;color:#fff;text-decoration:none;padding:10px 20px;background:#ffffff1a;border-radius:8px;margin-bottom:10px;transition:background .2s;font-weight:700}.back-link:hover{background:#fff3}.game-layout{display:flex;gap:20px;justify-content:center}.game-area{position:relative;background:#0000004d;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}#game-canvas{display:block;width:400px;height:600px;background:#1a1a2e;flex:1 1 auto}.sidebar{display:flex;flex-direction:column;gap:15px;width:180px}.info-panel{background:#0000004d;padding:15px;border-radius:12px;text-align:center}.info-panel h3{font-size:.9rem;margin-bottom:10px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:2rem;font-weight:700;color:#fbbf24}#next-canvas{display:block;width:120px;height:120px;margin:0 auto;background:#1a1a2e;border-radius:8px}.mobile-controls{display:none;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px 12px;background:#00000073;border-top:1px solid rgba(2,24,135,.1)}.control-btn{border:none;border-radius:10px;padding:10px 0;font-size:18px;font-weight:700;color:#fff;background:#83be16b3}.control-btn.rotate-btn{font-size:30px}.control-btn:active{transform:translateY(1px);background:#6366f1e6}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10}.overlay.hidden{display:none}.hidden{display:none!important}.overlay-content{text-align:center;padding:40px}.overlay-content h2{font-size:2.5rem;margin-bottom:20px}.overlay-content p{font-size:1.1rem;margin-bottom:20px;opacity:.9}.controls{list-style:none;text-align:left;margin:20px auto;display:inline-block}.controls li{padding:8px 0;font-size:1rem}.controls strong{color:#fbbf24;margin-right:10px}.btn{padding:15px 40px;font-size:1.2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#1eae5a,#057703);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.btn:active{transform:translateY(0)}.final-score{font-size:1.5rem;margin:30px 0}#final-score{color:#fbbf24;font-weight:700}.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,#05b58c,#5cf69c);border:none;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}@media (max-width: 768px){body{align-items:stretch;justify-content:stretch}.game-container{max-width:none;padding:0;height:100dvh}.game-header{position:absolute;top:12px;left:12px;z-index:20}.game-layout{flex-direction:column;height:100dvh;gap:0}.sidebar{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 6px;background:#00000073;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 20dvh;align-content:center}.game-area{width:100vw;border-radius:0;box-shadow:none;flex:1 1 auto}#game-canvas{width:100%;height:100%;min-height:0}.mobile-controls{display:grid;flex:0 0 5dvh;align-content:center;margin-top:auto}.next-panel{grid-column:span 2}}*{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,#667eea,#764ba2);color:#fff;min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center}body *{margin:0;padding:0;box-sizing:border-box}body body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff}body .game-container{width:100%;max-width:800px;padding:20px}body .game-header{margin-bottom:20px}body .back-link{display:inline-block;color:#fff;text-decoration:none;padding:10px 20px;background:#ffffff1a;border-radius:8px;margin-bottom:10px;transition:background .2s;font-weight:700}body .back-link:hover{background:#fff3}body .game-layout{display:flex;gap:20px;justify-content:center}body .game-area{position:relative;background:#0000004d;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}body #game-canvas{display:block;width:400px;height:600px;background:#1a1a2e}body .sidebar{display:flex;flex-direction:column;gap:15px;width:180px}body .info-panel{background:#0000004d;padding:15px;border-radius:12px;text-align:center}body .info-panel h3{font-size:.9rem;margin-bottom:10px;opacity:.8;text-transform:uppercase;letter-spacing:1px}body .score-value{font-size:2rem;font-weight:700;color:#fbbf24}body #next-canvas{display:block;width:120px;height:120px;margin:0 auto;background:#1a1a2e;border-radius:8px}body .mobile-controls{display:none;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px;background:#00000073;border-top:1px solid rgba(255,255,255,.1)}body .control-btn{border:none;border-radius:10px;padding:12px 0;font-size:18px;font-weight:700;color:#fff;background:#6366f1b3}body .control-btn:active{transform:translateY(1px);background:#6366f1e6}body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10}body .overlay.hidden{display:none}body .hidden{display:none!important}body .overlay-content{text-align:center;padding:40px}body .overlay-content h2{font-size:2.5rem;margin-bottom:20px}body .overlay-content p{font-size:1.1rem;margin-bottom:20px;opacity:.9}body .controls{list-style:none;text-align:left;margin:20px auto;display:inline-block}body .controls li{padding:8px 0;font-size:1rem}body .controls strong{color:#fbbf24;margin-right:10px}body .btn{padding:15px 40px;font-size:1.2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}body .btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}body .btn:active{transform:translateY(0)}body .final-score{font-size:1.5rem;margin:30px 0}body #final-score{color:#fbbf24;font-weight:700}body .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}body .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}body .orientation-card h2{margin-bottom:8px;font-size:1.4rem}body .orientation-card p{color:#cbd5f5;margin-bottom:16px}body .btn-rotate{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}@media (max-width: 768px){body body{align-items:stretch;justify-content:stretch}body .game-container{max-width:none;padding:0;height:100dvh}body .game-header{position:absolute;top:12px;left:12px;z-index:20}body .game-layout{flex-direction:column;height:100dvh;gap:0}body .sidebar{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px 8px;background:#00000073;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 20dvh;align-content:center}body .game-area{width:100vw;border-radius:0;box-shadow:none;flex:1 1 80dvh}body #game-canvas{width:100%;height:100%;flex:1 1 auto;min-height:0}body .mobile-controls{display:grid;flex:0 0 4dvh;align-content:center;margin-top:auto}body .next-panel{grid-column:span 2}}