:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f4;color:#111827}*{box-sizing:border-box}body{margin:0}button,input,meter{font:inherit}button{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:active{transform:translateY(1px)}main{min-height:100vh;background:linear-gradient(90deg,#111827db,#1118278f),url(https://images.unsplash.com/photo-1431324155629-1a6deb1dec8d?auto=format&fit=crop&w=2200&q=80);background-attachment:fixed;background-size:cover;background-position:center}nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:20px 20px 0;color:#fff}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.brand-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:#ffffff21;font-size:13px;letter-spacing:0}.nav-actions{display:flex;gap:8px}.nav-actions button{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff24;color:#fff;cursor:pointer}.hero{min-height:86vh;padding-bottom:44px}.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:28px;align-items:center;max-width:1180px;margin:0 auto;padding:58px 20px 0}.hero-copy{color:#fff}.eyebrow{margin:0 0 10px;color:#16d9a4;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:620px;margin-bottom:18px;font-size:clamp(46px,7vw,82px);line-height:.95;letter-spacing:0}.lede{max-width:610px;color:#ffffffd1;font-size:19px;line-height:1.55}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:590px;margin-top:28px}.hero-metrics div{min-height:82px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1f}.hero-metrics span{display:block;margin-bottom:8px;color:#ffffffb3;font-size:12px;font-weight:700}.hero-metrics strong{font-size:23px}.bracket-panel,.fixture-card,.korea-card,.notes-panel{border:1px solid #d5dbe3;border-radius:8px;background:#fffffff2;box-shadow:0 24px 80px #0000002e}.bracket-panel{padding:18px}.bracket-title,.section-head,.fixture-head,.team-name-line,.signal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.bracket-title{align-items:center;margin-bottom:14px;color:#122033}.bracket-title p,.fixture-head p{margin:0 0 3px;color:#657083;font-size:12px;font-weight:800;text-transform:uppercase}.bracket-title h2,.section-head h2,.notes-panel h2,.korea-card h2{margin:0;font-size:24px;line-height:1.1;letter-spacing:0}.team-list{display:grid;gap:10px}.team-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:166px;padding:12px;border:1px solid #e4e8ef;border-radius:8px;background:#f9fafb}.team-row.picked{border-color:#16a37a;background:#f2fbf7}.team-mark{display:grid;grid-template-rows:44px 1fr;width:72px;min-height:76px;overflow:hidden;border:2px solid;border-radius:8px;background:#fff;color:#111827;font-size:12px;font-weight:900;text-align:center}.team-mark img{width:100%;height:44px;object-fit:cover;background:#e5e7eb}.team-mark span{display:grid;min-height:28px;place-items:center}.team-main{min-width:0}.team-name-line h3{margin:0;font-size:17px}.team-name-line span{white-space:nowrap;color:#677386;font-size:12px;font-weight:800}.rating-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.rating-line span{padding:3px 6px;border:1px solid #dce3ec;border-radius:999px;background:#eef6f3;color:#365244;font-size:10px;font-weight:900;text-transform:uppercase}.group-note{margin:-4px 0 14px;color:#596579;font-size:14px;line-height:1.45}.team-main p{min-height:38px;margin:6px 0 10px;color:#596579;font-size:13px;line-height:1.45}.team-odds{display:grid;gap:7px}.market-bars label{display:flex;justify-content:space-between;margin-bottom:5px;color:#374151;font-size:12px;font-weight:900}.micro-odds{display:flex;flex-wrap:wrap;gap:6px}.micro-odds span{padding:4px 7px;border:1px solid #dce3ec;border-radius:999px;background:#fff;color:#526073;font-size:11px;font-weight:850}.pick-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pick-buttons button{min-height:34px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:900}.pick-buttons button.active{border-color:#0f8a5f;background:#0f8a5f;color:#fff}meter{display:block;width:100%;height:10px}meter::-webkit-meter-bar{border:0;border-radius:999px;background:#e6eaf0}meter::-webkit-meter-optimum-value{border-radius:999px;background:#16a37a}.content-band,.analysis-grid{max-width:1180px;margin:0 auto;padding:42px 20px 0}.content-band{border-top:1px solid rgba(255,255,255,.22)}.section-head{align-items:center;margin-bottom:18px;color:#fff}.section-head>span{color:#ffffffb8;font-size:13px;font-weight:800}.fixture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-panel{display:grid;gap:16px;padding:18px;border:1px solid #d5dbe3;border-radius:8px;background:#fffffff5;box-shadow:0 24px 80px #0000002e}.creator-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:16px;align-items:end}.creator-main h2{margin:0;color:#111827;font-size:26px;line-height:1.1}.register-row,.share-row{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:8px}.register-row input,.share-row input{min-width:0;min-height:44px;border:1px solid #cfd8e3;border-radius:8px;padding:0 12px;background:#fff;color:#111827;font-weight:800}.register-row button,.share-row button{min-height:44px;border:1px solid #0f8a5f;border-radius:8px;background:#0f8a5f;color:#fff;cursor:pointer;font-weight:900}.creator-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creator-stats div{min-height:82px;padding:13px;border:1px solid #dde5ef;border-radius:8px;background:#f8fafc}.creator-stats span,.leaderboard-strip span{display:block;margin-bottom:7px;color:#607086;font-size:12px;font-weight:850;text-transform:uppercase}.creator-stats strong{color:#111827;font-size:24px}.leaderboard-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.leaderboard-strip div{min-height:76px;padding:11px;border:1px solid #dde5ef;border-radius:8px;background:#fff}.leaderboard-strip strong,.leaderboard-strip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-strip strong{color:#111827;font-size:15px}.leaderboard-strip small{margin-top:3px;color:#0f8a5f;font-size:12px;font-weight:900}.group-control{padding-top:36px}.group-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.group-tab{display:grid;min-height:64px;padding:9px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer;text-align:left}.group-tab span{color:#ffffffb8;font-size:11px;font-weight:850}.group-tab b{align-self:end;font-size:18px}.group-tab.active{border-color:#16d9a4;background:#fff;color:#111827}.group-tab.active span{color:#0f8a5f}.fixture-card{min-height:178px;padding:15px}.fixture-head{min-height:68px;margin-bottom:14px}.fixture-head h3{margin:0;color:#101827;font-size:18px;line-height:1.2}.fixture-head>span{max-width:112px;color:#8a521d;font-size:12px;font-weight:900;text-align:right}.prob-track{display:flex;width:100%;height:18px;overflow:hidden;border-radius:999px;background:#e5e7eb}.prob-segment{min-width:2px}.prob-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;color:#5a6576;font-size:12px;font-weight:800}.prob-labels span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prob-labels b{color:#111827}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.group-summary{display:grid;gap:6px;min-height:116px;padding:14px;border:1px solid #d5dbe3;border-radius:8px;background:#fffffff2;box-shadow:0 18px 50px #0000001f;cursor:pointer;text-align:left}.group-summary span{color:#0f8a5f;font-size:12px;font-weight:900;text-transform:uppercase}.group-summary strong{color:#111827;font-size:20px;line-height:1.1}.group-summary small{color:#5d6878;font-size:12px;font-weight:800;line-height:1.35}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;padding-bottom:48px}.korea-card,.notes-panel{padding:18px}.section-head.compact{color:#111827}.section-head.compact .eyebrow{color:#0f8a5f}.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.signal{min-height:88px;padding:13px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.signal span{color:#4b5563;font-size:13px;font-weight:850}.signal b{font-size:23px}.signal.good meter::-webkit-meter-optimum-value{background:#16a37a}.signal.steady meter::-webkit-meter-optimum-value{background:#356db5}.signal.risk meter::-webkit-meter-optimum-value{background:#d1902f}.notes-panel ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.notes-panel li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:#374151;font-size:14px;line-height:1.45}.notes-panel svg{color:#0f8a5f}@media(max-width:920px){main{background-attachment:scroll}.hero-grid,.analysis-grid{grid-template-columns:1fr}.hero-grid{padding-top:38px}.fixture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-main{grid-template-columns:1fr}.leaderboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){nav{padding-inline:14px}.hero{min-height:auto}.hero-grid,.content-band,.analysis-grid{padding-inline:14px}.hero-metrics,.fixture-grid,.signal-grid,.summary-grid,.creator-stats,.leaderboard-strip,.register-row,.share-row{grid-template-columns:1fr}.group-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:44px}.lede{font-size:16px}.team-row{grid-template-columns:60px minmax(0,1fr)}.team-mark{grid-template-rows:38px 1fr;width:60px;min-height:68px}.team-mark img{height:38px}.bracket-title h2,.section-head h2{font-size:21px}.section-head{align-items:flex-start;flex-direction:column}}