:root{--bg: #05050c;--bg-2: #0e0e1c;--bg-3: #13131e;--fg: #f4f6ff;--fg-dim: #9aa3c7;--accent: #1e90ff;--accent-2: #5dabff;--accent-strong: #0876e8;--danger: #ef4444;--border: #1f2236}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 25% 20%,rgba(30,144,255,.28),transparent 55%),radial-gradient(circle at 80% 30%,rgba(141,202,255,.18),transparent 60%),var(--bg);color:var(--fg);overflow:hidden}.app{height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border);background:#0000004d}header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--fg)}header h1.brand{color:var(--fg)}header h1.brand .brand-3d2{color:var(--accent)}header select{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:1rem}.lane-label{color:var(--fg-dim);font-size:1rem;margin-left:1rem;flex:1}.dev-lane-switch{margin-left:auto}.idle{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.qr-section,.players-section{background:var(--bg-2);border-radius:16px;padding:2rem;border:1px solid var(--border);display:flex;flex-direction:column}.qr-section h2,.players-section h2{margin:0 0 1rem;font-size:1.5rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:12px;margin:auto 0}.qr-url{font-family:SF Mono,monospace;font-size:.85rem;color:#475569;word-break:break-all;max-width:320px;text-align:center;margin:0}.qr-expiry{font-size:.85rem;color:#64748b;margin:0}.ws-status{margin-top:auto;text-align:center;font-size:.85rem}.ws-open{color:var(--accent)}.ws-closed,.ws-connecting{color:var(--accent-2)}.player-slots{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;flex:1}.player-slots li{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:1.25rem;transition:all .2s}.player-slots li.occupied{border-color:var(--accent);background:linear-gradient(90deg,rgba(30,144,255,.15),transparent)}.player-slots li.empty .slot-name{color:var(--fg-dim);font-style:italic}.slot-num{font-weight:700;color:var(--accent-2);font-size:1.5rem;min-width:2.5rem}.hint{margin-top:1rem;color:var(--fg-dim);font-size:.95rem;text-align:center}.loading,.error{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.error h1{color:var(--danger)}.error pre{background:var(--bg-2);padding:1rem;border-radius:8px;max-width:80%;overflow:auto;text-align:left;font-size:.85rem;color:var(--fg-dim)}.game-picker{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.game-picker-label{color:var(--fg-dim);font-size:.95rem;margin:0 0 .75rem}.game-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.game-buttons button{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:.85rem;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s}.game-buttons button:hover{transform:translateY(-1px)}.match-page{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem 2rem;overflow:auto}.match-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.game-badge{background:var(--accent);color:var(--bg);font-weight:800;letter-spacing:.1em;padding:.4rem .9rem;border-radius:6px;font-size:.9rem}.match-header button{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;font-size:.9rem;cursor:pointer}.match-header button:hover{background:var(--border)}.match-header .btn-link{margin-left:auto;background:transparent;color:var(--fg-dim);border:none;text-decoration:underline;font-size:.85rem}.x01-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.player-card{background:var(--bg-2);border:2px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .2s}.player-card.active{border-color:var(--accent);box-shadow:0 0 30px #1e90ff4d;transform:scale(1.02)}.player-head{display:flex;align-items:baseline;gap:.75rem;color:var(--fg-dim);font-size:.9rem;margin-bottom:.75rem}.player-head .player-slot{color:var(--accent-2);font-weight:700}.player-head .player-name{color:var(--fg);flex:1;font-size:1.1rem}.player-head .avg{font-variant-numeric:tabular-nums}.remaining{font-size:5rem;font-weight:800;color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1;margin:.5rem 0 1rem}.player-card.active .remaining{color:var(--fg)}.current-throws{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.throw-cell{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center;font-weight:700;font-size:1.2rem;color:var(--fg-dim)}.throw-cell.has-throw{color:var(--accent-2);border-color:var(--accent-2)}.checkout-hint{background:#1e90ff26;color:var(--accent);padding:.5rem .75rem;border-radius:8px;text-align:center;font-size:.95rem;font-weight:600}.checkout-hint.big{background:linear-gradient(135deg,#1e90ff40,#1e90ff1a);border:2px solid var(--accent);padding:.85rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;animation:pulse-checkout 2.4s ease-in-out infinite}@keyframes pulse-checkout{0%,to{box-shadow:0 0 #1e90ff00}50%{box-shadow:0 0 24px #1e90ff66}}.checkout-label{font-size:.75rem;letter-spacing:.15em;color:var(--fg-dim);font-weight:700}.checkout-route{display:flex;gap:.5rem;justify-content:center}.checkout-throw{background:var(--accent);color:var(--bg);padding:.4rem .85rem;border-radius:6px;font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}.checkout-impossible{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:.5rem;border-radius:8px;text-align:center;font-size:.85rem;margin-top:.5rem}.format-line{color:var(--accent);font-size:.95rem;font-weight:600;letter-spacing:.02em}.player-counters{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.counter{display:inline-flex;align-items:baseline;gap:.25rem;background:var(--bg);padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);font-size:.85rem}.counter-num{font-weight:800;font-variant-numeric:tabular-nums;color:var(--fg);font-size:1rem}.counter-of{color:var(--fg-dim);font-size:.8rem}.counter-label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;margin-left:.2rem}.counter.legs{border-color:#1e90ff66}.counter.legs .counter-num{color:var(--accent)}.counter.sets{border-color:#fbbf2466}.counter.sets .counter-num{color:var(--accent-2)}.leg-banner{background:linear-gradient(135deg,var(--accent),#16a34a);color:var(--bg);text-align:center;font-weight:800;font-size:1.5rem;padding:1rem;border-radius:12px;margin-bottom:1rem;animation:leg-banner-in .3s ease-out}@keyframes leg-banner-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.legs-pill{background:var(--bg);padding:.15rem .4rem;border-radius:4px;font-size:.7rem;color:var(--accent);margin-top:.25rem}.match-winner h2+p{margin-top:-.5rem}.small{font-size:.85rem}.cricket-board{width:100%}.cricket-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.grid-row{display:grid;grid-template-columns:100px repeat(auto-fit,minmax(120px,1fr));background:var(--bg);gap:1px}.grid-row .cell{background:var(--bg-2);padding:1rem;display:flex;align-items:center;justify-content:center}.grid-row.header-row .cell{padding:1.5rem 1rem}.grid-row .cell.label{background:var(--bg);font-weight:700;color:var(--fg-dim)}.target-label{font-size:1.5rem;color:var(--fg)!important}.cell.name{flex-direction:column;gap:.25rem}.cell.name.active{background:#1e90ff26}.cell.name .player-name{font-size:1rem}.cell.name .player-score{font-size:1.5rem;font-weight:800;color:var(--accent-2)}.mark-cell{font-size:2rem;font-weight:800;color:var(--accent);font-family:monospace}.match-winner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.match-winner h1{font-size:6rem;margin:0}.match-winner h2{font-size:3rem;margin:0;color:var(--accent)}.btn-primary{background:var(--accent);color:var(--bg);border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer}.dev-sim{position:relative}.dev-sim-row{position:absolute;top:calc(100% + .5rem);left:0;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.25rem;z-index:10;min-width:320px}.dev-sim-row button{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer}.dev-sim-row button:hover{background:var(--accent);color:var(--bg)}.qr-error-box{background:#ef44441f;border:1px solid var(--danger);border-radius:12px;padding:1.5rem;margin:auto 0;color:var(--danger);text-align:left;max-width:360px}.qr-error-box strong{font-size:1.1rem;display:block;margin-bottom:.5rem}.qr-error-box p{font-family:SF Mono,monospace;font-size:.85rem;background:var(--bg);padding:.5rem;border-radius:6px;margin:.5rem 0;color:var(--fg);word-break:break-word}.qr-error-box small{color:var(--fg-dim);font-size:.85rem;line-height:1.5}.score-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:var(--accent);text-shadow:0 0 40px rgba(30,144,255,.8);pointer-events:none;z-index:100;animation:score-flash-in 1.5s ease-out forwards;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.score-flash.big-180{font-size:14rem;color:var(--accent-2);text-shadow:0 0 60px rgba(251,191,36,.9);animation:score-flash-180 2.5s ease-out forwards}.score-flash.bust{font-size:6rem;color:var(--danger);text-shadow:0 0 30px rgba(239,68,68,.7);animation:score-flash-bust 1.2s ease-out forwards;letter-spacing:.1em}@keyframes score-flash-in{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}60%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes score-flash-180{0%{transform:translate(-50%,-50%) scale(.2) rotate(-12deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1.4) rotate(8deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1.1) rotate(-4deg);opacity:1}45%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg);opacity:1}60%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:0}}@keyframes score-flash-bust{0%,20%,40%,60%{transform:translate(-50%,-50%) translate(0)}10%{transform:translate(-50%,-50%) translate(-10px)}30%{transform:translate(-50%,-50%) translate(10px)}50%{transform:translate(-50%,-50%) translate(-8px)}70%{transform:translate(-50%,-50%) translate(8px)}to{transform:translate(-50%,-50%) translate(0);opacity:0}}.match-winner h1{font-size:8rem;animation:match-winner-bounce .8s ease-out}@keyframes match-winner-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}75%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.brand{display:inline-flex;align-items:baseline;gap:.55rem;font-family:Space Grotesk,Figtree,-apple-system,sans-serif;font-weight:700;letter-spacing:-.02em}.brand{color:var(--fg)}.brand .brand-3d2{color:var(--accent)}.brand .brand-me{color:var(--fg)}.brand .brand-icon{height:1.6em;width:auto;margin-right:.1em;vertical-align:middle}.brand-tag{display:inline-block;margin-left:.35rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(141,202,255,.4);background:#1e90ff2e;color:var(--accent-2);font-size:.65em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}