@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0;font-family:DM Sans,Noto Sans KR,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--bg:#0a0f0c;--surface:#11170f;--surface-2:#171f16;--border:#26301f;--fg:#f1f5ef;--muted:#90a087;--accent:#ffb703;--accent-2:#ffd166;--good:#2dd47a;--bad:#ff5d66;--fav-seg:#8f99a6}.app{background:var(--bg);min-height:100%;color:var(--fg);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex}.top-controls{top:max(12px, env(safe-area-inset-top));z-index:10;gap:8px;display:flex;position:fixed;right:12px}.icon-toggle{background:var(--surface-2);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.screen{flex-direction:column;gap:14px;width:min(880px,100% - 36px);margin:0 auto;padding:48px 0 32px;display:flex}h1,h2,h3{margin:0;line-height:1.25}p{color:var(--muted);margin:0;line-height:1.5}.intro{text-align:center;align-items:center;gap:18px;padding-top:15vh}.intro h1{font-size:32px}.tagline{color:var(--accent);font-size:14px;font-weight:600}.pitch{max-width:560px}.rules{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:8px;width:min(420px,100%);margin:0;padding:16px 20px;list-style:none;display:grid}.rules li{color:var(--fg);font-size:14px}.btn{cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.round-header{justify-content:space-between;align-items:flex-start;display:flex}.round-label{color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:700}.cash-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-weight:700}.remaining{font-size:13px}.match-list{gap:16px;display:grid}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:10px;padding:18px;display:grid}.match-banner{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#ffb70324,#ffb70305);border-radius:16px 16px 0 0;align-items:center;gap:12px;margin:-18px -18px 4px;padding:14px 18px;display:flex}.match-icon{flex-shrink:0;font-size:28px;line-height:1}.match-banner-main{flex:1;gap:3px;min-width:0;display:grid}.match-sport{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.match-competition{color:var(--fg);font-size:15px;font-weight:700;line-height:1.25}.match-stage{color:var(--accent);background:#ffb7032e;border-radius:999px;justify-self:start;padding:2px 10px;font-size:12px;font-weight:700}.match-year-badge{color:var(--accent);flex-shrink:0;font-size:24px;font-weight:800}.side{gap:2px;display:grid}.side-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px}.side p{color:var(--fg);font-size:14px}.context{font-size:13px;font-style:italic}.narrative{color:var(--fg);font-size:14px}.gauge{gap:6px;display:grid}.gauge-bar{background:var(--surface-2);border-radius:999px;height:10px;display:flex;overflow:hidden}.seg.fav{background:var(--fav-seg)}.seg.dog{background:var(--accent)}.gauge-caption{color:var(--muted);font-size:12px}.pick-row{flex-wrap:wrap;gap:8px;display:flex}.pick-btn{background:var(--surface-2);border:1px solid var(--border);min-width:90px;color:var(--fg);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;font-size:13px;font-weight:600;display:flex}.pick-odds{opacity:.7;font-size:11px;font-weight:500}.pick-btn.active{border-color:var(--accent);color:var(--accent);background:#ffb70326}.stake-row{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.stake-amount{font-weight:700}.stake-buttons{gap:6px;display:flex}.stake-buttons button{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px}.stake-buttons button.clear{color:var(--bad)}.action-bar{background:linear-gradient(180deg, transparent, var(--bg) 40%);justify-content:center;padding:14px 0;display:flex;position:sticky;bottom:0}.reveal{text-align:center;align-items:center}.reveal-progress{gap:6px;display:flex}.dot{background:var(--border);border-radius:999px;width:8px;height:8px}.dot.lit{background:var(--accent)}.reveal-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;justify-items:center;gap:12px;width:min(480px,100%);padding:28px 20px;display:grid;position:relative;overflow:hidden}.reveal-tier{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.score-line{color:var(--fg);font-weight:600}.your-pick{font-size:14px}.outcome-badge{border-radius:999px;padding:6px 18px;font-size:18px;font-weight:800}.outcome-badge.good{color:var(--good);background:#2dd47a26}.outcome-badge.bad{color:var(--bad);background:#ff5d6626}.amount-flow{align-items:center;gap:10px;font-size:18px;display:flex}.amount-flow .arrow{color:var(--muted)}.amount-flow strong.good{color:var(--good)}.amount-flow strong.bad{color:var(--bad)}.upset-badge{color:var(--accent);background:#ffb70326;border-radius:999px;padding:8px 16px;font-weight:700}.result{text-align:center;align-items:center;gap:18px;position:relative;overflow:hidden}.bankrupt-note{color:var(--bad);font-size:14px}.final-cash{color:var(--fg);font-size:40px;font-weight:800}.multiple{font-size:18px;font-weight:700}.multiple.good{color:var(--good)}.multiple.bad{color:var(--bad)}.highlight{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(480px,100%);padding:14px 18px}.highlight.muted{opacity:.85}.highlight h3{color:var(--accent);margin-bottom:6px;font-size:13px}.other-training{gap:8px;width:min(480px,100%);display:grid}.other-training-eyebrow{color:var(--muted);font-size:12px}.sibling-link{background:var(--surface);border:1px solid var(--border);color:var(--fg);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.sibling-link strong{font-size:14px;display:block}.share-row{gap:8px;width:min(480px,100%);display:flex}.share-row input{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:10px;flex:1;padding:10px 12px;font-size:12px}.share-row button{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 14px}.share-card{justify-items:center;gap:10px;width:min(480px,100%);display:grid}.share-card-preview{border:1px solid var(--border);border-radius:14px;width:100%;max-width:260px}.share-card button{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;width:8px;height:14px;animation-name:confettiFall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-10%}.confetti.big .confetti-piece{width:10px;height:16px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10%)rotate(0)}to{opacity:0;transform:translateY(420px)rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.privacy-link{color:var(--muted);opacity:.75;margin-top:18px;font-size:12px;text-decoration:none;display:inline-block}.privacy-link:hover,.privacy-link:focus-visible{color:var(--fg);opacity:1;outline:none}.society-home-link{color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.society-home-link:hover,.society-home-link:focus-visible{color:var(--fg);border-color:var(--accent);outline:none}.society-home-link b{margin-left:2px;font-weight:400}.society-mini-mark{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Georgia,serif;font-size:12px;display:grid}.society-return-card{width:min(480px,100%);color:var(--fg);text-align:left;background:linear-gradient(135deg,#8faeba24,#8faeba08);border:1px solid #58717e;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px 17px;text-decoration:none;transition:all .2s;display:grid}.society-return-card:hover,.society-return-card:focus-visible{border-color:#a8bdc6;outline:none;transform:translateY(-1px)}.society-return-card small{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.society-return-card strong{font-size:14px;display:block}.society-return-card>b{font-size:20px;font-weight:400}.leaderboard-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:1.25rem 0;padding:1.1rem 1.25rem}.leaderboard-eyebrow{color:var(--accent);letter-spacing:.03em;text-transform:uppercase;margin-bottom:.6rem;font-size:.78rem;font-weight:700;display:block}.leaderboard-state{color:var(--muted);margin:0;font-size:.85rem}.leaderboard-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-list li{border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.9rem;display:grid}.leaderboard-list li.is-self{background:var(--surface-2)}.leaderboard-rank{color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-score{font-variant-numeric:tabular-nums;font-weight:600}.leaderboard-self{color:var(--accent);margin:.7rem 0 0;font-size:.82rem;font-weight:600}.leaderboard-hint{color:var(--muted);margin:.7rem 0 0;font-size:.78rem}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffaf0;--surface:#fff;--surface-2:#fff0b7;--border:#172538;--fg:#172538;--muted:#596a7b;--accent:#ffb703;--accent-2:#ffd166;--accent-ink:#8b5c00;--good:#187f46;--bad:#cf3f4b;--fav-seg:#718193}.app{background:radial-gradient(circle at 80% 0,#fff0b7,transparent 28rem),var(--bg)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{letter-spacing:-.04em;font-family:DM Sans,Noto Sans KR,sans-serif}.screen{word-break:keep-all;overflow-wrap:break-word}.intro{border:2px solid var(--border);box-shadow:6px 7px 0 var(--border);background:linear-gradient(145deg,#fff0b7,#fff 85%);border-radius:24px;margin-top:1.5rem;padding:2rem 1.5rem}.tagline,.round-label,.match-year-badge,.match-stage,.reveal-tier,.upset-badge,.highlight h3,.leaderboard-eyebrow,.leaderboard-self{color:var(--accent-ink)}.match-stage,.upset-badge{background:#fff0b7}.rules,.cash-pill,.match-card,.reveal-card,.highlight,.sibling-link,.leaderboard-card{border:2px solid var(--border);box-shadow:4px 5px 0 var(--border);background:#fff;border-radius:16px}.match-banner{border-bottom:2px solid var(--border);background:linear-gradient(135deg,#fff0b7,#fff 95%)}.btn{border:2px solid var(--border);box-shadow:3px 4px 0 var(--border);border-radius:12px;transition:transform .15s,box-shadow .15s}.btn.primary{background:var(--accent);color:var(--fg)}.btn:hover:not(:disabled){box-shadow:5px 7px 0 var(--border);transform:translateY(-3px)}.btn:active:not(:disabled){box-shadow:1px 2px 0 var(--border);transform:translateY(2px)}.icon-toggle,.pick-btn,.stake-buttons button,.share-row button,.share-card button{border:2px solid var(--border);color:var(--fg);background:#fff}.pick-btn.active{border-color:var(--border);color:var(--fg);box-shadow:2px 3px 0 var(--border);background:#fff0b7}.pick-btn.underdog.active{border-color:var(--good);color:var(--good);background:#e2f5e8}.share-row input{border:2px solid var(--border);color:var(--fg);background:#fff}.action-bar{background:linear-gradient(#0000,#fffaf0 42%)}.society-home-link,.society-return-card{border:2px solid var(--border);color:var(--fg);box-shadow:3px 4px 0 var(--border);background:#fff}.society-return-card:hover,.society-return-card:focus-visible{border-color:var(--border);box-shadow:5px 7px 0 var(--border);transform:translateY(-3px)}.society-mini-mark{color:#fff;border:2px solid var(--border);background:#ff705d;font-family:DM Sans,sans-serif;font-weight:900}.intro .society-home-link{width:max-content;margin-bottom:1rem;display:flex}.pick-btn,.stake-buttons button{word-break:keep-all}@media (width<=540px){.intro{padding:1.5rem 1rem}.match-card,.reveal-card,.highlight,.leaderboard-card{box-shadow:3px 4px 0 var(--border)}}