:root{--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg:#ffffff08;--glass-border:#ffffff14;--neon-green:#a3e635;--neon-red:#f05;--neon-yellow:#facc15;--text-main:#f8fafc;--text-muted:#94a3b8;--emerald:#10b981;--emerald-glow:#10b9814d;--amber:#f59e0b;--amber-glow:#f59e0b4d;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--font-main:"Geist", "Inter", system-ui, sans-serif;--font-mono:"Geist Mono", monospace}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;margin:0;padding:0}h1,h2,h3,.btn-bet,.pulse-green,.pulse-yellow,.pulse-red,span[style*="font-weight: bold"],span[style*="font-size: 1.2rem"],span[style*="font-size: 2.5rem"]{font-family:var(--font-mono)}.app-container{max-width:1872px;margin:0 auto;padding:2rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.header{text-align:center;margin-bottom:3rem}.header h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.6rem,6vw,3rem);font-weight:800}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;gap:1rem;display:flex}.pulse-green{border-color:var(--neon-green);box-shadow:0 0 20px #00ff9d66}.pulse-red{border-color:var(--neon-red);animation:2s infinite pulseRed}.pulse-yellow{border-color:var(--neon-yellow);box-shadow:0 0 20px #ffd7004d}@keyframes pulseRed{0%{box-shadow:0 0 #ff0055b3}70%{box-shadow:0 0 0 15px #f050}to{box-shadow:0 0 #f050}}.btn-bet{background:var(--neon-green);color:#000;cursor:pointer;border:none;border-radius:12px;padding:1rem 3rem;font-size:1.25rem;font-weight:700;transition:all .2s;box-shadow:0 0 20px #00ff9d66}.btn-bet:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff9d99}.btn-pass{color:var(--neon-red);border:2px solid var(--neon-red);cursor:pointer;background:0 0;border-radius:12px;padding:1rem 3rem;font-size:1.25rem;font-weight:700;transition:all .2s}.btn-pass:hover{background:#ff00551a}.match-card-expandable{transform-origin:top;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s,transform .4s;overflow:hidden}.match-card-expandable.collapsed{opacity:0;max-height:0;transform:perspective(600px)rotateX(-15deg)scaleY(.95)}.match-card-expandable.expanded{opacity:1;max-height:2000px;transform:perspective(600px)rotateX(0)scaleY(1)}.skeleton-box{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{gap:var(--space-2);flex-direction:column;min-height:200px;display:flex}.player-p1{color:var(--emerald)}.player-p2{color:var(--amber)}.player-p1-glow{text-shadow:0 0 12px var(--emerald-glow)}.player-p2-glow{text-shadow:0 0 12px var(--amber-glow)}.bar-p1{background:var(--emerald);box-shadow:0 0 8px var(--emerald-glow)}.bar-p2{background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.btn-bet-pulse{animation:1.5s ease-in-out infinite kelly-pulse}@keyframes kelly-pulse{0%,to{box-shadow:0 0 #00ff9d66}50%{box-shadow:0 0 16px 6px #00ff9d26}}.prob-counter{animation:.6s ease-out forwards countUp}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.radar-draw{transform-origin:50%;animation:.8s ease-out forwards radarExpand}@keyframes radarExpand{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}:focus-visible{outline:2px solid var(--neon-green);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){body{font-size:14px}.app-container{padding:8px!important}.app-container h1{font-size:1.2rem!important}.app-container h2{font-size:1rem!important}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}button{min-height:36px;padding:6px 10px}.match-row,.grid-row{flex-direction:column!important;align-items:stretch!important}.sidebar-desktop{display:none}.modal-content{border-radius:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;padding:12px!important}.modal-content [style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}}@media (width<=420px){.modal-content [style*=grid-template-columns]{grid-template-columns:1fr!important}}select{appearance:none;color:#e2e8f0!important;background:#0f172af2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E") right 8px center/10px no-repeat!important;border:1px solid #ffffff26!important;padding-right:24px!important}select option,select optgroup{padding:6px 10px;color:#e2e8f0!important;background:#0f172a!important}select optgroup{font-weight:700;color:#a78bfa!important;background:#1e293b!important}select option:hover,select option:checked,select option:focus{color:#fff!important;background:#6366f1!important}