:root{--bg:#f5f6fa;--card:#fff;--line:#e9ecf3;--line-2:#dde2ec;--tx:#171c2b;--tx-2:#5b6478;--tx-3:#98a1b3;--mint:#10b981;--mint-bg:#ecfdf5;--rose:#f43f5e;--rose-bg:#fff1f2;--amber:#d97706;--amber-bg:#fffbeb;--brand:#6d5ef1;--brand-2:#8b7cf8;--brand-bg:#f1effe;--sky:#0ea5e9;--sky-bg:#eff8ff;--radius:16px;--shadow:0 1px 2px #171c2b0a, 0 4px 16px #171c2b0f;--shadow-lg:0 4px 8px #171c2b0d, 0 12px 32px #171c2b1a;--maxw:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-head{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.site-head .inner{max-width:var(--maxw);align-items:center;gap:26px;margin:0 auto;padding:13px 24px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:900;display:flex}.brand .mark{background:linear-gradient(135deg, var(--brand), #a78bfa);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:0 4px 10px #6d5ef159}.brand small{letter-spacing:.14em;color:var(--tx-3);font-size:9px;font-weight:700;display:block}.nav{color:var(--tx-2);gap:4px;font-size:14px;font-weight:700;display:flex}.nav a{border-radius:99px;padding:7px 13px}.nav a:hover,.nav a.on{background:var(--brand-bg);color:var(--brand)}.head-cta{background:var(--brand);color:#fff;border-radius:99px;margin-left:auto;padding:9px 20px;font-size:13.5px;font-weight:800;transition:transform .12s;box-shadow:0 4px 12px #6d5ef14d}.head-cta:hover{background:var(--brand-2);color:#fff;transform:translateY(-1px)}.hero{color:#fff;background:linear-gradient(118deg,#6d5ef1 0%,#8b5cf6 55%,#a855f7 100%);border-radius:22px;margin:8px 0 26px;padding:40px 42px;position:relative;overflow:hidden;box-shadow:0 16px 40px #6d5ef147}.hero:after{content:"";background:#ffffff1f;border-radius:50%;width:340px;height:340px;position:absolute;top:-90px;right:-70px}.hero:before{content:"";background:#ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-140px;right:90px}.hero h1{color:#fff;margin:0 0 8px;font-size:32px}.hero .sub{color:#ffffffe0;max-width:640px;margin:0;font-size:15px}.hero strong{color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}h1{letter-spacing:-.03em;margin:0 0 6px;font-size:29px;font-weight:900}h2{letter-spacing:-.02em;margin:0 0 12px;font-size:19px;font-weight:900}h3{margin:0 0 8px;font-size:15px;font-weight:800}.sub{color:var(--tx-2);margin:0 0 22px;font-size:14.5px}.mono{font-variant-numeric:tabular-nums}.mint{color:var(--mint)}.rose{color:var(--rose)}.amber{color:var(--amber)}.muted{color:var(--tx-3)}.section{margin:30px 0}.pill{color:var(--tx-2);background:#eef1f7;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.pill.live{background:var(--rose-bg);color:var(--rose)}.pill.done{color:var(--tx-3);background:#eef1f7}.pill.soon{background:var(--mint-bg);color:var(--mint)}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;transition:transform .14s,box-shadow .14s,border-color .14s;display:block}.mcard:hover{box-shadow:var(--shadow-lg);color:inherit;border-color:#6d5ef173;transform:translateY(-3px)}.mcard .top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mcard .lg{color:var(--tx-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.mcard .tm{color:var(--brand);background:var(--brand-bg);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:800}.mcard .teams{letter-spacing:-.01em;margin-bottom:10px;font-size:15.5px;font-weight:800}.mcard .teams .vs{color:var(--tx-3);margin:0 5px;font-size:12px;font-weight:600}.odds-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.odds-cell{border:1px solid var(--line);text-align:center;background:#f7f8fc;border-radius:11px;padding:7px 4px}.odds-cell .k{color:var(--tx-3);font-size:10px;font-weight:700}.odds-cell .v{font-size:14.5px;font-weight:900}.odds-cell.fav{background:var(--brand-bg);border-color:#6d5ef166}.odds-cell.fav .v{color:var(--brand)}.mv{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.mv span{background:var(--rose-bg);color:var(--rose);border-radius:8px;padding:3px 9px;font-size:11px;font-weight:800}.mv span.dn{background:var(--sky-bg);color:var(--sky)}.detail{grid-template-columns:8fr 4fr;align-items:start;gap:20px;display:grid}.chart{border:1px solid var(--line);background:#fafbfe;border-radius:12px;width:100%;height:auto;margin:8px 0 4px;display:block}.chart-label{color:var(--tx-2);margin-top:16px;font-size:12.5px;font-weight:800}.chart-note{color:var(--tx-3);margin-bottom:2px;font-size:11px;font-weight:600}.mtable{border-collapse:collapse;width:100%;font-size:14px}.mtable td{padding:10px 8px}.mtable tr+tr td{border-top:1px solid var(--line)}.mtable .lbl{color:var(--tx-3);width:76px;font-size:12px;font-weight:700}.mtable .val{font-variant-numeric:tabular-nums;font-weight:900}.tl{margin:0;padding:0;list-style:none}.tl li{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:9px 0;font-size:13px;display:flex}.tl li:last-child{border-bottom:0}.tl .t{color:var(--tx-3);font-variant-numeric:tabular-nums;min-width:60px;font-size:11.5px;font-weight:700}.tl .w{font-weight:700}.vote-card{border:1px solid var(--line)}.vote-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.vote-btn{border:1.5px solid var(--line-2);cursor:pointer;color:var(--tx);background:#fff;border-radius:14px;padding:13px 8px;font-family:inherit;font-size:14.5px;font-weight:800;transition:transform .12s,border-color .12s,background .12s}.vote-btn:hover{border-color:var(--brand);background:var(--brand-bg);transform:translateY(-2px)}.vote-btn.sel{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}.vote-gauge{background:#eef1f7;border-radius:99px;height:12px;margin:12px 0 6px;display:flex;overflow:hidden}.vote-gauge .a{background:linear-gradient(90deg, var(--sky), #38bdf8)}.vote-gauge .b{background:linear-gradient(90deg, #fb7185, var(--rose))}.vote-legend{justify-content:space-between;font-size:12.5px;font-weight:800;display:flex}.vote-note{color:var(--tx-3);margin-top:8px;font-size:11.5px}.stat-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:18px 14px}.stat .n{letter-spacing:-.03em;font-size:27px;font-weight:900}.stat .k{color:var(--tx-3);margin-top:3px;font-size:11.5px;font-weight:700}.rec-table{border-collapse:collapse;width:100%;font-size:13.5px}.rec-table th{text-align:left;color:var(--tx-3);border-bottom:2px solid var(--line-2);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:10px;font-size:11px;font-weight:800}.rec-table td{border-bottom:1px solid var(--line);padding:10px}.rec-table tr:hover td{background:#fafbfe}.res-w{color:var(--mint);font-weight:900}.res-l{color:var(--rose);font-weight:900}.res-p{color:var(--tx-3);font-weight:900}.cta{background:linear-gradient(118deg, var(--brand), #8b5cf6);border-radius:var(--radius);color:#fff;flex-wrap:wrap;align-items:center;gap:18px;padding:26px;display:flex;box-shadow:0 12px 30px #6d5ef140}.cta h3{color:#fff}.cta .muted{color:#fffc}.btn{color:var(--brand);background:#fff;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .12s;display:inline-block;box-shadow:0 3px 8px #0000001f}.btn:hover{color:var(--brand);transform:translateY(-1px)}.btn.ghost{color:#fff;box-shadow:none;background:#ffffff29;border:1px solid #fff6}.section .card .btn,aside .btn{background:var(--brand);color:#fff}.section .card .btn:hover,aside .btn:hover{background:var(--brand-2);color:#fff}.site-foot{border-top:1px solid var(--line);color:var(--tx-3);background:#fff;margin-top:50px;padding:28px 0 44px;font-size:12.5px}.site-foot .inner{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-foot .links{color:var(--tx-2);gap:18px;margin-bottom:10px;font-weight:700;display:flex}.blur-lock{filter:blur(6px);user-select:none;pointer-events:none}@media (width<=1000px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.hero{padding:30px 26px}.hero h1{font-size:25px}}@media (width<=620px){.wrap{padding:0 14px}.grid{grid-template-columns:1fr}h1{font-size:23px}.nav{display:none}.site-head .inner{padding:10px 14px}.rec-table{font-size:12px}.rec-table th,.rec-table td{padding:8px 6px}}.notice{background:#eef0ff;border:1px solid #dcdffb;border-radius:12px;margin:0 0 18px;padding:12px 14px}.notice b{color:#4b3fd6;margin-bottom:3px;font-size:13px;display:block}.notice span{color:#4a4a63;font-size:12.5px;line-height:1.55}
