@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--nb-black:#000;--nb-white:#fff;--nb-yellow:#ff0;--nb-orange:#ff6b35;--nb-red:red;--nb-green:#0f0;--nb-blue:#06f;--nb-purple:#8b5cf6;--nb-pink:#ff1493;--nb-cyan:#0ff;--nb-gray-100:#f5f5f5;--nb-gray-200:#e5e5e5;--nb-gray-300:#d4d4d4;--nb-gray-400:#a3a3a3;--nb-gray-500:#737373;--nb-gray-600:#525252;--nb-gray-700:#404040;--nb-gray-800:#262626;--nb-gray-900:#171717;--nb-cricket-green:#00ff41;--nb-cricket-brown:#8b4513;--nb-cricket-red:#ff0040;--nb-cricket-gold:gold;--nb-font-primary:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--nb-font-mono:"Space Grotesk","SF Mono","Monaco",monospace;--nb-text-xs:0.75rem;--nb-text-sm:0.875rem;--nb-text-base:1rem;--nb-text-lg:1.125rem;--nb-text-xl:1.25rem;--nb-text-2xl:1.5rem;--nb-text-3xl:1.875rem;--nb-text-4xl:2.25rem;--nb-text-5xl:3rem;--nb-text-6xl:3.75rem;--nb-text-7xl:4.5rem;--nb-space-1:0.25rem;--nb-space-2:0.5rem;--nb-space-3:0.75rem;--nb-space-4:1rem;--nb-space-5:1.25rem;--nb-space-6:1.5rem;--nb-space-8:2rem;--nb-space-10:2.5rem;--nb-space-12:3rem;--nb-space-16:4rem;--nb-space-20:5rem;--nb-space-24:6rem;--nb-radius-none:0;--nb-radius-sm:0.25rem;--nb-radius-md:0.5rem;--nb-radius-lg:0.75rem;--nb-radius-xl:1rem;--nb-radius-2xl:1.5rem;--nb-radius-3xl:2rem;--nb-shadow-sm:2px 2px 0px var(--nb-black);--nb-shadow-md:4px 4px 0px var(--nb-black);--nb-shadow-lg:6px 6px 0px var(--nb-black);--nb-shadow-xl:8px 8px 0px var(--nb-black);--nb-shadow-2xl:12px 12px 0px var(--nb-black);--nb-transition-fast:100ms ease-out;--nb-transition-normal:200ms ease-out;--nb-transition-slow:300ms ease-out;--nb-touch-target:48px;--nb-touch-target-lg:64px}@media (prefers-color-scheme:dark){:root{--nb-black:#fff;--nb-white:#000;--nb-gray-100:#171717;--nb-gray-200:#262626;--nb-gray-300:#404040;--nb-gray-400:#525252;--nb-gray-500:#737373;--nb-gray-600:#a3a3a3;--nb-gray-700:#d4d4d4;--nb-gray-800:#e5e5e5;--nb-gray-900:#f5f5f5}}*{-webkit-tap-highlight-color:transparent}body{background-color:var(--nb-white);color:#000;color:var(--nb-black);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--nb-font-primary);font-size:var(--nb-text-base);font-weight:500;line-height:1.4;overflow-x:hidden}.nb-container{margin:0 auto;max-width:100%;padding:0 1rem;padding:0 var(--nb-space-4);padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (max-width:480px){.nb-container{padding:0 .75rem;padding:0 var(--nb-space-3);padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.difficulty-content,.game-content,.home-content,.how-to-play-content,.performance-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (min-width:769px){.difficulty-content,.game-content,.home-content,.how-to-play-content,.nb-container,.performance-content{padding-bottom:1rem;padding-bottom:var(--nb-space-4);padding-top:calc(80px + env(safe-area-inset-top))}}.nb-btn{align-items:center;border:3px solid #000;border:3px solid var(--nb-black);border-radius:.75rem;border-radius:var(--nb-radius-lg);cursor:pointer;display:inline-flex;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--nb-font-primary);font-size:1rem;font-size:var(--nb-text-base);font-weight:700;gap:.5rem;gap:var(--nb-space-2);justify-content:center;letter-spacing:.5px;min-height:48px;min-height:var(--nb-touch-target);overflow:hidden;padding:.75rem 1.5rem;padding:var(--nb-space-3) var(--nb-space-6);position:relative;text-decoration:none;text-transform:uppercase;transition:all .1s ease-out;transition:all var(--nb-transition-fast);-webkit-user-select:none;user-select:none}.nb-btn-primary{background:#00ff41;background:var(--nb-cricket-green);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);color:#000;color:var(--nb-black)}.nb-btn-primary:hover{box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);transform:translate(-2px,-2px)}.nb-btn-primary:active{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);transform:translate(0)}.nb-btn-secondary{background:#fff;background:var(--nb-white);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);color:#000;color:var(--nb-black)}.nb-btn-secondary:hover{background:#f5f5f5;background:var(--nb-gray-100);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);transform:translate(-2px,-2px)}.nb-btn-warning{background:#ff6b35;background:var(--nb-orange)}.nb-btn-error,.nb-btn-warning{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);color:#fff;color:var(--nb-white)}.nb-btn-error{background:red;background:var(--nb-red)}.nb-btn-success{background:#00ff41;background:var(--nb-cricket-green);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);color:#000;color:var(--nb-black)}.nb-btn-lg{border-width:4px;font-size:1.125rem;font-size:var(--nb-text-lg);min-height:64px;min-height:var(--nb-touch-target-lg);padding:1rem 2rem;padding:var(--nb-space-4) var(--nb-space-8)}.nb-btn-xl{border-width:5px;font-size:1.25rem;font-size:var(--nb-text-xl);min-height:72px;padding:1.25rem 2.5rem;padding:var(--nb-space-5) var(--nb-space-10)}.nb-btn-full{width:100%}.nb-btn:disabled{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);cursor:not-allowed;opacity:.6;transform:none!important}.nb-card{background:#fff;background:var(--nb-white);border:4px solid #000;border:4px solid var(--nb-black);border-radius:1rem;border-radius:var(--nb-radius-xl);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);overflow:hidden;position:relative;transition:all .2s ease-out;transition:all var(--nb-transition-normal)}.nb-card:hover{box-shadow:8px 8px 0 #000;box-shadow:var(--nb-shadow-xl);transform:translate(-4px,-4px)}.nb-card-interactive{cursor:pointer}.nb-card-interactive:active{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(0)}.nb-score{background:#00ff41;background:var(--nb-cricket-green);border:6px solid #000;border:6px solid var(--nb-black);border-radius:1.5rem;border-radius:var(--nb-radius-2xl);box-shadow:8px 8px 0 #000;box-shadow:var(--nb-shadow-xl);margin:1.5rem 0;margin:var(--nb-space-6) 0;padding:2rem;padding:var(--nb-space-8);position:relative;text-align:center}.nb-score-main{color:#000;color:var(--nb-black);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:4.5rem;font-size:var(--nb-text-7xl);font-weight:900;line-height:.9;margin:0 0 1rem;margin:0 0 var(--nb-space-4) 0;text-shadow:4px 4px 0 #fff;text-shadow:4px 4px 0 var(--nb-white)}.nb-score-details{color:#000;color:var(--nb-black);font-size:1.125rem;font-size:var(--nb-text-lg);font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.nb-page{background:#fff;background:var(--nb-white);border:6px solid #000;border:6px solid var(--nb-black);border-radius:2rem;border-radius:var(--nb-radius-3xl);box-shadow:8px 8px 0 #000;box-shadow:var(--nb-shadow-xl);padding:2.5rem;padding:var(--nb-space-10);position:relative;text-align:center}.nb-page,.nb-page-number{margin:1.5rem 0;margin:var(--nb-space-6) 0}.nb-page-number{color:#000;color:var(--nb-black);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:4.5rem;font-size:var(--nb-text-7xl);font-weight:900;line-height:.9;text-shadow:4px 4px 0 #00ff41;text-shadow:4px 4px 0 var(--nb-cricket-green)}.nb-page-label{font-size:1.25rem;font-size:var(--nb-text-xl);font-weight:800;letter-spacing:2px;margin:0 0 1.5rem;margin:0 0 var(--nb-space-6) 0}.nb-page-label,.nb-title{color:#000;color:var(--nb-black);text-transform:uppercase}.nb-title{font-size:3rem;font-size:var(--nb-text-5xl);font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0;text-shadow:3px 3px 0 #00ff41;text-shadow:3px 3px 0 var(--nb-cricket-green)}.nb-subtitle{color:#525252;color:var(--nb-gray-600);font-size:1.25rem;font-size:var(--nb-text-xl);font-weight:600;letter-spacing:1px;margin:.75rem 0 0;margin:var(--nb-space-3) 0 0 0;text-transform:uppercase}.nb-heading{color:#000;color:var(--nb-black);font-size:1.875rem;font-size:var(--nb-text-3xl);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0;text-transform:uppercase}.nb-text{color:#404040;color:var(--nb-gray-700);font-size:1rem;font-size:var(--nb-text-base);font-weight:500;line-height:1.6;margin:0}.nb-grid-2{grid-gap:1rem;grid-gap:var(--nb-space-4);grid-template-columns:repeat(2,1fr)}.nb-grid-2,.nb-grid-3{display:grid;gap:1rem;gap:var(--nb-space-4)}.nb-grid-3{grid-gap:1rem;grid-gap:var(--nb-space-4);grid-template-columns:repeat(3,1fr)}.nb-grid-4{grid-gap:1rem;grid-gap:var(--nb-space-4);grid-template-columns:repeat(4,1fr)}.nb-grid-4,.nb-stats{display:grid;gap:1rem;gap:var(--nb-space-4)}.nb-stats{grid-gap:1rem;grid-gap:var(--nb-space-4);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;margin:var(--nb-space-6) 0}.nb-stat{background:#fff;background:var(--nb-white);border:3px solid #000;border:3px solid var(--nb-black);border-radius:1rem;border-radius:var(--nb-radius-xl);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);padding:1.5rem;padding:var(--nb-space-6);text-align:center}.nb-stat-value{color:#00ff41;color:var(--nb-cricket-green);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1.875rem;font-size:var(--nb-text-3xl);font-weight:900;margin:0 0 .5rem;margin:0 0 var(--nb-space-2) 0}.nb-stat-label{color:#000;color:var(--nb-black);font-size:.875rem;font-size:var(--nb-text-sm);font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.nb-runs{flex-wrap:wrap;gap:.75rem;gap:var(--nb-space-3);margin:1.5rem 0;margin:var(--nb-space-6) 0}.nb-run,.nb-runs{display:flex;justify-content:center}.nb-run{align-items:center;border:3px solid #000;border:3px solid var(--nb-black);border-radius:.75rem;border-radius:var(--nb-radius-lg);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);color:#fff;color:var(--nb-white);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1.125rem;font-size:var(--nb-text-lg);font-weight:900;height:48px;transition:all .1s ease-out;transition:all var(--nb-transition-fast);width:48px}.nb-run:hover{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(-2px,-2px)}.nb-run.dot{background:#a3a3a3;background:var(--nb-gray-400)}.nb-run.single{background:#06f;background:var(--nb-blue)}.nb-run.two{background:#0ff;background:var(--nb-cyan)}.nb-run.three{background:#8b5cf6;background:var(--nb-purple)}.nb-run.four{background:#00ff41;background:var(--nb-cricket-green)}.nb-run.five{background:gold;background:var(--nb-cricket-gold)}.nb-run.six{background:#ff6b35;background:var(--nb-orange)}.nb-run.out{background:red;background:var(--nb-red)}@keyframes nb-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes nb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes nb-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes nb-glow{0%,to{box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg)}50%{box-shadow:8px 8px 0 #000,0 0 20px #00ff41;box-shadow:var(--nb-shadow-xl),0 0 20px var(--nb-cricket-green)}}.nb-bounce{animation:nb-bounce 1s ease-in-out}.nb-pulse{animation:nb-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nb-shake{animation:nb-shake .5s ease-in-out}.nb-glow{animation:nb-glow 2s ease-in-out infinite}.nb-celebration{animation:nb-bounce 1s ease-in-out;background:#00ff41;background:var(--nb-cricket-green);border:4px solid #000;border:4px solid var(--nb-black);border-radius:1rem;border-radius:var(--nb-radius-xl);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);color:#000;color:var(--nb-black);font-size:1.25rem;font-size:var(--nb-text-xl);font-weight:800;letter-spacing:1px;margin:1rem 0;margin:var(--nb-space-4) 0;padding:1.5rem;padding:var(--nb-space-6);text-align:center;text-transform:uppercase}.nb-celebration.six{background:#ff6b35;background:var(--nb-orange);border-color:#000;border-color:var(--nb-black);color:#fff;color:var(--nb-white)}.nb-celebration.four{background:#00ff41;background:var(--nb-cricket-green);color:#000;color:var(--nb-black)}.nb-celebration.out{background:red;background:var(--nb-red);border-color:#000;border-color:var(--nb-black);color:#fff;color:var(--nb-white)}.nb-celebration.single,.nb-celebration.three,.nb-celebration.two{background:#06f;background:var(--nb-blue);color:#fff;color:var(--nb-white)}.nb-celebration.dot{background:#a3a3a3;background:var(--nb-gray-400);color:#000;color:var(--nb-black)}.nb-nav-section{align-items:center;background:#fff;background:var(--nb-white);border-top:4px solid #000;border-top:4px solid var(--nb-black);bottom:0;box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);display:flex;justify-content:space-around;left:0;padding:.75rem 0;padding:var(--nb-space-3) 0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--nb-space-3) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}@media (min-width:769px){.nb-nav-section{border-bottom:4px solid #000;border-bottom:4px solid var(--nb-black);border-top:none;bottom:auto;box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);padding-bottom:.75rem;padding-bottom:var(--nb-space-3);padding-top:calc(.75rem + env(safe-area-inset-top));padding-top:calc(var(--nb-space-3) + env(safe-area-inset-top));position:fixed;top:0}}.nb-nav-buttons{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:400px;padding:0 1rem;padding:0 var(--nb-space-4);width:100%}@media (min-width:769px){.nb-nav-buttons{max-width:600px;padding:0 1.5rem;padding:0 var(--nb-space-6)}.nb-nav-button{min-width:80px;padding:1rem 1.5rem;padding:var(--nb-space-4) var(--nb-space-6)}.nb-nav-icon{height:28px;width:28px}.nb-nav-label{font-size:.875rem;font-size:var(--nb-text-sm)}}.header-logo{align-items:center;display:flex;justify-content:center;margin:0 .5rem;margin:0 var(--nb-space-2)}.header-logo img{transition:transform .2s ease}.header-logo img:hover{transform:scale(1.05)}.game-header{padding:1rem;padding:var(--nb-space-4)}.game-header .header-logo{display:flex;flex:1 1;justify-content:center}.difficulty-header{padding:1rem;padding:var(--nb-space-4)}.difficulty-header .header-logo{margin:0 .5rem;margin:0 var(--nb-space-2)}.nb-nav-button{align-items:center;background:#fff;background:var(--nb-white);border:3px solid #000;border:3px solid var(--nb-black);border-radius:.75rem;border-radius:var(--nb-radius-lg);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);color:#525252;color:var(--nb-gray-600);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-size:var(--nb-text-xs);font-weight:700;gap:.25rem;gap:var(--nb-space-1);letter-spacing:.5px;min-width:60px;padding:.75rem;padding:var(--nb-space-3);text-decoration:none;text-transform:uppercase;transition:all .1s ease-out;transition:all var(--nb-transition-fast)}.nb-nav-button:hover{background:#f5f5f5;background:var(--nb-gray-100);transform:translate(-2px,-2px)}.nb-nav-button.active,.nb-nav-button:hover{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md)}.nb-nav-button.active{background:#00ff41;background:var(--nb-cricket-green);border-color:#000;border-color:var(--nb-black);color:#000;color:var(--nb-black)}.nb-nav-button:active{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);transform:translate(0)}.nb-nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.nb-nav-label{font-size:.75rem;font-size:var(--nb-text-xs);font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase}@media (max-width:768px){.nb-grid-2,.nb-grid-3,.nb-grid-4{grid-template-columns:1fr}.nb-stats{gap:.75rem;gap:var(--nb-space-3);grid-template-columns:repeat(3,1fr)}.nb-title{font-size:2.25rem;font-size:var(--nb-text-4xl)}.nb-page-number,.nb-score-main{font-size:3.75rem;font-size:var(--nb-text-6xl)}.nb-card{margin:1rem 0;margin:var(--nb-space-4) 0}.nb-btn-xl{font-size:1.125rem;font-size:var(--nb-text-lg);min-height:64px;padding:1rem 1.5rem;padding:var(--nb-space-4) var(--nb-space-6)}}@media (max-width:480px){body{font-size:.875rem;font-size:var(--nb-text-sm)}.nb-title{font-size:1.875rem;font-size:var(--nb-text-3xl);line-height:1.1}.nb-heading{font-size:1.5rem;font-size:var(--nb-text-2xl)}.nb-page-number,.nb-score-main{font-size:3rem;font-size:var(--nb-text-5xl)}.nb-btn{font-size:.875rem;font-size:var(--nb-text-sm);min-height:48px;min-height:var(--nb-touch-target);padding:.75rem 1rem;padding:var(--nb-space-3) var(--nb-space-4)}.nb-btn-lg{font-size:1rem;font-size:var(--nb-text-base);min-height:56px;padding:.75rem 1.25rem;padding:var(--nb-space-3) var(--nb-space-5)}.nb-btn-xl{font-size:1.125rem;font-size:var(--nb-text-lg);min-height:60px;padding:1rem 1.5rem;padding:var(--nb-space-4) var(--nb-space-6)}.nb-card{border-width:3px;margin:.75rem 0;margin:var(--nb-space-3) 0}.nb-stats{gap:.5rem;gap:var(--nb-space-2);grid-template-columns:repeat(2,1fr)}.nb-stat{padding:1rem;padding:var(--nb-space-4)}.nb-stat-value{font-size:1.5rem;font-size:var(--nb-text-2xl)}.nb-stat-label{font-size:.75rem;font-size:var(--nb-text-xs)}.nb-runs{gap:.5rem;gap:var(--nb-space-2)}.nb-run{font-size:1rem;font-size:var(--nb-text-base);height:40px;width:40px}.app{padding-left:.75rem;padding-left:var(--nb-space-3);padding-right:.75rem;padding-right:var(--nb-space-3)}}@media (max-width:360px){.nb-title{font-size:1.5rem;font-size:var(--nb-text-2xl)}.nb-page-number,.nb-score-main{font-size:2.25rem;font-size:var(--nb-text-4xl)}.nb-stats{grid-template-columns:1fr}.nb-run{font-size:.875rem;font-size:var(--nb-text-sm);height:36px;width:36px}.nb-nav-button{min-width:50px;padding:.5rem;padding:var(--nb-space-2)}.nb-nav-icon{height:20px;width:20px}.nb-nav-label{font-size:10px}}.nb-btn:focus-visible,.nb-card:focus-visible{outline:4px solid #00ff41;outline:4px solid var(--nb-cricket-green);outline-offset:4px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{background:var(--nb-white);font-family:var(--nb-font-primary);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.difficulty-box,.modes-box{padding:20px}.difficulty-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.difficulty-row{align-items:center;background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.difficulty-row:hover{background:#f1f5f9;transform:translateX(4px)}.difficulty-row.active{background:#eff6ff;border-left-color:#3b82f6}.difficulty-row.active:hover{background:#dbeafe}.difficulty-icon{font-size:24px;min-width:32px;text-align:center}.difficulty-name{color:#1f2937;font-weight:700;margin:0 0 4px}.difficulty-desc{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.difficulty-status{font-size:20px;min-width:32px;text-align:center}.mode-row{cursor:pointer}.mode-action,.mode-icon{color:#059669}.mode-action{font-size:16px;min-width:32px;text-align:center}.home-screen{-webkit-overflow-scrolling:touch;background:#fff;min-height:100vh;overflow:hidden;overscroll-behavior:contain;padding:0;position:relative}.home-screen:before{background-image:linear-gradient(90deg,#00000005 1px,#0000 0),linear-gradient(#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.home-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.5rem 1rem}.home-content,.home-header{position:relative;z-index:1}.home-content{padding:2rem 1.5rem}.welcome-section{margin-bottom:3rem}.welcome-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.welcome-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.welcome-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:24px;height:3rem;justify-content:center;width:3rem}.welcome-content{flex:1 1}.welcome-title{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.welcome-description{color:#666;font-size:14px;line-height:1.5;margin:0}.difficulty-selection-section{margin-bottom:3rem}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.difficulty-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;justify-content:center;min-height:60px;min-width:100px;padding:.75rem 1rem;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.difficulty-name{font-size:14px;margin-bottom:.25rem}.difficulty-desc{font-size:11px;font-weight:400;line-height:1.2;opacity:.8}.difficulty-btn:active{transform:scale(.95)}.difficulty-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.difficulty-btn.active{border-color:#0000;box-shadow:0 2px 8px #00000026}.game-modes-section{margin-bottom:3rem}.mode-card{cursor:pointer}.mode-icon{color:#333}@media (max-width:768px){.home-content{gap:1.5rem;padding:1.5rem 1rem}.mode-card{padding:1.25rem}}@media (max-width:480px){.app-title{font-size:20px}.mode-card{padding:1rem}.mode-header{gap:.75rem}.mode-icon{font-size:18px;height:2.5rem;width:2.5rem}.mode-name{font-size:16px}.nav-buttons{gap:.5rem}.nav-button{max-width:none}}.main-header-scorecard{margin-bottom:20px}.main-header-scorecard .scorecard-header{padding:20px;text-align:center}.main-header-scorecard .scorecard-title{font-size:24px;font-weight:800;margin:0 0 6px}.main-header-scorecard .scorecard-subtitle{font-size:14px;text-transform:capitalize}.live-scoreboard .scorecard-header{background:linear-gradient(135deg,#dc2626,#ef4444)}.main-score,.scoreboard-box{padding:20px}.main-score{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px}.score-display{text-align:center}.runs-wickets{color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:3rem;font-weight:900;line-height:1;margin-bottom:8px}.runs{color:#059669}.separator{color:#64748b;margin:0 8px}.wickets{color:#dc2626}.score-label{color:#64748b;font-weight:600;letter-spacing:1px}.overs-display{text-align:center}.overs{color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.overs-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.scoreboard-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:16px}.page-display-card .scorecard-header{background:linear-gradient(135deg,#7c3aed,#a855f7)}.page-box{padding:20px;text-align:center}.page-number{color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:4rem;font-weight:900;margin:20px 0}.last-digit-info{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.digit-label{color:#64748b;font-size:16px;font-weight:600}.digit-value{background:#f1f5f9;border:2px solid #cbd5e1;border-radius:8px;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:24px;font-weight:800;padding:8px 16px}.action-card{margin-bottom:0}.action-box{padding:20px;text-align:center}.turn-page-btn{background:linear-gradient(135deg,#059669,#10b981);border-radius:16px;box-shadow:0 6px 20px #0596694d;font-size:20px;font-weight:700;min-width:250px;padding:20px 40px;transition:all .2s ease}.turn-page-btn:hover:not(:disabled){box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}.turn-page-btn:active:not(:disabled){transform:translateY(0)}.turn-page-btn:disabled{opacity:.6;transform:none}.runs-scorecard .scorecard-header{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.runs-box{padding:20px}.runs-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.run-item{border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;text-shadow:0 1px 2px #0000004d;width:40px}.run-item:hover{transform:scale(1.1)}.run-item.dot{background:#9ca3af}.run-item.single{background:#3b82f6}.run-item.two{background:#8b5cf6}.run-item.three{background:#06b6d4}.run-item.four{background:#10b981}.run-item.five{background:#f59e0b}.run-item.six{background:#ef4444}.run-item.out{background:#dc2626}.runs-stats{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.game-screen{-webkit-overflow-scrolling:touch;background:#fff;min-height:100vh;overflow:hidden;overscroll-behavior:contain;padding:0;position:relative}.game-screen:before{background-image:linear-gradient(90deg,#00000005 1px,#0000 0),linear-gradient(#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.game-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.5rem 1rem;position:relative;z-index:1}.back-btn,.settings-btn,.sound-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.back-btn:active,.settings-btn:active,.sound-btn:active{background:#f0f0f0;transform:scale(.95)}.back-btn:hover,.settings-btn:hover,.sound-btn:hover{background:#f5f5f5}.header-actions{align-items:center;display:flex;gap:.5rem}.screen-title{flex:1 1;text-align:center}.game-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1.5rem;position:relative;z-index:1}.score-container{background:#0000;margin-bottom:3rem;position:relative;text-align:center}.score-label{color:#666;font-size:14px;font-weight:500;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.score-number{color:#333;font-size:48px;font-weight:700;line-height:1;margin-bottom:1rem}.score-stats{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.stat-badge{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:20px;color:#666}.stat-badge,.target-badge{font-size:14px;font-weight:500;padding:.5rem 1rem}.target-badge{background:#fff3cd;border:1px solid #ffeaa7;border-radius:20px;color:#856404}.page-container{background:#0000;margin-bottom:3rem;position:relative;text-align:center}.page-label{color:#666;font-size:14px;font-weight:500;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.page-number{color:#333;font-size:36px;font-weight:700;line-height:1;margin-bottom:.5rem}.last-digit{color:#666;font-size:14px;font-weight:500}.digit-badge{background:#f0f0f0;border-radius:4px;color:#333;font-size:12px;font-weight:600;padding:.25rem .5rem}.celebration-container{background:#e8f5e8;border:1px solid #c8e6c8;border-radius:8px;color:#2d5a2d;font-size:16px;font-weight:600;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.info-container{background:#0000;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.info-item{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;min-width:80px;padding:.75rem;text-align:center}.info-label{color:#666;display:block;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.info-value{color:#333;display:block;font-size:16px;font-weight:700}.turn-page-btn{-webkit-tap-highlight-color:transparent;background:#333;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:2rem;max-width:300px;min-height:56px;padding:1rem 3rem;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.turn-page-btn:active:not(:disabled){background:#222;box-shadow:0 2px 8px #0003;transform:scale(.98)}.turn-page-btn:hover:not(:disabled){background:#444;box-shadow:0 6px 16px #0003}.turn-page-btn:disabled{background:#ccc;box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.7}.runs-container{background:#0000;margin-bottom:2rem;text-align:center}.runs-title{color:#333;font-size:16px;font-weight:600;margin:0 0 1rem;text-align:center}.runs-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.run-item,.runs-grid{display:flex;justify-content:center}.run-item{align-items:center;border:1px solid #0000;border-radius:6px;font-size:14px;font-weight:600;height:2rem;transition:all .2s ease;width:2rem}.run-item:hover{transform:scale(1.05)}.run-item.single,.run-item.three,.run-item.two{background:#e8f5e8;border-color:#c8e6c8;color:#2d5a2d}.run-item.five,.run-item.four{background:#fff3cd;border-color:#ffeaa7;color:#856404}.run-item.six{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.run-item.dot{background:#f8f8f8;border-color:#e0e0e0;color:#666}.run-item.out{background:#333;border-color:#555;color:#fff}.runs-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat-value{font-size:14px}.game-over-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.modal-title{color:#333;font-size:24px;font-weight:700;margin:0 0 1rem}.game-over-reason{color:#dc3545;font-size:16px;font-weight:600;margin-bottom:1.5rem}.final-score{margin-bottom:2rem}.final-score-label{color:#666;font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.final-score-value{color:#333;font-size:36px;font-weight:700;margin-bottom:.5rem}.final-score-details{color:#666;font-size:14px;font-weight:500}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions button:first-child{background:#333;color:#fff}.modal-actions button:last-child{background:#f8f8f8;border:1px solid #e0e0e0;color:#333}.modal-actions button:hover{opacity:.9}.modal-actions button:first-child:hover{background:#444}.bounce{animation:nativeBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes nativeBounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.score-update{animation:scoreUpdate .8s cubic-bezier(.4,0,.2,1)}@keyframes scoreUpdate{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.8;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.page-flip{animation:pageFlip .6s cubic-bezier(.4,0,.2,1)}@keyframes pageFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.celebration{animation:celebration 1s cubic-bezier(.68,-.55,.265,1.55)}@keyframes celebration{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0deg)}}@media (max-width:768px){.game-content{padding:1.5rem 1rem}.score-number{font-size:40px}.page-number{font-size:32px}.info-container{gap:.75rem}.info-item{min-width:70px;padding:.5rem}.runs-stats{grid-template-columns:1fr}}@media (max-width:480px){.game-content{padding:1rem .75rem}.score-number{font-size:36px}.page-number{font-size:28px}.info-container,.score-stats{gap:.5rem}.info-item{min-width:60px;padding:.5rem}.turn-page-btn{font-size:16px;padding:.875rem 1.5rem}.run-item{font-size:12px;height:1.75rem;width:1.75rem}.modal-content{margin:.5rem;padding:1.5rem}.modal-title{font-size:20px}.final-score-value{font-size:32px}}.main-header-scorecard .scorecard-header{background:linear-gradient(135deg,#dc2626,#ef4444)}.modes-box,.rules-box,.tips-box{padding:20px}.rules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.rule-row{align-items:center;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.rule-row:hover{background:#f1f5f9;transform:translateX(4px)}.rule-icon{min-width:32px;text-align:center}.rule-title{color:#1f2937;font-weight:700;margin:0 0 4px}.rule-description{color:#6b7280;line-height:1.4}.modes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.mode-row{align-items:center;background:#f8fafc;border-left:4px solid #10b981;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.mode-row:hover{background:#ecfdf5;transform:translateX(4px)}.mode-icon{font-size:20px;min-width:32px;text-align:center}.mode-name{color:#1f2937;font-weight:700;margin:0 0 4px}.mode-description{color:#6b7280;line-height:1.4}.tips-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.tip-row{align-items:center;background:#f8fafc;border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.tip-row:hover{background:#fffbeb;transform:translateX(4px)}.tip-icon{min-width:32px;text-align:center}.tip-title{color:#1f2937;font-weight:700;margin:0 0 4px}.tip-description{color:#6b7280;line-height:1.4}.how-to-play-screen{background:#fff;min-height:100vh;overflow:hidden;padding:0;position:relative}.how-to-play-screen:before{background-image:linear-gradient(90deg,#00000005 1px,#0000 0),linear-gradient(#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.how-to-play-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.5rem 1rem;position:relative;z-index:1}.how-to-play-content{padding:2rem 1.5rem;position:relative;z-index:1}.rules-section{margin-bottom:3rem}.rules-grid{display:flex;flex-direction:column;gap:1rem}.rule-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.rule-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.rule-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:24px;height:3rem;justify-content:center;width:3rem}.rule-content{flex:1 1}.rule-title{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.rule-description{color:#666;font-size:14px;line-height:1.5;margin:0}.modes-section{margin-bottom:3rem}.modes-grid{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.how-to-play-content{padding:1.5rem 1rem}.mode-card,.rule-card,.tip-card{padding:1.25rem}.mode-icon,.rule-icon,.tip-icon{font-size:20px;height:2.5rem;width:2.5rem}}@media (max-width:480px){.how-to-play-content{padding:1rem .75rem}.mode-card,.rule-card,.tip-card{gap:.75rem;padding:1rem}.mode-icon,.rule-icon,.tip-icon{font-size:18px;height:2rem;width:2rem}.mode-name,.rule-title,.tip-title{font-size:15px}.mode-description,.rule-description,.tip-description{font-size:13px}}.cricket-scorecard{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:20px 0;overflow:hidden}.main-header-scorecard{margin-bottom:30px;margin-top:0}.main-header-scorecard .scorecard-header{background:linear-gradient(135deg,#059669,#10b981);padding:24px 20px}.main-header-scorecard .scorecard-title{font-size:28px;font-weight:900;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.main-header-scorecard .scorecard-subtitle{font-size:16px;font-weight:500;opacity:.9}.scorecard-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:20px;text-align:center}.scorecard-title{font-size:24px;font-weight:800;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.scorecard-subtitle{font-size:14px;font-weight:500;opacity:.9}.stats-box{border-bottom:1px solid #e5e5e5;padding:20px}.stats-box:last-child{border-bottom:none}.box-header{border-bottom:2px solid #f0f0f0;margin-bottom:16px;padding-bottom:12px}.box-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr}.stat-row{align-items:center;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.stat-row:hover{background:#f1f5f9;transform:translateX(4px)}.stat-label{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px}.stat-value{color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:18px;font-weight:800}.batting-stats .stat-row{border-left-color:#10b981}.batting-stats .stat-row:hover{background:#ecfdf5}.boundaries-stats .stat-row{border-left-color:#f59e0b}.boundaries-stats .stat-row:hover{background:#fffbeb}.achievements-scorecard{margin-top:20px}.achievements-scorecard .scorecard-header{background:linear-gradient(135deg,#7c3aed,#a855f7)}.achievements-box{padding:20px}.achievements-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.achievement-row{align-items:center;background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.achievement-row.unlocked{background:#ecfdf5;border-left-color:#10b981}.achievement-row.unlocked:hover{background:#d1fae5;transform:translateX(4px)}.achievement-row.locked{background:#f9fafb;border-left-color:#9ca3af;opacity:.7}.achievement-row.locked:hover{background:#f3f4f6;transform:translateX(2px)}.achievement-icon{min-width:32px;text-align:center}.achievement-title{color:#1f2937;font-weight:700;margin:0 0 4px}.achievement-description{color:#6b7280;line-height:1.4}.achievement-status{min-width:32px;text-align:center}.performance-screen{background:#fff;min-height:100vh;overflow:hidden;padding:0;position:relative}.performance-screen:before{background-image:linear-gradient(90deg,#00000005 1px,#0000 0),linear-gradient(#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.performance-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.5rem 1rem;position:relative;z-index:1}.back-btn{background:#0000;border:none}.back-btn:active{background:#f0f0f0}.performance-content{padding:2rem 1.5rem;position:relative;z-index:1}.stats-overview{margin-bottom:3rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.stat-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.stat-icon{background:#f8f8f8;border-radius:8px;height:3rem;justify-content:center;width:3rem}.stat-content,.stat-icon{align-items:center;display:flex}.stat-content{flex-direction:column;gap:.25rem}.stat-value{color:#333;font-size:24px;font-weight:700;line-height:1}.stat-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.achievements-section{margin-bottom:3rem}.achievements-grid{display:flex;flex-direction:column;gap:1rem}.achievement-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.achievement-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.achievement-card.unlocked{background:linear-gradient(135deg,#fff,#f8fff8);border-color:#34c759}.achievement-card.locked{opacity:.7}.achievement-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:24px;height:3rem;justify-content:center;width:3rem}.achievement-card.unlocked .achievement-icon{background:#e8f5e8}.achievement-content{flex:1 1}.achievement-title{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.achievement-card.locked .achievement-title{color:#999}.achievement-description{color:#666;font-size:14px;line-height:1.5;margin:0}.achievement-card.locked .achievement-description{color:#999}.achievement-status{align-items:center;display:flex;font-size:20px;height:2rem;justify-content:center;width:2rem}.tips-section{margin-bottom:2rem}.tips-grid{flex-direction:column}.tip-card,.tips-grid{display:flex;gap:1rem}.tip-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.tip-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.tip-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:24px;height:3rem;justify-content:center;width:3rem}.tip-content{flex:1 1}.tip-title{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.tip-description{color:#666;font-size:14px;line-height:1.5;margin:0}.nav-buttons{justify-content:center}.nav-button.active{box-shadow:0 2px 8px #00000026}@media (max-width:768px){.performance-content{padding:1.5rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievement-card,.stat-card,.tip-card{padding:1.25rem}.achievement-icon,.stat-icon,.tip-icon{font-size:20px;height:2.5rem;width:2.5rem}}@media (max-width:480px){.performance-content{padding:1rem .75rem}.stats-grid{grid-template-columns:1fr}.achievement-card,.stat-card,.tip-card{gap:.75rem;padding:1rem}.achievement-icon,.stat-icon,.tip-icon{font-size:18px;height:2rem;width:2rem}.stat-value{font-size:20px}.achievement-title,.tip-title{font-size:15px}.achievement-description,.tip-description{font-size:13px}}.difficulty-screen{background:#fff;min-height:100vh;overflow-x:hidden;position:relative}.difficulty-screen:before{background-image:linear-gradient(#00000005 1px,#0000 0),linear-gradient(90deg,#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:fixed;right:0;top:0}.difficulty-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1.5rem 1rem;position:relative;z-index:1}.screen-title{color:#333;font-size:18px;font-weight:600;margin:0}.header-spacer{width:44px}.back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.back-btn:active{background:#e0e0e0;transform:scale(.95)}.back-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.difficulty-content{padding:2rem 1.5rem;position:relative;z-index:1}.section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 1.5rem;text-align:center}.game-mode-info{margin-bottom:3rem}.mode-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.mode-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.mode-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:24px;height:3rem;justify-content:center;width:3rem}.mode-content{flex:1 1}.mode-name{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.mode-description{color:#666;font-size:14px;line-height:1.5;margin:0}.difficulty-section{margin-bottom:2rem}.difficulties-grid{display:flex;flex-direction:column;gap:1rem}.difficulty-card{-webkit-tap-highlight-color:transparent;align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.difficulty-card:active{background:#f0f0f0;box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.difficulty-card:hover{background:#f8f8f8;border-color:#d0d0d0;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.difficulty-icon{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.difficulty-content{flex:1 1}.difficulty-name{color:#333;font-size:16px;font-weight:600;margin:0 0 .5rem}.difficulty-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 1rem}.difficulty-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#f0f0f0;border-radius:6px;color:#666;font-size:12px;font-weight:500;padding:.25rem .5rem}.nav-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #f0f0f0;bottom:0;padding:1rem 1.5rem max(1rem,env(safe-area-inset-bottom) + 1rem);position:-webkit-sticky;position:sticky;z-index:10}.nav-buttons{flex-direction:row;gap:1rem;justify-content:space-around}.nav-button,.nav-buttons{align-items:center;display:flex}.nav-button{-webkit-tap-highlight-color:transparent;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;flex:1 1;flex-direction:column;font-size:12px;font-weight:500;gap:.25rem;justify-content:center;max-width:120px;min-height:44px;padding:.75rem .5rem;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.nav-button:active{background:#e0e0e0;transform:scale(.98)}.nav-button:hover{background:#e8e8e8;border-color:#d0d0d0}.nav-button.active{background:#333;border-color:#333;color:#fff}.nav-button svg{height:16px;width:16px}.card-enter{animation:cardEnter .6s cubic-bezier(.4,0,.2,1)}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.touch-feedback{transition:all .1s cubic-bezier(.4,0,.2,1)}.touch-feedback:active{opacity:.8;transform:scale(.95)}@media (max-width:480px){.difficulty-content{padding:1.5rem 1rem}.difficulty-card{padding:1rem}.nav-buttons{gap:.5rem}.nav-button{max-width:none}}:root{--primary-50:#f8fafc;--primary-100:#f1f5f9;--primary-200:#e2e8f0;--primary-300:#cbd5e1;--primary-400:#94a3b8;--primary-500:#64748b;--primary-600:#475569;--primary-700:#334155;--primary-800:#1e293b;--primary-900:#0f172a;--secondary-50:#fafafa;--secondary-100:#f4f4f5;--secondary-200:#e4e4e7;--secondary-300:#d4d4d8;--secondary-400:#a1a1aa;--secondary-500:#71717a;--secondary-600:#52525b;--secondary-700:#3f3f46;--secondary-800:#27272a;--secondary-900:#18181b;--accent-50:#f0f9ff;--accent-100:#e0f2fe;--accent-200:#bae6fd;--accent-300:#7dd3fc;--accent-400:#38bdf8;--accent-500:#0ea5e9;--accent-600:#0284c7;--accent-700:#0369a1;--accent-800:#075985;--accent-900:#0c4a6e;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--neutral-50:#fff;--neutral-100:#f8fafc;--neutral-200:#f1f5f9;--neutral-300:#e2e8f0;--neutral-400:#cbd5e1;--neutral-500:#94a3b8;--neutral-600:#64748b;--neutral-700:#475569;--neutral-800:#334155;--neutral-900:#1e293b;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-6xl:3.75rem;--font-score:3rem;--font-title:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--touch-target:44px;--touch-target-lg:56px}@media (prefers-color-scheme:dark){:root{--primary-50:#0c4a6e;--primary-100:#075985;--primary-200:#0369a1;--primary-300:#0284c7;--primary-400:#0ea5e9;--primary-500:#38bdf8;--primary-600:#7dd3fc;--primary-700:#bae6fd;--primary-800:#e0f2fe;--primary-900:#f0f9ff;--neutral-50:#171717;--neutral-100:#262626;--neutral-200:#404040;--neutral-300:#525252;--neutral-400:#737373;--neutral-500:#a3a3a3;--neutral-600:#d4d4d4;--neutral-700:#e5e5e5;--neutral-800:#f5f5f5;--neutral-900:#fafafa}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fff;background-color:var(--neutral-50);color:#1e293b;color:var(--neutral-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;font-size:var(--font-base);line-height:1.5;margin:0;padding:0}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--neutral-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--neutral-400)}:focus-visible{outline:2px solid #64748b;outline:2px solid var(--primary-500);outline-offset:2px}.container{margin:0 auto;max-width:100%;padding:0 1rem;padding:0 var(--space-4)}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn ease-out .25s ease-in-out;animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp ease-out .25s ease-in-out;animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown ease-out .25s ease-in-out;animation:slideDown var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn ease-out .25s ease-in-out;animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}
/*# sourceMappingURL=main.266e70d0.css.map*/