:root{--bg: #0b1020;--panel: #18213f;--panel2: #1f2a4d;--line: #2b3766;--text: #eaf0ff;--muted: #93a0c8;--accent: #ffb020;--accent2: #29d0b0;--win: #34d399;--loss: #f87171;--tie: #c0a0ff;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%,#18244d 0%,var(--bg) 55%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:680px;margin:0 auto;min-height:100%;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.center{display:grid;place-items:center}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.sm{font-size:13px}.mt{margin-top:14px}h1{font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:-.02em;margin:6px 0}h1.won{color:var(--win)}h1.lost{color:var(--loss)}h3{margin:0 0 10px}.sub{color:var(--muted);margin:0 0 18px;line-height:1.5}.tag{color:var(--accent);font-weight:700;letter-spacing:.2em;font-size:13px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:12px 18px;border-radius:12px;transition:transform .08s,background .15s}button:hover{background:#26345f}button:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#ffd060,var(--accent));color:#1a1300;border:none;font-weight:800}.btn-primary:hover{filter:brightness(1.05)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.hero{text-align:center;padding:36px 0 18px}.home-head{text-align:center;padding:32px 0 20px}.back-link{background:transparent;border:none;color:var(--muted);padding:8px 4px;margin-bottom:4px}.back-link:hover{color:var(--text);background:transparent}.game-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 560px){.game-grid{grid-template-columns:1fr 1fr}}.game-card{display:grid;gap:6px;text-align:left;padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.game-card:hover{border-color:var(--accent2);background:var(--panel2)}.game-card.soon{opacity:.6;cursor:default}.game-card.soon:hover{border-color:var(--line);background:var(--panel)}.game-emoji{font-size:34px}.game-title{font-size:19px;font-weight:800}.game-blurb{font-size:13px;color:var(--muted);line-height:1.45}.game-cta{margin-top:4px;font-weight:800;color:var(--accent)}.soon-tag{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.big-emoji{font-size:56px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.select-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}.diff-select{display:flex;gap:8px;justify-content:center;margin:6px 0 14px;flex-wrap:wrap}.diff-pill{display:grid;gap:2px;padding:10px 16px;border-radius:12px;min-width:110px}.diff-pill.on{border-color:var(--accent);background:#2a2105;box-shadow:0 0 0 1px var(--accent) inset}.diff-name{font-weight:800}.diff-blurb{font-size:11px;color:var(--muted)}.diff-pill.on .diff-name{color:var(--accent)}.rules{margin:0 0 12px;padding-left:20px;line-height:1.7}.rules li{margin-bottom:4px}.board{display:flex;flex-direction:column;gap:10px}.board-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.pot{text-align:center;display:grid;gap:4px}.pot-chip{font-weight:700;color:var(--accent)}.round{font-size:12px;color:var(--muted)}.pile-badge{display:grid;gap:6px}.pile-badge.you{justify-items:end}.pile-count{font-size:26px;font-weight:800}.pile-label{font-size:13px;color:var(--muted);font-weight:600}.pile-bar{width:100%;height:6px;border-radius:999px;background:var(--panel2);overflow:hidden}.pile-bar span{display:block;height:100%;background:var(--loss);transition:width .35s ease}.pile-badge.you .pile-bar span{background:var(--accent2)}.seat{display:grid;justify-items:center;gap:6px}.seat-label{font-size:12px;color:var(--muted)}.clash-banner{text-align:center;min-height:24px;font-size:14px}.clash-banner .outcome.player{color:var(--win)}.clash-banner .outcome.ai{color:var(--loss)}.clash-banner .outcome.tie{color:var(--tie)}.board-actions{display:grid;place-items:center;min-height:50px}.tcard{width:320px;max-width:86vw;background:linear-gradient(165deg,#21305d,#161f3c);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.tcard.overseas{border-color:#5a4413}.tcard-head{padding:12px 14px 10px;background:linear-gradient(180deg,rgba(255,176,32,.12),transparent);position:relative}.tcard.overseas .tcard-head{background:linear-gradient(180deg,rgba(255,176,32,.18),transparent)}.tc-name{font-size:20px;font-weight:800;letter-spacing:-.01em}.tc-sub{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:13px;color:var(--muted)}.tc-sub .flag{font-size:15px}.tc-season{color:var(--accent);font-weight:700}.tc-arch{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#2a2105;color:var(--accent);border:1px solid #5a4413}.tc-arch.bowl{background:#052a25;color:var(--accent2);border-color:#135a4f}.tc-stats{display:grid}.tc-stat{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid #20294d;font-size:15px;width:100%;text-align:left;background:transparent;color:var(--text);border-radius:0;border-left:none;border-right:none}.tc-stat .tc-label{color:var(--muted)}.lower-hint{margin-left:7px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;color:var(--accent2);background:#052a25;border:1px solid #135a4f;padding:1px 6px;border-radius:999px}.tc-stat .tc-val{font-weight:800;font-variant-numeric:tabular-nums;font-size:17px}.tc-stat.na{opacity:.4}.tc-stat.hidden-val .tc-val{color:var(--line);font-weight:700}.tc-stat.na .tc-val{font-weight:600}.tc-stat.pick{cursor:pointer}.tc-stat.pick:hover{background:#26345f}.tc-stat.pick:hover .tc-label{color:var(--text)}.tc-stat.active{background:#26345f}.tc-stat.active.win{background:#34d3992e;box-shadow:inset 3px 0 0 var(--win)}.tc-stat.active.lose{background:#f8717129;box-shadow:inset 3px 0 0 var(--loss)}.tc-stat.active.tie{background:#c0a0ff29;box-shadow:inset 3px 0 0 var(--tie)}.tc-stat.active .tc-label{color:var(--text)}.tcard.back{display:grid;place-items:center;align-content:center;gap:8px;height:300px;background:repeating-linear-gradient(45deg,#1a2447,#1a2447 10px,#1d294f 10px,#1d294f 20px)}.back-emblem{font-size:52px;opacity:.9}.back-text{font-weight:800;letter-spacing:.25em;color:var(--accent);font-size:14px}.verdict-screen{text-align:center;padding:28px 0}.share-result{display:grid;justify-items:center}canvas.sharecard{width:100%;max-width:340px;height:auto;border-radius:18px;box-shadow:var(--shadow)}@media (max-width: 480px){.app{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.board{gap:4px}.board-top{margin-bottom:0}.pile-count{font-size:20px}.seat{gap:0}.seat-label{display:none}.clash-banner{font-size:13px;min-height:18px}.board-actions{min-height:0}.tcard{width:300px}.tcard-head{padding:7px 12px 6px}.tc-name{font-size:16px}.tc-sub{font-size:11px;margin-top:1px}.tc-arch{font-size:10px;top:7px;right:10px;padding:2px 7px}.tc-stat{padding:5px 12px;font-size:13px}.tc-stat .tc-val{font-size:15px}.lower-hint{font-size:8px;padding:1px 5px}.tcard.back{height:96px}.back-emblem{font-size:30px}.back-text{font-size:11px}}.support-link{color:var(--muted);text-decoration:none;font-size:13px}.support-link:hover{color:var(--accent)}.support{margin-top:28px}.support-h{color:var(--muted);font-size:13px;margin-bottom:10px}.btn-support{text-decoration:none;font-weight:700;font-size:14px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}.btn-support:hover{background:#26345f}.btn-support.upi{color:var(--accent2);border-color:#135a4f;background:#052a25}.support-vpa{margin-top:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}