*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060608;--card: #0c0d10;--border: rgba(255,255,255,.05);--green: #22c55e;--gold: #fbbf24;--orange: #f97316;--text: #e2e2e8;--dim: #3a3a42;--muted: #222228}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{max-width:480px;margin:0 auto;padding-bottom:40px}.splash{display:flex;align-items:center;justify-content:center;height:80vh}.header{padding:20px 16px 8px;text-align:center}.header__title{font-size:20px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,var(--green) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;position:sticky;top:0;background:#060608d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;padding:0 8px}.tab{flex:1;padding:14px 0 12px;background:none;border:none;cursor:pointer;color:#444;font-size:13px;font-weight:700;letter-spacing:.4px;position:relative;-webkit-tap-highlight-color:transparent;transition:color .2s;font-family:inherit}.tab--on{color:#fff}.tab__bar{position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:3px 3px 0 0;background:var(--green);box-shadow:0 0 12px #22c55e66}.feed{padding:8px 10px}.empty{text-align:center;padding:60px 20px;color:#333;font-size:13px}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;margin-bottom:12px;overflow:hidden;will-change:transform}.card--live{border-color:#f973164d;background:linear-gradient(160deg,#100d09 0%,var(--card) 40%)}.card--live:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--orange) 50%,transparent 100%);animation:live-glow 2s ease-in-out infinite}@keyframes live-glow{0%,to{opacity:.6}50%{opacity:1}}.card--finished{opacity:.5}.card--win{opacity:1!important;border-color:#22c55e59;background:linear-gradient(160deg,#060f08 0%,var(--card) 40%)}.card--win:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--green) 50%,transparent 100%)}.card__wm{position:absolute;width:140px;height:140px;object-fit:contain;opacity:.15;pointer-events:none;top:50%;transform:translateY(-50%);filter:saturate(.7)}.card__wm--l{left:-20px}.card__wm--r{right:-20px}.card__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}.chip{font-size:10px;font-weight:800;padding:4px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.8px}.chip--upcoming{background:#60a5fa1a;color:#5b9cf5}.chip--live{background:#f973161f;color:var(--orange);animation:blink 1.8s ease-in-out infinite}.chip--finished{background:#22c55e14;color:#5ddb8c}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.card__time{font-size:11px;color:var(--dim);font-weight:600;font-variant-numeric:tabular-nums}.versus{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1;gap:6px}.versus__team{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.versus__team--r{justify-content:flex-end;text-align:right}.versus__flag{font-size:28px;line-height:1;flex-shrink:0}.versus__name{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}.versus__vs{font-size:11px;font-weight:900;color:#2a2a30;letter-spacing:3px;flex-shrink:0}.versus__score{font-size:28px;font-weight:900;color:var(--green);flex-shrink:0;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(34,197,94,.35)}.versus__score span{color:#444;margin:0 2px}.picks{display:flex;gap:8px;position:relative;z-index:1}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;color:#888;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .25s ease}.btn:active:not(:disabled){background:#22c55e0f;border-color:#22c55e4d}.btn--on{background:#22c55e1a;border-color:var(--green);color:#4ade80;box-shadow:0 0 20px #22c55e1a,inset 0 0 20px #22c55e0d}.btn--lock{opacity:.15;cursor:default}.btn:disabled:not(.btn--on){opacity:.25;cursor:not-allowed}.btn__emoji{font-size:18px}.btn__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.btn__check{color:var(--green);font-weight:900;font-size:14px}.btn__pct{font-size:11px;font-weight:600;color:var(--dim);margin-left:auto;opacity:.7}.card__note{font-size:11px;color:#333;margin-top:10px;text-align:center}.card__result{position:relative;z-index:1;margin-top:10px}.res{font-size:12px;font-weight:700}.res--warn{color:var(--orange);margin-bottom:4px}.res--win{color:var(--gold);text-shadow:0 0 8px rgba(251,191,36,.25)}.res--lose{color:#555}.res--quiet{color:var(--dim);font-weight:500}.res__pts{color:var(--dim);font-weight:400;font-size:11px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:24px 12px 0;margin-bottom:20px}.podium__col{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;overflow:visible!important;border-radius:16px 16px 0 0;padding:10px 4px}.podium__col--me{box-shadow:0 0 20px #22c55e26}.podium__medal{font-size:28px;margin-bottom:4px}.podium__name{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-align:center}.podium__score{font-size:24px;font-weight:900;color:var(--green);margin-top:4px;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(34,197,94,.3)}.podium__bar{position:absolute;bottom:0;left:0;right:0;z-index:-1;border-radius:16px 16px 0 0}.row{display:flex;align-items:center;padding:14px;border-radius:14px;margin-bottom:4px;position:relative;overflow:hidden;background:transparent}.row--me{background:#22c55e12;border:1px solid rgba(34,197,94,.12)}.row--top{background:#fbbf2408}.row__bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#22c55e14,#22c55e05);border-radius:14px;z-index:0}.row__rank{width:36px;font-size:14px;color:var(--dim);flex-shrink:0;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;position:relative;z-index:1}.row--top .row__rank{font-size:22px}.row__info{flex:1;min-width:0;position:relative;z-index:1}.row__name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__user{font-size:11px;color:var(--dim);margin-top:1px}.row__pts{font-size:22px;font-weight:900;color:var(--green);margin-left:12px;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(34,197,94,.25);position:relative;z-index:1}.bcard{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;margin-bottom:10px}.bcard--finished{opacity:.7}.bcard--live{border-color:#f9731640}.bcard__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:6px}.bcard__team{font-size:13px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcard__team:last-child{text-align:right}.bcard__vs{font-size:10px;font-weight:800;color:#333;letter-spacing:2px;flex-shrink:0}.bcard__score{font-size:18px;font-weight:900;color:var(--green);flex-shrink:0;font-variant-numeric:tabular-nums}.bcard__bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--muted);gap:2px;margin-bottom:4px}.bcard__fill{height:100%;border-radius:3px;min-width:2px}.bcard__fill--home{background:#60a5fa}.bcard__fill--away{background:var(--orange)}.bcard__pcts{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--dim);margin-bottom:10px}.bcard__sides{display:flex;gap:0}.bcard__side{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.bcard__side:last-child{align-items:flex-end}.bcard__divider{width:1px;background:var(--border);margin:0 10px;flex-shrink:0}.bcard__nobody{font-size:12px;color:#2a2a30}.voter{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#777;padding:3px 8px;border-radius:8px;background:#ffffff08;max-width:100%}.voter--me{background:#22c55e14;color:#4ade80}.voter--win{color:var(--gold);background:#fbbf2414}.voter--lose{opacity:.5}.voter__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voter__pts{font-size:10px;font-weight:800;color:var(--gold);flex-shrink:0}.err{color:#f87171;padding:24px;text-align:center;font-size:14px}.locked{text-align:center;padding:60px 24px;color:#555}.locked__icon{font-size:48px;margin-bottom:16px}.locked h2{font-size:20px;color:var(--text);margin-bottom:8px;font-weight:800}