:root{color-scheme:light;--bg: #f7f7f7;--surface: #ffffff;--surface-soft: #f6f3f2;--surface-ink: #fcf9f8;--line: #e5e2e1;--line-strong: #bbcbba;--text: #1c1b1b;--muted: #3d4a3d;--accent: #07c160;--accent-soft: rgba(7, 193, 96, .1);--accent-strong: #05a34f;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .05);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--app-width: 390px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;background:radial-gradient(circle at top,rgba(7,193,96,.08),transparent 32%),linear-gradient(180deg,#fafafa,#f4f6f4);color:var(--text)}button{font:inherit}.app-shell{min-height:100dvh;padding:0 12px}.page-frame{position:relative;width:100%;max-width:var(--app-width);min-height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden}.page-frame--detail{background:#fff}.page-frame--data,.page-frame--profile{background:linear-gradient(90deg,#fcf9f8,#fcf9f8),linear-gradient(90deg,#fff,#fff)}.page-frame--subscriptions{background:linear-gradient(90deg,#f7f7f7,#f7f7f7),linear-gradient(90deg,#fff,#fff)}.page-frame--transactions{background:linear-gradient(90deg,#fcf9f8,#fcf9f8),linear-gradient(90deg,#fff,#fff)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px 1px;background:#fcf9f8d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.topbar__brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:20px;font-weight:600;letter-spacing:.01em}.topbar__brand--button,.profile-topbar__brand--button{padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.topbar__brand--button:focus-visible,.profile-topbar__brand--button:focus-visible{outline:2px solid rgba(7,193,96,.35);outline-offset:4px;border-radius:8px}.topbar--data{padding-right:12px;border-bottom-color:#bbcbba4d}.profile-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px 1px;background:#fcf9f8cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(187,203,186,.3)}.profile-topbar__brand{display:flex;align-items:center;gap:8px;color:#006d33;font-size:20px;font-weight:400}.profile-topbar__brand img{width:20px;height:20px}.topbar__brand--data{gap:8px;color:#006d33;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:0}.topbar__brand-icon{width:20px;height:20px}.icon-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.icon{width:20px;height:20px}.icon-logo{width:24px;height:24px}.content{padding:16px 0 calc(120px + env(safe-area-inset-bottom))}.content--data{padding:16px 16px calc(120px + env(safe-area-inset-bottom))}.content--profile{padding:0 16px calc(120px + env(safe-area-inset-bottom))}.content--subscriptions-page{padding:0 0 calc(120px + env(safe-area-inset-bottom))}.content--transactions-page{padding:16px 16px calc(120px + env(safe-area-inset-bottom))}.hero-card{position:relative;width:calc(100% - 32px);margin:0 16px;min-height:176px;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.12),transparent 24%),linear-gradient(135deg,#12d56e,#07c160 55%,#04a94f);box-shadow:var(--shadow)}.hero-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.14),transparent 20%),radial-gradient(circle at 80% 40%,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);opacity:.9}.hero-card__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:176px;padding:24px;color:#fff}.eyebrow{margin-bottom:8px;color:#ffffffc7;font-size:12px;letter-spacing:.08em}.hero-card h1{margin:0;font-size:20px;line-height:1.35;font-weight:600}.hero-card p{margin:8px 0 0;color:#ffffffe6;font-size:14px}.category-strip{display:flex;gap:8px;padding:16px 16px 0;overflow-x:auto;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;min-width:92px;height:36px;padding:0 17px;border-radius:9999px;border:1px solid var(--line-strong);background:#fff;color:var(--muted);cursor:pointer}.category-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 1px #0000000d}.category-chip:disabled{opacity:.72;cursor:progress}.section-block{padding:16px 0 0}.section-title{display:flex;align-items:center;gap:8px;padding:0 16px}.section-title span{width:4px;height:20px;border-radius:9999px;background:var(--accent)}.section-title h2,.stats-card h2{margin:0;font-size:18px;line-height:1.3}.match-list{display:flex;flex-direction:column;gap:12px;padding:16px}.home-pagination{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px 16px}.home-pagination__meta{color:var(--muted);font-size:12px}.home-pagination__button{min-width:160px;height:40px;padding:0 18px;border:1px solid var(--line-strong);border-radius:9999px;background:#fff;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft)}.home-pagination__button:disabled{opacity:.7;cursor:progress}.empty-state{margin:16px;padding:20px 16px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);background:#ffffffb3;text-align:center;font-size:14px}.category-loading{display:grid;place-items:center;gap:12px;min-height:180px;margin:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;color:var(--muted)}.match-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.match-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 17px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.match-card__meta{display:flex;align-items:center;gap:8px;min-width:0}.league-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;font-size:10px;line-height:1;color:#fff;background:var(--accent);flex:0 0 auto}.league-pill--success{color:#fff;background:var(--accent)}.ribbon{position:absolute;top:14px;right:-30px;transform:rotate(45deg);min-width:126px;padding:7px 40px;text-align:center;font-size:12px;line-height:1;font-weight:700;letter-spacing:.3px;color:#fff;box-shadow:0 1px 1px #0000000d;z-index:2;pointer-events:none}.ribbon--win{background:#ff2d2d}.ribbon--loss{background:#07c160}.match-card__time{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.match-card__state{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:12px;white-space:nowrap;flex:0 0 auto}.match-card__state .icon{width:12px;height:12px}.match-card__body{padding:24px}.fixture-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.fixture-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.fixture-team__name{font-size:16px;line-height:1.5;text-align:center;color:var(--text)}.team-badge{width:56px;height:56px;display:grid;place-items:center;border-radius:9999px;border:1px solid rgba(7,193,96,.16);background:linear-gradient(180deg,#07c1601f,#07c1600f);overflow:hidden;color:var(--accent-strong)}.team-badge__icon{width:34px;height:34px;display:block;color:inherit}.team-badge--detail{width:56px;height:56px}.team-badge--subscription{width:32px;height:32px}.team-badge--subscription .team-badge__icon{width:18px;height:18px}.fixture-mid{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.fixture-mid__score{color:#dcd9d9;font-size:16px}.fixture-mid__score--live{color:var(--accent)}.fixture-mid__state{color:var(--muted);font-size:10px;letter-spacing:.03em}.prediction-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-strong)}.prediction-row--locked,.prediction-row--unlocked{justify-content:flex-end}.prediction-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0;color:#ff2d2d;font-size:14px;line-height:20px;font-weight:700}.prediction-price__promo,.detail-pay-card__promo{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;border:1px solid rgba(255,45,45,.2);background:linear-gradient(135deg,#ff2d2d24,#ff775d24);color:#ff4d4d;font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em}.prediction-price__original,.detail-pay-card__original{display:inline-block;color:#08101f9e;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.01em;text-decoration-line:line-through;text-decoration-color:#ff2d2d;text-decoration-thickness:2.5px;text-decoration-style:solid;text-decoration-skip-ink:none}.prediction-price__current,.detail-pay-card__current{color:#ff2d2d;font-size:15px;line-height:20px;font-weight:800}.prediction-row__text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;color:var(--muted);font-size:12px;line-height:16px}.prediction-row__text>span:first-child{max-width:100%;color:var(--text);font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-row__text>span:last-child{max-width:100%;line-height:16px}.blurred{display:inline-block;max-width:100%;padding:0 12px;border-radius:9999px;background:#f0eded;filter:blur(2px)}.primary-btn{flex:0 0 auto;height:40px;padding:0 20px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 1px 1px #0000000d}.recap-box{margin-top:18px;padding:17px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-soft)}.recap-box__title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:16px}.recap-box__title .icon{width:11px;height:11px}.recap-box p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}.stats-card{width:calc(100% - 32px);margin:0 16px;padding:32px 24px 24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#1bd86c,#07c160);color:#fff}.stats-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.stats-card p{margin:0;color:#fffc;font-size:12px;line-height:1.4}.stats-card__score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto}.stats-card__score strong{font-size:36px;line-height:1;letter-spacing:-.02em}.stats-card__score span{font-size:10px;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-tile{min-height:62px;padding:13px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff26;text-align:center}.stat-tile strong{display:block;margin-bottom:2px;font-size:18px;line-height:1.33}.stat-tile span{font-size:10px;color:#ffffffb3;letter-spacing:.03em}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;width:min(var(--app-width),calc(100vw - 24px));min-height:64px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));transform:translate(-50%);border-top:1px solid rgba(187,203,186,.2);background:#fcf9f8f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bottom-nav--transactions{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.bottom-nav__item.is-active{color:#006d33;background:#07c1601a;border-radius:12px;padding:4px 8px}.bottom-nav--transactions .bottom-nav__item.is-active{padding:4px 8px}.bottom-nav__icon{display:grid;place-items:center;width:22px;height:22px;aspect-ratio:1 / 1}.bottom-nav__icon .icon{width:18px;height:18px;display:block;stroke:currentColor;fill:none;color:currentColor}.bottom-nav__item .bottom-nav__icon .icon{color:var(--muted);stroke:var(--muted)}.bottom-nav__item.is-active .bottom-nav__icon .icon{color:#07c160;stroke:#07c160}.bottom-nav__item span:last-child{font-size:12px;line-height:16px;white-space:nowrap}.transactions-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:56px;padding:0 16px 1px;background:#fcf9f8cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(187,203,186,.3)}.transactions-topbar__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#006d33}.transactions-topbar__btn .icon{width:18px;height:18px;display:block;stroke:currentColor;color:currentColor}.transactions-topbar__spacer{width:40px;height:40px;justify-self:end}.transactions-topbar__title{justify-self:center;color:#006d33;font-size:18px;line-height:24px;font-weight:400;letter-spacing:-.45px}.transactions-summary-card{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:16px;background:linear-gradient(180deg,#f0fff5,#fff);border:1px solid rgba(7,193,96,.12);box-shadow:0 8px 24px #07c16014}.transactions-summary-card__label{color:#07c160;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transactions-summary-card__title{color:var(--text);font-size:20px;line-height:28px;font-weight:700}.transactions-summary-card__hint{color:var(--muted);font-size:13px;line-height:20px}.transactions-tabs{display:flex;gap:0;margin-top:24px;padding:4px;border-radius:12px;background:#f0eded}.transactions-tabs__item{flex:1 1 0;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:12px;line-height:16px;cursor:pointer}.transactions-tabs__item.is-active{color:#006d33;background:#fff;box-shadow:0 1px 2px #0000000d}.transactions-list{display:flex;flex-direction:column;gap:24px;margin-top:24px}.transactions-group{display:flex;flex-direction:column;gap:8px}.transactions-group__month{padding:0 4px;color:#3d4a3d99;font-size:12px;line-height:16px;letter-spacing:.12px}.transactions-group__items{display:flex;flex-direction:column;gap:8px}.transaction-card{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid rgba(187,203,186,.2);border-radius:12px;background:#fff;box-shadow:0 2px 4px #0000000a}.transaction-card__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9999px;flex:0 0 auto}.transaction-card__icon .icon{width:18px;height:18px;display:block;stroke:currentColor;color:currentColor}.transaction-card__icon--expense{background:#ffdad633}.transaction-card__icon--paid{background:#07c1601a}.transaction-card__icon--pending{background:#ffb80024}.transaction-card__body{flex:1 1 auto;min-width:0}.transaction-card__title{color:var(--text);font-size:14px;line-height:20px;font-weight:400}.transaction-card__time{color:var(--muted);font-size:10px;line-height:12px;letter-spacing:.3px;font-weight:700}.transaction-card__amount{flex:0 0 auto;color:var(--text);font-size:18px;line-height:24px;font-weight:600;white-space:nowrap}.transaction-card__amount--paid{color:#006d33}.transaction-card__amount--pending{color:#b36b00}.detail-pay-card{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:18px 16px;border-radius:16px;background:linear-gradient(180deg,#fff,#f0fff5);border:1px solid rgba(7,193,96,.14);box-shadow:0 10px 24px #07c16014}.detail-pay-card__label{color:#07c160;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.detail-pay-card__title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--text)}.detail-pay-card__hint{margin:0;color:var(--muted);font-size:13px;line-height:20px}.detail-pay-card__button{height:44px;border:0;border-radius:12px;background:linear-gradient(180deg,#18d76d,#07c160);color:#fff;font-size:15px;font-weight:700;cursor:pointer}@media (min-width: 720px){.app-shell{padding:16px 0}.page-frame{min-height:calc(100dvh - 32px);border-radius:24px;box-shadow:0 20px 60px #0000001f}.bottom-nav{bottom:16px;border-radius:18px}}@media (max-width: 719px){.bottom-nav{width:calc(100vw - 24px)}}.icon-btn--logout{color:var(--accent)}.page-frame--auth,.page-frame--loading{display:flex;flex-direction:column}.page-frame--auth{position:relative;overflow:hidden}.auth-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100%;padding:24px 16px 0}.auth-hero{position:absolute;inset:0 0 auto 0;height:405.5px;pointer-events:none}.auth-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;overflow:hidden;mix-blend-mode:saturation}.auth-hero__image img{position:absolute;left:50%;top:50%;width:540.667px;height:405.5px;max-width:none;transform:translate(-50%,-50%)}.auth-hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fcf9f800,#fcf9f866,#fcf9f8)}.auth-content{position:relative;z-index:1;width:100%;max-width:448px;display:flex;flex-direction:column;gap:24px;padding-top:48px}.auth-brand{display:flex;flex-direction:column;align-items:center;padding-bottom:24px;text-align:center}.auth-brand__icon{width:64px;height:64px;margin-bottom:16px;border-radius:12px;background:#07c160;display:grid;place-items:center;box-shadow:0 1px 1px #0000000d}.auth-brand__icon img{width:33.333px;height:33.333px;object-fit:contain}.auth-brand h1{margin:0;color:#006d33;font-size:22px;line-height:28px;font-weight:400;letter-spacing:-.55px}.auth-brand p{max-width:240px;margin:8px 0 0;color:var(--muted);font-size:16px;line-height:24px;text-align:center}.hero-card--auth{width:100%;margin:0}.auth-card{padding:20px 16px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffe0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card__header h2{margin:0;font-size:18px;line-height:1.3}.auth-card__header p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.auth-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-social--single{grid-template-columns:minmax(0,1fr)}.auth-social__button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0;border:1px solid rgba(187,203,186,.5);border-radius:8px;background:#fff;color:#1c1b1b;font-size:16px;line-height:24px;cursor:pointer}.auth-social__button--wechat{height:48px;background:linear-gradient(180deg,#0fce67,#07c160);border-color:#07c160;color:#fff;box-shadow:0 8px 22px #07c1602e}.auth-social__button img{object-fit:contain}.auth-social__button:first-child img{width:20px;height:20px}.auth-social__button:last-child img{width:15px;height:22px}.auth-redirecting{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px;padding:12px 14px;border:1px dashed rgba(7,193,96,.28);border-radius:10px;background:#07c1600d;color:#006d33;font-size:13px;line-height:18px}.auth-redirecting .loading-state__spinner{width:18px;height:18px;border-width:2px;flex:0 0 auto}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 0 24px}.auth-footer__legal{display:flex;gap:16px;opacity:.4}.auth-footer__legal button{padding:0;border:0;background:transparent;color:#1c1b1b;font-size:16px;line-height:24px;cursor:pointer}.auth-hint code{padding:0 6px;border-radius:6px;background:#07c1601f}.error-banner{padding:12px 14px;border-radius:10px;background:#ff84751f;border:1px solid rgba(255,132,117,.28);color:#741c16;font-size:13px;line-height:1.5}.error-banner--page{margin:0 16px 16px}.loading-state{flex:1;display:grid;place-items:center;gap:12px;min-height:100dvh;color:var(--muted)}.loading-state__spinner{width:36px;height:36px;border:3px solid rgba(7,193,96,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content--detail{padding-top:73px;padding-bottom:76px}.detail-topbar{position:absolute;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:#fcf9f8cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.detail-topbar__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#006d33}.detail-topbar__btn:last-child{width:40px;height:40px}.detail-topbar__btn .icon{width:18px;height:18px}.detail-topbar__spacer{width:40px;height:40px}.detail-topbar__title{color:var(--accent);font-size:16px;font-weight:600}.detail-loading{display:grid;place-items:center;gap:12px;min-height:60dvh;color:var(--muted)}.detail-score-card,.detail-analysis-card{position:relative;width:calc(100% - 32px);margin:0 16px 16px;padding:17px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:0 2px 8px #0000000a}.detail-score-card__head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:16px;line-height:24px;font-weight:400}.detail-score-card__status{color:var(--accent)}.detail-score-card__body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 0}.detail-score-card__team{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:8px}.detail-score-card__team-name{color:var(--text);font-size:16px;line-height:24px}.detail-score-card__center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:0 16px}.detail-score-card__score{color:var(--accent);font-size:36px;line-height:44px;font-family:Times New Roman,Georgia,serif;font-weight:700;letter-spacing:-.05em}.detail-score-card__score--prematch{color:#1c1b1b}.detail-score-card__stamp{position:absolute;top:-7px;right:-7px;width:20px;height:16px}.detail-score-card__stamp img{width:100%;height:100%;object-fit:contain}.detail-section-title{display:flex;align-items:center;gap:8px}.detail-section-title span{width:4px;height:20px;border-radius:9999px;background:var(--accent)}.detail-section-title h3{margin:0;color:var(--text);font-size:16px;line-height:24px;font-weight:500}.detail-analysis-card__content{margin-top:16px;display:flex;flex-direction:column;gap:16px}.detail-analysis-block{display:flex;flex-direction:column;gap:16px}.detail-analysis-block__title{margin:0;font-size:16px;line-height:24px;font-weight:500;color:var(--text)}.detail-analysis-block__paragraph{margin:0;color:var(--text);font-size:16px;line-height:26px}.detail-footer-note{width:100%;padding:24px 16px 8px}.detail-footer-note__text{text-align:center;color:var(--muted);font-size:10px;line-height:12px;letter-spacing:1px}.detail-footer-note__icons{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:8px;opacity:.5}.detail-footer-note__icons .icon{display:block;width:18px;height:18px;flex:0 0 18px;stroke:currentColor;color:currentColor}.data-summary-grid{display:block}.data-summary-card,.data-mini-card,.data-panel,.timeline-card,.cta-card{border:1px solid rgba(187,203,186,.3);border-radius:12px;background:#fff}.data-summary-card--win{position:relative;overflow:hidden;padding:16px;background:linear-gradient(180deg,#1ed56f,#07c160);color:#fff;box-shadow:0 1px 2px #0000000d}.data-summary-card__title{color:#ffffffe6;font-size:12px;line-height:16px;letter-spacing:.6px;text-transform:uppercase}.data-summary-card__value{margin-top:4px;color:#fff;font-size:36px;line-height:44px;font-family:Times New Roman,Georgia,serif;font-weight:700;letter-spacing:-.02em}.data-summary-card__chips{position:relative;z-index:1;display:flex;gap:8px;margin-top:16px}.data-summary-card__chips span{display:inline-flex;align-items:center;height:22px;padding:0 12px;border-radius:9999px;background:#fff3;color:#fff;font-size:10px;line-height:12px}.data-summary-card__art{position:absolute;right:-16px;bottom:-16px;width:100px;height:60px;object-fit:contain;opacity:.95}.data-mini-card{padding:17px}.data-mini-card__label{color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.12px}.data-mini-card__valueRow{display:flex;align-items:end;gap:4px;margin-top:8px}.data-mini-card__valueRow strong{color:var(--text);font-size:18px;line-height:24px;font-weight:700;font-family:Times New Roman,Georgia,serif}.data-mini-card__valueRow span{padding-bottom:4px;color:#006d33;font-size:10px;line-height:12px;font-weight:700}.data-section{margin-top:12px}.data-section__head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.data-section__head h2{margin:0;color:var(--text);font-size:14px;line-height:20px;font-weight:400}.text-link{padding:0;border:0;background:transparent;color:#006d33;font-size:12px;line-height:16px;cursor:pointer}.data-panel{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:17px}.league-row{display:flex;flex-direction:column;gap:8px}.league-row__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.league-row__label{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-size:12px;line-height:16px;font-weight:500}.league-row__label img{width:16px;height:20px;object-fit:contain;flex:0 0 auto}.league-row__head strong{color:#006d33;font-size:12px;line-height:16px;font-weight:700}.league-row__bar{position:relative;height:8px;overflow:hidden;border-radius:9999px;background:#f0eded}.league-row__bar span{display:block;height:100%;border-radius:inherit;background:#006d33}.data-section__head--timeline{align-items:center}.result-legend{display:flex;gap:16px;align-items:center}.result-legend__item{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-size:10px;line-height:12px;font-weight:700}.result-legend__item i{width:8px;height:8px;border-radius:9999px}.result-legend__item--win i{background:#ba1a1a}.result-legend__item--loss i{background:#1c1b1b}.match-timeline{display:flex;flex-direction:column;gap:8px;margin-top:8px}.timeline-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px}.timeline-card__left{display:flex;align-items:center;gap:12px;min-width:0}.timeline-card__avatar{width:40px;height:40px;border-radius:9999px;background:#f0eded;overflow:hidden;display:grid;place-items:center}.timeline-card__avatar .team-badge{width:26px;height:26px;border:0;background:transparent;overflow:visible}.timeline-card__avatar .team-badge__icon{width:26px;height:26px;display:block;transform:translateY(1px)}.timeline-card__meta{display:flex;flex-direction:column;min-width:0}.timeline-card__time{color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.12px}.timeline-card__teams{color:var(--text);font-size:14px;line-height:20px;font-weight:400}.timeline-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.timeline-card__badge{display:inline-flex;align-items:center;justify-content:flex-end;padding:4px 12px;border-radius:4px;font-size:10px;line-height:12px;font-weight:700;letter-spacing:.3px}.timeline-card__badge.is-win{color:#ba1a1a;background:#ba1a1a1a}.timeline-card__badge.is-loss{color:#1c1b1b;background:#1c1b1b1a}.cta-card{margin-top:24px;padding:17px;background:#f0eded}.cta-card h2{margin:0;color:var(--text);font-size:18px;line-height:24px;font-weight:400;text-align:center}.cta-card p{margin:4px 0 0;padding-bottom:12px;color:var(--muted);font-size:14px;line-height:20px;text-align:center}.cta-card__button{width:100%;height:36px;border:0;border-radius:8px;background:#07c160;color:#fff;font-size:14px;line-height:20px;cursor:pointer;box-shadow:0 10px 15px -3px #006d3333,0 4px 6px -4px #006d3333}.data-loading{display:grid;place-items:center;gap:12px;min-height:180px;color:var(--muted)}.profile-hero{display:flex;flex-direction:column;align-items:center;min-height:186px;padding:24px 0 0;text-align:center}.profile-hero__avatar{width:96px;height:96px;padding:4px;border-radius:9999px;border:2px solid #07c160;background:#fff;box-shadow:0 1px 2px #0000000d;overflow:hidden}.profile-hero__avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.profile-hero h1{margin:10px 0 0;color:var(--text);font-size:17px;line-height:22px;font-weight:400}.profile-hero p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.12px}.profile-menu-card{margin-top:40px;padding:1px;border:1px solid rgba(187,203,186,.2);border-radius:12px;background:#fff;overflow:hidden}.profile-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 16px 17px;border:0;background:#fff;cursor:pointer}.profile-menu-item:disabled{cursor:default;opacity:.72}.profile-menu-item__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#006d331a;flex:0 0 auto;color:#006d33}.profile-menu-item__icon .icon{width:20px;height:20px;display:block;stroke:currentColor;color:currentColor}.profile-menu-item__icon svg{overflow:visible}.profile-menu-item__label{color:var(--text);font-size:16px;line-height:24px;text-align:left}.profile-menu-item__labelGroup{flex:1 1 auto;display:flex;min-width:0;flex-direction:column;gap:2px;text-align:left}.profile-menu-item__hint{color:var(--muted);font-size:12px;line-height:16px}.profile-menu-item__chevron{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;color:var(--muted-2)}.profile-menu-item__chevron .icon{width:18px;height:18px;display:block}.profile-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:32px;padding:0 12px;border-radius:9999px;background:#f0eded;color:var(--muted);font-size:12px;line-height:16px;font-weight:700;white-space:nowrap;flex:0 0 auto}.profile-toggle.is-on{background:#07c16024;color:#006d33}.profile-logout{width:100%;height:58px;margin-top:12px;border:1px solid rgba(186,26,26,.2);border-radius:12px;background:#fff;color:#ba1a1a;font-size:16px;line-height:24px;cursor:pointer}.subscriptions-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:56px;padding:0 16px 1px;background:#fcf9f8cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(187,203,186,.2)}.subscriptions-topbar__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#006d33}.subscriptions-topbar__btn .icon{width:18px;height:18px;display:block;stroke:currentColor;color:currentColor}.subscriptions-topbar__spacer{width:40px;height:40px;justify-self:end}.subscriptions-topbar__title{justify-self:center;color:#006d33;font-size:18px;line-height:24px;font-weight:400;letter-spacing:-.45px}.subscriptions-tabs{display:flex;align-items:center;justify-content:center;background:#fcf9f8;border-bottom:1px solid rgba(187,203,186,.2)}.subscriptions-tabs__item{position:relative;flex:1 1 0;padding:16px 0 14px;border:0;background:transparent;color:var(--muted);font-size:16px;line-height:24px;cursor:pointer}.subscriptions-tabs__item.is-active{color:#006d33}.subscriptions-tabs__item.is-active:after{content:"";position:absolute;left:50%;bottom:0;width:24px;height:3px;border-radius:2px;background:#07c160;transform:translate(-50%)}.subscriptions-list{display:flex;flex-direction:column;gap:16px;padding:16px}.subscription-card{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(187,203,186,.3);border-radius:12px;background:#fff;box-shadow:0 2px 4px #0000000a}.subscription-card .ribbon{top:10px;right:-18px;min-width:116px;padding:6px 36px;font-size:11px}.subscription-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subscription-card__meta{display:flex;align-items:center;gap:8px;min-width:0}.subscription-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;font-size:10px;line-height:12px;letter-spacing:.3px;font-weight:700}.subscription-chip--green{color:#006d33;background:#006d331a}.subscription-chip--win{color:#ba1a1a;background:#ba1a1a1a}.subscription-chip--loss{color:#1c1b1b;background:#1c1b1b1a}.subscription-chip--blue{color:#0061a3;background:#3aa2ff1a}.subscription-card__time{color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.12px}.subscription-card__status{display:inline-flex;align-items:center;gap:4px;color:#006d33;font-size:12px;line-height:16px;font-weight:700}.subscription-card__status img{width:9.333px;height:12.25px;object-fit:contain}.subscription-card__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 9px;margin-top:8px;border-bottom:1px solid rgba(187,203,186,.1)}.subscription-team{flex:1 1 0;display:flex;flex-direction:column;align-items:center;min-width:0}.subscription-team__avatar{width:40px;height:40px;border-radius:9999px;background:#f0eded;overflow:hidden;display:grid;place-items:center}.subscription-team__name{margin-top:4px;color:var(--text);font-size:12px;line-height:16px;text-align:center}.subscription-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px;min-width:72px}.subscription-center__score{color:#1c1b1b;font-size:22px;line-height:28px;font-family:Times New Roman,Georgia,serif;font-weight:700}.subscription-center__state{color:var(--muted);font-size:10px;line-height:12px;letter-spacing:.3px}.subscription-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.subscription-card__spacer{width:24px;height:24px}.subscription-card__button{min-width:76px;height:28px;padding:0 16px;border:0;border-radius:9999px;background:#07c160;color:#00471f;font-size:12px;line-height:16px;cursor:pointer}.match-card--clickable{cursor:pointer}.match-card--clickable:focus{outline:2px solid rgba(7,193,96,.25);outline-offset:2px}@media (min-width: 720px){.detail-topbar{left:50%;width:min(var(--app-width),calc(100vw - 24px));transform:translate(-50%);border-radius:24px 24px 0 0}}