.df-root{--df-bg:#080807;--df-card:#0d0d0f;--df-pop:#141417;--df-line:#ffffff14;--df-line-2:#ffffff24;--df-text:#f6f1e7;--df-text-2:#c8c1b7;--df-muted:#8f887f;--df-red:#e0242e;--df-red-deep:#8f0d14;--df-blue:#2f74ff;--df-blue-deep:#0b3c9c;--df-gold:#d9a94e;--df-gold-hi:#f8e3a6;--df-gold-grad:linear-gradient(180deg, #f6cf7a, #bc7f25);--df-ink:#160f08;--df-sans:"Google Sans", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--df-display:"Oswald", "Google Sans", "Noto Sans Thai", system-ui, sans-serif;--df-plate:"Kanit", "Oswald", "Noto Sans Thai", system-ui, sans-serif;--df-ease:cubic-bezier(.4, 0, .2, 1);--df-pad:32px;min-width:0;min-height:100vh;color:var(--df-text);font:400 14px/1.5 var(--df-sans);position:relative;overflow-x:clip}.df-top{z-index:200;height:68px;transition:background-color .3s var(--df-ease), box-shadow .3s var(--df-ease), backdrop-filter .3s;background:linear-gradient(#050404d1,#05040400);align-items:center;gap:28px;padding:0 clamp(16px,3.4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.df-top.is-solid{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background-color:#080807e6;box-shadow:0 1px #ffffff0f}.df-top-brand{flex:none;display:block}.df-top-brand img{filter:drop-shadow(0 4px 12px #0009);width:auto;height:40px;display:block}.df-top-nav{align-items:center;gap:22px;min-width:0;display:flex}.df-top-nav a{color:#f6f1e7b8;font:500 14px/1 var(--df-sans);white-space:nowrap;text-decoration:none;transition:color .2s;position:relative}.df-top-nav a:hover{color:#fff}.df-top-nav a[aria-current=page]{color:#fff;font-weight:700}.df-top-fortal{color:#f6f1e78c;font:500 11px/1 var(--df-sans);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-left:auto;text-decoration:none;display:inline-flex}.df-top-fortal img{width:86px;height:auto;display:block}@media (max-width:760px){.df-top{flex-wrap:wrap;gap:0 14px;height:auto;padding:10px 16px 0}.df-top-brand img{height:32px}.df-top-fortal img{width:72px}.df-top-nav{scrollbar-width:none;flex:1 0 100%;order:3;gap:8px;margin:8px -16px 0;padding:0 16px 10px;overflow-x:auto}.df-top-nav::-webkit-scrollbar{display:none}.df-top-nav a{border:1px solid #ffffff38;border-radius:999px;padding:8px 13px;font-size:13px}.df-top-nav a[aria-current=page]{background:#ffffff1f;border-color:#fff}}.df-root *,.df-root :before,.df-root :after{box-sizing:border-box}.df-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}.df-red{color:#ff5a62}.df-blue{color:#6b9dff}.df-page{width:100%;max-width:1480px;padding:0 var(--df-pad) 72px;margin:0 auto}.df-sec{margin-top:44px}.df-sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:16px;display:flex}.df-sec-head h2{font:700 24px/1.25 var(--df-sans);margin:0}.df-count{color:var(--df-muted);font-size:13px}.df-btn{background:var(--df-gold-grad);height:48px;color:var(--df-ink);font:700 15px/1 var(--df-sans);white-space:nowrap;cursor:pointer;transition:transform .2s var(--df-ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 18px;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px -14px #f0b956cc,inset 0 1px #f4efe58c}.df-btn .df-ic{width:17px;height:17px}.df-btn .df-ic--fill{fill:currentColor;stroke:none}.df-btn--ghost{border:1px solid var(--df-line-2);box-shadow:none;color:var(--df-text);background:#08080780}.df-btn:active{transform:scale(.97)}.df-tag{height:24px;color:var(--df-gold-hi);font:700 12px/1 var(--df-display);letter-spacing:.12em;background:#060504b8;border-radius:6px;align-items:center;padding:0 9px;display:inline-flex}.df-logo{filter:drop-shadow(0 12px 30px #0009);width:min(240px,60%);height:auto}.df-name{font:italic 800 calc(var(--np,26px) * var(--nk,1))/.95 var(--df-plate);letter-spacing:.005em;text-transform:uppercase;background:linear-gradient(#fff 0%,#ece7df 44%,#8f8a83 56%,#f4efe5 100%);color:#0000;filter:drop-shadow(0 2px 0 #000000a6) drop-shadow(0 0 9px var(--df-glow));-webkit-background-clip:text;background-clip:text;display:block}.df-name--sm{--nk:.8}.df-name--xs{--nk:.66}.df-name--red{--df-glow:#e0242ee6}.df-name--blue{--df-glow:#2f74ffe6}.df-root img.df-close{object-position:50% 42%!important}.df-noimg{color:#f6f1e740;background:linear-gradient(160deg,#1b1a1e,#0b0b0d);place-items:center;display:grid}.df-noimg .df-ic{stroke-width:1.2px;width:38%;height:38%}.df-sprite{background-repeat:no-repeat;width:100%;height:100%;display:block}.cx-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;display:block}.cx-poster{isolation:isolate;aspect-ratio:2/3;background:linear-gradient(170deg,#3a070b 0%,#160508 46%,#050a1c 54%,#071a4d 100%);border-radius:10px;display:block;position:relative;overflow:hidden;container-type:inline-size}.cx-pf{position:absolute;left:0;right:0;overflow:hidden}.cx-pf img,.cx-pf .df-noimg{object-fit:cover;width:100%;height:100%;display:block}.cx-pf--red{clip-path:polygon(0 0,100% 0,100% 80%,0 100%);height:55%;top:0}.cx-pf--red img{object-position:50% 8%}.cx-pf--blue{clip-path:polygon(0 19.6%,100% 0,100% 100%,0 100%);top:44%;bottom:0}.cx-pf--blue img{object-position:50% 6%}.cx-pf:after{content:"";pointer-events:none;position:absolute;inset:0}.cx-pf--red:after{background:linear-gradient(#78081000 40%,#7808108c)}.cx-pf--blue:after{background:linear-gradient(#05164673,#050a1e00 30%,#04060e33 55%,#04050af5 92%)}.cx-p-cut{z-index:2;background:linear-gradient(90deg,#0000,#f8e3a6 20%,#fff 50%,#f8e3a6 80%,#0000);height:2px;position:absolute;top:49%;left:-2%;right:-2%;transform:rotate(-3.4deg);box-shadow:0 0 12px #f8e3a6e6,0 0 32px #e0242e80}.cx-p-vs{z-index:3;aspect-ratio:1;color:#f8e3a6;width:min(17cqi,58px);font:700 min(7cqi, 22px)/1 var(--df-display);background:radial-gradient(circle at 35% 30%,#2a2420,#0b0907);border-radius:50%;place-items:center;display:grid;position:absolute;top:49%;left:50%;translate:-50% -50%;rotate:-3.4deg;box-shadow:0 0 0 1.5px #d9a94e,0 6px 16px #000000b3}.cx-p-tag{z-index:3;color:#f8e3a6;font:700 min(5.6cqi, 13px)/1.1 var(--df-display);letter-spacing:.1em;background:#060504a8;border-radius:min(1.6cqi,6px);padding:min(1.2cqi,4px) min(2.8cqi,9px);position:absolute;top:min(5.5cqi,16px);left:min(5.5cqi,16px)}.cx-p-names{z-index:3;gap:1.6cqi;display:grid;position:absolute;bottom:6cqi;left:6cqi;right:6cqi}.cx-p-name{--np:11.5cqi;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.06em .08em .1em;display:-webkit-box;overflow:hidden}.cx-duo{isolation:isolate;--rx:58%;--bx:82%;--fh:104%;background:#050405;display:block;position:relative;overflow:hidden}.cx-duo-wash{z-index:0;filter:blur(46px)saturate(1.35)brightness(.6);display:flex;position:absolute;inset:-12%}.cx-duo-wash img{object-fit:cover;flex:50%;min-width:0;height:100%}.cx-duo:before{content:"";z-index:1;background:radial-gradient(60% 90% at var(--rx) 40%, #e0242e47, transparent 70%), radial-gradient(60% 90% at var(--bx) 40%, #2f74ff47, transparent 70%);position:absolute;inset:0}.cx-duo-f{z-index:2;height:var(--fh);aspect-ratio:3/4;position:absolute;bottom:0;translate:-50%;-webkit-mask-image:radial-gradient(58% 70% at 50% 36%,#000 52%,#0000 86%);mask-image:radial-gradient(58% 70% at 50% 36%,#000 52%,#0000 86%)}.cx-duo-f img,.cx-duo-f .df-noimg{object-fit:cover;object-position:50% 10%;width:100%;height:100%;display:block}.cx-duo-f--red{left:var(--rx)}.cx-duo-f--blue{left:var(--bx)}.cx-duo-vs{left:calc((var(--rx) + var(--bx)) / 2);z-index:3;color:#0000;font:700 clamp(28px, 6vw, 92px)/1 var(--df-display);letter-spacing:.02em;background:linear-gradient(#fff3cf,#d9a94e 55%,#8d5b16);filter:drop-shadow(0 6px 18px #000c);-webkit-background-clip:text;background-clip:text;font-style:italic;position:absolute;top:46%;translate:-50% -50%}.cx-title{justify-items:start;gap:2px;display:grid}.cx-title i{color:#f8e3a6;font:italic 700 .34em/1 var(--df-display);letter-spacing:.12em;margin:2px 0 0 4px}.cx-title-name{--np:1em;padding:.04em .08em .08em}.cx-prev{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s var(--df-ease);position:absolute;inset:0}.cx-prev.is-on{opacity:1}.cx-btn{height:48px;font:700 16px/1 var(--df-sans);white-space:nowrap;cursor:pointer;transition:transform .15s var(--df-ease), background-color .2s, filter .2s;-webkit-tap-highlight-color:transparent;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 24px 0 20px;text-decoration:none;display:inline-flex}.cx-btn .cx-ic{width:24px;height:24px}.cx-btn:active{transform:scale(.97)}.cx-btn--play{color:#0a0a0a;background:#fff}.cx-btn--play:hover{background:#ffffffd1}.cx-btn--glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6d6d6e8c}.cx-btn--glass:hover{background:#6d6d6e66}.cx-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.cx-round{color:#fff;cursor:pointer;background:#14141480;border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:border-color .2s,background-color .2s;display:grid}.cx-round:hover{background:#ffffff1f;border-color:#fff}.cx-round .cx-ic{width:20px;height:20px}.cx-round--white{color:#0a0a0a;background:#fff;border-color:#fff}.cx-round--white:hover{background:#ffffffd1}.cx-grain:after{content:"";z-index:4;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");animation:1.2s steps(5,end) infinite cx-grain;position:absolute;inset:-50%}@keyframes cx-grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-2%,-4%)}80%{transform:translate(4%,2%)}to{transform:translate(0)}}.ob{--ob-edge:clamp(16px, 4vw, 60px);--ob-gap:8px;background:#0b0b0c}.ob-new{color:#fff;height:20px;font:700 11.5px/1 var(--df-sans);letter-spacing:.02em;background:#e0242e;border-radius:4px;align-items:center;padding:0 7px;display:inline-flex}.ob-hd{color:#ffffffd9;height:18px;font:600 10.5px/1 var(--df-sans);letter-spacing:.04em;border:1px solid #ffffff73;border-radius:3px;align-items:center;padding:0 5px;display:inline-flex}.ob-ic-on,.is-sound>* .ob-ic-off,.is-sound .ob-ic-off{display:none}.is-sound .ob-ic-on{display:block}.ob-hero{isolation:isolate;background:#000;height:min(56.25vw,92vh);min-height:560px;position:relative;overflow:hidden}.ob-hero-media{z-index:0;position:absolute;inset:0}.ob-hero-v{object-fit:cover;width:100%;height:100%}.ob-hero-shade{z-index:1;background:linear-gradient(77deg,#000000c7 0%,#00000059 34%,#0000 60%),linear-gradient(#00000059 0%,#0000 18% 62%,#0b0b0c99 82%,#0b0b0c 100%);position:absolute;inset:0}.ob-hero-in{left:var(--ob-edge);z-index:5;justify-items:start;gap:16px;width:min(36%,560px);display:grid;position:absolute;bottom:27%}.ob-hero-logo{margin:0}.ob-hero-logo img{filter:drop-shadow(0 12px 32px #000000b3);width:min(100%,400px);height:auto;animation:ob-rise 1s var(--df-ease) both;display:block}.ob-hero-kick{color:#ffffffe6;font:600 13px/1.2 var(--df-sans);letter-spacing:.06em;animation:ob-rise 1s .1s var(--df-ease) both;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.ob-hero-kick i{background:#ffffff80;border-radius:50%;width:4px;height:4px}.ob-hero-desc{color:#ffffffeb;font:400 clamp(14px, 1.2vw, 18px)/1.5 var(--df-sans);text-shadow:0 2px 8px #0009;animation:ob-rise 1s .2s var(--df-ease) both;margin:0}.ob-hero-btns{animation:ob-rise 1s .3s var(--df-ease) both;flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}@keyframes ob-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ob-hero-side{z-index:5;align-items:center;gap:14px;display:flex;position:absolute;bottom:31%;right:0}.ob-hero-rate{color:#fff;height:38px;font:500 14px/1 var(--df-sans);background:#3339;border-left:3px solid #dcdcdc;align-items:center;padding:0 64px 0 14px;display:flex}.ob-rows{z-index:5;gap:clamp(28px,3vw,46px);margin-top:calc(-1*clamp(80px,8vw,150px));padding-bottom:40px;display:grid;position:relative}.ob-cont-slot:empty{display:none}.ob-row{min-width:0}.ob-row-h{padding:0 var(--ob-edge);color:#e5e5e5;font:700 clamp(17px, 1.4vw, 22px)/1.3 var(--df-sans);align-items:center;gap:10px;margin:0 0 10px;display:flex}.ob-slider{position:relative}.ob-track{grid-auto-flow:column;grid-auto-columns:var(--ob-w);gap:var(--ob-gap);padding:4px var(--ob-edge) 12px;scroll-snap-type:x mandatory;scroll-padding:0 var(--ob-edge);overscroll-behavior-x:contain;scrollbar-width:none;display:grid;overflow-x:auto}.ob-track::-webkit-scrollbar{display:none}.ob-row--match,.ob-row--wide{--ob-w:calc((100vw - 2 * var(--ob-edge) - 5 * var(--ob-gap)) / 6)}.ob-row--fighter{--ob-w:calc((100vw - 2 * var(--ob-edge) - 7 * var(--ob-gap)) / 8)}.ob-arrow{z-index:6;width:var(--ob-edge);color:#fff;cursor:pointer;opacity:0;background:#0b0b0c8c;border:0;place-items:center;padding:0;transition:opacity .2s,background-color .2s;display:grid;position:absolute;top:4px;bottom:12px}.ob-arrow[hidden]{display:none}.ob-arrow--l{border-radius:0 6px 6px 0;left:0}.ob-arrow--r{border-radius:6px 0 0 6px;right:0}.ob-arrow .cx-ic{width:34px;height:34px;transition:transform .2s}.ob-slider:hover .ob-arrow{opacity:1}.ob-arrow:hover{background:#0b0b0ccc}.ob-arrow:hover .cx-ic{transform:scale(1.25)}.ob-arrow:focus-visible{opacity:1;outline-offset:-2px;outline:2px solid #fff}.ob-tile{color:#fff;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;min-width:0;text-decoration:none;display:block;position:relative}.ob-tile:focus-visible{outline:none}.ob-tile:focus-visible .ob-wide,.ob-tile:focus-visible .ob-face,.ob-tile:focus-visible .cx-poster{box-shadow:0 0 0 2px #fff}.ob-wide{aspect-ratio:16/9;background:#1a1a1c;border-radius:6px;display:block;position:relative;overflow:hidden}.ob-wide>img,.ob-wide>.df-sprite{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--df-ease)}.ob-wide:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000059,#0000 32% 48%,#000000d1);position:absolute;inset:0}.ob-wide-tag{z-index:2;color:#f8e3a6;font:700 11px/1 var(--df-display);letter-spacing:.14em;text-shadow:0 1px 4px #000c;position:absolute;top:7px;left:8px}.ob-wide-title{z-index:2;font-size:clamp(14px,1.15vw,19px);position:absolute;bottom:8px;left:9px;right:9px}.ob-wide-title .df-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ob-ribbon{z-index:3;color:#fff;font:700 10.5px/1.3 var(--df-sans);letter-spacing:.04em;background:#e0242e;border-radius:3px 3px 0 0;padding:3px 9px 2px;position:absolute;bottom:0;left:50%;translate:-50%}.ob-wide-play{z-index:2;opacity:.9;background:#00000073;border:1.5px solid #ffffffd9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%}.ob-wide-play .cx-ic{width:16px;height:16px;margin-left:2px}.ob-wide-dur{z-index:2;font:600 11px/1.3 var(--df-sans);background:#000000a6;border-radius:4px;padding:2px 6px;position:absolute;top:7px;right:8px}.ob-wide-cap{z-index:2;line-height:1.3;display:grid;position:absolute;bottom:8px;left:9px;right:9px}.ob-wide-cap b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.ob-wide-cap>span{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ob-tall{display:none}.ob-prog{z-index:3;background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.ob-prog i{background:#e0242e;height:100%;display:block}.ob-tile--cont .ob-wide-cap{bottom:12px}@media (hover:hover){.ob-tile:hover .ob-wide>img,.ob-tile:hover .ob-wide>.df-sprite{transform:scale(1.04)}}.ob-face{aspect-ratio:2/3;transition:transform .3s var(--df-ease), box-shadow .3s;background:#1a1a1c;border-radius:6px;display:block;position:relative;overflow:hidden}.ob-face img,.ob-face .df-noimg{object-fit:cover;object-position:50% 12%;width:100%;height:100%;transition:transform .5s var(--df-ease);position:absolute;inset:0}.ob-face:after{content:"";pointer-events:none;position:absolute;inset:0}.ob-tile--red .ob-face:after{background:linear-gradient(#0000 52%,#780810eb);box-shadow:inset 0 -3px #e0242e}.ob-tile--blue .ob-face:after{background:linear-gradient(#0000 52%,#082878eb);box-shadow:inset 0 -3px #2f74ff}.ob-face-name{z-index:2;--np:clamp(15px, 1.2vw, 19px);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.06em .08em .1em;display:-webkit-box;position:absolute;bottom:26px;left:8px;right:8px;overflow:hidden}.ob-face-by{z-index:2;color:#ffffffc7;font:600 10px/1.2 var(--df-sans);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:9px;left:9px;right:9px;overflow:hidden}@media (hover:hover){.ob-tile--fighter:hover .ob-face{z-index:2;transform:scale(1.06);box-shadow:0 18px 40px #000000b3}.ob-tile--fighter:hover .ob-face img{transform:scale(1.05)}}.ob-pop{z-index:150;transform:scale(var(--ob-from,.66));opacity:0;background:#181818;border-radius:8px;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;overflow:hidden;box-shadow:0 14px 40px #000000d9}.ob-pop[hidden]{display:none}.ob-pop.is-on{opacity:1;transform:none}.ob-pop-media{aspect-ratio:16/9;color:#fff;background:#000;text-decoration:none;display:block;position:relative;overflow:hidden}.ob-pop-media>img,.ob-pop-media>.df-sprite{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ob-pop-v{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.ob-pop-v.is-on{opacity:1}.ob-pop-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#181818f2);position:absolute;inset:0}.ob-pop-title{z-index:2;font-size:clamp(18px,1.6vw,26px);position:absolute;bottom:10px;left:14px;right:14px}.ob-pop-cliptitle{z-index:2;font:700 17px/1.25 var(--df-sans);text-shadow:0 2px 8px #000c;display:grid;position:absolute;bottom:10px;left:14px;right:14px}.ob-pop-cliptitle b{letter-spacing:.04em;text-transform:uppercase;font-size:12px}.ob-pop-body{gap:10px;padding:14px 16px 16px;display:grid}.ob-pop-acts{gap:8px;display:flex}.ob-pop-acts .cx-round{width:38px;height:38px}.ob-pop-more{margin-left:auto}.ob-pop-meta,.ob-pop-tags{font:500 13px/1.3 var(--df-sans);flex-wrap:wrap;align-items:center;gap:6px 9px;margin:0;display:flex}.ob-pop-meta{color:#fffc}.ob-pop-meta i,.ob-pop-tags i,.ob-mmeta i{background:#646464;border-radius:50%;width:4px;height:4px}.ob-pop-tags{color:#fff;font-size:13px;font-style:italic}.ob-modal{z-index:300;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.ob-modal-scrim{background:#000000b8;animation:.25s both ob-fade;position:fixed;inset:0}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob-modal-box{background:#181818;border-radius:10px;width:min(920px,100% - 32px);margin:34px auto 60px;animation:.35s cubic-bezier(.2,.8,.2,1) both ob-pop-in;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000e6}@keyframes ob-pop-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.ob-modal-x{z-index:6;background:#181818;border:0;width:38px;height:38px;position:absolute;top:14px;right:14px}.ob-mhead{isolation:isolate;aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.ob-mhead-v{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ob-mhead-shade{z-index:1;background:linear-gradient(#0000 40%,#181818a6 72%,#181818 100%),linear-gradient(90deg,#00000073,#0000 55%);position:absolute;inset:0}.ob-mhead-in{z-index:5;justify-items:start;gap:14px;display:grid;position:absolute;bottom:34px;left:44px;right:44px}.ob-mkick{color:#f8e3a6;font:700 13px/1 var(--df-display);letter-spacing:.16em;margin:0}.ob-mtitle{margin:0;font-size:clamp(30px,4.6vw,52px)}.ob-macts{align-items:center;gap:10px;display:flex}.ob-mbody{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;padding:6px 44px 10px;display:grid}.ob-mmeta{color:#fffc;font:500 14px/1.3 var(--df-sans);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;display:flex}.ob-mdesc{color:#fff;margin:0;font-size:15.5px;line-height:1.6}.ob-mcast p{color:#ddd;margin:0 0 9px;font-size:13.5px;line-height:1.5}.ob-mcast span{color:#777}.ob-mcast b{font-weight:600}.ob-eps{padding:22px 44px 8px}.ob-eps-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ob-eps-head h3,.ob-more h3{color:#fff;font:700 22px/1.3 var(--df-sans);margin:0}.ob-sel{align-items:center;display:inline-flex;position:relative}.ob-sel select{appearance:none;color:#fff;height:42px;font:600 15px/1 var(--df-sans);cursor:pointer;background:#242424;border:1px solid #4d4d4d;border-radius:6px;padding:0 40px 0 16px}.ob-sel select:focus-visible{outline-offset:2px;outline:2px solid #fff}.ob-sel .cx-ic{pointer-events:none;width:18px;height:18px;position:absolute;right:12px}.ob-sel-one{color:#fffc;font:600 15px/1 var(--df-sans)}.ob-eplist{border-top:1px solid #404040;margin:0;padding:0;list-style:none}.ob-ep{color:#fff;border-bottom:1px solid #404040;grid-template-columns:34px 150px minmax(0,1fr);align-items:center;gap:18px;padding:18px 14px;text-decoration:none;transition:background-color .2s;display:grid}.ob-ep:hover{background:#2a2a2a}.ob-ep:focus-visible{outline-offset:-2px;outline:2px solid #fff}.ob-ep-n{color:#d2d2d2;font:500 22px/1 var(--df-sans);text-align:center}.ob-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.ob-dot--red{background:#e0242e;box-shadow:0 0 10px #e0242ecc}.ob-dot--blue{background:#2f74ff;box-shadow:0 0 10px #2f74ffcc}.ob-ep-thumb{aspect-ratio:16/9;background:#111;border-radius:5px;display:block;position:relative;overflow:hidden}.ob-ep-play{opacity:0;background:#00000080;border:1.5px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .2s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.ob-ep-play .cx-ic{width:15px;height:15px;margin-left:2px}.ob-ep:hover .ob-ep-play{opacity:1}.ob-ep-txt{gap:6px;min-width:0;display:grid}.ob-ep-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ob-ep-top b{font-size:16px;font-weight:600}.ob-ep-dur{color:#d2d2d2;font:500 14px/1 var(--df-sans);font-variant-numeric:tabular-nums}.ob-ep-desc{color:#a3a3a3;font-size:13.5px;line-height:1.45}.ob-none{color:#a3a3a3}.ob-more{padding:30px 44px 40px}.ob-more h3{margin-bottom:16px}.ob-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ob-more-card{color:#fff;background:#2f2f2f;border-radius:6px;text-decoration:none;transition:transform .2s;display:block;overflow:hidden}.ob-more-card:hover{transform:translateY(-3px)}.ob-more-media{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.ob-more-media img{object-fit:cover;width:100%;height:100%}.ob-more-tag{color:#f8e3a6;font:700 11px/1 var(--df-display);letter-spacing:.14em;text-shadow:0 1px 4px #000000e6;position:absolute;top:7px;left:8px}.ob-more-dur{font:600 11px/1.3 var(--df-sans);background:#000000a6;border-radius:4px;padding:2px 6px;position:absolute;top:6px;right:7px}.ob-more-body{gap:6px;padding:12px 14px 16px;line-height:1.35;display:grid}.ob-more-body b{font-size:14.5px}.ob-more-body b i{color:#888;font-size:12px;font-weight:500}.ob-more-body span{color:#bcbcbc;font-size:12.5px}.ob-foot{margin:36px var(--ob-edge) 0;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:34px 0 56px;display:flex}.ob-foot-k{color:#d9a94e;font:600 12px/1 var(--df-sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin:0;display:inline-flex}.ob-foot-k .cx-ic{width:15px;height:15px}.ob-foot h2{font:700 26px/1.25 var(--df-sans);margin:10px 0 6px}.ob-foot p:not(.ob-foot-k){color:#a3a3a3;margin:0}.ob-foot .cx-btn .cx-ic{width:18px;height:18px}@media (max-width:1280px){.ob-row--match,.ob-row--wide{--ob-w:calc((100vw - 2 * var(--ob-edge) - 4 * var(--ob-gap)) / 5)}.ob-row--fighter{--ob-w:calc((100vw - 2 * var(--ob-edge) - 6 * var(--ob-gap)) / 7)}}@media (max-width:1000px){.ob-row--match,.ob-row--wide{--ob-w:calc((100vw - 2 * var(--ob-edge) - 3 * var(--ob-gap)) / 4)}.ob-row--fighter{--ob-w:calc((100vw - 2 * var(--ob-edge) - 5 * var(--ob-gap)) / 6)}.ob-hero-in{width:52%}.ob-mbody{grid-template-columns:minmax(0,1fr);gap:14px}}@media (max-width:760px){.ob{--ob-edge:16px;--ob-gap:8px}.ob-hero{aspect-ratio:4/5;border-radius:14px;height:auto;min-height:0;margin:112px 16px 0;box-shadow:0 0 0 1px #ffffff14,0 30px 60px #000000b3}.ob-hero-shade{background:linear-gradient(#0000001a 30%,#0000008c 62%,#000000eb 100%)}.ob-hero-in{text-align:center;justify-items:center;gap:12px;width:auto;bottom:18px;left:16px;right:16px}.ob-hero-logo img{width:62%;margin:0 auto}.ob-hero-kick{justify-content:center;font-size:11.5px}.ob-hero-desc{display:none}.ob-hero-btns{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.ob-hero-btns .cx-btn{padding:0 10px;font-size:14.5px}.ob-hero-btns .cx-btn .cx-ic{width:20px;height:20px}.ob-hero-side{top:12px;bottom:auto;right:12px}.ob-hero-side .cx-round{width:36px;height:36px}.ob-hero-rate{display:none}.ob-rows{gap:26px;margin-top:26px}.ob-row-h{margin-bottom:8px;font-size:17px}.ob-arrow{display:none}.ob-row--match{--ob-w:30vw}.ob-row--wide{--ob-w:60vw}.ob-row--fighter{--ob-w:30vw}.ob-tile--match .ob-wide{display:none}.ob-tile--match .ob-tall{display:block}.ob-tall .cx-poster{border-radius:6px}.ob-face-name{--np:13px;bottom:22px}.ob-face-by{font-size:9px}.ob-foot{margin-top:26px;padding:26px 0 40px}.ob-foot .cx-btn{width:100%}.ob-modal-box{border-radius:0;width:100%;min-height:100%;margin:0;animation:.32s cubic-bezier(.2,.8,.2,1) both ob-sheet}@keyframes ob-sheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.ob-modal-x{width:34px;height:34px;top:10px;right:10px}.ob-mhead{aspect-ratio:auto;background:#181818}.ob-mhead-v{aspect-ratio:16/9;height:auto;display:block;position:relative;inset:auto}.ob-mhead-shade{height:0;bottom:auto}.ob-mhead-in{gap:10px;padding:14px 16px 4px;position:static}.ob-mtitle{font-size:28px}.ob-macts .cx-btn{height:42px}.ob-mbody{padding:4px 16px 6px}.ob-mdesc{font-size:14.5px}.ob-eps{padding:16px 16px 4px}.ob-eps-head h3,.ob-more h3{font-size:18px}.ob-sel select{height:38px;font-size:13.5px}.ob-ep{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px 0}.ob-ep-n{display:none}.ob-ep-play{opacity:1;width:30px;height:30px}.ob-ep-top{flex-direction:column;gap:4px}.ob-ep-top b{font-size:14.5px}.ob-ep-dur{font-size:12px}.ob-ep-desc{font-size:12.5px}.ob-more{padding:20px 16px 36px}.ob-more-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.ob-hero-logo img,.ob-hero-kick,.ob-hero-desc,.ob-hero-btns,.ob-modal-box,.ob-modal-scrim{animation:none}.ob-pop{transition:none}}.df-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--df-sans:var(--font-df-sans),system-ui,sans-serif;--df-display:var(--font-df-oswald),var(--df-sans);--df-plate:var(--font-df-kanit),var(--df-display);background:#0b0b0c}.df-root img{max-width:none}.df-overlay{min-height:0}.df-root .df-top-brand{letter-spacing:.04em;color:#f8e3a6;font-weight:800;text-decoration:none}.df-empty{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:70vh;padding:100px 24px;display:grid}.df-empty h1{font-size:32px}.df-root :focus-visible{outline-offset:3px;outline:2px solid #fff}.df-root .ob-pop-v{opacity:1}.df-preview-pause{margin-left:8px}.df-root .ob-ep-thumb img{object-fit:cover;width:100%;height:100%}.df-root .ob-pop-media video{position:absolute;inset:0}.df-root .ob-pop{position:fixed}@media (max-width:760px){.df-root .cx-btn{height:44px;padding:0 18px 0 15px;font-size:15px}.df-root .ob-hero-btns .cx-btn{padding:0 10px;font-size:14.5px}}@media (prefers-reduced-motion:reduce){.df-root *,.df-root :before,.df-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.df-root .cx-poster--single .cx-pf--red{clip-path:none;width:100%;inset:0}.df-root .cx-poster--single .cx-p-names{grid-template-columns:1fr}.df-root .df-lang{color:#fff;cursor:pointer;background:#16161c;border:1px solid #fff5;border-radius:4px;padding:6px 9px}.df-root .df-notice{color:#dedee7;margin-top:12px;line-height:1.6}