:where(.home-main) .hero{align-items:center;gap:40px;min-height:660px;padding:0 80px;display:flex;position:relative}:where(.home-main) .hero:before{content:"";pointer-events:none;background:radial-gradient(48% 62% at 74% 56%,#463aa033,#0b0b1800 72%);position:absolute;inset:0}:where(.home-main) .hero-text{z-index:2;flex-direction:column;flex-shrink:0;gap:28px;width:620px;display:flex;position:relative}:where(.home-main) .pill{color:#9c9cb8;background:#0b0b1899;border:1px solid #2a2a45;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}:where(.home-main) .hero h1{letter-spacing:-1.2px;color:#fff;margin:0;font-size:60px;font-weight:700;line-height:1.18}:where(.home-main) .hero h1 .ln{text-wrap:balance;margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}:where(.home-main) .hero h1 .in{background:linear-gradient(#fff 35%,#b8b8d8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}:where(.home-main) .hero p{color:#a9a9c2;margin:0;font-size:18px;line-height:1.7}:where(.home-main) .hero-btns{gap:12px;margin-top:4px;display:flex}:where(.home-main) .hero-btns .btn{border-radius:10px;height:52px;padding:0 28px;font-size:16px}:where(.home-main) .hero-btns .btn-line{background:#ffffff08;border-color:#ffffff24}:where(.home-main) .stage{perspective:1500px;perspective-origin:50% 18%;flex-grow:1;align-self:stretch;min-height:620px;position:relative}:where(.home-main) .drift,:where(.home-main) .scene{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}:where(.home-main) .stage .card{pointer-events:auto}:where(.home-main) .pitch{width:800px;height:300px;transform-style:preserve-3d;margin:-150px 0 0 -400px;position:absolute;top:64%;left:50%;transform:rotateX(34deg)translateZ(-110px)}:where(.home-main) .field{backface-visibility:hidden;opacity:0;border-radius:18px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(64% 76% at 50% 54%,#000 55%,#0000 100%);mask-image:radial-gradient(64% 76% at 50% 54%,#000 55%,#0000 100%)}:where(.home-main) .field.on{opacity:1}:where(.home-main) .photo{filter:brightness(.82)saturate(.92)contrast(1.06);background-position:50%;background-size:cover;position:absolute;inset:0}:where(.home-main) .field[data-s="0"] .photo{background-position:40% 20%;background-size:122%}:where(.home-main) .field[data-s="4"] .photo{filter:brightness(.7)saturate(.9)contrast(1.08)}:where(.home-main) .vig{pointer-events:none;background:radial-gradient(72% 82% at 50% 56%,#0b0b1800 48%,#0b0b189e 100%);position:absolute;inset:0}:where(.home-main) .sweep{pointer-events:none;background:linear-gradient(105deg,#fff0 42%,#ffffff29 50%,#fff0 58%);position:absolute;inset:-10% -30%;transform:translate(-120%)}:where(.home-main) .shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#000000a6 0%,#00000026 55%,#0000 80%);position:absolute;inset:0}:where(.home-main) .heat{background:radial-gradient(circle,#22c55e2e,#22c55e00 70%);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;position:absolute;top:0;left:0}:where(.home-main) .ball{background:#fff;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0;box-shadow:0 0 8px 2px #ffffff8c,0 2px 4px #00000080}:where(.home-main) .ball.k1{background:#e5141d;width:10px;height:10px;margin:-5px 0 0 -5px;box-shadow:0 0 0 2px #fff,0 0 12px #e5141dcc}:where(.home-main) .ball.k2{background:radial-gradient(circle at 35% 30%,#ffb163,#e0701e 70%);width:12px;height:12px;margin:-6px 0 0 -6px;box-shadow:0 0 10px 2px #ff963c80,0 2px 4px #00000080}:where(.home-main) .ball.k3{background:radial-gradient(circle at 35% 30%,#fff,#ffe27a 70%);width:12px;height:12px;margin:-6px 0 0 -6px;box-shadow:0 0 12px 3px #ffe68c8c}:where(.home-main) .ball.k4{background:#15151a;width:10px;height:10px;margin:-5px 0 0 -5px;box-shadow:0 0 0 1.5px #ffffffd9,0 3px 6px #0000008c}:where(.home-main) .bshadow{filter:blur(1px);background:#00000080;border-radius:50%;width:14px;height:6px;margin:-3px 0 0 -7px;position:absolute;top:0;left:0}:where(.home-main) .rim{opacity:0;border:2px solid #ffaa5a;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:0;left:0}:where(.home-main) .light{pointer-events:none;background:radial-gradient(34% 70% at 50% 0,#cdd7ff1c,#cdd7ff00 72%);width:460px;height:660px;position:absolute;top:-140px}:where(.home-main) .light.l1{left:-30px;transform:rotate(15deg)}:where(.home-main) .light.l2{right:-30px;transform:rotate(-15deg)}:where(.home-main) .card{border-radius:16px}:where(.home-main) .hero .glass{-webkit-backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(160deg,#26264ed6 0%,#111124eb 72%) padding-box padding-box,linear-gradient(150deg,#ffffff57,#ffffff0d 36%,#ffffff05 64%,#ffffff29) border-box;box-shadow:0 60px 90px -36px #000000f2,0 18px 30px -18px #0009}:where(.home-main) .hero .glass .odd{background:#ffffff09;border:1px solid #ffffff14}:where(.home-main) .stage .card{will-change:transform;position:absolute}:where(.home-main) .cl-glow{border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:0 0 0 1px #f2262fe6,0 0 60px #e5141d61}:where(.home-main) .c-live{flex-direction:column;gap:16px;padding:22px;display:flex}:where(.home-main) .c-up,:where(.home-main) .c-down{flex-direction:column;gap:12px;padding:18px;display:flex}:where(.home-main) .stage .c-live{width:396px;top:8%;left:7%}:where(.home-main) .stage .c-up{width:226px;top:44%;right:0}:where(.home-main) .stage .c-down{width:232px;top:66%;left:0}:where(.home-main) .cl-body{flex-direction:column;gap:16px;display:flex}:where(.home-main) .cl-top{color:#9c9cb8;font-size:13px}:where(.home-main) .cl-lg{align-items:center;gap:8px;min-width:0;display:flex}:where(.home-main) .cl-lg span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.home-main) .cl-mid{gap:8px;min-height:40px}:where(.home-main) .goal{color:#fff;visibility:hidden;z-index:2;background:linear-gradient(#f2262f,#c90f18);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700;position:absolute;top:-15px;right:18px;box-shadow:0 12px 26px -8px #e5141db3,inset 0 1px #ffffff4d}:where(.home-main) .muted{color:#9c9cb8}:where(.home-main) .live-tag{color:#ff6b78;font-size:12px;font-weight:600;font-family:var(--font-grotesk),"Space Grotesk",sans-serif;background:#3a1520;border-radius:6px;flex-shrink:0;padding:3px 8px}:where(.home-main) .team{text-overflow:ellipsis;white-space:nowrap;width:130px;min-width:0;font-size:16px;font-weight:600;overflow:hidden}:where(.home-main) .score{font-family:var(--font-grotesk),"Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#fff;white-space:nowrap;font-size:32px;font-weight:600;display:inline-block}:where(.home-main) .odds3{perspective:400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}:where(.home-main) .odds3.two{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.home-main) .odd{color:#ededf5;height:50px;font:inherit;cursor:pointer;background:#1e1e36;border:1px solid #2c2c4a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}:where(.home-main) .odd small{color:#9c9cb8;font-size:12px}:where(.home-main) .odd span{font-family:var(--font-grotesk),"Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;display:inline-block}:where(.home-main) .odd span.up,:where(.home-main) .odd span.down{animation:.6s cubic-bezier(.2,.8,.2,1) hmFlipUp}:where(.home-main) .odd span.down{animation-name:hmFlipDown}:where(.home-main) .odd{position:relative}:where(.home-main) .odd:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-1px}:where(.home-main) .odd:has(span.up):after{animation:1.8s ease-out hmGlowFade;box-shadow:0 0 0 1px #f04452bf,0 0 16px #f044524d}:where(.home-main) .odd:has(span.down):after{animation:1.8s ease-out hmGlowFade;box-shadow:0 0 0 1px #22c55ebf,0 0 16px #22c55e4d}@keyframes hmFlipUp{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:none}}@keyframes hmFlipDown{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:none}}@keyframes hmGlowFade{0%{opacity:1}to{opacity:0}}:where(.home-main) .pop{animation:1.1s cubic-bezier(.3,1.6,.5,1) hmPop;display:inline-block}@keyframes hmPop{0%{color:#ffd98a;transform:scale(1.45)}to{color:#fff;transform:scale(1)}}:where(.home-main) .mini-title{color:#fff;font-size:14px;font-weight:600}:where(.home-main) .mini-list{flex-direction:column;gap:12px;display:flex}:where(.home-main) .mini-row{color:#a9a9c2;justify-content:space-between;gap:8px;font-size:13px;display:flex}:where(.home-main) .mini-row span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.home-main) .mini-row span:last-child{flex-shrink:0}:where(.home-main) .up{color:#f04452}:where(.home-main) .down{color:#22c55e}:where(.home-main) .movers{display:none}:where(.home-main) .sports{z-index:6;-webkit-backdrop-filter:blur(10px);background:#0c0c1bb8;border:1px solid #ffffff17;border-radius:999px;gap:4px;width:max-content;padding:5px;display:flex;position:absolute;bottom:6px;right:0}:where(.home-main) .sports button{white-space:nowrap;color:#8c8ca8;height:44px;font:600 14px var(--font-plex),"IBM Plex Sans KR",sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 15px;transition:color .3s,background .3s;position:relative}:where(.home-main) .sports button.on{color:#fff;background:#ffffff14}:where(.home-main) .sports .prog{opacity:0;background:#ffffff1a;border-radius:2px;height:2px;transition:opacity .3s;position:absolute;bottom:7px;left:16px;right:16px;overflow:hidden}:where(.home-main) .sports button.on .prog{opacity:1}:where(.home-main) .sports .prog b{transform-origin:0;background:#e5141d;height:100%;display:block;transform:scaleX(0)}:where(.home-main) .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 80px;display:grid}:where(.home-main) .feat{background:#13132a;border:1px solid #22223c;border-radius:14px;align-items:center;gap:18px;min-height:104px;padding:20px 28px;display:flex}:where(.home-main) .feat-ico{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}:where(.home-main) .feat b{color:#fff;margin-bottom:4px;font-size:18px;font-weight:600;display:block}:where(.home-main) .feat span{color:#9c9cb8;font-size:14px}:where(.home-main) .sec{flex-direction:column;gap:28px;padding:96px 80px 0;display:flex}:where(.home-main) .sec-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}:where(.home-main) .sec-head h2{color:#fff;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:700;display:flex}:where(.home-main) .sec-head a{white-space:nowrap;font-size:15px;color:#a9a9c2!important}:where(.home-main) .games{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}:where(.home-main) .game{perspective:900px;perspective-origin:56px 56px;height:200px;transform-style:preserve-3d;background:linear-gradient(155deg,#1c1c38 0%,#121228 65%) padding-box padding-box,linear-gradient(150deg,#ffffff38,#ffffff0a 42%,#ffffff1a) border-box;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}:where(.home-main) .game.hot{background:linear-gradient(155deg,#2c1025 0%,#150d1c 65%) padding-box padding-box,linear-gradient(150deg,#ff5a64cc,#e5141d26 45%,#e5141d73) border-box}:where(.home-main) .game b{font-family:var(--font-grotesk),"Space Grotesk",sans-serif;color:#fff;margin-bottom:6px;font-size:20px;font-weight:600;display:block}:where(.home-main) .game span{color:#9c9cb8;font-size:14px}:where(.home-main) .game .ico{background:radial-gradient(circle at 30% 25%,#ffffff24,#ffffff08 62%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;transform:translateZ(46px);box-shadow:inset 0 1px #ffffff24,0 16px 30px -12px #000c}:where(.home-main) .game.hot .ico{background:radial-gradient(circle at 30% 25%,#ff6b7847,#e5141d0d 62%)}:where(.home-main) .game>div{transform:translateZ(22px)}:where(.home-main) .game .sheen{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#ffffff1a,#fff0 45%);opacity:0;transition:opacity .4s;position:absolute;inset:0}:where(.home-main) .game:hover .sheen{opacity:1}:where(.home-main) .table{background:#13132a;border:1px solid #22223c;border-radius:16px;flex-direction:column;display:flex}:where(.home-main) .tr{border-bottom:1px solid #1c1c33;grid-template-columns:200px 1fr 120px 330px;align-items:center;padding:0 28px;display:grid}:where(.home-main) .tr:last-child{border-bottom:0}:where(.home-main) .th{color:#8c8ca8;height:48px;font-size:13px}:where(.home-main) .td{height:84px}:where(.home-main) .lg{flex-direction:column;gap:4px;min-width:0;display:flex}:where(.home-main) .lg b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}:where(.home-main) .lg span{color:#ff6b78;font-size:13px;font-family:var(--font-grotesk),"Space Grotesk",sans-serif}:where(.home-main) .teams{min-width:0;font-size:16px;font-weight:600}:where(.home-main) .teams i{color:#a9a9c2;font-style:normal;font-weight:400}:where(.home-main) .sc{text-align:center;font-family:var(--font-grotesk),"Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}:where(.home-main) .center{text-align:center}:where(.home-main) .tr .odd{flex-direction:row;height:44px}:where(.home-main) .tr .odd .ol{display:none}:where(.home-main) .info{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:where(.home-main) .info>*{min-width:0}:where(.home-main) .panel{background:#13132a;border:1px solid #22223c;border-radius:16px;flex-direction:column;gap:20px;padding:32px;display:flex}:where(.home-main) .panel h2{color:#fff;margin:0;font-size:22px;font-weight:700}:where(.home-main) .panel .row-sb a{font-size:14px;color:#a9a9c2!important}:where(.home-main) .notice a{border-bottom:1px solid #1f1f38;justify-content:space-between;align-items:center;gap:12px;height:52px;font-size:15px;display:flex}:where(.home-main) .notice a:last-child{border-bottom:0}:where(.home-main) .notice a span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.home-main) .notice small{color:#8c8ca8;flex-shrink:0;font-size:13px}:where(.home-main) .events{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}:where(.home-main) .event{background:linear-gradient(#0b0b1800 25%,#0b0b18eb 100%),linear-gradient(135deg,#5a1622 0%,#23233f 55%,#12324a 100%);border:1px solid #2a2a48;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:6px;height:220px;padding:20px;display:flex;position:relative}:where(.home-main) .event small{color:#a9a9c2;font-size:12px}:where(.home-main) .event b{font-size:17px;font-weight:600}:where(.home-main) .event span{color:#a9a9c2;font-size:13px}@media (prefers-reduced-motion:reduce){:where(.home-main) .odd span.up,:where(.home-main) .odd span.down,:where(.home-main) .pop{animation:none}:where(.home-main) .odd:has(span.up){animation:none}:where(.home-main) .odd:has(span.down){animation:none}}@container (max-width:1279px){:where(.home-main) .hero{flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:56px 32px 0}:where(.home-main) .hero-text{width:auto;max-width:640px}:where(.home-main) .hero h1{font-size:48px}:where(.home-main) .stage{min-height:580px}:where(.home-main) .stage .c-down{left:16px}:where(.home-main) .features{gap:16px;padding:48px 32px 0}:where(.home-main) .feat{flex-direction:column;align-items:flex-start;padding:20px}:where(.home-main) .sec{padding:72px 32px 0}:where(.home-main) .games{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}:where(.home-main) .game{height:170px}:where(.home-main) .tr{grid-template-columns:120px 1fr 80px 250px;gap:12px;padding:0 20px}:where(.home-main) .teams{font-size:15px}:where(.home-main) .info{grid-template-columns:minmax(0,1fr)}}@container (max-width:767px){:where(.home-main) .hero{gap:20px;padding:28px 16px 0}:where(.home-main) .hero-text{gap:18px}:where(.home-main) .pill{font-size:13px}:where(.home-main) .hero h1{letter-spacing:-.6px;font-size:34px}:where(.home-main) .hero p{font-size:15px}:where(.home-main) .hero-btns{flex-direction:column}:where(.home-main) .hero-btns .btn{width:100%}:where(.home-main) .stage{perspective:900px;height:392px;min-height:0;margin:0 -16px;overflow:hidden}:where(.home-main) .pitch{width:600px;height:226px;margin:-113px 0 0 -300px;top:70%;transform:rotateX(34deg)translateZ(-20px)}:where(.home-main) .light{width:300px;height:440px}:where(.home-main) .stage .c-live{width:auto;padding:16px;top:26px;left:16px;right:16px}:where(.home-main) .stage .c-up,:where(.home-main) .stage .c-down{display:none}:where(.home-main) .sports{bottom:12px;left:50%;right:auto;transform:translate(-50%)}:where(.home-main) .sports button{padding:0 11px;font-size:13px}:where(.home-main) .movers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}:where(.home-main) .movers .card{padding:14px}:where(.home-main) .team{flex:1;width:auto;font-size:14px}:where(.home-main) .team:last-child{text-align:right}:where(.home-main) .score{padding:0 8px;font-size:26px}.home-main{flex-direction:column;display:flex}:where(.home-main) .s-hero{order:1}:where(.home-main) .s-live{order:2}:where(.home-main) .s-games{order:3}:where(.home-main) .features{order:4}:where(.home-main) .s-info{order:5}:where(.home-main) .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:40px 16px 0}:where(.home-main) .feat{text-align:center;flex-direction:column;align-items:center;gap:8px;min-height:0;padding:14px 6px}:where(.home-main) .feat span{display:none}:where(.home-main) .feat b{margin:0;font-size:13px}:where(.home-main) .feat-ico{width:40px;height:40px}:where(.home-main) .sec{gap:18px;padding:48px 16px 0}:where(.home-main) .sec-head h2{font-size:22px}:where(.home-main) .sec-head a{font-size:14px}:where(.home-main) .games{gap:12px}:where(.home-main) .game{perspective-origin:40px 40px;justify-content:flex-start;gap:14px;height:auto;min-height:140px;padding:16px}:where(.home-main) .game .ico{border-radius:12px;width:48px;height:48px}:where(.home-main) .game svg{width:26px;height:26px}:where(.home-main) .game b{font-size:17px}:where(.home-main) .game span{font-size:12px}:where(.home-main) .th{display:none}:where(.home-main) .tr{grid-template-columns:1fr auto;grid-template-areas:"lg sc""tm tm""od od";gap:10px;padding:16px}:where(.home-main) .td{height:auto}:where(.home-main) .lg{flex-direction:row;grid-area:lg;align-items:center;gap:8px}:where(.home-main) .sc{grid-area:sc;font-size:18px}:where(.home-main) .teams{grid-area:tm;font-size:15px}:where(.home-main) .tr .odds3{grid-area:od}:where(.home-main) .tr .odd{flex-direction:column;gap:0;height:52px}:where(.home-main) .tr .odd .ol{font-family:var(--font-plex),sans-serif;color:#9c9cb8;font-size:12px;font-weight:500;display:block}:where(.home-main) .panel{gap:12px;padding:20px}:where(.home-main) .panel h2{font-size:19px}:where(.home-main) .notice a{height:48px;font-size:14px}:where(.home-main) .events{grid-template-columns:1fr}:where(.home-main) .event{height:150px}}