:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--green: #16a34a;--red: #dc2626;--gold: #f59e0b;--bg: #0a0f0a;--card: #111811;--border: rgba(255, 255, 255, .08);--accent: #22c55e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-weight:800;font-size:1rem;letter-spacing:.15em;color:var(--accent)}.wallet-info{display:flex;align-items:center;gap:1rem}.wallet-addr{font-family:ui-monospace,monospace;font-size:.8rem;color:#ffffff80}.wallet-bal{font-weight:700;color:var(--accent);background:#22c55e1a;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(34,197,94,.2)}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem}.lobby{max-width:480px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.lobby h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em}.subtitle{color:#ffffff80;font-size:1.05rem}.lobby-info{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;font-size:.95rem;color:#fff9}.info-val{font-weight:600;color:#fff}.btn{padding:.85rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-secondary{background:#ffffff0f;color:#fff;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.history{display:flex;flex-direction:column;gap:.5rem}.history h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.history-row{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;font-size:.85rem}.history-row span:first-child{min-width:100px}.history-row span:nth-child(2){color:#ffffff4d}.history-row span:nth-child(3){min-width:100px}.result{margin-left:auto;font-weight:700;font-family:ui-monospace,monospace}.result.win{color:var(--green)}.result.lose{color:var(--red)}.result.draw{color:var(--gold)}.history-row.win{border-left:3px solid var(--green)}.history-row.lose{border-left:3px solid var(--red)}.history-row.draw{border-left:3px solid var(--gold)}.selecting{max-width:600px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.game-header{display:flex;justify-content:space-between;align-items:center}.game-id{font-family:ui-monospace,monospace;font-size:.8rem;color:#fff6}.pot{font-weight:700;color:var(--gold);background:#f59e0b1a;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(245,158,11,.2)}.selecting h2{font-size:1.75rem;font-weight:700}.pick-hint{color:#ffffff73}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.team-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .75rem;background:var(--card);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .15s}.team-card:hover{border-color:#fff3;background:#ffffff0d}.team-card.selected{border-color:var(--accent);background:#22c55e14;box-shadow:0 0 20px #22c55e26}.team-flag{font-size:2rem}.team-name{font-weight:600;font-size:.9rem;text-align:center}.team-conf{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}.match-animation{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem}.match-header{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.match-teams{display:flex;align-items:center;gap:2rem}.match-team{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem}.match-flag{font-size:4rem}.match-vs{font-size:2rem;font-weight:800;color:var(--gold)}.match-dots{font-size:2rem;display:flex;gap:.25rem;min-height:3rem;align-items:center}.match-blink{animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.match-score{font-size:4rem;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.1em;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result-screen{max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.result-banner{font-size:2.5rem;font-weight:900;padding:1rem 2rem;border-radius:1rem;width:100%}.result-banner.win{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid var(--accent);color:var(--accent)}.result-banner.lose{background:linear-gradient(135deg,#dc262626,#dc26260d);border:2px solid var(--red);color:var(--red)}.result-banner.draw{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid var(--gold);color:var(--gold)}.result-teams{display:flex;align-items:center;gap:2rem}.result-team{display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-flag{font-size:3.5rem}.result-name{font-weight:700;font-size:1.1rem}.result-score{font-size:3rem;font-weight:900;font-family:ui-monospace,monospace}.result-dash{font-size:2rem;color:#ffffff4d}.result-payout{font-size:1.5rem;font-weight:800;font-family:ui-monospace,monospace;color:var(--gold)}@media(max-width:640px){.top-bar{padding:.75rem 1rem}.main{padding:1rem}.lobby h1{font-size:1.75rem}.team-grid{grid-template-columns:repeat(2,1fr)}.match-flag,.match-score{font-size:2.5rem}}