body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px;text-align:center}.App h1{font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.game-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}canvas{border-radius:10px;box-shadow:0 8px 32px #0000004d}.controls{display:flex;flex-direction:column;gap:20px}.scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.scoreboard h2{font-size:1.8rem;margin:0;text-shadow:1px 1px 2px #0000004d}.high-score{color:gold;font-size:1.4rem;margin:10px 0 0;text-shadow:2px 2px 4px #00000080}.new-record{animation:pulse 1s infinite;background:linear-gradient(45deg,gold,orange);border-radius:20px;box-shadow:0 4px 15px #ffd70066;color:#000;font-size:1rem;font-weight:700;margin-top:10px;padding:8px 12px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reset-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:15px;padding:8px 16px;transition:all .3s ease}.reset-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}.buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-width:600px}.shape-button{align-items:center;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:none;border-radius:10px;box-shadow:5px 5px 10px #0003,-5px -5px 10px #ffffffb3;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1.2;min-height:50px;padding:12px 8px;text-align:center;transition:all .3s ease}.shape-button:hover{background:linear-gradient(145deg,#fff,#e0e0e0);box-shadow:7px 7px 15px #0000004d,-7px -7px 15px #fffc;transform:translateY(-2px)}.shape-button:active{box-shadow:2px 2px 5px #0003,-2px -2px 5px #ffffffb3;transform:translateY(0)}.rules{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-top:30px;max-width:600px;padding:20px;text-align:left}.rules h3{font-size:1.5rem;margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px #0000004d}.rules-content{grid-gap:15px;display:grid;gap:15px}.rule-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px}.rule-section h4{color:#ffe4b5;font-size:1.1rem;margin:0 0 10px;text-shadow:1px 1px 2px #00000080}.rule-section p{font-size:.95rem;line-height:1.4;margin:0}.rule-section ul{line-height:1.4;margin:5px 0 0;padding-left:20px}.rule-section li{font-size:.9rem;margin-bottom:5px}.rule-section strong{color:#ffe4b5;text-shadow:1px 1px 2px #00000080}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-top:1px solid #fff3;margin-top:50px;padding:20px 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px}.footer p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0;text-align:center}.footer strong{color:gold}.footer a,.footer strong{text-shadow:1px 1px 2px #00000080}.footer a{color:#4ecdc4;font-weight:700;text-decoration:none;transition:all .3s ease}.footer a:hover{color:#45b7d1;text-shadow:2px 2px 4px #000000b3}@media (max-width:768px){.game-container{align-items:center;flex-direction:column}canvas{height:auto;max-width:400px;width:100%}.buttons{grid-template-columns:repeat(2,1fr);max-width:400px}.shape-button{font-size:.8rem;min-height:45px;padding:10px 6px}.rules{margin-top:20px;max-width:400px;padding:15px}.rules h3{font-size:1.3rem}.rule-section{padding:12px}.rule-section h4{font-size:1rem}.rule-section li,.rule-section p{font-size:.85rem}.App h1{font-size:2rem}.footer{margin-top:30px;padding:15px 0}.footer p{font-size:.8rem;padding:0 10px}}
/*# sourceMappingURL=main.d12f0334.css.map*/