/* Le Sportif+ « Tifo » : fichier généré par lesportif-design/tifo/build.mjs, ne pas modifier à la main. */
html[data-dphx-skin="tifo"]{--blue: oklch(0.42 0.23 263); --blue-d: oklch(0.27 0.16 264); --blue-l: oklch(0.7 0.14 250); --lemon: oklch(0.92 0.19 104); --red: oklch(0.6 0.23 27); --paper: oklch(0.982 0.004 264); --paper-2: oklch(0.945 0.01 264); --ink: oklch(0.15 0.03 266); --ink-2: oklch(0.33 0.025 264); --mute: oklch(0.48 0.02 264); --line: oklch(0.87 0.012 264); --win: oklch(0.62 0.16 150); --draw: oklch(0.65 0.02 264); --loss: oklch(0.6 0.21 27); --f: "Archivo", "Arial Narrow", Arial, sans-serif; --fd: var(--f); --fn: "Archivo", "Arial Narrow", Arial, sans-serif; --serif: "Source Serif 4", Georgia, serif; --g: 16px; --sec: clamp(48px, 7vw, 88px); --hd: 60px; --z-head: 20; --ease: cubic-bezier(0.2, 0.9, 0.2, 1);}
html[data-dphx-skin="tifo"] *,
html[data-dphx-skin="tifo"] *::before,
html[data-dphx-skin="tifo"] *::after{box-sizing: border-box;}
html[data-dphx-skin="tifo"] [hidden]{display: none !important;}
html[data-dphx-skin="tifo"]{-webkit-text-size-adjust: 100%; scroll-padding-top: 80px;}
html[data-dphx-skin="tifo"] body{margin: 0; background: var(--paper); color: var(--ink); font: 500 1rem/1.45 var(--f); font-synthesis: none; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
html[data-dphx-skin="tifo"] :where(img){display: block; max-width: 100%;}
html[data-dphx-skin="tifo"] :where(a){color: inherit; text-decoration: none;}
html[data-dphx-skin="tifo"] :where(button),
html[data-dphx-skin="tifo"] :where(input){font: inherit; color: inherit;}
html[data-dphx-skin="tifo"] :where(button){cursor: pointer;}
html[data-dphx-skin="tifo"] :where(h1),
html[data-dphx-skin="tifo"] :where(h2),
html[data-dphx-skin="tifo"] :where(h3),
html[data-dphx-skin="tifo"] :where(p),
html[data-dphx-skin="tifo"] :where(ol),
html[data-dphx-skin="tifo"] :where(ul),
html[data-dphx-skin="tifo"] :where(figure){margin: 0;}
html[data-dphx-skin="tifo"] :where(ol),
html[data-dphx-skin="tifo"] :where(ul){padding: 0; list-style: none;}
html[data-dphx-skin="tifo"] :focus-visible{outline: 3px solid var(--lemon); outline-offset: 2px;}
html[data-dphx-skin="tifo"] .w{width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: var(--g);}
html[data-dphx-skin="tifo"] .caps{text-transform: uppercase;}
html[data-dphx-skin="tifo"] .sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
html[data-dphx-skin="tifo"] body::before{content: ""; position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: 0.07; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
html[data-dphx-skin="tifo"] .band{padding-block: var(--sec); position: relative;}
html[data-dphx-skin="tifo"] .b-blue{background: var(--blue); color: #fff; --line: oklch(1 0 0 / 0.18); --mute: oklch(0.86 0.05 262); --ink-2: oklch(0.93 0.03 262); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .b-blued{background: var(--blue-d); color: #fff; --line: oklch(1 0 0 / 0.14); --mute: oklch(0.8 0.05 262); --ink-2: oklch(0.9 0.03 262); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .b-lemon{background: var(--lemon); color: var(--ink); --line: oklch(0.15 0.03 266 / 0.2); --mute: oklch(0.35 0.05 110); --acc: var(--blue);}
html[data-dphx-skin="tifo"] .b-ink{background: var(--ink); color: #fff; --line: oklch(1 0 0 / 0.13); --mute: oklch(0.76 0.02 264); --ink-2: oklch(0.88 0.015 264); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .b-red{background: var(--red); color: #fff; --line: oklch(1 0 0 / 0.25); --mute: oklch(0.93 0.04 27); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .b-paper{background: var(--paper); --acc: var(--blue);}
html[data-dphx-skin="tifo"] .b-paper2{background: var(--paper-2); --acc: var(--blue);}
html[data-dphx-skin="tifo"]{--acc: var(--blue);}
html[data-dphx-skin="tifo"] .duo{filter: url(#duo);}
html[data-dphx-skin="tifo"] .ht{position: relative; display: block; overflow: hidden;}
html[data-dphx-skin="tifo"] .ht::after{content: ""; position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply; opacity: 0.3; background: radial-gradient(circle, oklch(0.2 0.15 264) 1.05px, transparent 1.35px) 0 0 / 5px 5px;}
html[data-dphx-skin="tifo"] .im{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease);}
html[data-dphx-skin="tifo"] :where(a:hover) .im{transform: scale(1.035);}
html[data-dphx-skin="tifo"] .hd{position: sticky; top: 0; z-index: var(--z-head); background: var(--blue); color: #fff;}
html[data-dphx-skin="tifo"] .hd__in{display: flex; align-items: center; gap: 10px; height: var(--hd);}
html[data-dphx-skin="tifo"] .hd__logo img{height: 24px; width: auto;}
html[data-dphx-skin="tifo"] .hd__nav{display: none;}
html[data-dphx-skin="tifo"] .hd__tools{display: flex; align-items: center; gap: 4px; margin-inline-start: auto;}
html[data-dphx-skin="tifo"] .ib{display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: none;}
html[data-dphx-skin="tifo"] .ib:hover{background: oklch(1 0 0 / 0.14);}
html[data-dphx-skin="tifo"] .ib svg,
html[data-dphx-skin="tifo"] .ico{width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round;}
html[data-dphx-skin="tifo"] .live-pill{white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding-inline: 12px; border-radius: 99px; background: var(--red); font: 900 0.75rem/1 var(--f); letter-spacing: 0.06em;}
html[data-dphx-skin="tifo"] .live-pill i,
html[data-dphx-skin="tifo"] .dot{width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: blink 1.2s steps(2) infinite; flex: none;}
@keyframes blink{50%{opacity: 0.25;}
}
html[data-dphx-skin="tifo"] .menu-btn{display: inline-flex; align-items: center; gap: 8px; height: 36px; padding-inline: 14px; border: 0; border-radius: 99px; background: var(--lemon); color: var(--ink); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em;}
html[data-dphx-skin="tifo"] .sub{background: var(--blue-d); color: #fff;}
html[data-dphx-skin="tifo"] .sub__in{display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-block: 8px;}
html[data-dphx-skin="tifo"] .sub__in::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .sub a{flex: none; padding: 7px 12px; border-radius: 99px; font: 800 0.8125rem/1 var(--f); letter-spacing: 0.04em; text-transform: uppercase; color: oklch(1 0 0 / 0.82);}
html[data-dphx-skin="tifo"] .sub a[aria-current]{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .ts{background: var(--ink); color: #fff;}
html[data-dphx-skin="tifo"] .ts__in{display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-block: 10px;}
html[data-dphx-skin="tifo"] .ts__in::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .tm{flex: none; display: grid; grid-template-columns: 1fr auto; column-gap: 12px; row-gap: 5px; align-items: center; min-width: 168px; padding: 8px 12px; background: oklch(0.22 0.035 266); border-radius: 4px; -webkit-mask: radial-gradient(circle 6px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 6px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle 6px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 6px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;}
html[data-dphx-skin="tifo"] .tm:hover{background: oklch(0.27 0.04 266);}
html[data-dphx-skin="tifo"] .tm__st{grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font: 800 0.6875rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: oklch(0.75 0.02 264);}
html[data-dphx-skin="tifo"] .tm--live .tm__st{color: var(--lemon);}
html[data-dphx-skin="tifo"] .tm__n{display: flex; align-items: center; gap: 7px; font: 700 0.8125rem/1.1 var(--f); white-space: nowrap;}
html[data-dphx-skin="tifo"] .tm__n img{width: 17px; height: 17px; object-fit: contain;}
html[data-dphx-skin="tifo"] .tm__s{font: 900 0.9375rem/1 var(--fn); font-variant-numeric: tabular-nums; text-align: end;}
html[data-dphx-skin="tifo"] .tm--live .tm__s{color: var(--lemon);}
html[data-dphx-skin="tifo"] .ts__all{flex: none; display: grid; place-items: center; padding-inline: 16px; border: 1.5px dashed oklch(1 0 0 / 0.3); border-radius: 4px; font: 900 0.75rem/1.2 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: var(--lemon); text-align: center;}
html[data-dphx-skin="tifo"] .st{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; margin-block-end: 24px;}
html[data-dphx-skin="tifo"] .st__t{font: 900 clamp(2.75rem, 1.8rem + 4.6vw, 5.25rem)/0.84 var(--fd); font-stretch: 62%; text-transform: uppercase; letter-spacing: -0.005em;}
html[data-dphx-skin="tifo"] .st__k{display: block; margin-block-end: 6px; font-size: 0.36em; line-height: 1; letter-spacing: 0.06em; color: var(--acc);}
html[data-dphx-skin="tifo"] .st__more{flex: none; display: inline-flex; align-items: center; gap: 6px; padding-block-end: 4px; border-bottom: 3px solid currentColor; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .st--sm .st__t{font-size: clamp(2rem, 1.5rem + 2vw, 2.75rem);}
html[data-dphx-skin="tifo"] .st--sm{margin-block-end: 16px;}
html[data-dphx-skin="tifo"] .lbl{display: inline-block; padding: 6px 10px; background: var(--lemon); color: var(--ink); font: 900 0.6875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; transform: rotate(-2deg);}
html[data-dphx-skin="tifo"] .lbl--paper{background: var(--paper);}
html[data-dphx-skin="tifo"] .lbl--red{background: var(--red); color: #fff;}
html[data-dphx-skin="tifo"] .stk{position: absolute; z-index: 3; display: grid; place-items: center; width: 96px; height: 96px; border-radius: 50%; background: var(--red); color: #fff; border: 3px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); font: 900 0.8125rem/1.05 var(--f); letter-spacing: 0.04em; text-align: center; text-transform: uppercase; transform: rotate(-12deg);}
html[data-dphx-skin="tifo"] .kk{font: 800 0.75rem/1.2 var(--f); letter-spacing: 0.05em; text-transform: uppercase; color: var(--acc);}
html[data-dphx-skin="tifo"] .mm{font: 600 0.8125rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .une{display: grid; gap: 34px;}
html[data-dphx-skin="tifo"] .pst{position: relative; display: block; padding-block-start: 34px;}
html[data-dphx-skin="tifo"] .pst__fr{position: relative; display: block; transform: rotate(1.4deg); border: 6px solid var(--paper); box-shadow: 0 18px 50px oklch(0.1 0.1 264 / 0.45); background: var(--blue-d);}
html[data-dphx-skin="tifo"] .pst__fr .im{aspect-ratio: 4 / 4.3;}
html[data-dphx-skin="tifo"] .pst__sc{position: absolute; inset-inline-end: -6px; top: 0; z-index: 2; font: 900 clamp(6.5rem, 34vw, 13rem)/0.8 var(--fn); font-stretch: 62%; letter-spacing: -0.03em; color: var(--lemon); -webkit-text-stroke: 3px var(--ink); paint-order: stroke fill; transform: rotate(-6deg); text-shadow: 6px 6px 0 var(--ink); pointer-events: none;}
html[data-dphx-skin="tifo"] .pst .stk{inset-inline-start: -8px; bottom: 22%;}
html[data-dphx-skin="tifo"] .pst__txt{display: grid; gap: 14px; margin-block-start: 22px;}
html[data-dphx-skin="tifo"] .pst__h{font: 900 clamp(2.4rem, 1.4rem + 5vw, 5rem)/0.9 var(--fd); font-stretch: 62%; text-transform: uppercase; text-wrap: balance;}
html[data-dphx-skin="tifo"] .pst__h em{font-style: normal; color: var(--lemon);}
html[data-dphx-skin="tifo"] .pst__d{font: 400 1.0625rem/1.5 var(--serif); color: var(--ink-2); max-width: 60ch;}
html[data-dphx-skin="tifo"] .pst__m{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font: 700 0.8125rem/1 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .also{display: grid; gap: 0; align-content: start;}
html[data-dphx-skin="tifo"] .also__h{font: 900 1rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; color: var(--lemon); padding-block-end: 10px; border-bottom: 3px solid var(--lemon);}
html[data-dphx-skin="tifo"] .also a{display: grid; grid-template-columns: 1fr 96px; gap: 14px; align-items: start; padding-block: 14px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .also .im{aspect-ratio: 1;}
html[data-dphx-skin="tifo"] .also__h3{display: grid; gap: 6px;}
html[data-dphx-skin="tifo"] .also__h3 b{font: 800 1.0625rem/1.15 var(--f); font-stretch: 82%;}
html[data-dphx-skin="tifo"] .mq{overflow: hidden; background: var(--lemon); color: var(--ink); transform: rotate(-1.6deg); margin: -14px -20px; border-block: 3px solid var(--ink); position: relative; z-index: 2;}
html[data-dphx-skin="tifo"] .mq__t{display: flex; width: max-content; animation: mq 50s linear infinite; padding-block: 8px;}
html[data-dphx-skin="tifo"] .mq:hover .mq__t{animation-play-state: paused;}
html[data-dphx-skin="tifo"] .mq__t a{display: flex; align-items: center; gap: 10px; padding-inline: 16px; font: 900 2rem/1 var(--fd); font-stretch: 62%; text-transform: uppercase; white-space: nowrap;}
html[data-dphx-skin="tifo"] .mq__t a:nth-child(even) span{color: transparent; -webkit-text-stroke: 1.4px var(--ink);}
html[data-dphx-skin="tifo"] .mq__t img{width: 30px; height: 30px; object-fit: contain;}
@keyframes mq{to{transform: translateX(-50%);}
}
html[data-dphx-skin="tifo"] .pc a{display: grid; gap: 8px; align-content: start;}
html[data-dphx-skin="tifo"] .pc .ht{aspect-ratio: 16 / 10; border-radius: 2px; margin-block-end: 4px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .pc__h{font: 800 1.1875rem/1.12 var(--f); font-stretch: 80%; text-wrap: balance; transition: color 0.2s;}
html[data-dphx-skin="tifo"] .pc a:hover .pc__h{color: var(--acc);}
html[data-dphx-skin="tifo"] .pc__d{font: 400 0.9375rem/1.45 var(--serif); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
html[data-dphx-skin="tifo"] .pc--xl .pc__h{font: 900 clamp(2rem, 1.3rem + 2.6vw, 3.25rem)/0.92 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .pc--xl .ht{aspect-ratio: 16 / 10.5;}
html[data-dphx-skin="tifo"] .pc--row a{grid-template-columns: 1fr 112px; column-gap: 14px; padding-block: 14px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .pc--row .ht{grid-column: 2; grid-row: 1 / span 4; aspect-ratio: 1; margin: 0;}
html[data-dphx-skin="tifo"] .pc--row .pc__h{font-size: 1.0625rem;}
html[data-dphx-skin="tifo"] .tp a{position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; min-height: 230px; height: 100%; padding: 18px; overflow: hidden; background: var(--blue); color: #fff; isolation: isolate;}
html[data-dphx-skin="tifo"] .tp[data-c="1"] a{background: var(--red);}
html[data-dphx-skin="tifo"] .tp[data-c="2"] a{background: var(--ink);}
html[data-dphx-skin="tifo"] .tp[data-c="3"] a{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .tp__big{margin-block-end: auto; padding-block-end: 14px; font: 900 clamp(5rem, 20vw, 8rem)/0.8 var(--fn); font-stretch: 62%; letter-spacing: -0.03em; color: transparent; -webkit-text-stroke: 2px var(--lemon);}
html[data-dphx-skin="tifo"] .tp[data-c="3"] .tp__big{-webkit-text-stroke-color: var(--ink);}
html[data-dphx-skin="tifo"] .tp .kk{color: inherit; opacity: 0.85;}
html[data-dphx-skin="tifo"] .tp__h{font: 900 1.5rem/0.98 var(--fd); font-stretch: 66%; text-transform: uppercase; text-wrap: balance;}
html[data-dphx-skin="tifo"] .tp a:hover .tp__h{text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 3px;}
html[data-dphx-skin="tifo"] .fil__l{display: grid;}
html[data-dphx-skin="tifo"] .fil__i a{display: grid; grid-template-columns: 52px 1fr; column-gap: 12px; padding-block: 12px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .fil__i time{grid-row: span 2; font: 900 0.875rem/1.3 var(--fn); font-variant-numeric: tabular-nums; color: var(--red);}
html[data-dphx-skin="tifo"] .fil__i b{font: 700 1rem/1.25 var(--f); font-stretch: 88%;}
html[data-dphx-skin="tifo"] .fil__i a:hover b{color: var(--acc);}
html[data-dphx-skin="tifo"] .fil__h{display: flex; align-items: center; gap: 10px; font: 900 1.5rem/1 var(--fd); font-stretch: 62%; text-transform: uppercase; padding-block-end: 10px; border-bottom: 3px solid currentColor;}
html[data-dphx-skin="tifo"] .fil__h .dot{color: var(--red);}
html[data-dphx-skin="tifo"] .ln a{display: grid; gap: 5px; padding-block: 13px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .ln b{font: 700 1.0625rem/1.2 var(--f); font-stretch: 86%; transition: color 0.2s;}
html[data-dphx-skin="tifo"] .ln a:hover b{color: var(--acc);}
html[data-dphx-skin="tifo"] .tk{position: relative; display: grid; grid-template-columns: 1fr 92px; background: var(--paper); color: var(--ink); filter: drop-shadow(0 2px 0 oklch(0 0 0 / 0.15)); transition: transform 0.3s var(--ease); -webkit-mask: radial-gradient(circle 11px at calc(100% - 92px) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 11px at calc(100% - 92px) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat; mask: radial-gradient(circle 11px at calc(100% - 92px) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 11px at calc(100% - 92px) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;}
html[data-dphx-skin="tifo"] .tks > :nth-child(odd) .tk,
html[data-dphx-skin="tifo"] .tks > .tk:nth-child(odd){transform: rotate(-0.6deg);}
html[data-dphx-skin="tifo"] .tks > :nth-child(even) .tk,
html[data-dphx-skin="tifo"] .tks > .tk:nth-child(even){transform: rotate(0.5deg);}
html[data-dphx-skin="tifo"] .tk:hover{transform: rotate(0) translateY(-3px) !important;}
html[data-dphx-skin="tifo"] .tk__m{display: grid; gap: 8px; padding: 13px 14px; min-width: 0;}
html[data-dphx-skin="tifo"] .tk__c{display: flex; align-items: center; gap: 6px; font: 900 0.625rem/1 var(--f); letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .tk__c img{width: 14px; height: 14px; object-fit: contain;}
html[data-dphx-skin="tifo"] .tk__t{display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 10px; font: 900 1.1875rem/1 var(--f); font-stretch: 72%; text-transform: uppercase; min-width: 0;}
html[data-dphx-skin="tifo"] .tk__t span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-dphx-skin="tifo"] .tk__t img{width: 24px; height: 24px; object-fit: contain;}
html[data-dphx-skin="tifo"] .tk__t b{font: 900 1.625rem/1 var(--fn); font-stretch: 70%; font-variant-numeric: tabular-nums;}
html[data-dphx-skin="tifo"] .tk__t.is-l{opacity: 0.55;}
html[data-dphx-skin="tifo"] .tk__s{display: grid; align-content: center; justify-items: center; gap: 4px; padding: 10px 6px; border-inline-start: 2px dashed oklch(0.15 0.03 266 / 0.3); text-align: center; font: 900 0.625rem/1.2 var(--f); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .tk__s strong{font: 900 1.625rem/1 var(--fn); font-stretch: 66%; letter-spacing: 0; color: var(--ink);}
html[data-dphx-skin="tifo"] .stamp{position: absolute; inset-inline-end: 98px; top: -2px; padding: 4px 8px; background: var(--paper); border: 3px solid var(--red); color: var(--red); font: 900 0.6875rem/1 var(--f); letter-spacing: 0.08em; transform: rotate(-7deg);}
html[data-dphx-skin="tifo"] .stamp--ft{border-color: var(--ink); color: var(--ink); opacity: 0.5;}
html[data-dphx-skin="tifo"] .tks{display: grid; gap: 14px;}
html[data-dphx-skin="tifo"] .seg{display: inline-flex; gap: 4px; padding: 4px; margin-block-end: 20px; border: 2.5px solid currentColor; border-radius: 99px;}
html[data-dphx-skin="tifo"] .seg button{height: 36px; padding-inline: 14px; border: 0; border-radius: 99px; background: none; font: 900 0.75rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px;}
html[data-dphx-skin="tifo"] .seg button[aria-selected="true"]{background: var(--ink); color: var(--lemon);}
html[data-dphx-skin="tifo"] .b-ink .seg button[aria-selected="true"],
html[data-dphx-skin="tifo"] .b-blue .seg button[aria-selected="true"]{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .chips{display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--g)); padding-inline: var(--g);}
html[data-dphx-skin="tifo"] .chips::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .chip{flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding-inline: 14px; border: 2px solid currentColor; border-radius: 99px; font: 800 0.8125rem/1 var(--f); letter-spacing: 0.03em; opacity: 0.85;}
html[data-dphx-skin="tifo"] .chip:hover{opacity: 1;}
html[data-dphx-skin="tifo"] .chip.is-on{background: var(--lemon); border-color: var(--lemon); color: var(--ink); opacity: 1;}
html[data-dphx-skin="tifo"] .chip img{width: 18px; height: 18px; object-fit: contain;}
html[data-dphx-skin="tifo"] .vtop{display: grid; gap: 22px;}
html[data-dphx-skin="tifo"] .vid a{display: grid; gap: 10px;}
html[data-dphx-skin="tifo"] .vid__p{position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: oklch(0.22 0.03 266);}
html[data-dphx-skin="tifo"] .vid__p::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to top, oklch(0.1 0.03 266 / 0.75), transparent 55%);}
html[data-dphx-skin="tifo"] .play{position: absolute; inset-inline-start: 12px; bottom: 12px; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--lemon); color: var(--ink); transition: transform 0.3s var(--ease);}
html[data-dphx-skin="tifo"] .play svg{width: 18px; height: 18px; fill: currentColor; margin-inline-start: 3px;}
html[data-dphx-skin="tifo"] :where(a:hover) .play{transform: scale(1.1);}
html[data-dphx-skin="tifo"] .dur{position: absolute; inset-inline-end: 10px; bottom: 12px; z-index: 1; padding: 4px 7px; background: oklch(0 0 0 / 0.72); font: 800 0.75rem/1 var(--fn); font-variant-numeric: tabular-nums; color: #fff;}
html[data-dphx-skin="tifo"] .vid__h{font: 800 1.0625rem/1.15 var(--f); font-stretch: 84%;}
html[data-dphx-skin="tifo"] .vid--xl .play{width: 72px; height: 72px; inset-inline-start: 20px; bottom: 20px;}
html[data-dphx-skin="tifo"] .vid--xl .play svg{width: 26px; height: 26px;}
html[data-dphx-skin="tifo"] .vid--xl .vid__h{font: 900 clamp(1.75rem, 1.2rem + 2vw, 2.75rem)/0.95 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .vid--xl.is-playing .vid__p::before{content: "Lecture…"; position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; background: oklch(0 0 0 / 0.6); font: 900 1.25rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .vlist{display: grid; gap: 14px;}
html[data-dphx-skin="tifo"] .vlist .vid a{grid-template-columns: 148px 1fr; align-items: start; gap: 12px;}
html[data-dphx-skin="tifo"] .vlist .play{width: 32px; height: 32px; inset-inline-start: 8px; bottom: 8px;}
html[data-dphx-skin="tifo"] .vlist .play svg{width: 12px; height: 12px;}
html[data-dphx-skin="tifo"] .vlist .dur{bottom: 8px; inset-inline-end: 6px; font-size: 0.6875rem;}
html[data-dphx-skin="tifo"] .shorts{display: grid; grid-auto-flow: column; grid-auto-columns: 42%; gap: 10px; overflow-x: auto; scrollbar-width: none; margin: 34px calc(-1 * var(--g)) 0; padding-inline: var(--g); scroll-snap-type: x mandatory;}
html[data-dphx-skin="tifo"] .shorts::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .short{scroll-snap-align: start;}
html[data-dphx-skin="tifo"] .short a{position: relative; display: block; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 10px; background: oklch(0.22 0.03 266);}
html[data-dphx-skin="tifo"] .short a::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to top, oklch(0.08 0.03 266 / 0.9), transparent 55%);}
html[data-dphx-skin="tifo"] .short b{position: absolute; inset-inline: 10px; bottom: 12px; z-index: 1; font: 900 1rem/1 var(--f); font-stretch: 70%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .short i{position: absolute; top: 10px; inset-inline-start: 10px; z-index: 1; display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 99px; background: oklch(0 0 0 / 0.55); font: 800 0.6875rem/1 var(--f); font-style: normal;}
html[data-dphx-skin="tifo"] .shorts__h{margin-block-start: 40px; font: 900 1.75rem/1 var(--fd); font-stretch: 62%; text-transform: uppercase; display: flex; gap: 10px; align-items: center;}
html[data-dphx-skin="tifo"] .trio{display: grid; gap: 48px;}
html[data-dphx-skin="tifo"] .col .pc--xl .pc__h{font-size: 2rem;}
html[data-dphx-skin="tifo"] .tbl{width: 100%; border-collapse: collapse; font: 700 0.9375rem/1 var(--f); font-variant-numeric: tabular-nums;}
html[data-dphx-skin="tifo"] .tbl th{padding: 0 4px 10px; font: 900 0.6875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); text-align: center;}
html[data-dphx-skin="tifo"] .tbl td{height: 48px; padding: 0 4px; text-align: center; border-top: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .tbl .c{text-align: start;}
html[data-dphx-skin="tifo"] .tbl .c a{display: flex; align-items: center; gap: 10px; font: 800 0.9375rem/1.1 var(--f);}
html[data-dphx-skin="tifo"] .tbl .c a:hover{color: var(--acc);}
html[data-dphx-skin="tifo"] .tbl .c img{width: 24px; height: 24px; object-fit: contain; flex: none;}
html[data-dphx-skin="tifo"] .tbl .c span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-dphx-skin="tifo"] .rk{display: inline-grid; place-items: center; width: 28px; height: 28px; font: 900 1rem/1 var(--fn);}
html[data-dphx-skin="tifo"] .z-cl .rk{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .z-cc .rk{background: var(--blue-l); color: var(--ink);}
html[data-dphx-skin="tifo"] .z-rel .rk{background: var(--red); color: #fff;}
html[data-dphx-skin="tifo"] .tbl .p{font: 900 1.125rem/1 var(--fn);}
html[data-dphx-skin="tifo"] .tbl .o{display: none;}
html[data-dphx-skin="tifo"] .form{display: inline-flex; gap: 3px;}
html[data-dphx-skin="tifo"] .form i{width: 18px; height: 18px; display: grid; place-items: center; font: 900 0.625rem/1 var(--f); font-style: normal; color: #fff;}
html[data-dphx-skin="tifo"] .form .W{background: var(--win);}
html[data-dphx-skin="tifo"] .form .D{background: var(--draw);}
html[data-dphx-skin="tifo"] .form .L{background: var(--loss);}
html[data-dphx-skin="tifo"] .legend{display: flex; flex-wrap: wrap; gap: 8px 18px; margin-block-start: 16px; font: 700 0.75rem/1 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .legend span{display: inline-flex; align-items: center; gap: 7px;}
html[data-dphx-skin="tifo"] .legend i{width: 12px; height: 12px;}
html[data-dphx-skin="tifo"] .scr a{display: grid; grid-template-columns: 26px 48px 1fr auto; align-items: center; gap: 12px; padding-block: 10px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .scr__n{font: 900 1.25rem/1 var(--fn); font-stretch: 62%; color: var(--mute);}
html[data-dphx-skin="tifo"] .scr__ph{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .scr__b{display: grid; gap: 4px; min-width: 0;}
html[data-dphx-skin="tifo"] .scr__b b{font: 800 1rem/1.1 var(--f);}
html[data-dphx-skin="tifo"] .scr__b span{display: flex; align-items: center; gap: 6px; font: 600 0.8125rem/1 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .scr__b img{width: 16px; height: 16px; object-fit: contain;}
html[data-dphx-skin="tifo"] .scr__g{font: 900 2rem/1 var(--fn); font-stretch: 62%; color: var(--acc);}
html[data-dphx-skin="tifo"] .scr__g small{display: block; font: 800 0.625rem/1 var(--fn); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); text-align: center;}
html[data-dphx-skin="tifo"] .vote{padding: 16px; background: oklch(1 0 0 / 0.1); border: 2px solid oklch(1 0 0 / 0.2);}
html[data-dphx-skin="tifo"] .vote + .vote{margin-block-start: 12px;}
html[data-dphx-skin="tifo"] .vote__m{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin-block-end: 12px; font: 900 1rem/1.05 var(--f); font-stretch: 74%; text-transform: uppercase; text-align: center;}
html[data-dphx-skin="tifo"] .vote__m span{display: grid; justify-items: center; gap: 6px;}
html[data-dphx-skin="tifo"] .vote__m img{width: 36px; height: 36px; object-fit: contain;}
html[data-dphx-skin="tifo"] .vote__m em{font: 800 0.75rem/1.2 var(--f); font-style: normal; letter-spacing: 0.04em; color: var(--mute);}
html[data-dphx-skin="tifo"] .vote__b{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}
html[data-dphx-skin="tifo"] .vote button{position: relative; height: 46px; border: 0; background: oklch(1 0 0 / 0.16); color: #fff; font: 900 1.0625rem/1 var(--f); overflow: hidden;}
html[data-dphx-skin="tifo"] .vote button span,
html[data-dphx-skin="tifo"] .vote button small{position: relative; z-index: 1;}
html[data-dphx-skin="tifo"] .vote button small{display: none; margin-inline-start: 5px; font: 700 0.75rem/1 var(--f);}
html[data-dphx-skin="tifo"] .vote button em{position: absolute; inset: 0; transform-origin: bottom; transform: scaleY(0); background: oklch(1 0 0 / 0.25); transition: transform 0.6s var(--ease);}
html[data-dphx-skin="tifo"] .vote.is-done button em{transform: scaleY(var(--p));}
html[data-dphx-skin="tifo"] .vote.is-done button small{display: inline;}
html[data-dphx-skin="tifo"] .vote.is-done button.is-me{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .rec{display: grid; grid-auto-flow: column; grid-auto-columns: 74%; gap: 12px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--g)); padding-inline: var(--g); scroll-snap-type: x mandatory;}
html[data-dphx-skin="tifo"] .rec::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .rec > *{scroll-snap-align: start;}
html[data-dphx-skin="tifo"] .rec .tp a{min-height: 340px;}
html[data-dphx-skin="tifo"] .prog li a{display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; padding-block: 14px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .prog__n{min-width: 0.62em; font: 900 4.25rem/0.8 var(--fn); font-stretch: 62%; color: transparent; -webkit-text-stroke: 2px var(--acc);}
html[data-dphx-skin="tifo"] .prog__h{font: 800 1.1875rem/1.15 var(--f); font-stretch: 80%; text-wrap: balance;}
html[data-dphx-skin="tifo"] .prog li a:hover .prog__h{color: var(--acc);}
html[data-dphx-skin="tifo"] .join{display: grid; gap: 22px;}
html[data-dphx-skin="tifo"] .join__h{font: 900 clamp(3rem, 2rem + 5vw, 6rem)/0.84 var(--fd); font-stretch: 62%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .join p{font: 400 1.0625rem/1.5 var(--serif); max-width: 46ch;}
html[data-dphx-skin="tifo"] .join__b{display: flex; flex-wrap: wrap; gap: 8px;}
html[data-dphx-skin="tifo"] .sbtn{display: inline-flex; align-items: center; gap: 8px; height: 48px; padding-inline: 18px; border-radius: 99px; background: var(--ink); color: #fff; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .sbtn:hover{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .sbtn svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2;}
html[data-dphx-skin="tifo"] .nl{display: flex; gap: 6px; max-width: 460px;}
html[data-dphx-skin="tifo"] .nl input{flex: 1; min-width: 0; height: 50px; padding-inline: 16px; border: 3px solid var(--ink); background: var(--paper); color: var(--ink); font-weight: 600;}
html[data-dphx-skin="tifo"] .nl input::placeholder{color: var(--mute);}
html[data-dphx-skin="tifo"] .nl button{height: 50px; padding-inline: 18px; border: 3px solid var(--ink); background: var(--ink); color: var(--lemon); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .ft{background: var(--blue-d); color: #fff; padding-block: 56px 72px;}
html[data-dphx-skin="tifo"] .ft__crests{display: flex; flex-wrap: wrap; gap: 14px; padding-block-end: 28px; margin-block-end: 28px; border-bottom: 1px solid oklch(1 0 0 / 0.14);}
html[data-dphx-skin="tifo"] .ft__crests img{width: 34px; height: 34px; object-fit: contain; opacity: 0.9; transition: transform 0.2s;}
html[data-dphx-skin="tifo"] .ft__crests a:hover img{transform: scale(1.15);}
html[data-dphx-skin="tifo"] .ft__g{display: grid; grid-template-columns: 1fr 1fr; gap: 28px;}
html[data-dphx-skin="tifo"] .ft__g h3{margin-block-end: 12px; font: 900 0.75rem/1 var(--f); letter-spacing: 0.1em; text-transform: uppercase; color: var(--lemon);}
html[data-dphx-skin="tifo"] .ft__g li{padding-block: 5px; font-weight: 600; color: oklch(0.9 0.03 262);}
html[data-dphx-skin="tifo"] .ft__g li a:hover{color: #fff; text-decoration: underline;}
html[data-dphx-skin="tifo"] .ft__brand{grid-column: 1 / -1; display: grid; gap: 10px;}
html[data-dphx-skin="tifo"] .ft__brand img{height: 28px; width: auto;}
html[data-dphx-skin="tifo"] .ft__brand p{color: oklch(0.85 0.04 262);}
html[data-dphx-skin="tifo"] .ft__legal{margin-block-start: 34px; font-size: 0.8125rem; color: oklch(0.78 0.04 262);}
html[data-dphx-skin="tifo"] .ah{padding-block: 28px 40px;}
html[data-dphx-skin="tifo"] .crumb{display: flex; flex-wrap: wrap; gap: 6px; margin-block-end: 18px; font: 800 0.75rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .crumb a:hover{color: #fff;}
html[data-dphx-skin="tifo"] .crumb span[aria-hidden]{opacity: 0.6;}
html[data-dphx-skin="tifo"] .ah__h{margin-block: 14px 18px; font: 900 clamp(2.6rem, 1.4rem + 5.4vw, 5.75rem)/0.88 var(--fd); font-stretch: 62%; text-transform: uppercase; text-wrap: balance;}
html[data-dphx-skin="tifo"] .ah__d{font: 400 1.25rem/1.5 var(--serif); color: var(--ink-2); max-width: 58ch;}
html[data-dphx-skin="tifo"] .ah__m{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-block-start: 22px; font: 700 0.875rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .ah__m b{color: #fff;}
html[data-dphx-skin="tifo"] .av{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--lemon); color: var(--ink); font: 900 0.875rem/1 var(--f);}
html[data-dphx-skin="tifo"] .share{display: flex; gap: 8px;}
html[data-dphx-skin="tifo"] .share a{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid currentColor;}
html[data-dphx-skin="tifo"] .share a:hover{background: var(--lemon); border-color: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .share svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2;}
html[data-dphx-skin="tifo"] .af{margin-block-start: -18px; position: relative; z-index: 1;}
html[data-dphx-skin="tifo"] .af__fr{display: block; border: 6px solid var(--paper); box-shadow: 0 16px 40px oklch(0.1 0.1 264 / 0.3); transform: rotate(-0.8deg);}
html[data-dphx-skin="tifo"] .af__fr img{width: 100%; aspect-ratio: 16 / 9.5; object-fit: cover;}
html[data-dphx-skin="tifo"] .af figcaption{margin-block-start: 10px; font: 600 0.8125rem/1.4 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .ab{display: grid; gap: 48px; padding-block: 40px var(--sec);}
html[data-dphx-skin="tifo"] .txt{font: 400 1.1875rem/1.72 var(--serif); color: var(--ink); max-width: 680px;}
html[data-dphx-skin="tifo"] .txt > * + *{margin-block-start: 1.15em;}
html[data-dphx-skin="tifo"] .txt > p:first-child::first-letter{float: left; margin: 0.06em 0.1em 0 0; font: 900 4.6em/0.78 var(--fd); font-stretch: 62%; color: var(--blue);}
html[data-dphx-skin="tifo"] .txt h2{margin-block-start: 1.8em; font: 900 2.125rem/0.95 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .txt h2 span{background: linear-gradient(transparent 58%, var(--lemon) 58%); box-decoration-break: clone; -webkit-box-decoration-break: clone;}
html[data-dphx-skin="tifo"] .txt strong{font-weight: 700;}
html[data-dphx-skin="tifo"] .pull{margin-block: 1.6em !important; padding: 22px 22px 24px; background: var(--blue); color: #fff; transform: rotate(-1deg); box-shadow: 6px 6px 0 var(--lemon);}
html[data-dphx-skin="tifo"] .pull p{font: 900 1.875rem/0.98 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .pull cite{display: block; margin-block-start: 12px; font: 700 0.8125rem/1 var(--f); font-style: normal; color: var(--lemon); letter-spacing: 0.04em;}
html[data-dphx-skin="tifo"] .inl{display: grid; grid-template-columns: 96px 1fr; gap: 14px; align-items: center; padding: 12px; border: 3px solid var(--ink); font-family: var(--f);}
html[data-dphx-skin="tifo"] .inl img{width: 96px; aspect-ratio: 1; object-fit: cover;}
html[data-dphx-skin="tifo"] .inl span{display: grid; gap: 6px;}
html[data-dphx-skin="tifo"] .inl b{font: 800 1.0625rem/1.15 var(--f); font-stretch: 84%;}
html[data-dphx-skin="tifo"] .inl:hover b{color: var(--blue);}
html[data-dphx-skin="tifo"] .txt .tk{font-family: var(--f);}
html[data-dphx-skin="tifo"] .txt .vid a{font-family: var(--f);}
html[data-dphx-skin="tifo"] .mev{display: grid; gap: 4px; padding: 12px 14px; background: var(--paper-2); font: 700 0.875rem/1.3 var(--f);}
html[data-dphx-skin="tifo"] .mev li{display: grid; grid-template-columns: 44px 1fr;}
html[data-dphx-skin="tifo"] .mev b{font-weight: 900; color: var(--red);}
html[data-dphx-skin="tifo"] .tags{display: flex; flex-wrap: wrap; gap: 8px; font-family: var(--f);}
html[data-dphx-skin="tifo"] .tags a{padding: 7px 12px; border: 2px solid var(--ink); font: 800 0.8125rem/1 var(--f);}
html[data-dphx-skin="tifo"] .tags a:nth-child(3n+1){transform: rotate(-1.5deg);}
html[data-dphx-skin="tifo"] .tags a:nth-child(3n+2){transform: rotate(1deg);}
html[data-dphx-skin="tifo"] .tags a:hover{background: var(--lemon);}
html[data-dphx-skin="tifo"] .src{font: 600 0.875rem/1.5 var(--f) !important; color: var(--mute); padding-block-start: 16px; border-top: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .aside{display: grid; gap: 40px; align-content: start; min-width: 0;}
html[data-dphx-skin="tifo"] .lay > *,
html[data-dphx-skin="tifo"] .ab > *{min-width: 0;}
html[data-dphx-skin="tifo"] .mini .tbl .o{display: none !important;}
html[data-dphx-skin="tifo"] .box{padding: 20px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .box--ink{background: var(--ink); color: #fff; --line: oklch(1 0 0 / 0.13); --mute: oklch(0.76 0.02 264); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .mini .tbl td{height: 42px;}
html[data-dphx-skin="tifo"] .mini .tbl .o2{display: none;}
html[data-dphx-skin="tifo"] .ph{padding-block: 34px 26px; overflow: hidden; position: relative; isolation: isolate;}
html[data-dphx-skin="tifo"] .ph__bg{position: absolute; inset: 0; z-index: -1; opacity: 0.4;}
html[data-dphx-skin="tifo"] .ph__bg img{width: 100%; height: 100%; object-fit: cover;}
html[data-dphx-skin="tifo"] .ph__bg::after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--blue) 30%, transparent);}
html[data-dphx-skin="tifo"] .ph__t{font: 900 clamp(4.5rem, 2rem + 14vw, 11rem)/0.8 var(--fd); font-stretch: 62%; text-transform: uppercase; letter-spacing: -0.015em;}
html[data-dphx-skin="tifo"] .ph__t .o{color: transparent; -webkit-text-stroke: 2.5px var(--lemon);}
html[data-dphx-skin="tifo"] .ph__row{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-block: 18px 22px;}
html[data-dphx-skin="tifo"] .ph__m{font: 700 0.9375rem/1.3 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .follow{display: inline-flex; align-items: center; gap: 8px; height: 42px; padding-inline: 16px; border: 0; border-radius: 99px; background: var(--lemon); color: var(--ink); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .follow svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4;}
html[data-dphx-skin="tifo"] .follow.is-on{background: #fff;}
html[data-dphx-skin="tifo"] .follow.is-on svg{fill: currentColor;}
html[data-dphx-skin="tifo"] .clh{padding-block: 30px 0; background: var(--club-1, var(--blue)); color: #fff; position: relative; overflow: hidden; isolation: isolate;}
html[data-dphx-skin="tifo"] .clh::before{content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(90deg, var(--club-1) 0 64px, var(--club-2) 64px 128px); opacity: 0.22; transform: skewX(-12deg) scale(1.3);}
html[data-dphx-skin="tifo"] .clh__in{display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center;}
html[data-dphx-skin="tifo"] .clh__in .follow{grid-column: 1 / -1; justify-self: start;}
html[data-dphx-skin="tifo"] .clh__crest{width: 92px; height: 92px; object-fit: contain; filter: drop-shadow(0 8px 20px oklch(0 0 0 / 0.35));}
html[data-dphx-skin="tifo"] .clh__n{font: 900 clamp(2.5rem, 1.4rem + 5vw, 5.5rem)/0.84 var(--fd); font-stretch: 62%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .clh__n small{display: block; margin-block-start: 8px; font: 800 0.8125rem/1.2 var(--f); letter-spacing: 0.06em; color: var(--club-ink, var(--lemon));}
html[data-dphx-skin="tifo"] .facts{display: flex; flex-wrap: wrap; gap: 8px; margin-block: 22px;}
html[data-dphx-skin="tifo"] .facts span{display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: oklch(0 0 0 / 0.22); font: 700 0.8125rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .facts img{width: 22px; height: 22px; border-radius: 50%; object-fit: cover;}
html[data-dphx-skin="tifo"] .tabs{display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--g)); padding-inline: var(--g);}
html[data-dphx-skin="tifo"] .tabs::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .tabs a{flex: none; padding: 14px 14px 13px; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: oklch(1 0 0 / 0.78); border-bottom: 4px solid transparent;}
html[data-dphx-skin="tifo"] .tabs a:hover{color: #fff;}
html[data-dphx-skin="tifo"] .tabs a[aria-current]{color: #fff; border-color: var(--lemon); background: oklch(0 0 0 / 0.2);}
html[data-dphx-skin="tifo"] .kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;}
html[data-dphx-skin="tifo"] .kpi{padding: 14px 12px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .kpi b{display: block; font: 900 2.75rem/0.9 var(--fn); font-stretch: 62%;}
html[data-dphx-skin="tifo"] .kpi span{font: 800 0.6875rem/1.2 var(--f); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .kpi--hi{background: var(--lemon);}
html[data-dphx-skin="tifo"] .kpi--hi span{color: var(--ink-2);}
html[data-dphx-skin="tifo"] .formbar{display: grid; grid-template-columns: repeat(30, 1fr); gap: 2px; margin-block-start: 14px;}
html[data-dphx-skin="tifo"] .formbar i{height: 34px;}
html[data-dphx-skin="tifo"] .formbar .W{background: var(--win);}
html[data-dphx-skin="tifo"] .formbar .D{background: var(--draw);}
html[data-dphx-skin="tifo"] .formbar .L{background: var(--loss);}
html[data-dphx-skin="tifo"] .formbar__l{display: flex; justify-content: space-between; margin-block-start: 6px; font: 700 0.75rem/1 var(--fn); color: var(--mute);}
html[data-dphx-skin="tifo"] .sq h3{margin: 26px 0 10px; font: 900 1.375rem/1 var(--fd); font-stretch: 64%; text-transform: uppercase; display: flex; gap: 10px; align-items: baseline;}
html[data-dphx-skin="tifo"] .sq h3 small{font: 700 0.8125rem/1 var(--f); color: var(--mute); text-transform: none;}
html[data-dphx-skin="tifo"] .sq__g{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
html[data-dphx-skin="tifo"] .pl a{display: grid; grid-template-columns: 52px 1fr; gap: 10px; align-items: center; padding: 8px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .pl a:hover{background: var(--lemon);}
html[data-dphx-skin="tifo"] .pl img{width: 52px; height: 52px; object-fit: cover; background: #fff;}
html[data-dphx-skin="tifo"] .pl b{display: block; font: 800 0.9375rem/1.1 var(--f);}
html[data-dphx-skin="tifo"] .pl span{font: 900 0.75rem/1 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .res5{display: grid; gap: 8px;}
html[data-dphx-skin="tifo"] .r5{display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; background: var(--paper-2); font: 700 0.9375rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .r5 i{width: 30px; height: 30px; display: grid; place-items: center; font: 900 0.8125rem/1 var(--f); font-style: normal; color: #fff;}
html[data-dphx-skin="tifo"] .r5 .W{background: var(--win);}
html[data-dphx-skin="tifo"] .r5 .D{background: var(--draw);}
html[data-dphx-skin="tifo"] .r5 .L{background: var(--loss);}
html[data-dphx-skin="tifo"] .r5 b{font: 900 1.125rem/1 var(--fn); font-variant-numeric: tabular-nums;}
html[data-dphx-skin="tifo"] .r5 span{display: flex; align-items: center; gap: 7px; min-width: 0;}
html[data-dphx-skin="tifo"] .r5 img{width: 20px; height: 20px; object-fit: contain;}
html[data-dphx-skin="tifo"] .pos{display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; padding: 18px; background: var(--blue); color: #fff;}
html[data-dphx-skin="tifo"] .pos b{font: 900 6rem/0.78 var(--fn); font-stretch: 62%; color: var(--lemon);}
html[data-dphx-skin="tifo"] .pos span{font: 800 1rem/1.3 var(--f);}
html[data-dphx-skin="tifo"] .pos small{display: block; margin-block-start: 4px; font: 600 0.875rem/1.3 var(--f); color: oklch(0.88 0.04 262);}
html[data-dphx-skin="tifo"] .days{display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--g)); padding: 4px var(--g);}
html[data-dphx-skin="tifo"] .days::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .day{flex: none; display: grid; justify-items: center; gap: 4px; min-width: 62px; padding: 10px 8px; border: 2px solid oklch(1 0 0 / 0.3); font: 800 0.6875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .day b{font: 900 1.5rem/1 var(--fn); font-stretch: 66%; letter-spacing: 0;}
html[data-dphx-skin="tifo"] .day.is-on{background: var(--lemon); border-color: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .grp{margin-block-end: 26px;}
html[data-dphx-skin="tifo"] .grp__h{display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--ink); color: #fff; font: 900 0.875rem/1 var(--f); letter-spacing: 0.04em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .grp__h img{width: 24px; height: 24px; object-fit: contain; background: #fff; border-radius: 3px; padding: 2px;}
html[data-dphx-skin="tifo"] .grp__h small{margin-inline-start: auto; font: 700 0.75rem/1 var(--f); color: oklch(0.75 0.02 264); text-transform: none; letter-spacing: 0;}
html[data-dphx-skin="tifo"] .mr{display: grid; grid-template-columns: 54px 1fr auto; gap: 12px; align-items: center; padding: 11px 12px; border-bottom: 1px solid var(--line); background: var(--paper);}
html[data-dphx-skin="tifo"] .mr:hover{background: var(--paper-2);}
html[data-dphx-skin="tifo"] .mr__st{font: 900 0.75rem/1.2 var(--f); font-variant-numeric: tabular-nums; color: var(--mute);}
html[data-dphx-skin="tifo"] .mr--live .mr__st{color: var(--red);}
html[data-dphx-skin="tifo"] .mr__t{display: grid; gap: 7px; min-width: 0;}
html[data-dphx-skin="tifo"] .mr__t span{display: flex; align-items: center; gap: 9px; font: 700 0.9375rem/1 var(--f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-dphx-skin="tifo"] .mr__t img{width: 20px; height: 20px; object-fit: contain;}
html[data-dphx-skin="tifo"] .mr__t .win{font-weight: 900;}
html[data-dphx-skin="tifo"] .mr__s{display: grid; gap: 7px; font: 900 1rem/1 var(--fn); font-variant-numeric: tabular-nums; text-align: end;}
html[data-dphx-skin="tifo"] .mr--live .mr__s{color: var(--red);}
html[data-dphx-skin="tifo"] .lay{display: grid; gap: 48px;}
html[data-dphx-skin="tifo"] .wall{display: grid; gap: 28px;}
html[data-dphx-skin="tifo"] .wall__sm{display: grid; grid-template-columns: 1fr 1fr; gap: 22px 14px;}
html[data-dphx-skin="tifo"] .wall__sm .pc__h{font-size: 1rem;}
html[data-dphx-skin="tifo"] .more-btn{display: block; width: 100%; height: 54px; margin-block-start: 28px; border: 3px solid var(--ink); background: none; font: 900 0.875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .more-btn:hover{background: var(--ink); color: var(--lemon);}
html[data-dphx-skin="tifo"] .b-grad{background: radial-gradient(90% 120% at 100% 0%, oklch(0.56 0.21 255 / 0.85), transparent 60%), radial-gradient(70% 90% at 0% 100%, oklch(0.24 0.15 266 / 0.9), transparent 65%), linear-gradient(160deg, oklch(0.45 0.23 263), oklch(0.32 0.19 265)); --rule: linear-gradient(90deg, transparent, oklch(1 0 0 / 0.2) 18%, oklch(1 0 0 / 0.2) 82%, transparent);}
html[data-dphx-skin="tifo"] .b-grad .tbl td{border-top: 0;}
html[data-dphx-skin="tifo"] .b-grad .tbl tbody tr{background: var(--rule) top / 100% 1px no-repeat;}
html[data-dphx-skin="tifo"] .b-grad .scr a{border-bottom: 0; background: var(--rule) bottom / 100% 1px no-repeat;}
html[data-dphx-skin="tifo"] .b-grad .st__more{border-bottom-color: oklch(1 0 0 / 0.45);}
html[data-dphx-skin="tifo"] .b-grad .vote{background: oklch(1 0 0 / 0.07); border: 1px solid oklch(1 0 0 / 0.16); border-radius: 14px; backdrop-filter: blur(6px);}
html[data-dphx-skin="tifo"] .b-grad .vote__m{padding-block-end: 12px; background: var(--rule) bottom / 100% 1px no-repeat;}
html[data-dphx-skin="tifo"] .b-grad .vote button{background: oklch(1 0 0 / 0.1); border-radius: 10px;}
html[data-dphx-skin="tifo"] .b-grad .vote button:hover{background: oklch(1 0 0 / 0.18);}
html[data-dphx-skin="tifo"] .vids{overflow: hidden; background: radial-gradient(70% 55% at 50% 40%, oklch(0.27 0.08 264), transparent 72%), var(--ink);}
html[data-dphx-skin="tifo"] .vids .st{max-width: 1040px; margin-inline: auto;}
html[data-dphx-skin="tifo"] .stage{position: relative; max-width: 1040px; margin-inline: auto; isolation: isolate;}
html[data-dphx-skin="tifo"] .stage__glow{position: absolute; inset: 4% 2% 18%; z-index: -1; filter: blur(70px) saturate(1.7); opacity: 0.6; transform: scale(1.06); pointer-events: none; transition: opacity 0.6s;}
html[data-dphx-skin="tifo"] .stage__glow img{width: 100%; height: 100%; object-fit: cover;}
html[data-dphx-skin="tifo"] .stage__player{position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #000; box-shadow: 0 50px 90px -30px oklch(0 0 0 / 0.8), 0 0 0 1px oklch(1 0 0 / 0.1);}
html[data-dphx-skin="tifo"] .stage__img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease), opacity 0.35s, filter 0.4s;}
html[data-dphx-skin="tifo"] .stage__player:hover .stage__img{transform: scale(1.04);}
html[data-dphx-skin="tifo"] .stage__player::after{content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(80% 80% at 50% 50%, transparent 55%, oklch(0 0 0 / 0.55)), linear-gradient(to top, oklch(0 0 0 / 0.55), transparent 35%);}
html[data-dphx-skin="tifo"] .stage__kick{position: absolute; top: 16px; inset-inline-start: 16px; z-index: 2; padding: 7px 11px; background: var(--lemon); color: var(--ink); font: 900 0.6875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; transform: rotate(-2deg);}
html[data-dphx-skin="tifo"] .stage__play{position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; place-items: center; width: 66px; height: 66px; margin: -33px 0 0 -33px; border-radius: 50%; background: var(--lemon); color: var(--ink); box-shadow: 0 10px 40px oklch(0.92 0.19 104 / 0.45); transition: transform 0.35s var(--ease), opacity 0.3s;}
html[data-dphx-skin="tifo"] .stage__play svg{width: 26px; height: 26px; fill: currentColor; margin-inline-start: 5px;}
html[data-dphx-skin="tifo"] .stage__play::before,
html[data-dphx-skin="tifo"] .stage__play::after{content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--lemon); animation: ring 2.4s var(--ease) infinite;}
html[data-dphx-skin="tifo"] .stage__play::after{animation-delay: 1.2s;}
@keyframes ring{from{transform: scale(1); opacity: 0.8;}
to{transform: scale(1.9); opacity: 0;}
}
html[data-dphx-skin="tifo"] .stage__player:hover .stage__play{transform: scale(1.1);}
html[data-dphx-skin="tifo"] .stage__bar{position: absolute; inset-inline: 16px; bottom: 14px; z-index: 2; display: flex; align-items: center; gap: 12px; opacity: 0; transform: translateY(8px); transition: opacity 0.3s, transform 0.3s var(--ease); font: 800 0.8125rem/1 var(--f); font-variant-numeric: tabular-nums;}
html[data-dphx-skin="tifo"] .stage__bar svg{width: 20px; height: 20px; fill: #fff;}
html[data-dphx-skin="tifo"] .stage__track{flex: 1; height: 4px; border-radius: 4px; background: oklch(1 0 0 / 0.25); overflow: hidden;}
html[data-dphx-skin="tifo"] .stage__track i{display: block; height: 100%; width: 0; background: var(--lemon);}
html[data-dphx-skin="tifo"] .stage.is-playing .stage__play{opacity: 0; transform: scale(0.6);}
html[data-dphx-skin="tifo"] .stage.is-playing .stage__bar{opacity: 1; transform: none;}
html[data-dphx-skin="tifo"] .stage.is-playing .stage__track i{animation: prog 20s linear forwards;}
html[data-dphx-skin="tifo"] .stage.is-playing .stage__glow{opacity: 0.85;}
@keyframes prog{to{width: 100%;}
}
html[data-dphx-skin="tifo"] .stage.is-swapping .stage__img{opacity: 0.25; filter: blur(6px);}
html[data-dphx-skin="tifo"] .stage__cap{margin-block-start: 22px; text-align: center; display: grid; gap: 8px; justify-items: center;}
html[data-dphx-skin="tifo"] .stage__h{max-width: 24ch; font: 900 clamp(1.75rem, 1.1rem + 2.6vw, 3.25rem)/0.92 var(--fd); font-stretch: 62%; text-transform: uppercase; text-wrap: balance;}
@supports (animation-timeline: view()){
html[data-dphx-skin="tifo"] .stage__player{animation: lift linear both; animation-timeline: view(); animation-range: entry 0% cover 45%;}
@keyframes lift{from{transform: perspective(1400px) rotateX(14deg) scale(0.9);}
to{transform: perspective(1400px) rotateX(0) scale(1);}
}
}
html[data-dphx-skin="tifo"] .plist{display: grid; grid-auto-flow: column; grid-auto-columns: 68%; gap: 14px; overflow-x: auto; scrollbar-width: none; margin: 40px calc(-1 * var(--g)) 0; padding: 6px var(--g); scroll-snap-type: x mandatory; scroll-padding-inline: var(--g);}
html[data-dphx-skin="tifo"] .plist::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .pv{scroll-snap-align: start; display: grid; gap: 8px; align-content: start; padding: 0; border: 0; background: none; text-align: start; color: #fff;}
html[data-dphx-skin="tifo"] .pv__p{position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; outline: 3px solid transparent; outline-offset: 3px; transition: outline-color 0.25s;}
html[data-dphx-skin="tifo"] .pv__p img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease), filter 0.3s; filter: saturate(0.85) brightness(0.8);}
html[data-dphx-skin="tifo"] .pv:hover .pv__p img{transform: scale(1.06); filter: none;}
html[data-dphx-skin="tifo"] .pv .dur{bottom: 8px; inset-inline-end: 8px;}
html[data-dphx-skin="tifo"] .pv__now{position: absolute; inset-inline-start: 8px; top: 8px; padding: 4px 8px; border-radius: 99px; background: var(--lemon); color: var(--ink); font: 900 0.625rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0; transition: opacity 0.25s;}
html[data-dphx-skin="tifo"] .pv.is-on .pv__p{outline-color: var(--lemon);}
html[data-dphx-skin="tifo"] .pv.is-on .pv__p img{filter: none;}
html[data-dphx-skin="tifo"] .pv.is-on .pv__now{opacity: 1;}
html[data-dphx-skin="tifo"] .pv__t{font: 800 1rem/1.2 var(--f); font-stretch: 84%;}
html[data-dphx-skin="tifo"] .pv:hover .pv__t{color: var(--lemon);}
@media (min-width: 640px){
html[data-dphx-skin="tifo"] .plist{grid-auto-columns: 40%;}
html[data-dphx-skin="tifo"] .stage__play{width: 88px; height: 88px; margin: -44px 0 0 -44px;}
html[data-dphx-skin="tifo"] .stage__play svg{width: 32px; height: 32px;}
}
@media (min-width: 1024px){
html[data-dphx-skin="tifo"] .plist{grid-auto-flow: row; grid-template-columns: repeat(5, 1fr); overflow: visible; max-width: 1040px; margin: 44px auto 0; padding: 0;}
html[data-dphx-skin="tifo"] .stage__play{width: 112px; height: 112px; margin: -56px 0 0 -56px;}
html[data-dphx-skin="tifo"] .stage__play svg{width: 40px; height: 40px;}
}
html[data-dphx-skin="tifo"] .geo{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-block-start: 26px; padding: 10px 12px; border: 2px dashed var(--line); font: 700 0.8125rem/1 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .geo button{height: 32px; padding-inline: 12px; border: 2px solid var(--ink); border-radius: 99px; background: none; font: 800 0.8125rem/1 var(--f); color: var(--ink);}
html[data-dphx-skin="tifo"] .geo button.is-on{background: var(--ink); color: var(--lemon);}
html[data-dphx-skin="tifo"] .duel{display: grid;}
html[data-dphx-skin="tifo"] .duel__c{position: relative; overflow: hidden; isolation: isolate; padding: var(--sec) var(--g); color: #fff; --line: oklch(1 0 0 / 0.16); --mute: oklch(0.86 0.03 264); --acc: var(--lemon);}
html[data-dphx-skin="tifo"] .duel__c--a{background: var(--ink);}
html[data-dphx-skin="tifo"] .duel__c--b{background: var(--red); --mute: oklch(0.94 0.04 27);}
html[data-dphx-skin="tifo"] .duel__wm{position: absolute; z-index: -1; top: 18px; inset-inline-end: -8px; font: 900 clamp(7rem, 30vw, 15rem)/0.8 var(--fd); font-stretch: 62%; text-transform: uppercase; color: transparent; -webkit-text-stroke: 2px oklch(1 0 0 / 0.16); pointer-events: none;}
html[data-dphx-skin="tifo"] .duel__in{display: grid; gap: 0; max-width: 600px;}
html[data-dphx-skin="tifo"] .duel__lead{display: grid; gap: 10px; padding-block-end: 20px;}
html[data-dphx-skin="tifo"] .duel__lead .ht{aspect-ratio: 16 / 10; border: 5px solid #fff; transform: rotate(-1.2deg); box-shadow: 0 16px 34px oklch(0 0 0 / 0.35); margin-block-end: 10px;}
html[data-dphx-skin="tifo"] .duel__c--b .duel__lead .ht{transform: rotate(1.2deg);}
html[data-dphx-skin="tifo"] .duel__lead h3{font: 900 clamp(1.75rem, 1.2rem + 2vw, 2.5rem)/0.95 var(--fd); font-stretch: 64%; text-transform: uppercase; text-wrap: balance;}
html[data-dphx-skin="tifo"] .duel__lead p{font: 400 1rem/1.5 var(--serif); color: var(--mute); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
html[data-dphx-skin="tifo"] .duel__l li a{display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; padding-block: 14px; background: linear-gradient(90deg, oklch(1 0 0 / 0.22), transparent) top / 100% 1px no-repeat;}
html[data-dphx-skin="tifo"] .duel__n{font: 900 2.5rem/0.8 var(--fn); font-stretch: 62%; color: transparent; -webkit-text-stroke: 1.5px #fff;}
html[data-dphx-skin="tifo"] .duel__l b{display: block; margin-block-start: 4px; font: 800 1.0625rem/1.2 var(--f); font-stretch: 84%;}
html[data-dphx-skin="tifo"] .duel__l a:hover b{color: var(--lemon);}
html[data-dphx-skin="tifo"] .duel__c--b .kk{color: #fff; opacity: 0.85;}
html[data-dphx-skin="tifo"] .mf__bar{display: grid; gap: 12px; padding-block: 18px 6px;}
html[data-dphx-skin="tifo"] .mf__q{display: flex; align-items: center; gap: 10px; height: 50px; padding-inline: 14px; border: 3px solid var(--ink); background: #fff;}
html[data-dphx-skin="tifo"] .mf__q input{flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: 700 1rem/1 var(--f);}
html[data-dphx-skin="tifo"] .mf__q input::placeholder{color: var(--mute);}
html[data-dphx-skin="tifo"] .mf__seg{margin: 0; overflow-x: auto; scrollbar-width: none; max-width: 100%;}
html[data-dphx-skin="tifo"] .mf__seg small{font: 800 0.6875rem/1 var(--f); opacity: 0.7;}
html[data-dphx-skin="tifo"] .mf__chips{padding-block: 10px 4px;}
html[data-dphx-skin="tifo"] .mf__chips .chip{background: none; color: var(--ink); cursor: pointer;}
html[data-dphx-skin="tifo"] .mf__lay{display: grid; gap: 40px; padding-block: 20px var(--sec);}
html[data-dphx-skin="tifo"] .mf__side{display: none;}
html[data-dphx-skin="tifo"] .mf__list{min-width: 0;}
html[data-dphx-skin="tifo"] .mf__empty{padding: 28px; border: 2px dashed var(--line); text-align: center; font-weight: 700;}
html[data-dphx-skin="tifo"] .mf__empty button{margin-inline-start: 8px; border: 0; background: var(--lemon); padding: 8px 12px; font-weight: 900;}
html[data-dphx-skin="tifo"] .grp__h .flag{width: 16px; height: 12px; object-fit: cover; border-radius: 2px; background: none; padding: 0; margin-inline-end: 6px; vertical-align: -1px;}
html[data-dphx-skin="tifo"] .pin{margin-inline-start: 10px; width: 30px; height: 30px; border: 1.5px solid oklch(1 0 0 / 0.3); border-radius: 50%; background: none; color: #fff; font-size: 1rem; line-height: 1;}
html[data-dphx-skin="tifo"] .pin.is-on{background: var(--lemon); border-color: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .cl{display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; background: none; text-align: start; font: 800 0.9375rem/1.15 var(--f);}
html[data-dphx-skin="tifo"] .cl:hover{background: var(--paper-2);}
html[data-dphx-skin="tifo"] .cl.is-on{background: var(--ink); color: #fff;}
html[data-dphx-skin="tifo"] .cl img{width: 26px; height: 26px; object-fit: contain; background: #fff; border-radius: 4px; padding: 2px;}
html[data-dphx-skin="tifo"] .cl span small{display: block; font: 600 0.75rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .cl.is-on span small{color: oklch(0.8 0.02 264);}
html[data-dphx-skin="tifo"] .cl b{min-width: 26px; height: 22px; display: grid; place-items: center; border-radius: 99px; background: var(--paper-2); color: var(--ink); font: 900 0.75rem/1 var(--f);}
html[data-dphx-skin="tifo"] .cl.is-on b{background: var(--lemon);}
html[data-dphx-skin="tifo"] .cl__all{display: grid; place-items: center; width: 26px; height: 26px; background: var(--lemon); color: var(--ink); font-weight: 900;}
html[data-dphx-skin="tifo"] .cl__r{margin: 18px 0 6px; padding-inline: 10px; font: 900 0.6875rem/1 var(--f); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .cl__tip{margin-block-start: 18px; padding: 12px; background: var(--paper-2); font: 600 0.8125rem/1.4 var(--f); color: var(--ink-2);}
html[data-dphx-skin="tifo"] .mf__h{margin-block-end: 10px; font: 900 1.75rem/1 var(--fd); font-stretch: 62%; text-transform: uppercase;}
@media (min-width: 1024px){
html[data-dphx-skin="tifo"] .duel{grid-template-columns: 1fr 1fr;}
html[data-dphx-skin="tifo"] .duel__c--a{padding-inline: max(var(--g), calc((100vw - 1320px) / 2 + var(--g))) 48px;}
html[data-dphx-skin="tifo"] .duel__c--a .duel__in{margin-inline-start: auto;}
html[data-dphx-skin="tifo"] .duel__c--b{padding-inline: 48px max(var(--g), calc((100vw - 1320px) / 2 + var(--g)));}
html[data-dphx-skin="tifo"] .mf__bar{grid-template-columns: minmax(0, 1fr) auto; align-items: center;}
html[data-dphx-skin="tifo"] .mf__chips{display: none;}
html[data-dphx-skin="tifo"] .mf__lay{grid-template-columns: 250px minmax(0, 1fr) 340px; gap: 36px; align-items: start;}
html[data-dphx-skin="tifo"] .mf__side{display: block; position: sticky; top: calc(var(--hd) + 20px);}
html[data-dphx-skin="tifo"] .mf__lay > .aside{position: sticky; top: calc(var(--hd) + 20px);}
}
html[data-dphx-skin="tifo"] .mx[data-state="pre"] [data-only]:not([data-only~="pre"]),
html[data-dphx-skin="tifo"] .mx[data-state="live"] [data-only]:not([data-only~="live"]),
html[data-dphx-skin="tifo"] .mx[data-state="ft"] [data-only]:not([data-only~="ft"]){display: none !important;}
html[data-dphx-skin="tifo"] .stw{margin-block: 14px;}
html[data-dphx-skin="tifo"] .mh{position: relative; overflow: hidden; isolation: isolate; padding-block: 22px 32px; background: var(--ink); color: #fff; --mute: oklch(0.8 0.02 264);}
html[data-dphx-skin="tifo"] .mh__glow{position: absolute; inset: 0; z-index: -1; display: grid; grid-template-columns: 1fr 1fr; opacity: 0.4; filter: blur(80px) saturate(1.8);}
html[data-dphx-skin="tifo"] .mh__glow img{width: 100%; height: 100%; object-fit: cover;}
html[data-dphx-skin="tifo"] .mh::after{content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 90% at 50% 40%, transparent, oklch(0.1 0.03 266 / 0.85));}
html[data-dphx-skin="tifo"] .mh .crumb a:hover{color: #fff;}
html[data-dphx-skin="tifo"] .mh__comp{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; font: 800 0.8125rem/1 var(--f); letter-spacing: 0.04em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .mh__comp img{width: 26px; height: 26px; object-fit: contain; background: #fff; border-radius: 4px; padding: 2px;}
html[data-dphx-skin="tifo"] .mh__face{display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 10px; margin-block: 24px 18px;}
html[data-dphx-skin="tifo"] .mh__tm{display: grid; justify-items: center; gap: 10px; text-align: center;}
html[data-dphx-skin="tifo"] .mh__tm img{width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(0 10px 24px oklch(0 0 0 / 0.5)); transition: transform 0.3s var(--ease);}
html[data-dphx-skin="tifo"] .mh__tm:hover img{transform: scale(1.06);}
html[data-dphx-skin="tifo"] .mh__tm b{font: 900 1.375rem/0.95 var(--fd); font-stretch: 66%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .mh__sc{display: grid; gap: 4px; font: 700 0.75rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .mh__sc li b{font: 900 0.875rem/1 var(--f); font-stretch: 100%; color: var(--lemon); text-transform: none;}
html[data-dphx-skin="tifo"] .mx[data-state="pre"] .lu__l em{display: none;}
html[data-dphx-skin="tifo"] .mh__mid{padding-block-start: 10px; text-align: center;}
html[data-dphx-skin="tifo"] .mh__mid > div{display: grid; justify-items: center; gap: 8px;}
html[data-dphx-skin="tifo"] .mh__time{font: 900 clamp(3.5rem, 2.2rem + 6vw, 6rem)/0.85 var(--fn); font-stretch: 62%;}
html[data-dphx-skin="tifo"] .mh__d{font: 700 0.875rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .mh__cd{padding: 7px 12px; border: 1.5px solid oklch(1 0 0 / 0.25); font: 700 0.75rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .mh__cd b{color: var(--lemon);}
html[data-dphx-skin="tifo"] .mh__score{font: 900 clamp(4.25rem, 2.6rem + 7vw, 7.5rem)/0.82 var(--fn); font-stretch: 62%; font-variant-numeric: tabular-nums; letter-spacing: -0.02em;}
html[data-dphx-skin="tifo"] .mh__score i{font-style: normal; opacity: 0.4; margin-inline: 6px;}
html[data-dphx-skin="tifo"] .mh__live{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 99px; background: var(--red); font: 900 1rem/1 var(--f);}
html[data-dphx-skin="tifo"] .mh__live .dot{color: #fff;}
html[data-dphx-skin="tifo"] .mh__meta{display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font: 600 0.8125rem/1.3 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .mh__cta{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-block-start: 20px;}
html[data-dphx-skin="tifo"] .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding-inline: 18px; border: 0; border-radius: 99px; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; transition: transform 0.2s var(--ease), filter 0.2s;}
html[data-dphx-skin="tifo"] .btn:hover{transform: translateY(-2px); filter: brightness(1.05);}
html[data-dphx-skin="tifo"] .btn--lemon{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .btn--red{background: var(--red); color: #fff;}
html[data-dphx-skin="tifo"] .btn--ink{background: var(--ink); color: var(--lemon);}
html[data-dphx-skin="tifo"] .btn--o,
html[data-dphx-skin="tifo"] .mh .follow{background: none; border: 2px solid oklch(1 0 0 / 0.4); color: #fff; height: 46px;}
html[data-dphx-skin="tifo"] .btn--xl{width: 100%; height: 58px; margin-block-start: 14px; font-size: 0.9375rem;}
html[data-dphx-skin="tifo"] .mtabs{position: sticky; top: var(--hd); z-index: 15; background: var(--ink); color: #fff; border-block-start: 1px solid oklch(1 0 0 / 0.1);}
html[data-dphx-skin="tifo"] .mtabs__in{display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none;}
html[data-dphx-skin="tifo"] .mtabs__in::-webkit-scrollbar{display: none;}
html[data-dphx-skin="tifo"] .mtabs a{flex: none; padding: 14px 14px 12px; border-bottom: 3px solid transparent; font: 900 0.75rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: oklch(1 0 0 / 0.75);}
html[data-dphx-skin="tifo"] .mtabs a:hover{color: #fff; border-color: var(--lemon);}
html[data-dphx-skin="tifo"] .mx section[id]{scroll-margin-top: calc(var(--hd) + 56px);}
html[data-dphx-skin="tifo"] .tix2{display: grid; gap: 22px;}
html[data-dphx-skin="tifo"] .venue{display: grid; background: var(--paper); align-self: start;}
html[data-dphx-skin="tifo"] .venue img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
html[data-dphx-skin="tifo"] .venue__b{display: grid; gap: 8px; padding: 16px 18px 18px;}
html[data-dphx-skin="tifo"] .venue__b b{font: 900 1.5rem/0.95 var(--fd); font-stretch: 66%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .venue__b > span{font: 700 0.875rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .venue__b ul{display: grid; gap: 6px; margin-block: 6px;}
html[data-dphx-skin="tifo"] .venue__b li{padding-inline-start: 22px; position: relative; font: 600 0.875rem/1.35 var(--f);}
html[data-dphx-skin="tifo"] .venue__b li::before{content: "✓"; position: absolute; inset-inline-start: 0; font-weight: 900; color: var(--blue);}
html[data-dphx-skin="tifo"] .link{font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; border-bottom: 3px solid currentColor; justify-self: start; padding-bottom: 3px;}
html[data-dphx-skin="tifo"] .tcs ol{display: grid; gap: 8px;}
html[data-dphx-skin="tifo"] .tc{display: grid; grid-template-columns: 1fr auto; gap: 10px 14px; align-items: center; padding: 14px 16px; background: var(--paper); -webkit-mask: radial-gradient(circle 9px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle 9px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;}
html[data-dphx-skin="tifo"] .tc__b{display: grid; gap: 3px; padding-inline-start: 6px;}
html[data-dphx-skin="tifo"] .tc__b b{font: 900 1.1875rem/1 var(--f); font-stretch: 72%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .tc__b small{font: 600 0.8125rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .tc__p{font: 900 1.75rem/1 var(--fn); font-stretch: 64%; text-align: end;}
html[data-dphx-skin="tifo"] .tc__s{justify-self: start; padding: 5px 9px; border-radius: 99px; font: 900 0.6875rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase; background: oklch(0.9 0.08 150); color: oklch(0.32 0.1 150);}
html[data-dphx-skin="tifo"] .tc--low .tc__s{background: oklch(0.92 0.08 60); color: oklch(0.4 0.12 50);}
html[data-dphx-skin="tifo"] .tc--out .tc__s{background: var(--paper-2); color: var(--mute);}
html[data-dphx-skin="tifo"] .tc__go{justify-self: end; display: inline-flex; align-items: center; height: 38px; padding-inline: 14px; border-radius: 99px; background: var(--ink); color: var(--lemon); font: 900 0.75rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .tc--out{opacity: 0.6;}
html[data-dphx-skin="tifo"] .tc--out .tc__go{background: var(--paper-2); color: var(--mute); pointer-events: none;}
html[data-dphx-skin="tifo"] .tix2__note{margin-block-start: 12px; font: 600 0.8125rem/1.45 var(--f); color: var(--ink-2);}
html[data-dphx-skin="tifo"] .geo--d{margin: 0; border: 0; padding: 0;}
html[data-dphx-skin="tifo"] .geo--d button{border-color: oklch(1 0 0 / 0.4); color: #fff;}
html[data-dphx-skin="tifo"] .geo--d button.is-on{background: var(--lemon); border-color: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .wcs{display: grid; gap: 10px;}
html[data-dphx-skin="tifo"] .wc{display: grid; grid-template-columns: 48px 1fr auto; grid-template-areas: "ic b f" "ic b go"; align-items: center; gap: 4px 14px; padding: 14px 16px; border: 1px solid oklch(1 0 0 / 0.12); border-radius: 14px; background: oklch(1 0 0 / 0.05); transition: background 0.2s, transform 0.2s var(--ease);}
html[data-dphx-skin="tifo"] .wc:hover{background: oklch(1 0 0 / 0.1); transform: translateY(-2px);}
html[data-dphx-skin="tifo"] .wc__ic{grid-area: ic; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--lemon); color: var(--ink); font-size: 1.25rem;}
html[data-dphx-skin="tifo"] .wc__b{grid-area: b; display: grid; gap: 3px; min-width: 0;}
html[data-dphx-skin="tifo"] .wc__b small{font: 900 0.6875rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase; color: var(--lemon);}
html[data-dphx-skin="tifo"] .wc__b b{font: 800 1.0625rem/1.15 var(--f);}
html[data-dphx-skin="tifo"] .wc__b span{font: 600 0.8125rem/1.3 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .wc__f{grid-area: f; justify-self: end; padding: 4px 8px; border-radius: 99px; background: oklch(1 0 0 / 0.12); font: 800 0.6875rem/1 var(--f);}
html[data-dphx-skin="tifo"] .wc__go{grid-area: go; justify-self: end; font: 900 0.75rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase; color: var(--lemon);}
html[data-dphx-skin="tifo"] .wnote{margin-block-start: 16px; font: 600 0.8125rem/1.45 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .mlay{padding-block: 40px var(--sec);}
html[data-dphx-skin="tifo"] .mcol{display: grid; gap: 56px; min-width: 0;}
html[data-dphx-skin="tifo"] .lf li{display: grid; grid-template-columns: 54px 1fr; gap: 10px; padding: 13px 10px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .lf__m{font: 900 1rem/1.3 var(--fn); color: var(--red); font-variant-numeric: tabular-nums;}
html[data-dphx-skin="tifo"] .lf p{font: 400 1.0625rem/1.5 var(--serif);}
html[data-dphx-skin="tifo"] .lf .is-goal{background: var(--lemon); border: 0; margin-block: 4px;}
html[data-dphx-skin="tifo"] .lf .is-goal .lf__m{color: var(--ink);}
html[data-dphx-skin="tifo"] .lf strong{font-family: var(--f); font-weight: 900; letter-spacing: 0.04em;}
html[data-dphx-skin="tifo"] .tl{position: relative; display: grid; gap: 6px;}
html[data-dphx-skin="tifo"] .tl::before{content: ""; position: absolute; inset-block: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--line);}
html[data-dphx-skin="tifo"] .tl__i{position: relative; display: grid; grid-template-columns: 1fr 52px 1fr; align-items: center;}
html[data-dphx-skin="tifo"] .tl__m{grid-column: 2; grid-row: 1; justify-self: center; display: grid; place-items: center; min-width: 44px; height: 30px; padding-inline: 6px; border-radius: 99px; background: var(--paper); border: 2px solid var(--line); font: 900 0.8125rem/1 var(--fn);}
html[data-dphx-skin="tifo"] .tl__i--goal .tl__m{background: var(--lemon); border-color: var(--lemon);}
html[data-dphx-skin="tifo"] .tl__ic{display: none;}
html[data-dphx-skin="tifo"] .tl__w{grid-row: 1; display: grid; gap: 2px; padding: 8px 12px; font: 800 0.9375rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .tl__w small{font: 600 0.75rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .tl__i--h .tl__w{grid-column: 1; text-align: end;}
html[data-dphx-skin="tifo"] .tl__i--a .tl__w{grid-column: 3;}
html[data-dphx-skin="tifo"] .tl__i--goal .tl__w b{color: var(--blue);}
html[data-dphx-skin="tifo"] .tl__i--card .tl__w b::after{content: ""; display: inline-block; width: 9px; height: 12px; margin-inline-start: 6px; background: oklch(0.85 0.17 95); border-radius: 1px; vertical-align: -1px;}
html[data-dphx-skin="tifo"] .lus{display: grid; gap: 18px;}
html[data-dphx-skin="tifo"] .lu{padding: 18px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .lu__h{display: flex; align-items: center; gap: 10px; font: 900 1.5rem/1 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .lu__h img{width: 30px; height: 30px; object-fit: contain;}
html[data-dphx-skin="tifo"] .lu__c{display: flex; align-items: center; gap: 10px; margin-block: 12px 4px; font: 600 0.875rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .lu__c img{width: 34px; height: 34px; border-radius: 50%; object-fit: cover; background: #fff;}
html[data-dphx-skin="tifo"] .lu__t{margin-block: 14px 6px; font: 900 0.6875rem/1 var(--f); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .lu__l li{display: flex; align-items: center; gap: 10px; padding-block: 6px; border-bottom: 1px solid var(--line); font: 700 0.9375rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .lu__l img{width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: #fff; flex: none;}
html[data-dphx-skin="tifo"] .lu__l em{margin-inline-start: auto; font: 900 0.75rem/1 var(--f); font-style: normal;}
html[data-dphx-skin="tifo"] .lu__l .out{color: var(--red);}
html[data-dphx-skin="tifo"] .lu__l .in{color: var(--win);}
html[data-dphx-skin="tifo"] .lu__l--b li{opacity: 0.85;}
html[data-dphx-skin="tifo"] .sb__t{display: flex; align-items: center; justify-content: space-between; margin-block-end: 10px;}
html[data-dphx-skin="tifo"] .sb__t img{width: 36px; height: 36px; object-fit: contain;}
html[data-dphx-skin="tifo"] .sb li{display: grid; grid-template-columns: 56px 1fr 56px; align-items: center; row-gap: 6px; padding-block: 10px;}
html[data-dphx-skin="tifo"] .sb__v{font: 900 1.375rem/1 var(--fn); font-stretch: 66%;}
html[data-dphx-skin="tifo"] .sb__v:last-of-type{text-align: end;}
html[data-dphx-skin="tifo"] .sb__l{text-align: center; font: 800 0.75rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .sb__bar{grid-column: 1 / -1; display: flex; gap: 4px; height: 8px;}
html[data-dphx-skin="tifo"] .sb__bar i{flex: 0 0 var(--w); background: var(--blue);}
html[data-dphx-skin="tifo"] .sb__bar i + i{flex: 1; background: var(--red);}
html[data-dphx-skin="tifo"] .cmp li{display: grid; grid-template-columns: 80px 1fr 80px; align-items: center; padding-block: 10px; border-bottom: 1px solid var(--line); text-align: center;}
html[data-dphx-skin="tifo"] .cmp b{font: 900 2rem/1 var(--fn); font-stretch: 62%; color: var(--mute);}
html[data-dphx-skin="tifo"] .cmp b.is-b{color: var(--ink); background: linear-gradient(transparent 55%, var(--lemon) 55%); justify-self: center; padding-inline: 4px;}
html[data-dphx-skin="tifo"] .cmp span{font: 800 0.75rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute);}
html[data-dphx-skin="tifo"] .cmp__f{display: flex; align-items: center; justify-content: space-between; margin-block-start: 14px;}
html[data-dphx-skin="tifo"] .motm__b{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
html[data-dphx-skin="tifo"] .vote .motm__b button{height: auto; display: grid; justify-items: center; gap: 6px; padding: 12px 6px; font: 800 0.8125rem/1.15 var(--f);}
html[data-dphx-skin="tifo"] .motm__b img{position: relative; z-index: 1; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #fff;}
html[data-dphx-skin="tifo"] .plh{padding-block-end: 0;}
html[data-dphx-skin="tifo"] .plh__in{display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center;}
html[data-dphx-skin="tifo"] .plh__in .follow{grid-column: 1 / -1; justify-self: start;}
html[data-dphx-skin="tifo"] .plh__ph{position: relative; width: 112px; height: 112px; border: 5px solid #fff; background: #fff; box-shadow: 6px 6px 0 var(--ink); transform: rotate(-2deg);}
html[data-dphx-skin="tifo"] .plh__ph img{width: 100%; height: 100%; object-fit: cover;}
html[data-dphx-skin="tifo"] .plh__n{position: absolute; inset-inline-end: -14px; bottom: -14px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--lemon); color: var(--ink); border: 3px solid var(--ink); font: 900 1.25rem/1 var(--f);}
html[data-dphx-skin="tifo"] .plh__k{display: flex; align-items: center; gap: 8px; margin-block-end: 8px; font: 800 0.8125rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase; color: var(--lemon);}
html[data-dphx-skin="tifo"] .plh__k img{width: 22px; height: 22px; object-fit: contain;}
html[data-dphx-skin="tifo"] .facts .flg{display: inline-block;}
html[data-dphx-skin="tifo"] .ratio{display: flex; align-items: center; gap: 14px; margin-block-start: 16px; font: 800 0.8125rem/1 var(--f); text-transform: uppercase; letter-spacing: 0.05em; color: var(--mute);}
html[data-dphx-skin="tifo"] .ratio b{font: 900 2.5rem/1 var(--fn); font-stretch: 62%; color: var(--ink);}
html[data-dphx-skin="tifo"] .ratio__bar{flex: 1; height: 10px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .ratio__bar i{display: block; height: 100%; width: var(--w); background: var(--blue);}
html[data-dphx-skin="tifo"] .cr li{display: grid; grid-template-columns: 58px 1fr auto; gap: 12px; align-items: center; padding-block: 12px; border-bottom: 1px solid var(--line);}
html[data-dphx-skin="tifo"] .cr time{font: 900 1.5rem/1 var(--fn); font-stretch: 62%; color: var(--blue);}
html[data-dphx-skin="tifo"] .cr__t{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 700 0.9375rem/1.2 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .cr__t b{color: var(--ink); font-weight: 900;}
html[data-dphx-skin="tifo"] .cr__t img{width: 24px; height: 24px; object-fit: contain;}
html[data-dphx-skin="tifo"] .cr__t i{font-style: normal;}
html[data-dphx-skin="tifo"] .cr__ty{padding: 4px 8px; border-radius: 99px; background: var(--paper-2); font: 800 0.6875rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .trp{display: grid; gap: 8px;}
html[data-dphx-skin="tifo"] .trp li{display: grid; grid-template-columns: 40px 1fr; column-gap: 10px; align-items: center; padding: 12px 14px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .trp li.is-w{background: var(--lemon);}
html[data-dphx-skin="tifo"] .tr__ic{grid-row: span 2; font-size: 1.5rem;}
html[data-dphx-skin="tifo"] .trp b{font: 900 1.125rem/1 var(--f); font-stretch: 72%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .trp span:last-child{font: 600 0.8125rem/1.3 var(--f); color: var(--ink-2);}
html[data-dphx-skin="tifo"] .vgrid{display: grid; gap: 28px 18px;}
html[data-dphx-skin="tifo"] .vc a{display: grid; gap: 8px;}
html[data-dphx-skin="tifo"] .vc .vid__p{border-radius: 12px;}
html[data-dphx-skin="tifo"] .vc .play{width: 40px; height: 40px;}
html[data-dphx-skin="tifo"] .vc .play svg{width: 15px; height: 15px;}
html[data-dphx-skin="tifo"] .vc__h{font: 800 1.0625rem/1.2 var(--f); font-stretch: 84%;}
html[data-dphx-skin="tifo"] .vc a:hover .vc__h{color: var(--blue);}
html[data-dphx-skin="tifo"] .sbig{display: flex; align-items: center; gap: 12px; height: 66px; padding-inline: 18px 8px; background: #fff; color: var(--ink); border: 4px solid var(--ink); box-shadow: 6px 6px 0 var(--lemon);}
html[data-dphx-skin="tifo"] .sbig input{flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: 900 1.5rem/1 var(--f); font-stretch: 80%;}
html[data-dphx-skin="tifo"] .sbig button{height: 46px; padding-inline: 18px; border: 0; background: var(--ink); color: var(--lemon); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .sclub{display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 18px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .sclub:hover{background: var(--lemon);}
html[data-dphx-skin="tifo"] .sclub img{width: 64px; height: 64px; object-fit: contain;}
html[data-dphx-skin="tifo"] .sclub > span{display: grid; gap: 8px;}
html[data-dphx-skin="tifo"] .sclub b{font: 900 2rem/0.9 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .sclub small{display: flex; align-items: center; gap: 10px; font: 700 0.875rem/1 var(--f); color: var(--ink-2);}
html[data-dphx-skin="tifo"] .sclub__go{margin-inline-start: auto; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .sps{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
html[data-dphx-skin="tifo"] .sp{display: flex; align-items: center; gap: 10px; padding: 10px; background: var(--paper-2);}
html[data-dphx-skin="tifo"] .sp:hover{background: var(--lemon);}
html[data-dphx-skin="tifo"] .sp img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #fff;}
html[data-dphx-skin="tifo"] .sp b{display: block; font: 800 0.9375rem/1.15 var(--f);}
html[data-dphx-skin="tifo"] .sp small{display: block; margin-top: 3px; font: 600 0.75rem/1.3 var(--f); color: var(--mute);}
@media (min-width: 640px){
html[data-dphx-skin="tifo"] .wcs{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .tc{grid-template-columns: 1fr 90px auto auto;}
html[data-dphx-skin="tifo"] .tc__s{justify-self: center;}
html[data-dphx-skin="tifo"] .vgrid{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .plh__ph{width: 150px; height: 150px;}
html[data-dphx-skin="tifo"] .mh__tm img{width: 110px; height: 110px;}
}
@media (min-width: 1024px){
html[data-dphx-skin="tifo"] .mh{padding-block: 26px 40px;}
html[data-dphx-skin="tifo"] .mh__face{gap: 40px; max-width: 980px; margin-inline: auto;}
html[data-dphx-skin="tifo"] .mh__tm img{width: 140px; height: 140px;}
html[data-dphx-skin="tifo"] .mh__tm b{font-size: 2.25rem;}
html[data-dphx-skin="tifo"] .mh__sc{font-size: 0.875rem;}
html[data-dphx-skin="tifo"] .tix2{grid-template-columns: 1fr 1.5fr; gap: 28px;}
html[data-dphx-skin="tifo"] .wcs{grid-template-columns: repeat(4, 1fr);}
html[data-dphx-skin="tifo"] .wc{grid-template-columns: 1fr; grid-template-areas: "ic" "b" "f" "go"; justify-items: start; gap: 10px; padding: 18px;}
html[data-dphx-skin="tifo"] .wc__f,
html[data-dphx-skin="tifo"] .wc__go{justify-self: start;}
html[data-dphx-skin="tifo"] .lus{grid-template-columns: 1fr 1fr;}
html[data-dphx-skin="tifo"] .mlay{grid-template-columns: minmax(0, 1fr) 360px;}
html[data-dphx-skin="tifo"] .plh__in{grid-template-columns: auto 1fr auto; gap: 30px;}
html[data-dphx-skin="tifo"] .plh__in .follow{grid-column: auto;}
html[data-dphx-skin="tifo"] .plh__ph{width: 190px; height: 190px;}
html[data-dphx-skin="tifo"] .trp{grid-template-columns: 1fr 1fr;}
html[data-dphx-skin="tifo"] .vgrid{grid-template-columns: repeat(3, 1fr);}
html[data-dphx-skin="tifo"] .sps{grid-template-columns: repeat(4, 1fr);}
}
html[data-dphx-skin="tifo"] .wall > *,
html[data-dphx-skin="tifo"] .wall__row > *,
html[data-dphx-skin="tifo"] .wall__sm > *,
html[data-dphx-skin="tifo"] .grid3 > *,
html[data-dphx-skin="tifo"] .rec > *,
html[data-dphx-skin="tifo"] .trio > *{min-width: 0;}
html[data-dphx-skin="tifo"] .wall__row .tp__big{font-size: clamp(4.5rem, 7vw, 6rem);}
html[data-dphx-skin="tifo"] .geo .flg{width: 18px; height: 13px; object-fit: cover; border-radius: 2px; margin-inline-end: 6px; vertical-align: -2px; display: inline-block;}
html[data-dphx-skin="tifo"] .home-a{display: grid; gap: 56px;}
html[data-dphx-skin="tifo"] .hd__tools .ib + .ib{display: none;}
html[data-dphx-skin="tifo"] .wall__row{display: grid; gap: 12px;}
html[data-dphx-skin="tifo"] .grid3{display: grid; gap: 30px 22px;}
@media (min-width: 640px){
html[data-dphx-skin="tifo"]{--g: 24px;}
html[data-dphx-skin="tifo"] .wall__sm{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .tbl .o{display: table-cell;}
html[data-dphx-skin="tifo"] .shorts{grid-auto-columns: 26%;}
html[data-dphx-skin="tifo"] .rec{grid-auto-columns: 40%;}
html[data-dphx-skin="tifo"] .sq__g{grid-template-columns: repeat(3, 1fr);}
html[data-dphx-skin="tifo"] .kpis{grid-template-columns: repeat(6, 1fr);}
html[data-dphx-skin="tifo"] .ft__g{grid-template-columns: 1.4fr repeat(3, 1fr);}
html[data-dphx-skin="tifo"] .ft__brand{grid-column: auto;}
html[data-dphx-skin="tifo"] .tks{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .wall__row,
html[data-dphx-skin="tifo"] .grid3{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .clh__crest{width: 120px; height: 120px;}
}
@media (min-width: 1024px){
html[data-dphx-skin="tifo"]{--g: 36px; --hd: 72px;}
html[data-dphx-skin="tifo"] .hd__logo img{height: 30px;}
html[data-dphx-skin="tifo"] .hd__tools .ib + .ib{display: grid;}
html[data-dphx-skin="tifo"] .hd__nav{display: flex; gap: 22px; margin-inline-start: 28px; font: 900 0.8125rem/1 var(--f); letter-spacing: 0.08em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .hd__nav a{padding-block: 8px; border-bottom: 3px solid transparent;}
html[data-dphx-skin="tifo"] .hd__nav a:hover,
html[data-dphx-skin="tifo"] .hd__nav a[aria-current]{border-color: var(--lemon);}
html[data-dphx-skin="tifo"] .menu-btn,
html[data-dphx-skin="tifo"] .sub{display: none;}
html[data-dphx-skin="tifo"] .une{grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 320px; gap: 40px; align-items: center;}
html[data-dphx-skin="tifo"] .une .pst{display: contents;}
html[data-dphx-skin="tifo"] .pst__fr{grid-column: 1;}
html[data-dphx-skin="tifo"] .pst__txt{grid-column: 2; margin: 0;}
html[data-dphx-skin="tifo"] .pst__sc{inset-inline-end: auto; inset-inline-start: calc(50% - 21rem); top: auto; bottom: 34%; font-size: 12rem;}
html[data-dphx-skin="tifo"] .une{position: relative;}
html[data-dphx-skin="tifo"] .also{grid-column: 3;}
html[data-dphx-skin="tifo"] .home-a{display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px;}
html[data-dphx-skin="tifo"] .wall{grid-template-columns: 1.35fr 1fr; gap: 28px 32px;}
html[data-dphx-skin="tifo"] .wall__sm{grid-template-columns: 1fr;}
html[data-dphx-skin="tifo"] .wall__sm .pc a{grid-template-columns: 1fr 120px; column-gap: 14px;}
html[data-dphx-skin="tifo"] .wall__sm .pc .ht{grid-column: 2; grid-row: 1 / span 4; aspect-ratio: 1; margin: 0;}
html[data-dphx-skin="tifo"] .wall__row{grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
html[data-dphx-skin="tifo"] .tks{grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-dphx-skin="tifo"] .vtop{grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 32px;}
html[data-dphx-skin="tifo"] .shorts{grid-auto-flow: row; grid-template-columns: repeat(6, 1fr); overflow: visible; margin-inline: 0; padding: 0;}
html[data-dphx-skin="tifo"] .trio{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;}
html[data-dphx-skin="tifo"] .trio > .col{padding-inline: 28px; border-inline-start: 2px solid var(--ink);}
html[data-dphx-skin="tifo"] .trio > .col:first-child{padding-inline-start: 0; border: 0;}
html[data-dphx-skin="tifo"] .trio > .col:last-child{padding-inline-end: 0;}
html[data-dphx-skin="tifo"] .data3{display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 44px; align-items: start;}
html[data-dphx-skin="tifo"] .rec{grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); overflow: visible; margin-inline: 0; padding: 0;}
html[data-dphx-skin="tifo"] .band.prog ol{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 56px;}
html[data-dphx-skin="tifo"] .join{grid-template-columns: 1.2fr 1fr; align-items: end; gap: 48px;}
html[data-dphx-skin="tifo"] .ah{padding-block: 44px 64px;}
html[data-dphx-skin="tifo"] .ah__in{display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; align-items: end;}
html[data-dphx-skin="tifo"] .af{margin-block-start: -40px;}
html[data-dphx-skin="tifo"] .ab{grid-template-columns: minmax(0, 1fr) 340px; gap: 64px;}
html[data-dphx-skin="tifo"] .lay{grid-template-columns: minmax(0, 1fr) 360px; gap: 56px; align-items: start;}
html[data-dphx-skin="tifo"] .lay > .aside{position: sticky; top: calc(var(--hd) + 20px);}
html[data-dphx-skin="tifo"] .ab > .aside{position: sticky; top: calc(var(--hd) + 20px);}
html[data-dphx-skin="tifo"] .sq__g{grid-template-columns: repeat(4, 1fr);}
html[data-dphx-skin="tifo"] .clh__in{grid-template-columns: auto 1fr auto; gap: 28px;}
html[data-dphx-skin="tifo"] .clh__in .follow{grid-column: auto;}
html[data-dphx-skin="tifo"] .lay .tks{grid-template-columns: repeat(2, 1fr);}
html[data-dphx-skin="tifo"] .clh__crest{width: 150px; height: 150px;}
html[data-dphx-skin="tifo"] .tbl .o,
html[data-dphx-skin="tifo"] .tbl .o2{display: table-cell;}
html[data-dphx-skin="tifo"] .grid3{grid-template-columns: repeat(3, 1fr);}
html[data-dphx-skin="tifo"] .cat-top{display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 32px;}
}
@media (prefers-reduced-motion: reduce){
html[data-dphx-skin="tifo"] *,
html[data-dphx-skin="tifo"] *::before,
html[data-dphx-skin="tifo"] *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
}
html[data-dphx-skin="tifo"] body{background: var(--paper);}
html[data-dphx-skin="tifo"] .wp-site-blocks{padding: 0; gap: 0;}
html[data-dphx-skin="tifo"] .wp-site-blocks > *{margin-block: 0;}
html[data-dphx-skin="tifo"] .wp-site-blocks > header.wp-block-template-part,
html[data-dphx-skin="tifo"] .wp-site-blocks > footer.wp-block-template-part{display: contents;}
html[data-dphx-skin="tifo"] main.dphx-main{max-width: none; margin: 0; padding: 0;}
html[data-dphx-skin="tifo"] main.dphx-main > *{max-width: none; margin-inline: 0; margin-block: 0;}
html[data-dphx-skin="tifo"] main.dphx-main > .dphx-layout{padding: 0;}
html[data-dphx-skin="tifo"] main.dphx-main .wp-block-query-title,
html[data-dphx-skin="tifo"] main.dphx-main .wp-block-term-description{display: none;}
html[data-dphx-skin="tifo"] main.dphx-category > .wp-block-group:first-child{display: none;}
html[data-dphx-skin="tifo"] .dphx-ticker,
html[data-dphx-skin="tifo"] .dphx-breaking{display: none;}
html[data-dphx-skin="tifo"] .txt ul{list-style: disc; padding-inline-start: 1.4em;}
html[data-dphx-skin="tifo"] .txt ol{list-style: decimal; padding-inline-start: 1.4em;}
html[data-dphx-skin="tifo"] .txt li + li{margin-block-start: 0.4em;}
html[data-dphx-skin="tifo"] .txt a{color: var(--blue); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;}
html[data-dphx-skin="tifo"] .txt a:hover{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .txt img{height: auto;}
html[data-dphx-skin="tifo"] .txt figure{margin: 1.6em 0;}
html[data-dphx-skin="tifo"] .txt figcaption{margin-block-start: 8px; font: 600 0.8125rem/1.4 var(--f); color: var(--mute);}
html[data-dphx-skin="tifo"] .txt blockquote:not(.pull){margin: 1.6em 0; padding-inline-start: 18px; border-inline-start: 4px solid var(--lemon); font-style: italic;}
html[data-dphx-skin="tifo"] .txt .wp-block-embed__wrapper,
html[data-dphx-skin="tifo"] .txt iframe[src*="youtube"],
html[data-dphx-skin="tifo"] .txt iframe[src*="dailymotion"]{position: relative; width: 100%; aspect-ratio: 16 / 9; height: auto;}
html[data-dphx-skin="tifo"] .txt .wp-block-embed iframe{position: absolute; inset: 0; width: 100%; height: 100%;}
html[data-dphx-skin="tifo"] .txt table{width: 100%; border-collapse: collapse; font: 600 0.9375rem/1.4 var(--f);}
html[data-dphx-skin="tifo"] .txt th,
html[data-dphx-skin="tifo"] .txt td{padding: 8px; border-bottom: 1px solid var(--line); text-align: start;}
html[data-dphx-skin="tifo"] .txt h3{margin-block-start: 1.6em; font: 800 1.375rem/1.15 var(--f);}
html[data-dphx-skin="tifo"] .google-auto-placed{margin-block: 28px !important;}
html[data-dphx-skin="tifo"] .band > .google-auto-placed,
html[data-dphx-skin="tifo"] .w > .google-auto-placed{clear: both;}
html[data-dphx-skin="tifo"] .tf-pager{display: flex; justify-content: center; gap: 8px; margin-block-start: 28px;}
html[data-dphx-skin="tifo"] .tf-pager a,
html[data-dphx-skin="tifo"] .tf-pager span{display: grid; place-items: center; min-width: 44px; height: 44px; padding-inline: 12px; border: 2px solid var(--ink); font: 900 0.875rem/1 var(--f);}
html[data-dphx-skin="tifo"] .tf-pager .current{background: var(--ink); color: var(--lemon);}
html[data-dphx-skin="tifo"] .admin-bar .hd{top: 32px;}
@media (max-width: 782px){
html[data-dphx-skin="tifo"] .admin-bar .hd{top: 46px;}
}
html[data-dphx-skin="tifo"] .lang-sw{display: grid; place-items: center; min-width: 40px; height: 36px; padding-inline: 10px; border: 2px solid oklch(1 0 0 / 0.5); border-radius: 99px; font: 900 0.875rem/1 var(--f);}
html[data-dphx-skin="tifo"] .lang-sw[lang="ar"]{font-family: "Noto Kufi Arabic", Tahoma, sans-serif; font-size: 1rem;}
html[data-dphx-skin="tifo"] .lang-sw:hover{background: var(--lemon); border-color: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .hd__name{font: 900 1.5rem/1 var(--fn); font-stretch: 70%; text-transform: uppercase; letter-spacing: 0.01em; color: #fff;}
html[data-dphx-skin="tifo"] .hd__name b{display: inline-grid; place-items: center; width: 0.9em; height: 0.9em; margin-inline-start: 3px; background: var(--lemon); color: var(--ink); font-size: 0.8em; vertical-align: 0.05em;}
html[data-dphx-skin="tifo"] .ft__logo img{height: 28px; width: auto;}
html[data-dphx-skin="tifo"] .drw{position: relative;}
html[data-dphx-skin="tifo"] .drw > summary{list-style: none; cursor: pointer;}
html[data-dphx-skin="tifo"] .drw > summary::-webkit-details-marker{display: none;}
html[data-dphx-skin="tifo"] .drw__p{position: fixed; inset: var(--hd) 0 0; z-index: 30; overflow-y: auto; padding: 22px var(--g) 40px; background: var(--blue-d); color: #fff;}
html[data-dphx-skin="tifo"] .drw__nav{display: grid;}
html[data-dphx-skin="tifo"] .drw__nav a{padding-block: 14px; border-bottom: 1px solid oklch(1 0 0 / 0.14); font: 400 2rem/1 var(--fd); font-stretch: 62%; font-weight: 900; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .drw__nav a[aria-current]{color: var(--lemon);}
html[data-dphx-skin="tifo"] .drw .join__b{margin-block-start: 24px;}
html[data-dphx-skin="tifo"] .admin-bar .drw__p{top: calc(var(--hd) + 46px);}
@media (min-width: 1366px){
html[data-dphx-skin="tifo"] .drw{display: none;}
}
@media (min-width: 1024px) and (max-width: 1365px){
html[data-dphx-skin="tifo"] .hd__nav{display: none;}
html[data-dphx-skin="tifo"] .menu-btn{display: inline-flex;}
html[data-dphx-skin="tifo"] .sub{display: block;}
}
html[data-dphx-skin="tifo"] body.dsd-page{background: var(--paper);}
html[data-dphx-skin="tifo"] main.dsd-main-wrap{display: block; padding: 0; background: none;}
html[data-dphx-skin="tifo"] body :is(h1, h2, h3, h4, h5, h6){color: inherit; font-family: inherit;}
html[data-dphx-skin="tifo"] body a{color: inherit;}
html[data-dphx-skin="tifo"] body .txt a{color: var(--blue);}
html[data-dphx-skin="tifo"] .duel--one{grid-template-columns: 1fr !important;}
html[data-dphx-skin="tifo"] .duel--one .duel__c--a{padding-inline: max(var(--g), calc((100vw - 1320px) / 2 + var(--g))) !important;}
html[data-dphx-skin="tifo"] .duel--one .duel__in{max-width: none; margin: 0 !important; display: grid; gap: 0 48px;}
@media (min-width: 1024px){
html[data-dphx-skin="tifo"] .duel--one .duel__in{grid-template-columns: 1.2fr 1fr; align-items: start;}
html[data-dphx-skin="tifo"] .duel--one .duel__in > .st{grid-column: 1 / -1;}
}
html[data-dphx-skin="tifo"] .ab--solo{grid-template-columns: minmax(0, 760px) !important; justify-content: center;}
html[data-dphx-skin="tifo"] .txt__match{margin-block-end: 1.4em; font-family: var(--f);}
html[data-dphx-skin="tifo"] .txt .wp-block-pullquote,
html[data-dphx-skin="tifo"] .txt .wp-block-quote.is-style-large{margin: 1.6em 0; padding: 22px 22px 24px; background: var(--blue); color: #fff; transform: rotate(-1deg); box-shadow: 6px 6px 0 var(--lemon); border: 0; text-align: start;}
html[data-dphx-skin="tifo"] .txt .wp-block-pullquote p,
html[data-dphx-skin="tifo"] .txt .wp-block-pullquote blockquote p{font: 900 1.875rem/0.98 var(--fd); font-stretch: 64%; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .txt .wp-block-pullquote cite{display: block; margin-block-start: 12px; font: 700 0.8125rem/1 var(--f); font-style: normal; color: var(--lemon);}
html[data-dphx-skin="tifo"] .txt .dphx-tldr,
html[data-dphx-skin="tifo"] .txt [class*="tldr"]{margin-block: 0 1.6em; padding: 18px 20px; background: var(--lemon); font-family: var(--f);}
html[data-dphx-skin="tifo"] .txt .dphx-toc,
html[data-dphx-skin="tifo"] .txt [class*="dphx-toc"]{margin-block: 0 1.6em; padding: 16px 20px; border: 3px solid var(--ink); font-family: var(--f);}
html[data-dphx-skin="tifo"] .txt [class*="author-bio"],
html[data-dphx-skin="tifo"] .txt [class*="dphx-bio"]{margin-block-start: 2em; padding: 18px; background: var(--paper-2); font-family: var(--f);}
html[data-dphx-skin="tifo"] .txt .comment-respond,
html[data-dphx-skin="tifo"] .txt .comments-area,
html[data-dphx-skin="tifo"] .txt [class*="comments"]{font-family: var(--f);}
html[data-dphx-skin="tifo"] .tf-art .ah__m a:hover{text-decoration: underline;}
html[data-dphx-skin="tifo"] .av{object-fit: cover;}
html[data-dphx-skin="tifo"] .inl img{width: 96px; height: 96px; object-fit: cover;}
html[data-dphx-skin="tifo"] .txt .dphx-article__content > p:first-child::first-letter{float: left; margin: 0.06em 0.1em 0 0; font: 900 4.6em/0.78 var(--fn); font-stretch: 62%; color: var(--blue);}
html[data-dphx-skin="tifo"][lang^="ar"] .txt .dphx-article__content > p:first-child::first-letter{float: none; font: inherit; color: inherit; margin: 0;}
html[data-dphx-skin="tifo"] .txt .comment-respond{margin-block-start: 2.4em; padding-block-start: 1.4em; border-top: 3px solid var(--ink);}
html[data-dphx-skin="tifo"] .txt .comment-reply-title,
html[data-dphx-skin="tifo"] .txt .comments-title{font: 900 2rem/0.95 var(--fd); font-stretch: 64%; text-transform: uppercase; margin-block-end: 10px;}
html[data-dphx-skin="tifo"] .txt .comment-form{display: grid; gap: 10px; font: 600 0.9375rem/1.4 var(--f);}
html[data-dphx-skin="tifo"] .txt .comment-form input[type="text"],
html[data-dphx-skin="tifo"] .txt .comment-form input[type="email"],
html[data-dphx-skin="tifo"] .txt .comment-form input[type="url"],
html[data-dphx-skin="tifo"] .txt .comment-form textarea{width: 100%; padding: 12px 14px; border: 2px solid var(--ink); border-radius: 0; background: #fff; font: 500 1rem/1.4 var(--f);}
html[data-dphx-skin="tifo"] .txt .comment-form textarea{min-height: 140px;}
html[data-dphx-skin="tifo"] .txt .comment-form .submit,
html[data-dphx-skin="tifo"] .txt .comment-form input[type="submit"]{height: 50px; padding-inline: 22px; border: 0; border-radius: 99px; background: var(--ink); color: var(--lemon); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer;}
html[data-dphx-skin="tifo"] .txt .comment-list{display: grid; gap: 14px;}
html[data-dphx-skin="tifo"] .txt .comment-body{padding: 14px 16px; background: var(--paper-2); font-family: var(--f);}
html[data-dphx-skin="tifo"] body.dsd-page{background: var(--paper) !important;}
html[data-dphx-skin="tifo"] main.dphx-main > .w{margin-inline: auto !important;}
html[data-dphx-skin="tifo"] .tf-classic .dsd{font-family: var(--f);}
html[data-dphx-skin="tifo"] .tf-scores .dsd{font-family: var(--f);}
html[data-dphx-skin="tifo"] main.dsd-main-wrap > .w,
html[data-dphx-skin="tifo"] main.dsd-main-wrap > .mx > .w{max-width: 1320px !important; margin-inline: auto !important; padding-inline: var(--g) !important;}
html[data-dphx-skin="tifo"] .hd__name{white-space: nowrap;}
@media (max-width: 599px){
html[data-dphx-skin="tifo"] .hd__in{gap: 6px;}
html[data-dphx-skin="tifo"] .hd__name{font-size: 1.125rem;}
html[data-dphx-skin="tifo"] .hd__logo img{height: 20px;}
html[data-dphx-skin="tifo"] .hd__tools{gap: 2px;}
html[data-dphx-skin="tifo"] .live-pill{height: 30px; padding-inline: 9px; font-size: 0.6875rem;}
html[data-dphx-skin="tifo"] .hd__tools .ib{width: 36px; height: 36px;}
html[data-dphx-skin="tifo"] .lang-sw{min-width: 34px; height: 30px; padding-inline: 6px;}
html[data-dphx-skin="tifo"] .menu-btn{height: 32px; padding-inline: 10px; font-size: 0.75rem;}
}
@media (max-width: 359px){
html[data-dphx-skin="tifo"] .live-pill{display: none;}
}
html[data-dphx-skin="tifo"] .nv{position: relative; display: flex; align-items: stretch;}
html[data-dphx-skin="tifo"] .nv__a{display: flex; align-items: center;}
html[data-dphx-skin="tifo"] .nv__dd{position: absolute; top: 100%; inset-inline-start: -14px; z-index: 25; display: none; min-width: 270px; padding: 10px; background: var(--ink); color: #fff; box-shadow: 0 18px 40px oklch(0 0 0 / 0.35); text-transform: none; letter-spacing: 0;}
html[data-dphx-skin="tifo"] .nv:hover .nv__dd,
html[data-dphx-skin="tifo"] .nv:focus-within .nv__dd{display: grid;}
html[data-dphx-skin="tifo"] .nv__dd a{white-space: nowrap; padding: 9px 10px; border: 0 !important; font: 700 0.9375rem/1.2 var(--f);}
html[data-dphx-skin="tifo"] .nv__dd a:hover,
html[data-dphx-skin="tifo"] .nv__dd a[aria-current]{background: oklch(1 0 0 / 0.08); color: var(--lemon);}
html[data-dphx-skin="tifo"] .nv__g{margin: 10px 10px 4px; padding-block-start: 10px; border-top: 1px solid oklch(1 0 0 / 0.14); font: 900 0.6875rem/1 var(--f); letter-spacing: 0.1em; text-transform: uppercase; color: var(--lemon);}
html[data-dphx-skin="tifo"] .drw__a,
html[data-dphx-skin="tifo"] .drw__g > summary{display: block; padding-block: 14px; border-bottom: 1px solid oklch(1 0 0 / 0.14); font: 900 2rem/1 var(--fd); font-stretch: 62%; text-transform: uppercase; cursor: pointer; list-style: none;}
html[data-dphx-skin="tifo"] .drw__g > summary::-webkit-details-marker{display: none;}
html[data-dphx-skin="tifo"] .drw__g > summary::after{content: "+"; float: inline-end; color: var(--lemon);}
html[data-dphx-skin="tifo"] .drw__g[open] > summary::after{content: "–";}
html[data-dphx-skin="tifo"] .drw__s{display: grid; padding: 8px 0 14px;}
html[data-dphx-skin="tifo"] .drw__s a{padding: 9px 4px; font: 700 1rem/1.2 var(--f); color: oklch(1 0 0 / 0.86);}
html[data-dphx-skin="tifo"] .drw__s a[aria-current]{color: var(--lemon);}
html[data-dphx-skin="tifo"] .drw__s .nv__g{margin-inline: 4px;}
html[data-dphx-skin="tifo"] .picks__g{display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px;}
html[data-dphx-skin="tifo"] .pick{display: grid; justify-items: center; gap: 10px; padding: 18px 10px; background: var(--paper-2); text-align: center; font: 800 0.9375rem/1.15 var(--f); transition: background 0.2s, transform 0.2s var(--ease);}
html[data-dphx-skin="tifo"] .pick img{width: 64px; height: 64px; object-fit: contain;}
html[data-dphx-skin="tifo"] .pick:hover{background: var(--lemon); transform: translateY(-3px);}
html[data-dphx-skin="tifo"] [data-tf-myclub] img.mc{display: inline-block; width: 18px; height: 18px; object-fit: contain; margin-inline-end: 6px; vertical-align: -3px;}
html[data-dphx-skin="tifo"] .nv__a{white-space: nowrap;}
html[data-dphx-skin="tifo"] .nv__a[data-tf-myclub]{max-width: 16ch; overflow: hidden; text-overflow: ellipsis; display: block; align-self: center;}
html[data-dphx-skin="tifo"] :has(> .mq){overflow-x: clip;}
html[data-dphx-skin="tifo"][lang^="ar"]{--f: "Noto Kufi Arabic", "Archivo", Tahoma, sans-serif; --fd: "Lalezar", "Noto Kufi Arabic", Tahoma, sans-serif; --serif: "Noto Naskh Arabic", "Source Serif 4", serif;}
html[data-dphx-skin="tifo"][lang^="ar"] .st__t,
html[data-dphx-skin="tifo"][lang^="ar"] .pst__h,
html[data-dphx-skin="tifo"][lang^="ar"] .ph__t,
html[data-dphx-skin="tifo"][lang^="ar"] .ah__h,
html[data-dphx-skin="tifo"][lang^="ar"] .pc--xl .pc__h,
html[data-dphx-skin="tifo"][lang^="ar"] .tp__h,
html[data-dphx-skin="tifo"][lang^="ar"] .clh__n,
html[data-dphx-skin="tifo"][lang^="ar"] .duel__lead h3,
html[data-dphx-skin="tifo"][lang^="ar"] .stage__h,
html[data-dphx-skin="tifo"][lang^="ar"] .join__h,
html[data-dphx-skin="tifo"][lang^="ar"] .mh__tm b,
html[data-dphx-skin="tifo"][lang^="ar"] .vid--xl .vid__h,
html[data-dphx-skin="tifo"][lang^="ar"] .col .pc--xl .pc__h,
html[data-dphx-skin="tifo"][lang^="ar"] .lu__h,
html[data-dphx-skin="tifo"][lang^="ar"] .venue__b b,
html[data-dphx-skin="tifo"][lang^="ar"] .sclub b{font-weight: 400; line-height: 1.12; letter-spacing: 0;}
html[data-dphx-skin="tifo"][lang^="ar"] .st__t{line-height: 1.05;}
html[data-dphx-skin="tifo"][lang^="ar"] .st__k{margin-block-end: 2px; letter-spacing: 0;}
html[data-dphx-skin="tifo"][lang^="ar"] .pst__h,
html[data-dphx-skin="tifo"][lang^="ar"] .ah__h{line-height: 1.15;}
html[data-dphx-skin="tifo"][lang^="ar"] .pc__h,
html[data-dphx-skin="tifo"][lang^="ar"] .ln b,
html[data-dphx-skin="tifo"][lang^="ar"] .fil__i b,
html[data-dphx-skin="tifo"][lang^="ar"] .prog__h,
html[data-dphx-skin="tifo"][lang^="ar"] .also__h3 b,
html[data-dphx-skin="tifo"][lang^="ar"] .duel__l b,
html[data-dphx-skin="tifo"][lang^="ar"] .pv__t,
html[data-dphx-skin="tifo"][lang^="ar"] .vc__h,
html[data-dphx-skin="tifo"][lang^="ar"] .tc__b b{font-weight: 700; line-height: 1.45;}
html[data-dphx-skin="tifo"][lang^="ar"] .kk,
html[data-dphx-skin="tifo"][lang^="ar"] .lbl,
html[data-dphx-skin="tifo"][lang^="ar"] .st__more,
html[data-dphx-skin="tifo"][lang^="ar"] .tabs a,
html[data-dphx-skin="tifo"][lang^="ar"] .hd__nav,
html[data-dphx-skin="tifo"][lang^="ar"] .mtabs a,
html[data-dphx-skin="tifo"][lang^="ar"] .btn,
html[data-dphx-skin="tifo"][lang^="ar"] .tk__c,
html[data-dphx-skin="tifo"][lang^="ar"] .tk__s,
html[data-dphx-skin="tifo"][lang^="ar"] .stamp{letter-spacing: 0;}
html[data-dphx-skin="tifo"][lang^="ar"] .txt{font-size: 1.25rem; line-height: 1.9;}
html[data-dphx-skin="tifo"][lang^="ar"] .txt > p:first-child::first-letter{float: none; font: inherit; color: inherit; margin: 0;}
html[data-dphx-skin="tifo"][dir="rtl"] .mq__t{direction: ltr;}
html[data-dphx-skin="tifo"][dir="rtl"] .mq__t a{direction: rtl;}
html[data-dphx-skin="tifo"][dir="rtl"] .flip{display: inline-block; transform: scaleX(-1);}
html[data-dphx-skin="tifo"] .reels{display: none;}
@media (max-width: 1023px){
html[data-dphx-skin="tifo"]:has(body.tf-reels){scroll-snap-type: y mandatory; scroll-padding-top: var(--hd);}
html[data-dphx-skin="tifo"] body.tf-reels .ts,
html[data-dphx-skin="tifo"] body.tf-reels .ft{scroll-snap-align: start;}
html[data-dphx-skin="tifo"] body.tf-reels .tf-home > :not(.reels):not(svg){display: none;}
html[data-dphx-skin="tifo"] body.tf-reels .reels{display: block; background: #000;}
html[data-dphx-skin="tifo"] .rl{position: relative; height: calc(100svh - var(--hd)); scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden; isolation: isolate; color: #fff;}
html[data-dphx-skin="tifo"] .rl--story{background: var(--ink);}
html[data-dphx-skin="tifo"] .rl__link{position: absolute; inset: 0; z-index: -2;}
html[data-dphx-skin="tifo"] .rl__img{width: 100%; height: 100%; object-fit: cover;}
html[data-dphx-skin="tifo"] .rl--story::after{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(to top, oklch(0 0 0 / 0.94), oklch(0 0 0 / 0.6) 38%, transparent 66%);}
html[data-dphx-skin="tifo"] .rl__txt{position: absolute; inset-inline: 16px 74px; bottom: 26px; display: grid; gap: 11px; justify-items: start;}
html[data-dphx-skin="tifo"] .rl__chip{display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 99px; background: oklch(1 0 0 / 0.16); backdrop-filter: blur(10px); font: 700 0.8125rem/1 var(--f);}
html[data-dphx-skin="tifo"] .rl__chip i{width: 9px; height: 9px; border-radius: 2px; background: var(--lemon);}
html[data-dphx-skin="tifo"] .rl__h{font: 900 clamp(1.9rem, 1.2rem + 3vw, 2.5rem)/0.98 var(--fd); font-stretch: 66%; text-transform: uppercase; text-wrap: balance;}
html[data-dphx-skin="tifo"] .rl__d{font: 400 0.9375rem/1.45 var(--serif); color: oklch(0.86 0.02 264); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
html[data-dphx-skin="tifo"] .rl__read{display: inline-flex; align-items: center; gap: 8px; height: 44px; padding-inline: 18px; border-radius: 99px; background: var(--lemon); color: var(--ink); font: 900 0.8125rem/1 var(--f); letter-spacing: 0.05em; text-transform: uppercase;}
html[data-dphx-skin="tifo"] .rl__txt .mm{color: oklch(1 0 0 / 0.72);}
html[data-dphx-skin="tifo"] .rl__acts{position: absolute; inset-inline-end: 12px; bottom: 30px; display: grid; gap: 14px;}
html[data-dphx-skin="tifo"] .rl__act{display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: oklch(1 0 0 / 0.16); backdrop-filter: blur(10px);}
html[data-dphx-skin="tifo"] .rl__act .ico{width: 22px; height: 22px;}
html[data-dphx-skin="tifo"] .rl__act.is-copied{background: var(--lemon); color: var(--ink);}
html[data-dphx-skin="tifo"] .rl__hint{position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%); font: 700 0.75rem/1 var(--f); color: oklch(1 0 0 / 0.7); white-space: nowrap; animation: rlhint 2.2s ease-in-out infinite;}
@keyframes rlhint{50%{transform: translate(-50%, -6px);}
}
html[data-dphx-skin="tifo"] .rl--pan{display: flex; flex-direction: column; justify-content: center; padding: 22px var(--g); overflow-y: auto;}
html[data-dphx-skin="tifo"] .rl--pan.b-lemon{color: var(--ink);}
html[data-dphx-skin="tifo"] .rl--pan .tks{grid-template-columns: 1fr; gap: 10px;}
html[data-dphx-skin="tifo"] .rl--pan .tks > :nth-child(n + 4){display: none;}
html[data-dphx-skin="tifo"] .rl--pan .tbl td{height: 40px;}
html[data-dphx-skin="tifo"] .rl--pan .tbl .o{display: none;}
html[data-dphx-skin="tifo"] .rl--pan .plist{display: none;}
html[data-dphx-skin="tifo"] .rl--pan .stage__cap{margin-block-start: 14px;}
html[data-dphx-skin="tifo"] .rl--pan .prog li a{padding-block: 10px;}
html[data-dphx-skin="tifo"] .rl--pan .prog__n{font-size: 3rem;}
}
@media (prefers-reduced-motion: reduce){
html[data-dphx-skin="tifo"] .rl__hint{animation: none;}
}