:root{--ink:#101a25;--ink2:#1a2a38;--slate:#526270;--line:#d9e0e6;--paper:#f7f8fa;--white:#fff;--red:#ca3047;--red-dark:#9d1d31;--red-pale:#fff0f2;--green:#0c765a;--green-pale:#e8f6ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button{font:inherit;cursor:pointer}#app{min-height:100vh}.loading{height:100vh;display:grid;place-content:center;gap:12px;color:var(--slate);font-weight:750}.loading i{width:28px;height:28px;border:3px solid #d5dde5;border-top-color:var(--red);border-radius:50%;margin:auto;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{max-width:760px;margin:auto;min-height:100vh;padding-bottom:88px;background:var(--paper)}.topbar{height:78px;background:#fff;display:flex;align-items:center;gap:11px;padding:10px 18px;border-bottom:1px solid #edf0f3;position:sticky;top:0;z-index:10}.topbar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #182230}.brand{min-width:0}.brand span,.eyebrow{display:block;color:var(--red);font-size:10px;letter-spacing:1.45px;font-weight:900}.brand strong{display:block;font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-btn{margin-left:auto;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:13px;font-size:20px;color:var(--red)}.page{padding:18px}.hero{background:linear-gradient(122deg,#0d151e,#263747);border-radius:22px;color:#fff;min-height:177px;padding:23px;position:relative;overflow:hidden;box-shadow:0 10px 23px #17253120}.hero:after{content:"";width:180px;height:180px;position:absolute;right:-58px;bottom:-79px;border:1px solid #ffffff3b;border-radius:50%;box-shadow:0 0 0 24px #ffffff0b,0 0 0 48px #ffffff08}.hero .eyebrow{color:#ff8797}.hero h1{font-size:28px;line-height:1.07;max-width:370px;margin:9px 0}.hero h1 em{font-style:normal;color:#ff7385}.hero p{max-width:390px;color:#d4dce3;font-size:13px;line-height:1.42;margin:0}.hero .plan{position:absolute;right:16px;top:15px;background:#ffffff1a;border:1px solid #ffffff33;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;letter-spacing:.5px}.performance-strip{margin:-18px 14px 18px;position:relative;z-index:2;background:#fff;border:1px solid #e1e6ea;border-radius:16px;display:grid;grid-template-columns:1fr 1px 1fr;box-shadow:0 8px 18px #1e293511;padding:14px 16px}.performance-strip i{background:#e3e8ed}.performance-strip span{display:block;color:#6b7a87;font-size:10px;font-weight:800;text-transform:uppercase}.performance-strip b{display:block;font-size:16px;margin-top:4px}.performance-strip div:last-child{text-align:right}.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 12px}.section-head h2{font-size:21px;line-height:1.1;margin:5px 0 0}.section-head a{border:0;background:none;color:var(--red);font-size:12px;font-weight:850}.date-nav,.status-nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.date-nav{padding:0 0 14px}.date-nav::-webkit-scrollbar,.status-nav::-webkit-scrollbar{display:none}.date-nav button,.status-nav button{flex:0 0 auto;border:1px solid #d7dfe5;background:#fff;color:#526270;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:850}.date-nav button.active{background:var(--ink);border-color:var(--ink);color:#fff}.status-nav{border-top:1px solid #e4e8eb;padding:12px 0}.status-nav button{border-radius:999px;padding:7px 11px}.status-nav button.active{background:var(--red-pale);color:var(--red-dark);border-color:#f1bec7}.status-nav small{background:#eef2f5;border-radius:99px;padding:1px 5px;margin-left:3px}.league{background:#fff;border:1px solid var(--line);border-radius:16px;margin:11px 0;overflow:hidden}.league-head{display:flex;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf0f3}.flag{width:27px;height:27px;background:#132230;color:#fff;display:grid;place-items:center;border-radius:8px;font-size:11px;font-weight:900}.league-head b{display:block;font-size:13px}.league-head small{color:#71808d;font-size:11px}.match{width:100%;border:0;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:46px 1fr 41px;gap:9px;align-items:center;border-bottom:1px solid #eef1f3}.match:last-child{border-bottom:0}.match-time{text-align:center}.match-time b{display:block;font-size:12px}.match-time span{font-size:9px;font-weight:900;color:#768591}.match-time.live span{color:var(--red)}.teams{min-width:0}.team-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.75}.team-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-weight:900;min-width:14px;text-align:right}.arrow{margin:auto;color:#98a5af;font-size:20px}.empty{background:#fff;border:1px dashed #c8d1d8;border-radius:16px;padding:26px 18px;text-align:center;color:#6e7d89}.empty b{display:block;color:var(--ink);margin-bottom:5px}.data-note{margin:18px 0 0;padding:13px 14px;background:#edf1f4;border-radius:13px;color:#667683;font-size:11px;line-height:1.45}.bottom-nav{height:72px;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e2e7eb;display:flex;justify-content:center;z-index:30}.bottom-nav-inner{width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:#fff;color:#8a98a4;font-size:10px;font-weight:800;display:grid;place-content:center;gap:3px}.bottom-nav button span{font-size:20px;line-height:20px}.bottom-nav button.active{color:var(--red)}.ranking-card{background:linear-gradient(135deg,#fff,#fff5f6);border:1px solid #f1d5da;border-radius:16px;padding:16px}.ranking-card b{font-size:15px}.ranking-card p{font-size:12px;color:#5c6b77;margin:6px 0 0;line-height:1.4}.overlay{position:fixed;inset:0;background:var(--paper);z-index:50;overflow:auto;padding-bottom:20px}.detail-top{height:65px;background:#fff;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e6eaed;position:sticky;top:0;z-index:2}.back{border:0;border-radius:10px;width:37px;height:37px;background:#152433;color:#fff;font-size:22px}.detail-top b{margin-left:13px;font-size:16px}.match-hero{color:#fff;background:linear-gradient(130deg,#0e1721,#283a4b);padding:20px 18px 24px;text-align:center}.tour-line{font-size:11px;color:#c7d3dc;font-weight:750}.duel{display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;gap:6px;margin-top:22px}.club{min-width:0}.club-logo{width:52px;height:52px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff38;display:grid;place-items:center;margin:auto;font-weight:900}.club b{display:block;margin-top:7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-score{font-size:22px;font-weight:900}.duel-score small{display:block;font-size:9px;color:#ff99a5;margin-top:3px}.tabs{display:flex;gap:7px;overflow:auto;padding:13px 16px;border-bottom:1px solid #e4e8eb;background:#fff}.tabs button{white-space:nowrap;background:#fff;border:1px solid #dbe1e6;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;color:#667682}.tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.detail-body{padding:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:13px}.panel h3{font-size:16px;margin:5px 0 13px}.panel .eyebrow{color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-team{padding:12px;background:#f4f7f8;border-radius:11px}.form-team b{display:block;font-size:13px}.form-team strong{display:block;color:var(--red);font-size:16px;margin:6px 0}.form-team small{color:#667683;font-size:10px}.versus-stat{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;border-bottom:1px solid #e9edf0;padding:10px 0;text-align:center;font-size:12px}.versus-stat:last-child{border:0}.versus-stat span{color:#667683;font-size:11px}.versus-stat b:first-child{text-align:left}.versus-stat b:last-child{text-align:right}.odds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.odd{border:1px solid #e3e8eb;border-radius:10px;padding:10px;font-size:11px;color:#617180}.odd b{float:right;color:var(--ink);font-size:14px}.h2h-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f3;padding:10px 0;font-size:12px}.h2h-row:last-child{border:0}.account-panel{text-align:center;padding:40px 12px}.account-panel img{width:85px;border-radius:50%;border:3px solid var(--ink)}.account-panel h2{margin:12px 0 4px}.account-panel p{color:#687884;font-size:13px}.admin-mark{display:inline-block;background:var(--red-pale);color:var(--red-dark);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;margin-top:8px}@media(min-width:761px){body{background:#e9edf0}.shell{box-shadow:0 0 0 1px #dbe1e6}.bottom-nav{background:#ffffffdc;backdrop-filter:blur(7px)}}