body{margin:0;padding:0;background-color:#111;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;color:#fff;font-family:Courier,monospace}#app-wrapper{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#000;position:relative;overflow:hidden}.ad-slot{width:100%;height:90px;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #333;z-index:10}#ad-banner-bottom{border-bottom:none;border-top:1px solid #333}.ad-placeholder{color:#555;font-size:14px;text-transform:uppercase;letter-spacing:1px}#game-container{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%;max-height:calc(100vh - 250px);box-shadow:0 0 30px #000000b3;overflow:hidden;background-color:#2d5a27}#game-container canvas{margin:0 auto!important}#scorecard-container{width:100%;height:70px;background:linear-gradient(180deg,#111,#000);display:none;align-items:center;padding:0 15px;box-sizing:border-box;border-top:4px solid #ffd700;font-family:Courier,monospace;gap:15px;z-index:20;box-shadow:0 -10px 20px #00000080}.score-section{display:flex;align-items:center;gap:20px;border-right:1px solid #333;padding-right:15px;height:70%}.team-info{display:flex;flex-direction:column}.team-name{font-size:11px;color:#87ceeb;letter-spacing:2.5px;font-weight:800;text-transform:uppercase}.score-wrapper{font-size:32px;font-weight:900;color:#fff;line-height:.9;text-shadow:0 2px 4px rgba(0,0,0,.5)}.over-info{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #333;padding-left:20px}.over-label{font-size:10px;color:gold;letter-spacing:1.5px;font-weight:700}#overs-display{font-size:24px;font-weight:800;color:#fff}.stats-section{display:flex;align-items:center;flex-grow:1;gap:20px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:10px;color:gold;font-weight:700;letter-spacing:1px}#crr-display{font-size:18px;font-weight:800;color:#87ceeb}.recent-balls-container{display:flex;gap:8px;margin-left:auto}.ball-indicator{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:800;background-color:#222;color:#fff;box-shadow:0 2px 4px #0000004d;border:1px solid #444;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);animation:ballPop .4s ease-out}@keyframes ballPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ball-4{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#81c784}.ball-6{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:#64b5f6}.ball-out{background:linear-gradient(135deg,#f44336,#c62828);border-color:#e57373;color:#fff}#ad-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.ad-overlay-content{background:linear-gradient(135deg,#222,#333);padding:40px;border-radius:20px;text-align:center;border:1px solid #444;box-shadow:0 10px 50px #000c;min-width:300px}.ad-overlay-content h3{margin-top:0;color:#fc0;text-transform:uppercase}.interstitial-placeholder{width:300px;height:250px;background-color:#000;margin:20px auto;display:flex;justify-content:center;align-items:center;color:#444;border:1px dashed #666}#ad-countdown{color:#aaa;margin-top:20px;font-weight:700}#loft-control-container{position:absolute;bottom:180px;left:20px;z-index:100;pointer-events:auto;display:none}#loft-toggle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#444,#222);border:3px solid #666;color:#fff;font-family:Courier,monospace;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 4px 15px #00000080;transition:all .2s ease;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#loft-toggle.active{background:linear-gradient(135deg,gold,#b8860b);border-color:#fff;color:#000;box-shadow:0 0 20px #ffd70066;transform:scale(1.05)}#loft-toggle:active{transform:scale(.95)}#pause-control-container{position:absolute;top:105px;right:15px;z-index:101;display:none}#pause-toggle{padding:10px 20px;border-radius:30px;background:linear-gradient(135deg,#444,#222);border:2px solid #555;color:#fff;font-family:Courier,monospace;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 10px #0006;letter-spacing:1px;transition:all .2s ease}#pause-toggle:hover{background:linear-gradient(135deg,#555,#333);border-color:#777}#pause-toggle:active{transform:scale(.95)}