.audio-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-background);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;color:var(--color-text);transition:all .2s}.audio-controls:hover{background:#d5dbdb;border-color:var(--color-secondary)}.audio-controls:active{transform:scale(.98)}.audio-controls__icon{font-size:1.25rem;line-height:1}.audio-controls__label{font-weight:500}.audio-controls--disabled{opacity:.7}@media (max-width: 480px){.audio-controls{padding:.375rem .75rem;font-size:.875rem}.audio-controls__icon{font-size:1.1rem}}.start-screen{width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0a0c14,#0d1117,#0a0f1a);color:#e6e6e6;padding:2rem 1rem;position:relative;overflow:hidden}.start-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;z-index:1}.start-screen__logo-container{width:100%;max-width:280px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.start-screen__logo{width:100%;height:100%;object-fit:contain}.start-screen__slogan{font-size:1rem;font-weight:400;letter-spacing:.3em;color:#8eae7c;text-transform:uppercase;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(142,174,124,.3)}.start-screen__high-score{margin-bottom:2rem;padding:.75rem 1.5rem;background:#8eae7c14;border:1px solid rgba(142,174,124,.2);border-radius:8px;text-align:center}.start-screen__high-score-label{display:block;font-size:.75rem;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.start-screen__high-score-value{display:block;font-size:1.5rem;font-weight:700;color:#8eae7c}.start-screen__buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:260px}.start-screen__button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;letter-spacing:.05em;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.start-screen__button--primary{background:linear-gradient(135deg,#8eae7c,#6b8f5c);color:#0a0c14;border-color:#8eae7c;box-shadow:0 4px 20px #8eae7c4d}.start-screen__button--primary:hover{background:linear-gradient(135deg,#9fc08e,#7da06d);transform:translateY(-2px);box-shadow:0 6px 25px #8eae7c66}.start-screen__button--primary:active{transform:translateY(0);box-shadow:0 2px 10px #8eae7c4d}.start-screen__button--secondary{background:transparent;color:#8eae7c;border-color:#8eae7c80}.start-screen__button--secondary:hover{background:#8eae7c1a;border-color:#8eae7c}.start-screen__button--secondary:active{background:#8eae7c26}.start-screen__button--install{background:transparent;color:#ffffffb3;border-color:#fff3;font-size:.875rem}.start-screen__button--install:hover{background:#ffffff0d;border-color:#fff6;color:#ffffffe6}.start-screen__controls{margin-top:1.5rem}.start-screen__credits-container{width:100%;overflow:hidden;padding:.75rem 0;background:#0000004d;border-top:1px solid rgba(142,174,124,.1);border-bottom:1px solid rgba(142,174,124,.1)}.start-screen__credits-marquee{display:flex;width:max-content;animation:marquee 30s linear infinite}.start-screen__credits-text{font-size:.75rem;color:#fff6;white-space:nowrap;letter-spacing:.02em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.start-screen__studio{padding:1rem 0;display:flex;justify-content:center}.start-screen__studio-logo{max-width:min(128px,50vw);height:auto;opacity:.6;transition:opacity .2s ease}.start-screen__studio-logo:hover{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(180deg,#141820,#0d1117);border:1px solid rgba(142,174,124,.2);border-radius:12px;padding:2rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#ffffff1a;color:#ffffffb3;font-size:1.5rem;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#fff3;color:#fff}.modal-title{font-size:1.5rem;font-weight:700;color:#8eae7c;margin-bottom:1.5rem;text-align:center}.modal-instructions{list-style:none;padding:0;margin:0}.modal-instructions li{padding:.75rem 0;font-size:.95rem;color:#fffc;border-bottom:1px solid rgba(255,255,255,.1)}.modal-instructions li:last-child{border-bottom:none}.modal-mole-info{display:flex;align-items:center;gap:.75rem}.modal-mole-sprite{width:40px;height:40px;object-fit:contain;flex-shrink:0}.install-steps{padding-left:1.5rem;margin:0}.install-steps li{padding:.75rem 0;font-size:.95rem;color:#fffc;border-bottom:1px solid rgba(255,255,255,.1)}.install-steps li:last-child{border-bottom:none}.install-steps strong{color:#8eae7c}@media (max-width: 480px){.start-screen{padding:1.5rem 1rem}.start-screen__logo-container{max-width:200px}.start-screen__slogan{font-size:.875rem}.start-screen__buttons{max-width:240px}.start-screen__button{padding:.75rem 1.25rem;font-size:.875rem}.modal-content{padding:1.5rem}.modal-title{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.start-screen__credits-marquee{animation:none}.start-screen__button{transition:none}}.mole{position:absolute;width:170%;height:170%;bottom:26%;left:50%;margin-left:-85%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;transform-origin:center bottom}.mole__sprite{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));-webkit-user-select:none;user-select:none;pointer-events:none}.mole--rare .mole__sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.1)}.mole--golden .mole__sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.2) drop-shadow(0 0 10px rgba(255,215,0,.6));animation:goldenGlow 2s ease-in-out infinite}@keyframes goldenGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.2) drop-shadow(0 0 10px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.4) drop-shadow(0 0 20px rgba(255,215,0,.8))}}.mole--active{animation:molePopUp .2s ease-out forwards}.mole--hit{animation:moleHit .5s ease-out forwards;pointer-events:none}.mole--retreating{animation:moleHide .2s ease-in forwards}@media (max-width: 768px){.mole{width:120%;height:120%;margin-left:-60%;bottom:35%}}@media (max-width: 480px){.mole{width:100%;height:100%;margin-left:-50%;bottom:40%}}.hole{position:relative;width:100%;height:100%;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hole__burrow{position:absolute;width:100%;height:100%;background-image:url(/assets/hole-qNnwdjQ-.png);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:1}.hole:hover .hole__burrow{filter:brightness(1.1);transition:filter .2s ease}.hole:active .hole__burrow{transform:scale(.95);transition:transform .1s ease}@media (max-width: 768px){.hole{min-width:44px;min-height:44px}}.game-grid{position:absolute;width:100%;height:40%;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.5rem;padding:1rem;box-sizing:border-box}.game-grid__cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}@media (max-width: 480px){.game-grid{gap:.25rem;padding:.5rem}}.hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:1rem;background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:90%}.hud__score,.hud__timer{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hud__score{text-align:left;align-items:flex-start}.hud__timer{text-align:center}.hud__label{font-size:.875rem;color:var(--color-text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hud__value{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1}.hud__timer--warning .hud__value{color:var(--color-danger);animation:timerPulse 1s ease-in-out infinite}.hud__legend{display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.hud__legend-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:var(--color-background);border-radius:calc(var(--border-radius) / 2);min-width:50px}.hud__legend-sprite{width:32px;height:32px;object-fit:contain}.hud__legend-points{font-size:.75rem;font-weight:700;color:var(--color-text)}@media (max-width: 768px){.hud{grid-template-columns:1fr;gap:.75rem}.hud__score,.hud__timer{align-items:center}.hud__score{text-align:center}.hud__legend{justify-content:center;flex-wrap:wrap}.hud__value{font-size:1.5rem}}@media (max-width: 480px){.hud{padding:.75rem}.hud__value{font-size:1.25rem}.hud__legend-item{min-width:45px;padding:.375rem}.hud__legend-sprite{width:24px;height:24px}.hud__legend-points{font-size:.625rem}}.score-popup{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:0}.score-popup--visible{animation:scorePop .4s ease-out forwards}.score-popup__points{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.5);line-height:1}.score-popup__emoji{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));line-height:1}@media (max-width: 480px){.score-popup__points{font-size:1.5rem}.score-popup__emoji{font-size:1.25rem}}.hammer{position:absolute;pointer-events:none;z-index:25}.hammer__sprite{width:166px;height:333px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));-webkit-user-select:none;user-select:none;pointer-events:none;display:block;transform-origin:50% 0%}.hammer--hitting{animation:hammerHitting .1s ease-in forwards,hammerFadeOut .25s ease-out .25s forwards}@keyframes hammerHitting{0%{opacity:1;transform:translate(-70%,-100%) scale(1) rotate(-15deg)}to{transform:translate(-75%,-100%) scale(1.05) rotate(50deg);opacity:1}}@keyframes hammerFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.hammer__sprite{width:125px;height:250px}}@media (max-width: 480px){.hammer__sprite{width:83px;height:166px}}.game-screen{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-screen__field{position:relative;width:100%;height:100%;background-image:url(/assets/game-field-CgfLUELT.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.game-over-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0a0c14;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:100}.game-over-screen__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0c1480,#0a0c14bf,#0a0c14e6);z-index:1}.game-over-screen__content{position:relative;z-index:2;width:100%;max-width:500px;padding:2.5rem;text-align:center;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;pointer-events:none}.game-over-screen__content--visible{opacity:1;transform:translateY(0);pointer-events:auto}.game-over-screen__flag-container{display:flex;justify-content:center;margin-bottom:1.5rem}.game-over-screen__flag{max-width:180px;width:100%;height:auto}.game-over-screen__header{margin-bottom:2rem}.game-over-screen__title{font-size:2.75rem;font-weight:700;color:#8eae7c;margin-bottom:.5rem;text-shadow:0 0 20px rgba(142,174,124,.5),0 2px 10px rgba(0,0,0,.8);letter-spacing:.02em}.game-over-screen__subtitle{font-size:1rem;color:#fffc;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.8)}.game-over-screen__score-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.game-over-screen__final-score,.game-over-screen__high-score{padding:1.25rem 1.5rem;background:#0a0f1ad9;border:1px solid rgba(142,174,124,.2);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0006}.game-over-screen__label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.15em}.game-over-screen__value{display:block;font-size:2.25rem;font-weight:700;color:#8eae7c;text-shadow:0 0 15px rgba(142,174,124,.4)}.game-over-screen__new-record{display:block;margin-top:.75rem;font-size:1.1rem;font-weight:600;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1;text-shadow:0 0 20px rgba(255,215,0,.5)}50%{transform:scale(1.05);opacity:.9;text-shadow:0 0 30px rgba(255,215,0,.8)}}.game-over-screen__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.game-over-screen__button{flex:1;min-width:140px;max-width:200px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.game-over-screen__button--primary{background:linear-gradient(135deg,#8eae7c,#6b8f5c);color:#0a0c14;border-color:#8eae7c;box-shadow:0 4px 20px #8eae7c4d}.game-over-screen__button--primary:hover{background:linear-gradient(135deg,#9fc08e,#7da06d);transform:translateY(-2px);box-shadow:0 6px 25px #8eae7c80}.game-over-screen__button--primary:active{transform:translateY(0);box-shadow:0 2px 10px #8eae7c4d}.game-over-screen__button--secondary{background:transparent;color:#fffc;border-color:#ffffff4d}.game-over-screen__button--secondary:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.game-over-screen__button--secondary:active{background:#ffffff26}@media (max-width: 480px){.game-over-screen__content{padding:1.5rem;margin:1rem}.game-over-screen__title{font-size:2rem}.game-over-screen__subtitle{font-size:.9rem}.game-over-screen__final-score,.game-over-screen__high-score{padding:1rem}.game-over-screen__value{font-size:1.75rem}.game-over-screen__new-record{font-size:.95rem}.game-over-screen__actions{flex-direction:column}.game-over-screen__button{width:100%;max-width:100%}}@media (prefers-reduced-motion: reduce){.game-over-screen__content{transition:opacity .3s ease-out;transform:none}.game-over-screen__content--visible{transform:none}.game-over-screen__new-record{animation:none}.game-over-screen__button{transition:none}}@keyframes molePopUp{0%{transform:translateY(100%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes moleHide{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.8);opacity:0}}@keyframes moleHit{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}25%{transform:translateY(-10px) scale(1.1) rotate(-10deg);opacity:1}25.1%{transform:translateY(0) scale(1) rotate(0);opacity:1}50%{transform:translateY(5px) scale(.9) rotate(10deg);opacity:.66}75%{transform:translateY(-5px) scale(1.05) rotate(-5deg);opacity:.33}to{transform:translateY(0) scale(.8) rotate(0);opacity:0}}@keyframes scorePop{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes holeHighlight{0%,to{box-shadow:0 0 #3498db00}50%{box-shadow:0 0 0 10px #3498db4d}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2c3e50;--color-secondary: #3498db;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-background: #ecf0f1;--color-surface: #ffffff;--color-text: #2c3e50;--color-text-light: #7f8c8d;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--mole-common: #8b4513;--mole-rare: #4a90e2;--mole-golden: #ffd700}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--color-text);overflow-x:hidden}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0}.app{width:100%;max-width:1200px;min-height:100vh;display:flex;align-items:center;justify-content:center}.app:has(.start-screen){max-width:none;padding:0}@media (prefers-contrast: high){:root{--color-primary: #000000;--color-text: #000000;--color-surface: #ffffff;--shadow: 0 2px 4px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,.hole:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}