.tips-page{font-family:Noto Sans Thai Variable,Noto Sans Thai,Arial,sans-serif}.tips-hero{color:#fff;background:radial-gradient(circle at 75% 30%,#19775a 0,#0c2d2e 30%,#06111e 72%);padding:48px 0 55px}.tips-hero .site-container{position:relative}.tips-hero span{letter-spacing:.15em;color:#62e0b1;font-size:10px;font-weight:900}.tips-hero h1{margin:7px 0 4px;font-size:42px;line-height:1.35}.tips-hero p{color:#a9bac4;max-width:680px;margin:0;font-size:14px;line-height:1.75}.tips-hero-actions{align-items:center;gap:18px;display:flex;position:absolute;bottom:0;right:10px}.tips-predictions-link{color:#fff;background:linear-gradient(135deg,#173d43,#0b292f);border:1px solid #65e5b866;border-radius:14px;align-items:center;gap:11px;min-width:232px;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 13px 28px #020a1138}.tips-predictions-link>i{color:#073a2a;background:linear-gradient(135deg,#65e5b8,#20ae7e);border-radius:11px;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 7px 18px #44d6a42b}.tips-hero .tips-predictions-link>span{color:#fff;letter-spacing:0;flex:1;gap:2px;display:grid}.tips-predictions-link span b{font-size:13px;line-height:1.45}.tips-predictions-link span small{color:#a8c6c3;font-size:10px;line-height:1.45}.tips-predictions-link>svg{color:#62e5b5}.tips-predictions-link:hover{border-color:#65e5b8;transform:translateY(-2px);box-shadow:0 17px 34px #020a1150}.tips-predictions-link:focus-visible{outline-offset:3px;outline:3px solid #65e5b866}.tips-hero-count{justify-items:end;min-width:65px;display:grid}.tips-hero-count b{color:#63e0b2;font-size:34px}.tips-hero-count small{color:#90a5b3;font-size:9px}.tips-board{background:#f4f7f8;padding:30px 0 55px}.tips-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:-50px;margin-bottom:18px;display:grid}.tips-summary article{background:#fff;border:1px solid #dfe6ea;border-radius:13px;align-items:center;gap:10px;padding:13px 15px;display:flex;box-shadow:0 9px 24px #07111f0b}.tips-summary article>svg{color:#118c66;background:#e6f8f1;border-radius:10px;width:36px;height:36px;padding:8px}.tips-summary span{display:grid}.tips-summary b{font-size:14px}.tips-summary small{color:#77858f;font-size:8px}.tips-league-tabs{scroll-snap-type:x proximity;scrollbar-width:thin;gap:7px;margin-bottom:18px;padding-bottom:5px;display:flex;overflow-x:auto}.tips-league-tabs button{color:#55646f;font:inherit;cursor:pointer;scroll-snap-align:start;background:#fff;border:1px solid #dfe5e9;border-radius:11px;flex:1 0 104px;justify-items:center;gap:5px;padding:10px 6px;display:grid}.tips-league-tabs button>span{place-items:center;width:38px;height:38px;display:grid}.tips-league-tabs img{object-fit:contain;width:34px;height:34px}.tips-league-tabs button.active{color:#0b6f50;background:#e8f9f2;border-color:#20bd85;box-shadow:0 6px 18px #16a77518}.tips-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.tip-card{background:#fff;border:1px solid #dfe5e9;border-radius:16px;padding:17px;overflow:hidden;box-shadow:0 8px 24px #07111f08}.tip-card>header{border-bottom:1px solid #edf1f3;justify-content:space-between;gap:10px;padding-bottom:10px;display:flex}.tip-card>header span{color:#118963;font-size:9px;font-weight:850}.tip-card>header time{color:#74828d;font-size:9px}.tip-teams{grid-template-columns:1fr 38px 1fr;align-items:center;gap:8px;padding:16px 0;display:grid}.tip-teams>div{text-align:center;justify-items:center;gap:7px;display:grid}.tip-teams img,.tip-teams i{object-fit:contain;background:#eef3f4;border-radius:50%;place-items:center;width:51px;height:51px;font-size:9px;font-style:normal;font-weight:900;display:grid}.tip-teams b{font-size:12px;line-height:1.45}.tip-teams em{text-align:center;color:#98a3ac;font-size:10px;font-style:normal;font-weight:900}.tip-pick{color:#fff;background:#071827;border-radius:11px;grid-template-columns:auto 1fr 140px;align-items:center;gap:8px;padding:11px 12px;display:grid}.tip-pick>small{color:#5cdaa9;font-size:8px}.tip-pick>strong{font-size:14px}.tip-pick>div{background:#ffffff16;border-radius:11px;height:22px;position:relative;overflow:hidden}.tip-pick>div i{background:linear-gradient(90deg,#17b980,#5adfab);border-radius:11px;position:absolute;inset:0 auto 0 0}.tip-pick>div b{z-index:1;place-items:center;height:100%;font-size:9px;display:grid;position:relative}.tip-card>p{color:#44535f;margin:12px 0 6px;font-size:12px;line-height:1.75}.tip-card blockquote{color:#936300;background:#fff8e9;border-left:3px solid #e9ad2d;margin:0;padding:9px 10px;font-size:11px;line-height:1.65}.tip-card>a{color:#147a5c;justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;font-size:9px;font-weight:850;display:flex}.tips-empty{color:#71808a;border:1px dashed #cbd5da;border-radius:15px;grid-column:1/-1;place-items:center;padding:45px;display:grid}.tips-empty h2{margin:8px 0 2px;font-size:18px}.tips-empty p{margin:0;font-size:10px}.tips-disclaimer{background:#fff8e9;border-left:3px solid #e2a729;margin-top:20px;margin-bottom:45px;padding:16px}.tips-disclaimer p{color:#725f35;margin:3px 0;font-size:10px;line-height:1.65}@media (max-width:760px){.tips-grid{grid-template-columns:1fr}.tips-league-tabs button{flex:0 0 96px}.tips-hero-actions{align-items:stretch;margin-top:18px;position:static}.tips-predictions-link{flex:1;min-width:0}.tips-hero-count{flex:0 0 70px;align-content:center}}@media (max-width:520px){.tips-hero{padding:35px 0 46px}.tips-hero h1{font-size:31px}.tips-hero p{font-size:12px}.tips-summary{grid-template-columns:1fr;margin-top:-35px}.tips-summary article{padding:10px 12px}.tip-card{padding:13px}.tip-pick{grid-template-columns:auto 1fr}.tip-pick>div{grid-column:1/-1}.tip-card>p{font-size:11px}.tip-card blockquote{font-size:10px}}.tips-page{font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.tips-summary small{font-size:10px;line-height:1.5}.tips-confidence-note{color:#53665e;background:#edf8f4;border:1px solid #dbe8e3;border-radius:10px;margin:-7px 0 17px;padding:10px 13px;font-size:11px;line-height:1.65}.tips-confidence-note b{color:#0e7d5a}.tips-league-tabs b,.tip-card>header span,.tip-card>header time{font-size:10px;line-height:1.5}.tip-teams b{font-size:13px;font-weight:700;line-height:1.5}.tip-pick.tip-pick-featured{background:linear-gradient(135deg,#071827,#0b3034);border:1px solid #42d6a2;grid-template-columns:minmax(0,1fr) 210px;gap:14px;padding:14px 15px;animation:1.9s ease-in-out infinite tipPickPulse;position:relative;box-shadow:0 0 0 1px #46dba522,0 10px 26px #07111f20}.tip-pick.tip-pick-featured:before{content:"";pointer-events:none;border-radius:11px;animation:1.9s ease-out infinite tipPickRing;position:absolute;inset:-1px;box-shadow:0 0 #48e0aa55}.tip-pick-featured>.tip-pick-result,.tip-pick-featured>.tip-confidence{background:0 0;border-radius:0;height:auto;overflow:visible}.tip-pick-result{align-content:center;gap:2px;display:grid}.tip-pick-result small{color:#69e3b5;letter-spacing:.04em;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.tip-pick-result small i{background:#55e1ad;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite tipDotBlink;position:static;box-shadow:0 0 0 5px #55e1ad20}.tip-pick-result strong{color:#ffd369;text-shadow:0 2px 12px #ffc13a30;font-size:20px;line-height:1.4}.tip-confidence{align-content:center;gap:5px;display:grid}.tip-confidence>span{color:#9db2bd;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;display:flex}.tip-confidence>span b{color:#fff;font-size:12px}.tip-confidence-meter{background:#ffffff18;border-radius:8px;height:9px;position:relative;overflow:hidden}.tip-pick .tip-confidence-meter>i{background:linear-gradient(90deg,#19b980,#68e4b5);border-radius:8px;animation:1.25s ease-in-out infinite tipMeterGlow;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #3dd6a180}.tip-card>p{color:#3f4e59;font-size:13px;line-height:1.8}.tip-card blockquote{font-size:12px;line-height:1.72}.tip-card>a{font-size:10px;line-height:1.5}.tips-disclaimer b{font-size:12px}.tips-disclaimer p{font-size:11px;line-height:1.72}@keyframes tipPickPulse{50%{border-color:#72edc2;box-shadow:0 0 0 1px #60e9b855,0 12px 30px #0d7a5726}}@keyframes tipPickRing{70%,to{box-shadow:0 0 0 9px #48e0aa00}}@keyframes tipDotBlink{50%{opacity:.35;transform:scale(.82)}}@keyframes tipMeterGlow{50%{filter:brightness(1.25)}}.tip-card.is-new{border-color:#65d9b0;box-shadow:0 9px 28px #0a9b6e18,0 0 0 1px #4fd3a42b}.tip-card>header>div{align-items:center;gap:7px;min-width:0;display:flex}.tips-new-badge{letter-spacing:.1em;background:linear-gradient(135deg,#073527,#10a976);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0b9c7040;color:#fff!important;font-size:8px!important;line-height:1!important}.tips-new-badge:after{content:"";filter:blur(1px);background:#ffffff90;width:12px;animation:2.4s ease-in-out infinite tipsNewShine;position:absolute;inset:-10px auto -10px -22px;transform:rotate(18deg)}.tips-new-badge i{background:#91ffd5;border-radius:50%;width:6px;height:6px;animation:1.35s ease-in-out infinite tipsNewPulse;box-shadow:0 0 0 4px #91ffd52b}@keyframes tipsNewShine{0%,38%{left:-22px}68%,to{left:calc(100% + 18px)}}@keyframes tipsNewPulse{50%{opacity:.5;transform:scale(.75)}}@media (max-width:520px){.tips-confidence-note{font-size:10px}.tip-pick.tip-pick-featured{grid-template-columns:1fr;padding:13px}.tip-pick-result strong{font-size:18px}.tip-confidence>span{font-size:9px}.tip-card>p{font-size:12px}.tip-card blockquote{font-size:11px}}@media (prefers-reduced-motion:reduce){.tip-pick.tip-pick-featured,.tip-pick.tip-pick-featured:before,.tip-pick-result small i,.tip-pick .tip-confidence-meter>i,.tips-new-badge:after,.tips-new-badge i{animation:none}}.tips-top-pick{color:#fff;background:linear-gradient(135deg,#091828 0%,#10283a 58%,#183829 100%);border:1px solid #ef9f28;border-radius:18px;margin:0 0 18px;position:relative;overflow:hidden;box-shadow:0 18px 45px #07111f24,0 0 0 1px #ffba4433}.tips-top-pick:before{content:"";filter:blur(2px);background:#ff9e1b18;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-50px}.tips-top-pick>header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.tips-top-pick>header>span{color:#ffbd55;letter-spacing:.13em;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.tips-top-pick>header>span svg{color:#ff8b22;filter:drop-shadow(0 0 7px #ff7a00)}.tips-top-pick>header>b{color:#ffd487;background:#ff9c2030;border:1px solid #ffc46166;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:flex}.tips-top-pick>header>b i{background:#ff9b23;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite topTipBlink;box-shadow:0 0 0 5px #ff9b2328,0 0 14px #ff8a00}.tips-top-body{grid-template-columns:minmax(380px,1.35fr) minmax(260px,.8fr) auto;align-items:center;gap:22px;padding:22px 20px;display:grid;position:relative}.tips-top-match{grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px;display:grid}.tips-top-match>a{color:#fff;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;display:grid}.tips-top-match>a:last-child{text-align:right;grid-template-columns:minmax(0,1fr) 58px}.tips-top-match>a:last-child img,.tips-top-match>a:last-child>i{grid-area:1/2}.tips-top-match img,.tips-top-match>a>i{object-fit:contain;color:#173043;background:#fff;border:1px solid #ffffff26;border-radius:15px;place-items:center;width:58px;height:58px;padding:4px;font-size:9px;font-style:normal;display:grid}.tips-top-match strong{font-size:15px;line-height:1.45}.tips-top-match>em{color:#ffcc74;justify-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:900;display:grid}.tips-top-match time{color:#9fb0bc;white-space:nowrap;font-size:8px;font-weight:600}.tips-top-verdict{border-left:1px solid #ffffff18;min-width:0;padding-left:20px}.tips-top-verdict>span{color:#70e5ba;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.tips-top-verdict>strong{color:#ffd06e;text-shadow:0 3px 14px #ffad2930;margin:3px 0;font-size:23px;line-height:1.35;display:block}.tips-top-verdict p{color:#b9c8cf;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.tips-top-body>a{color:#ffd68d;white-space:nowrap;background:#ff9c2020;border:1px solid #ffbd5760;border-radius:11px;align-items:center;gap:9px;padding:11px 13px;font-size:10px;font-weight:850;display:flex}.tips-top-pick>footer{color:#94a6b1;background:#07121dcc;align-items:center;gap:8px;padding:9px 16px;font-size:8px;line-height:1.55;display:flex;position:relative}.tips-top-pick>footer svg{color:#59d8aa;flex:none}.tips-top-pick>footer b{color:#dce7e8}@keyframes topTipBlink{50%{opacity:.42;transform:scale(.75)}}@media (max-width:900px){.tips-top-body{grid-template-columns:1fr}.tips-top-verdict{border-top:1px solid #ffffff18;border-left:0;padding:14px 0 0}.tips-top-body>a{justify-self:start}}@media (max-width:520px){.tips-top-pick{border-radius:15px}.tips-top-pick>header{padding:10px 12px}.tips-top-pick>header>span{font-size:8px}.tips-top-pick>header>b{padding:5px 8px;font-size:9px}.tips-top-body{gap:13px;padding:17px 12px}.tips-top-match{grid-template-columns:1fr 54px 1fr;gap:6px}.tips-top-match>a,.tips-top-match>a:last-child{text-align:center;grid-template-columns:1fr;justify-items:center;gap:7px}.tips-top-match>a:last-child img,.tips-top-match>a:last-child>i{grid-area:auto}.tips-top-match img,.tips-top-match>a>i{border-radius:13px;width:49px;height:49px}.tips-top-match strong{font-size:11px}.tips-top-match time{font-size:7px}.tips-top-verdict>strong{font-size:20px}.tips-top-pick>footer{align-items:flex-start;padding:9px 12px}}@media (prefers-reduced-motion:reduce){.tips-top-pick>header>b i{animation:none}}