:root{--primary-gradient:linear-gradient(135deg, #a0a0a0 0%, #606060 100%);--primary-color:gray;--secondary-color:#a0a0a0;--bg-color:#e0e0e0;--surface-color:#fff9;--surface-color-hover:#fffc;--text-primary:#121212;--text-secondary:#555;--border-color:#0000001a;--success-color:#16a34a;--danger-color:#dc2626;--warning-color:#d97706;--card-radius:16px;--btn-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#c8c8c880,#0000 40%),radial-gradient(circle at 0 100%,#96969680,#0000 40%);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--card-radius);background:#ffffff80;border:1px solid #fffc;padding:1rem;box-shadow:0 8px 32px #0000000d}.ripple{position:relative;overflow:hidden;transform:translate(0,0)}.ripple:after{content:"";pointer-events:none;opacity:0;background-image:radial-gradient(circle,#fff 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;width:100%;height:100%;transition:transform .5s,opacity 1s;display:block;position:absolute;top:0;left:0;transform:scale(10)}.ripple:active:after{opacity:.2;transition:all;transform:scale(0)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600}p{color:var(--text-secondary)}.container{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:1rem;display:flex}.btn{border-radius:var(--btn-radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 5px #667eea66}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:active{background:var(--surface-color-hover)}.btn-danger{color:var(--danger-color);background:#ef444433;border:1px solid #ef44444d}.btn-icon{aspect-ratio:1;border-radius:50%;padding:.5rem}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--btn-radius);color:var(--text-primary);outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea33}.fab{background:var(--primary-gradient);color:#fff;cursor:pointer;z-index:100;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 15px #667eea80}.fab:active{transform:scale(.95)}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:.5rem;padding-bottom:env(safe-area-inset-bottom,.5rem);z-index:50;background:#f0f0f0e6;justify-content:space-around;display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary-color)}.score-circle{background:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-flex}.score-circle.run-4{color:var(--success-color);border-color:var(--success-color);background:#4ade8033}.score-circle.run-6{background:var(--primary-gradient);color:#fff;border-color:#0000}.score-circle.wicket{color:var(--danger-color);border-color:var(--danger-color);background:#ef444433}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#fff9;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-center{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff;border-radius:24px;width:90%;max-width:400px;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 10px 40px #00000026}.bottom-sheet{background:var(--bg-color);border:1px solid var(--border-color);border-bottom:none;border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(100%)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes popIn{to{transform:scale(1)}}.sunburst{transform-origin:50%;z-index:0;pointer-events:none;background:repeating-conic-gradient(#96969626 0deg 15deg,#0000 15deg 30deg);width:200vw;height:200vh;animation:20s linear infinite rotateSunburst;position:absolute;top:-50vh;left:-50vw}@keyframes rotateSunburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coin-container{perspective:1000px;z-index:10;width:120px;height:120px;margin:2rem auto;position:relative}.coin-body{width:100%;height:100%;transform-style:preserve-3d;transition:transform 3s cubic-bezier(.2,.8,.2,1);position:absolute}.coin-face{backface-visibility:hidden;color:#8b4513;text-shadow:1px 1px #ffffff80,-1px -1px #0003;background:radial-gradient(circle at 30% 30%,#ffe066,#f5a623,#d47500);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:900;display:flex;position:absolute;inset:0;box-shadow:0 15px 35px #0006,inset 0 0 0 4px #f5a623,inset 0 0 20px #fffc,inset 0 -10px 20px #0006}.coin-front{transform:rotateY(0)}.coin-back{transform:rotateY(180deg)}.coin-edge{box-sizing:border-box;border:4px dashed #8b451333;border-radius:50%;position:absolute;inset:0;transform:translateZ(-1px)}#root{flex-direction:column;min-height:100vh;display:flex}