:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#1a1a2e;color:#fafafa;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.game-header{text-align:center;margin-bottom:1.5rem}.game-title{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#e94560,#f5a623,#e94560);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;letter-spacing:-.02em}@keyframes shimmer{to{background-position:200% center}}.game-subtitle{color:#ffffff80;font-size:.85rem;margin:.25rem 0 0}.scoreboard{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f5a623}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff73}.field{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:420px;width:100%;margin-bottom:1.5rem}.hole{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at center bottom,#2d1b00 0%,#1a0f00 60%,transparent 70%);border-radius:50%;overflow:hidden;cursor:crosshair;border:3px solid #3d2b00;box-shadow:inset 0 8px 20px #0009}.hole:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:30%;background:radial-gradient(ellipse,#4a3200,#2d1b00);border-radius:50% 50% 0 0;z-index:2}.coq{position:absolute;bottom:-100%;left:50%;transform:translate(-50%);font-size:3.5rem;transition:bottom .15s ease-out;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));cursor:crosshair}.coq.pop{bottom:15%;animation:wobble .6s ease-in-out infinite}.coq.hit{bottom:15%;animation:spin-fall .4s ease-in forwards}@keyframes wobble{0%,to{transform:translate(-50%) rotate(-5deg)}50%{transform:translate(-50%) rotate(5deg)}}@keyframes spin-fall{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(-50%) rotate(360deg) scale(.3);opacity:0;bottom:-50%}}.hit-score{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:1.4rem;font-weight:800;color:#4cff50;pointer-events:none;z-index:10;animation:float-up .7s ease-out forwards;text-shadow:0 0 10px rgba(76,255,80,.6)}.miss-score{color:#ff4c4c;text-shadow:0 0 10px rgba(255,76,76,.6)}@keyframes float-up{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-50px)}}.controls{display:flex;gap:1rem;align-items:center}.btn{padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#e94560,#c0392b);color:#fff}.btn-primary:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-over-card{background:#16213e;border:2px solid #e94560;border-radius:1rem;padding:2.5rem 3rem;text-align:center;animation:pop-in .3s ease-out}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-over-card h2{margin:0 0 .5rem;font-size:2rem;color:#e94560}.game-over-card p{margin:.25rem 0;color:#fff9}.final-score{font-size:3rem;font-weight:800;color:#f5a623;margin:1rem 0}.difficulty-selector{display:flex;gap:.5rem;margin-bottom:1rem}.diff-btn{padding:.4rem 1rem;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:.35rem;background:transparent;color:#ffffff80;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .15s}.diff-btn.active{background:#e94560;color:#fff;border-color:#e94560}.time-bar{width:100%;max-width:420px;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:1.5rem;overflow:hidden}.time-fill{height:100%;background:linear-gradient(90deg,#e94560,#f5a623);border-radius:3px;transition:width .1s linear}.combo-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#f5a623;text-shadow:0 0 20px rgba(245,166,35,.5);pointer-events:none;z-index:50;animation:combo-pop .6s ease-out forwards}@keyframes combo-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}