@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:#06f;--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;--nb-will-change:auto;--nb-transform:translateZ(0)}*{-webkit-tap-highlight-color:transparent}*,html{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;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:1rem;font-size:var(--nb-text-base);font-weight:500;line-height:1.4;overflow-x:hidden}#root,body{margin:0;min-height:100vh;padding:0;position:relative;width:100%}.nb-container{box-sizing:border-box;margin:0;max-width:100%;min-height:calc(100vh - 88px);padding:1rem;padding:var(--nb-space-4);padding-bottom:1.5rem;padding-bottom:var(--nb-space-6);padding-top:calc(88px + env(safe-area-inset-top));width:100%}@media (max-width:480px){.nb-container{padding:.75rem;padding:var(--nb-space-3);padding-bottom:1rem;padding-bottom:var(--nb-space-4);padding-left:.75rem;padding-left:var(--nb-space-3);padding-right:.75rem;padding-right:var(--nb-space-3);padding-top:calc(83px + env(safe-area-inset-top));width:100%}}.difficulty-content,.game-content,.home-content{box-sizing:border-box;margin:0;min-height:100vh;padding-bottom:1.5rem;padding-bottom:var(--nb-space-6);padding-left:1rem;padding-left:var(--nb-space-4);padding-right:1rem;padding-right:var(--nb-space-4);padding-top:calc(88px + env(safe-area-inset-top));position:relative;width:100%}.game-content{background-image:url(/static/media/stadium1.c489e0d6227023450b54.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-user-select:none;user-select:none}.game-content:before{background:#ffffff4d;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.game-content>*{position:relative;z-index:1}.how-to-play-content,.performance-content{box-sizing:border-box;margin:0;min-height:100vh;padding-bottom:1.5rem;padding-bottom:var(--nb-space-6);padding-left:1rem;padding-left:var(--nb-space-4);padding-right:1rem;padding-right:var(--nb-space-4);padding-top:calc(84px + env(safe-area-inset-top));position:relative;width:100%}.how-to-play-content>.nb-card:first-child,.performance-content>.nb-card:first-child{margin-top:0}.how-to-play-content>.nb-card:first-child>div,.performance-content>.nb-card:first-child>div{padding-top:1rem;padding-top:var(--nb-space-4)}@media (max-width:480px){.difficulty-content,.game-content,.home-content{padding-top:calc(83px + env(safe-area-inset-top))}.difficulty-content,.game-content,.home-content,.how-to-play-content,.performance-content{padding-bottom:1rem;padding-bottom:var(--nb-space-4);padding-left:.75rem;padding-left:var(--nb-space-3);padding-right:.75rem;padding-right:var(--nb-space-3);width:100%}.how-to-play-content,.performance-content{padding-top:calc(79px + env(safe-area-inset-top))}.nb-container{max-width:100%;padding-left:.75rem;padding-left:var(--nb-space-3);padding-right:.75rem;padding-right:var(--nb-space-3);width:100%}}@media (min-width:769px){.nb-container{max-width:1200px}.difficulty-content,.game-content,.home-content,.how-to-play-content,.nb-container,.performance-content{padding-top:calc(100px + 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:#06f;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)}.nb-btn-primary:active{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm)}.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-input{-webkit-appearance:none;appearance:none;background:#fff;background:var(--nb-white);border:4px solid #000;border:4px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);color:#000;color:var(--nb-black);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);outline:none;padding:.75rem;padding:var(--nb-space-3);transition:all .2s ease-out;transition:all var(--nb-transition-normal)}.nb-input:focus{border-color:#06f;border-color:var(--nb-blue);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(-2px,-2px)}.nb-input:disabled{background:#f5f5f5;background:var(--nb-gray-100);cursor:not-allowed;opacity:.6}.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:#06f;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{box-sizing:border-box;max-width:100%;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);box-sizing:border-box;max-width:100%;overflow:hidden;position:relative;transition:all .2s ease-out;transition:all var(--nb-transition-normal);width:100%}.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:#06f;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}.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-score-compact{background:#06f;background:var(--nb-cricket-green);border:4px solid #000;border:4px solid var(--nb-black);border-radius:.75rem;border-radius:var(--nb-radius-lg);box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);margin:.75rem 0;margin:var(--nb-space-3) 0;padding:1rem 1.25rem;padding:var(--nb-space-4) var(--nb-space-5);position:relative;text-align:center}.nb-score-main-compact{color:#000;color:var(--nb-black);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:3rem;font-size:var(--nb-text-5xl);font-weight:900;line-height:1;margin:0 0 .5rem;margin:0 0 var(--nb-space-2) 0}.nb-score-details-compact{color:#000;color:var(--nb-black);font-size:.75rem;font-size:var(--nb-text-xs);font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}@media (max-width:480px){.nb-score-main-compact{font-size:2.25rem;font-size:var(--nb-text-4xl)}.nb-score-compact{padding:.75rem 1rem;padding:var(--nb-space-3) var(--nb-space-4)}}.nb-score-animated{transition:transform .2s ease-out}.nb-score-animated:has-text-change{animation:nb-score-pulse .3s ease-out}@keyframes nb-score-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nb-progress-bars{display:flex;flex-direction:column;gap:.75rem;gap:var(--nb-space-3);margin-top:1rem;margin-top:var(--nb-space-4)}.nb-progress-item{width:100%}.nb-progress-label{align-items:center;color:#000;color:var(--nb-black);display:flex;font-size:.875rem;font-size:var(--nb-text-sm);font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--nb-space-2);text-transform:uppercase}.nb-progress-bar{background:#e5e5e5;background:var(--nb-gray-200);border:2px solid #000;border:2px solid var(--nb-black);border-radius:.25rem;border-radius:var(--nb-radius-sm);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);height:12px;overflow:hidden;position:relative;width:100%}.nb-progress-bars-compact{display:flex;flex-direction:column;gap:.5rem;gap:var(--nb-space-2)}.nb-progress-item-compact{width:100%}.nb-progress-label-compact{align-items:center;color:#000;color:var(--nb-black);display:flex;font-size:.75rem;font-size:var(--nb-text-xs);font-weight:700;justify-content:space-between;letter-spacing:.3px;margin-bottom:.25rem;margin-bottom:var(--nb-space-1);text-transform:uppercase}.nb-progress-bar-compact{background:#e5e5e5;background:var(--nb-gray-200);border:2px solid #000;border:2px solid var(--nb-black);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);height:8px;overflow:hidden;width:100%}.nb-progress-bar-compact,.nb-progress-fill{border-radius:.25rem;border-radius:var(--nb-radius-sm);position:relative}.nb-progress-fill{background:#06f;background:var(--nb-cricket-green);height:100%;transition:width .3s ease-out}.nb-progress-fill:after{animation:nb-progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes nb-progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.nb-progress-target{background:#06f;background:var(--nb-cricket-green)}.nb-progress-balls{background:#06f;background:var(--nb-blue)}.nb-progress-time{background:#ff6b35;background:var(--nb-orange)}.nb-strike-rate-gauge{align-items:center;display:flex;flex-direction:column;margin-top:1rem;margin-top:var(--nb-space-4)}.nb-gauge-label{color:#000;color:var(--nb-black);font-size:.875rem;font-size:var(--nb-text-sm);font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--nb-space-2);text-transform:uppercase}.nb-gauge-container{height:120px;position:relative;width:120px}.nb-gauge-circle{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.nb-gauge-svg{height:100%;transform:rotate(-90deg);width:100%}.nb-gauge-background{opacity:.3}.nb-gauge-fill{transition:stroke-dasharray .5s ease-out}.nb-gauge-value{color:#000;color:var(--nb-black);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1.5rem;font-size:var(--nb-text-2xl);font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.nb-gauge-compact{align-items:center;background:#f5f5f5;background:var(--nb-gray-100);border:2px solid #000;border:2px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:.5rem;padding:var(--nb-space-2)}.nb-gauge-value-compact{color:#000;color:var(--nb-black);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1.25rem;font-size:var(--nb-text-xl);font-weight:900;line-height:1}@media (max-width:480px){.nb-gauge-container{height:100px;width:100px}.nb-gauge-value{font-size:1.25rem;font-size:var(--nb-text-xl)}.nb-progress-bar{height:10px}.nb-gauge-compact{min-width:50px;padding:.25rem .5rem;padding:var(--nb-space-1) var(--nb-space-2)}.nb-gauge-value-compact{font-size:1.125rem;font-size:var(--nb-text-lg)}}.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}.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}.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);display:grid;gap:1rem;gap:var(--nb-space-4);grid-template-columns:repeat(4,1fr)}.nb-stats{grid-gap:.75rem;grid-gap:var(--nb-space-3);display:grid;gap:.75rem;gap:var(--nb-space-3);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;margin:var(--nb-space-6) 0}@media (max-width:768px){.nb-stats{gap:.5rem;gap:var(--nb-space-2);grid-template-columns:repeat(2,1fr)}.nb-stats:has(.nb-stat:nth-child(3)):not(:has(.nb-stat:nth-child(4))){grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.nb-stats{gap:1rem;gap:var(--nb-space-4);grid-template-columns:repeat(3,1fr)}.nb-stats:has(.nb-stat:nth-child(4)){grid-template-columns:repeat(4,1fr)}.nb-stats:has(.nb-stat:nth-child(2)):not(:has(.nb-stat:nth-child(3))){grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:500px}}.nb-stat{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:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:1rem;padding:var(--nb-space-4);text-align:center}.nb-stat-button{align-items:stretch;display:flex;justify-content:stretch;min-height:80px;padding:.75rem;padding:var(--nb-space-3)}.nb-stat-button .nb-btn{border-radius:.75rem;border-radius:var(--nb-radius-lg);font-size:1.125rem;font-size:var(--nb-text-lg);font-weight:800;padding:1rem 1.5rem;padding:var(--nb-space-4) var(--nb-space-6)}.nb-stats-with-button{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.nb-stats-with-button .nb-stat-button{grid-column:1/-1;margin-top:.5rem;margin-top:var(--nb-space-2)}@media (max-width:480px){.nb-stats-with-button{grid-template-columns:repeat(2,1fr)}.nb-stat-button{min-height:70px}.nb-stat-button .nb-btn{font-size:1rem;font-size:var(--nb-text-base);padding:.75rem 1rem;padding:var(--nb-space-3) var(--nb-space-4)}}.nb-stat-value{color:#06f;color:var(--nb-cricket-green);font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1.5rem;font-size:var(--nb-text-2xl);font-weight:900;line-height:1.2;margin:0 0 .25rem;margin:0 0 var(--nb-space-1) 0;word-break:break-word}@media (min-width:769px){.nb-stat-value{font-size:1.875rem;font-size:var(--nb-text-3xl)}}@media (max-width:480px){.nb-stat-value{font-size:1.25rem;font-size:var(--nb-text-xl)}}.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{gap:.75rem;gap:var(--nb-space-3);margin:1.5rem 0;margin:var(--nb-space-6) 0}.nb-runs,.nb-runs-compact{display:flex;flex-wrap:wrap;justify-content:center}.nb-runs-compact{gap:.5rem;gap:var(--nb-space-2);margin-bottom:.25rem;margin-bottom:var(--nb-space-1)}.nb-run-compact{align-items:center;border:2px solid #000;border:2px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);color:#fff;color:var(--nb-white);display:flex;font-family:Space Grotesk,SF Mono,Monaco,monospace;font-family:var(--nb-font-mono);font-size:1rem;font-size:var(--nb-text-base);font-weight:900;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .1s ease-out;transition:all var(--nb-transition-fast);width:40px}.nb-run-compact.single,.nb-run-compact.three,.nb-run-compact.two{background:#06f;background:var(--nb-blue)}.nb-run-compact.four{background:#06f;background:var(--nb-cricket-green)}.nb-run-compact.five{background:#8b5cf6;background:var(--nb-purple)}.nb-run-compact.six{background:#ff6b35;background:var(--nb-orange)}.nb-run-compact.out{background:red;background:var(--nb-red)}.nb-run-compact.dot{background:#a3a3a3;background:var(--nb-gray-400);color:#000;color:var(--nb-black)}.nb-counts-compact{color:#000;color:var(--nb-black);display:flex;font-size:.875rem;font-size:var(--nb-text-sm);font-weight:600;gap:1rem;gap:var(--nb-space-4);justify-content:center;letter-spacing:.5px;text-transform:uppercase}.nb-count-item{align-items:center;display:flex;gap:.25rem;gap:var(--nb-space-1)}.nb-count-item strong{color:#06f;color:var(--nb-cricket-green);font-size:1rem;font-size:var(--nb-text-base);font-weight:900}@media (max-width:480px){.nb-run-compact{font-size:.875rem;font-size:var(--nb-text-sm);height:36px;min-height:36px;min-width:36px;width:36px}.nb-counts-compact{font-size:.75rem;font-size:var(--nb-text-xs);gap:.75rem;gap:var(--nb-space-3)}.nb-count-item strong{font-size:.875rem;font-size:var(--nb-text-sm)}}.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);display:flex;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;justify-content:center;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:#06f;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 #06f;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-commentary-inline{align-items:center;background:#f5f5f5;background:var(--nb-gray-100);border:2px solid #000;border:2px solid var(--nb-black);border-radius:.25rem;border-radius:var(--nb-radius-sm);display:flex;justify-content:center;margin:.5rem 0;margin:var(--nb-space-2) 0;max-height:36px;min-height:36px;overflow:hidden;padding:.5rem .75rem;padding:var(--nb-space-2) var(--nb-space-3);transition:none}.nb-commentary-inline .nb-commentary-text{word-wrap:break-word;color:#000;color:var(--nb-black);font-size:.75rem;font-size:var(--nb-text-xs);font-weight:600;line-height:1.3;text-align:center}@media (max-width:480px){.nb-commentary-inline{min-height:36px;padding:.5rem;padding:var(--nb-space-2)}.nb-commentary-inline .nb-commentary-text{font-size:.75rem;font-size:var(--nb-text-xs)}}@keyframes nb-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes nb-fade-out{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}.nb-celebration{word-wrap:break-word;animation:nb-bounce .5s ease-in-out;background:#06f;background:var(--nb-cricket-green);border:3px solid #000;border:3px solid var(--nb-black);border-radius:.75rem;border-radius:var(--nb-radius-lg);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);color:#000;color:var(--nb-black);font-size:1rem;font-size:var(--nb-text-base);font-weight:800;letter-spacing:.5px;line-height:1.3;margin:0;padding:.75rem 1.25rem;padding:var(--nb-space-3) var(--nb-space-5);text-align:center;text-transform:uppercase}@media (max-width:480px){.nb-celebration{border-width:2px;font-size:.875rem;font-size:var(--nb-text-sm);padding:.5rem .75rem;padding:var(--nb-space-2) var(--nb-space-3)}}.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:#06f;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-bottom:4px solid #000;border-bottom:4px solid var(--nb-black);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);box-sizing:border-box;display:flex;justify-content:space-around;left:0;margin:0;min-height:80px;padding:1rem 0;padding:var(--nb-space-4) 0;padding-bottom:1rem;padding-bottom:var(--nb-space-4);padding-top:calc(1rem + env(safe-area-inset-top));padding-top:calc(var(--nb-space-4) + env(safe-area-inset-top));position:fixed;right:0;top:0;width:100%;z-index:1000}@media (max-width:480px){.nb-nav-section{min-height:75px;padding:.75rem 0;padding:var(--nb-space-3) 0;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))}}.nb-nav-buttons{align-items:center;display:flex;gap:.5rem;gap:var(--nb-space-2);justify-content:space-around;margin:0 auto;max-width:600px;padding:0 1rem;padding:0 var(--nb-space-4);width:100%}@media (min-width:769px){.nb-nav-buttons{gap:1rem;gap:var(--nb-space-4);max-width:700px;padding:0 1.5rem;padding:0 var(--nb-space-6)}.nb-nav-button{min-width:100px;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)}}@media (max-width:768px){.nb-nav-buttons{gap:.5rem;gap:var(--nb-space-2);padding:0 .75rem;padding:0 var(--nb-space-3)}.nb-nav-button{flex:1 1;max-width:140px;min-width:80px}}.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{align-items:center;display:flex;justify-content:space-between;padding:1rem;padding:var(--nb-space-4)}@media (max-width:480px){.game-header{padding:.75rem;padding:var(--nb-space-3)}.back-btn,.sound-btn{min-height:44px;min-width:44px;padding:.5rem;padding:var(--nb-space-2)}}.game-header .header-logo{display:flex;flex:1 1;justify-content:center}.difficulty-header{align-items:center;display:flex;justify-content:space-between;padding:1rem;padding:var(--nb-space-4);padding-top:max(1rem,env(safe-area-inset-top));padding-top:max(var(--nb-space-4),env(safe-area-inset-top))}.difficulty-header .header-logo{margin:0 .5rem;margin:0 var(--nb-space-2)}.how-to-play-header,.performance-header{align-items:center;display:flex;justify-content:space-between;padding:1rem;padding:var(--nb-space-4);padding-top:max(1rem,env(safe-area-inset-top));padding-top:max(var(--nb-space-4),env(safe-area-inset-top))}.back-btn,.sound-btn{align-items:center;background:#fff;background:var(--nb-white);border:3px solid #000;border:3px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);color:#000;color:var(--nb-black);cursor:pointer;display:flex;justify-content:center;min-height:48px;min-height:var(--nb-touch-target);min-width:48px;min-width:var(--nb-touch-target);padding:.5rem;padding:var(--nb-space-2);transition:all .1s ease-out;transition:all var(--nb-transition-fast)}.back-btn:hover,.sound-btn:hover{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(-2px,-2px)}.back-btn:active,.sound-btn:active{transform:translate(0)}.back-btn:active,.sound-btn-inline,.sound-btn:active{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm)}.sound-btn-inline{align-items:center;background:#fff;background:var(--nb-white);border:3px solid #000;border:3px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);color:#000;color:var(--nb-black);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;padding:var(--nb-space-2);transition:all .1s ease-out;transition:all var(--nb-transition-fast)}.sound-btn-inline:hover{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(-2px,-2px)}.sound-btn-inline:active{box-shadow:2px 2px 0 #000;box-shadow:var(--nb-shadow-sm);transform:translate(0)}.sound-btn-floating{align-items:center;background:#fff;background:var(--nb-white);border:3px solid #000;border:3px solid var(--nb-black);border-radius:.5rem;border-radius:var(--nb-radius-md);box-shadow:6px 6px 0 #000;box-shadow:var(--nb-shadow-lg);color:#000;color:var(--nb-black);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;padding:var(--nb-space-2);position:fixed;right:1rem;right:var(--nb-space-4);top:calc(100px + env(safe-area-inset-top));transition:all .1s ease-out;transition:all var(--nb-transition-fast);z-index:100}.sound-btn-floating:hover{box-shadow:8px 8px 0 #000;box-shadow:var(--nb-shadow-xl);transform:translate(-2px,-2px)}.sound-btn-floating:active{box-shadow:4px 4px 0 #000;box-shadow:var(--nb-shadow-md);transform:translate(0)}@media (max-width:480px){.sound-btn-floating{min-height:44px;min-width:44px;right:.75rem;right:var(--nb-space-3);top:calc(95px + env(safe-area-inset-top))}.sound-btn-inline{min-height:36px;min-width:36px;padding:.25rem;padding:var(--nb-space-1)}}.screen-title{color:#000;color:var(--nb-black);font-size:1.125rem;font-size:var(--nb-text-lg);font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.header-spacer{width:48px;width:var(--nb-touch-target)}.header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--nb-space-2)}.touch-feedback{transition:all .1s ease-out;transition:all var(--nb-transition-fast)}.touch-feedback:active{opacity:.9}.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);box-sizing:border-box;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);justify-content:center;letter-spacing:.5px;min-height:70px;min-width:70px;padding:.75rem .5rem;padding:var(--nb-space-3) var(--nb-space-2);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:#06f;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{gap:.75rem;gap:var(--nb-space-3);grid-template-columns:1fr}.nb-stats{gap:.75rem;gap:var(--nb-space-3);grid-template-columns:repeat(3,1fr)}.nb-card{margin:.75rem 0;margin:var(--nb-space-3) 0}.nb-btn{max-width:100%;width:100%}.nb-nav-buttons{gap:.5rem;gap:var(--nb-space-2);padding:0 .5rem;padding:0 var(--nb-space-2)}.nb-nav-button{flex:1 1;max-width:120px;min-width:80px}.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{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:.875rem;font-size:var(--nb-text-sm)}.nb-title{font-size:1.5rem;font-size:var(--nb-text-2xl);line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--nb-space-3)}.nb-subtitle{font-size:.875rem;font-size:var(--nb-text-sm);line-height:1.4}.nb-heading{font-size:1.25rem;font-size:var(--nb-text-xl);line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--nb-space-2)}.nb-text{font-size:.875rem;font-size:var(--nb-text-sm);line-height:1.5}.nb-page-number,.nb-score-main{font-size:2.25rem;font-size:var(--nb-text-4xl);line-height:1.1}.nb-btn{border-width:3px;min-height:48px;padding:.75rem 1rem;padding:var(--nb-space-3) var(--nb-space-4)}.nb-btn,.nb-btn-lg{font-size:1rem;font-size:var(--nb-text-base)}.nb-btn-lg{min-height:52px;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:56px;padding:1rem 1.25rem;padding:var(--nb-space-4) var(--nb-space-5)}.nb-card{border-radius:.5rem;border-radius:var(--nb-radius-md);border-width:3px;margin:.75rem 0;margin:var(--nb-space-3) 0}.nb-card>div{padding:1rem!important;padding:var(--nb-space-4)!important}.nb-stats{gap:.5rem;gap:var(--nb-space-2);grid-template-columns:repeat(2,1fr)}.nb-stat{min-height:70px;padding:.75rem;padding:var(--nb-space-3)}.nb-stat-value{font-size:1.25rem;font-size:var(--nb-text-xl);line-height:1.2}.nb-stat-label{font-size:.75rem;font-size:var(--nb-text-xs);line-height:1.3;margin-top:.25rem;margin-top:var(--nb-space-1)}.nb-runs{gap:.5rem;gap:var(--nb-space-2);padding:.5rem 0;padding:var(--nb-space-2) 0}.nb-run{font-size:1rem;font-size:var(--nb-text-base);height:44px;min-height:44px;min-width:44px;width:44px}.nb-nav-section{min-height:70px;padding:.5rem 0;padding:var(--nb-space-2) 0;padding-bottom:.5rem;padding-bottom:var(--nb-space-2);padding-top:calc(.5rem + env(safe-area-inset-top));padding-top:calc(var(--nb-space-2) + env(safe-area-inset-top))}.nb-nav-button{gap:.25rem;gap:var(--nb-space-1);min-height:60px;min-width:75px;padding:.5rem;padding:var(--nb-space-2)}.nb-nav-icon{height:22px;width:22px}.nb-nav-label{font-size:9px;line-height:1.2}.nb-commentary-inline{margin:.5rem 0;margin:var(--nb-space-2) 0;min-height:44px;padding:.5rem .75rem;padding:var(--nb-space-2) var(--nb-space-3)}.nb-commentary-inline .nb-commentary-text{font-size:.75rem;font-size:var(--nb-text-xs);line-height:1.4}.nb-score{padding:.75rem 0;padding:var(--nb-space-3) 0}.nb-score-details{font-size:.75rem;font-size:var(--nb-text-xs);margin-top:.25rem;margin-top:var(--nb-space-1)}}@media (max-width:360px){.nb-title{font-size:1.25rem;font-size:var(--nb-text-xl);line-height:1.2}.nb-heading{font-size:1.125rem;font-size:var(--nb-text-lg)}.nb-page-number,.nb-score-main{font-size:1.875rem;font-size:var(--nb-text-3xl)}.nb-stats{gap:.5rem;gap:var(--nb-space-2);grid-template-columns:1fr}.nb-stat{min-height:65px;padding:.5rem;padding:var(--nb-space-2)}.nb-stat-value{font-size:1.125rem;font-size:var(--nb-text-lg)}.nb-run{font-size:.875rem;font-size:var(--nb-text-sm);height:40px;min-height:40px;min-width:40px;width:40px}.nb-nav-button{min-height:55px;min-width:65px;padding:.25rem .5rem;padding:var(--nb-space-1) var(--nb-space-2)}.nb-nav-icon{height:20px;width:20px}.nb-nav-label{font-size:8px}.nb-btn-xl{font-size:1rem;font-size:var(--nb-text-base);min-height:52px;padding:.75rem 1rem;padding:var(--nb-space-3) var(--nb-space-4)}.nb-card>div{padding:.75rem!important;padding:var(--nb-space-3)!important}}.nb-btn:focus-visible,.nb-card:focus-visible{outline:4px solid #06f;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}}@media (max-width:480px){.nb-btn,.nb-card,.nb-nav-button{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.game-content,.home-content,.how-to-play-content,.performance-content{-webkit-overflow-scrolling:touch;overflow-y:auto}img{display:block;height:auto;max-width:100%}.nb-runs,.nb-stats{contain:layout style paint}}.nb-btn,.nb-nav-button,.nb-run,.touch-feedback{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-content input,.game-content textarea{-webkit-user-select:text;user-select:text}.app{background:var(--nb-white);font-family:var(--nb-font-primary)}.app,.difficulty-screen,.game-screen,.home-screen,.how-to-play-screen,.performance-screen{box-sizing:border-box;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.difficulty-screen,.game-screen,.home-screen,.how-to-play-screen,.performance-screen{display:flex;flex-direction:column}@media (max-width:480px){.difficulty-screen,.game-screen,.home-screen,.how-to-play-screen,.performance-screen{max-width:100vw;overflow-x:hidden;width:100%}}.install-prompt{position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-prompt .nb-card{animation:slideUp .3s ease-out}.install-prompt button[title=Close]:hover{background:var(--nb-gray-100);box-shadow:var(--nb-shadow-md);transform:translate(-2px,-2px)}.install-prompt button[title=Close]:active{box-shadow:var(--nb-shadow-sm);transform:translate(0)}@media (max-width:480px){.install-prompt .nb-card{bottom:calc(90px + env(safe-area-inset-bottom))!important;left:var(--nb-space-3)!important;right:var(--nb-space-3)!important}}.game-mode-info{margin-bottom:var(--nb-space-6)}.mode-card{background:var(--nb-white);border:4px solid var(--nb-black);border-radius:var(--nb-radius-xl);box-shadow:var(--nb-shadow-md);gap:var(--nb-space-4);padding:var(--nb-space-4)}.mode-card,.mode-icon{align-items:center;display:flex}.mode-icon{background:var(--nb-gray-100);border-radius:var(--nb-radius-md);font-size:var(--nb-text-3xl);height:64px;justify-content:center;width:64px}.mode-content{flex:1 1}.mode-name{color:var(--nb-black);font-size:var(--nb-text-xl);font-weight:800;margin:0 0 var(--nb-space-1) 0;text-transform:uppercase}.mode-description{color:var(--nb-gray-600);font-size:var(--nb-text-sm);margin:0}.difficulty-section{margin-bottom:var(--nb-space-6)}.section-title{color:var(--nb-black);font-size:var(--nb-text-2xl);font-weight:800;margin:0 0 var(--nb-space-4) 0;text-align:center;text-transform:uppercase}.difficulties-grid{display:flex;flex-direction:column;gap:var(--nb-space-4)}.difficulty-card{background:var(--nb-white);border:4px solid var(--nb-black);border-radius:var(--nb-radius-xl);box-shadow:var(--nb-shadow-md);cursor:pointer;padding:var(--nb-space-4);transition:all var(--nb-transition-normal)}.difficulty-card:hover{box-shadow:var(--nb-shadow-lg);transform:translate(-4px,-4px)}.difficulty-card:active{box-shadow:var(--nb-shadow-sm);transform:translate(0)}.difficulty-icon{align-items:center;background:var(--nb-gray-100);border-radius:var(--nb-radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.difficulty-name{color:var(--nb-black);font-size:var(--nb-text-lg);font-weight:700;margin:0 0 var(--nb-space-2) 0;text-transform:uppercase}.difficulty-description{color:var(--nb-gray-600);font-size:var(--nb-text-sm);margin:0 0 var(--nb-space-3) 0}.difficulty-features{display:flex;flex-wrap:wrap;gap:var(--nb-space-2)}.feature-tag{background:var(--nb-gray-100);border:2px solid var(--nb-black);border-radius:var(--nb-radius-sm);color:var(--nb-gray-700);font-size:var(--nb-text-xs);font-weight:600;letter-spacing:.5px;padding:var(--nb-space-1) var(--nb-space-2);text-transform:uppercase}
/*# sourceMappingURL=main.79ea0502.css.map*/