:root{--color-brand:#ec6a25;--color-brand-dark:#d55415;--color-accent:#f48b4d;--color-ink:#24262c;--color-muted:#7b7d86;--color-canvas:#f5f5f7;--color-line:#e8e8ec;--club-dark:#1c1e24;--club-orange:#ec6a25;--page-content-padding-top:34px;--page-content-padding-bottom:32px}body{background:var(--color-canvas);color:var(--color-ink);margin:0}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-color:var(--club-orange)}.club-layout{min-height:100dvh}.club-sidebar{background:var(--club-dark);color:#f7f7f8;z-index:20;flex-direction:column;width:252px;padding:36px 22px 22px;display:flex;position:fixed;inset:0 0 0 auto}.club-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.club-brand b{font-size:16px;font-weight:850}.club-brand small{color:#96979e;letter-spacing:.02em;margin-top:5px;font-size:10px;display:block}.club-mark{object-fit:contain;flex-shrink:0;width:60px;height:57px;display:block}.club-sidebar nav{gap:9px;margin-top:24px;display:grid}.club-sidebar nav a{color:#a6a7af;border-radius:9px;align-items:center;gap:12px;padding:14px 13px;font-size:12px;display:flex}.club-sidebar nav a .icon{width:19px;height:19px}.club-sidebar nav a:hover{color:#fff;background:#262930}.club-sidebar nav a[aria-current]{color:#ff914f;background:#ec6a251b;border:1px solid #ec6a2533}.club-sidebar nav i{background:#f47c34;border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.sidebar-motto{margin:auto 12px 46px;padding-top:72px}.sidebar-motto>span{color:#91929c;font-size:10px}.sidebar-motto b{color:#e4e4e8;margin:10px 0 16px;font-size:25px;font-weight:850;line-height:1.9;display:block}.motto-line{background:var(--club-orange);width:29px;height:3px;margin-bottom:18px}.sidebar-motto small{letter-spacing:1.6px;color:#727581;font-size:7px}.sidebar-bottom{border-top:1px solid #ffffff0e;align-items:center;gap:10px;padding-top:21px;display:flex}.account-avatar{color:#91939d;background:#ffffff09;border-radius:50%;padding:10px}.sidebar-bottom b{font-size:11px}.sidebar-bottom small{color:#8d8f9a;margin-top:4px;font-size:10px;display:block}.sidebar-bottom button{color:#8d8f9a;margin-inline-start:auto;padding:5px}.sidebar-login{align-items:center;gap:10px;width:100%;font-size:11px;display:flex}.sidebar-login .icon:last-child{margin-inline-start:auto}.club-workspace{flex-direction:column;min-height:100dvh;margin-right:252px;display:flex}.club-topbar{background:#fff;border-bottom:1px solid #e7e7eb;justify-content:space-between;align-items:center;min-height:90px;padding:20px 0;display:flex}.club-topbar b{margin-top:4px;font-size:13px;font-weight:650;display:block}.eyebrow{letter-spacing:.01em;color:#96979f;font-size:10px;font-weight:500;display:block}.topbar-actions{align-items:center;gap:22px;display:flex}.season-label{color:#8a8c94;font-size:11px}.icon-button{color:#676974;border-radius:50%;width:38px;height:38px}.club-workspace main{flex:1;min-width:0;overflow-x:clip}.club-topbar-inner,.club-footer-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-transition{width:100%;min-width:0}.page-transition>.container-page{padding-block:var(--page-content-padding-top) var(--page-content-padding-bottom)}html{scrollbar-gutter:stable}.container-page{width:100%;max-width:1380px;margin-inline:auto;padding-left:44px;padding-right:44px}.match-home{padding-top:34px;padding-bottom:12px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.page-heading .eyebrow{color:#96979f;font-size:11px}.page-heading h1{letter-spacing:-1px;font-size:29px;font-weight:900;line-height:1.8}.page-heading h1>span,.feature-title h2>span,.login-story h2>span{color:var(--club-orange)}.page-heading p{color:#82848e;margin-top:4px;font-size:12px}.live-label{color:#427d61;white-space:nowrap;background:#e9f1eb;border-radius:30px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:inline-flex}.live-label i{background:#489671;border-radius:50%;width:6px;height:6px}.match-feature{border:1px solid var(--color-line);background:#fff;border-radius:17px;grid-template-columns:1.4fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 32px #28283403}.feature-visual{isolation:isolate;color:#fff;background:linear-gradient(#15171d66,#15171dda),url(/assets/images/stadium.jpg) 50%/cover;flex-direction:column;min-height:445px;padding:26px 30px 19px;display:flex;position:relative}.feature-shade{z-index:-1;pointer-events:none;background:linear-gradient(110deg,#181b2266,#16191ee6);position:absolute;inset:0}.feature-top{color:#c2c4cb;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.feature-top i{color:#6d7078;margin:0 8px;font-style:normal}.host-tag{color:#fff;white-space:nowrap;border:1px solid #ffffff32;border-radius:5px;padding:5px 8px}.feature-title{margin-top:30px}.feature-title .eyebrow{color:#e99968;font-size:10px}.feature-title h2{letter-spacing:-.8px;margin-top:9px;font-size:34px;font-weight:900;line-height:1.7}.fixture{justify-content:center;align-items:center;gap:37px;margin-top:23px;margin-bottom:23px;display:flex}.fixture-team{flex-direction:column;align-items:center;gap:7px;min-width:76px;display:flex}.fixture-team .club-mark{width:64px;height:61px}.fixture-team .team-crest{border:2px solid #ffffff60;border-radius:5px 5px 18px 18px;width:54px;height:61px;font-size:30px}.fixture-team b{font-size:12px;font-weight:700}.fixture-team small{letter-spacing:2px;color:#a3a5ad;font-size:7px}.fixture-versus{text-align:center;align-self:center;margin-top:5px}.fixture-versus>span{letter-spacing:4px;color:#8e909b;font-size:15px;font-weight:900;display:block}.fixture-versus small{color:#d3d4d9;direction:ltr;margin-top:8px;font-size:11px;display:block}.visual-bottom{color:#9fa2ad;border-top:1px solid #ffffff1c;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;font-size:8px;display:flex}.visual-bottom>span:first-child{letter-spacing:1px;direction:ltr;font-size:7px}.visual-bottom b{color:#e4e5e9;font-weight:500}.feature-booking{flex-direction:column;padding:32px 28px;display:flex}.feature-booking>.eyebrow{color:#b5a295}.feature-booking h2{margin-top:9px;font-size:21px;font-weight:850;line-height:1.8}.feature-booking h2>span{color:#b1b1b7;margin:0 4px;font-size:15px;font-weight:400}.feature-subtitle{color:#8d8f98;margin-top:4px;font-size:10px}.fixture-details{gap:20px;margin-top:26px;display:grid}.fixture-details>div{align-items:center;gap:13px;display:flex}.fixture-details .icon{color:#9b9ca4;width:19px;height:19px}.fixture-details small{color:#9799a1;margin-bottom:4px;font-size:9px;display:block}.fixture-details b{font-size:11px;font-weight:600;line-height:1.7;display:block}.booking-price{border-top:1px dashed #e3e3e7;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.booking-price>span{color:#8a8b94;font-size:10px}.booking-price>b{font-size:20px;font-weight:900}.booking-price .text-muted{font-size:10px!important}.booking-button{background:var(--club-orange);border-radius:8px;justify-content:space-between;min-height:47px;margin-top:17px;font-size:12px;box-shadow:0 5px 12px #ec6a251c}.booking-hint{color:#95969f;justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.booking-hint .icon{width:13px;height:13px}.home-bottom{grid-template-columns:1.8fr 1fr;gap:22px;margin-top:24px;display:grid}.purchase-guide{border:1px solid var(--color-line);background:#fff;border-radius:13px;padding:22px}.section-heading{align-items:center;gap:12px;display:flex}.section-heading h2{font-size:13px;font-weight:800}.section-heading p{color:#9b9ca4;margin-top:5px;font-size:10px}.form-symbol{width:40px;height:40px;color:var(--club-orange);background:#fff0e7;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.guide-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px;display:grid}.guide-steps>div{border-inline-start:1px solid #eeeef1;padding-inline-start:12px}.guide-steps span{color:#dfb899;margin-bottom:8px;font-size:16px;font-weight:800;display:block}.guide-steps b{font-size:10px;display:block}.guide-steps p{color:#92949d;margin-top:6px;font-size:9px;line-height:2}.match-reminder{background:#f4efe8;border:1px solid #e9dfd4;border-radius:13px;padding:22px}.match-reminder>.icon{color:#b19374;width:22px;height:22px}.match-reminder h2{margin-top:10px;font-size:12px;font-weight:800}.match-reminder p{color:#8b8074;margin-top:9px;font-size:10px;line-height:2.2}.match-reminder>span{color:#b19a82;margin-top:12px;font-size:9px;display:block}.fixture-disclaimer{color:#a4a5ad;margin-top:16px;font-size:9px}.club-footer{color:#a2a3ab;justify-content:space-between;gap:12px;padding:23px 0;font-size:9px;display:flex}.club-footer i{color:var(--club-orange);margin-right:5px;font-size:7px;font-style:normal}.resume-order{background:#fff4ec;border:1px solid #ecd6c5;border-radius:10px;align-items:center;gap:9px;margin-bottom:20px;padding:16px;font-size:12px;display:flex}.resume-order>span{color:#c55f26;gap:8px;margin-right:auto;display:flex}.purchase-steps{justify-content:center;align-items:center;gap:12px;max-width:780px;margin:30px auto 0;padding:0 24px;display:flex}.purchase-steps>span{white-space:nowrap;color:#9a9ba3;align-items:center;gap:8px;font-size:11px;display:flex}.purchase-steps i{border:1px solid #dfdfe4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-style:normal;display:grid}.purchase-steps .current{color:var(--club-orange);font-weight:700}.purchase-steps .current i{color:#fff;background:var(--club-orange);border-color:var(--club-orange)}.purchase-steps .complete{color:#5e8068}.purchase-steps em{background:#e0e0e5;flex:1;max-width:75px;height:1px}.panel{box-shadow:0 5px 22px #20202803}.btn-primary{background:var(--club-orange);color:#fff}.btn-primary:hover{background:#d85a18}.btn{border-radius:9px}.field{border:1px solid var(--color-line);border-radius:8px;min-height:48px}.field:focus{border-color:var(--club-orange)}.section-option{cursor:pointer;transition:background .15s,border-color .15s}.section-option:has(input:checked){background:#fff7f1;border-color:#ec6a25;box-shadow:0 0 0 1px #ec6a25}.section-option:has(input:disabled){opacity:.5;cursor:not-allowed}.section-option:has(input:focus-visible){border-color:var(--club-orange)}.order-summary{position:sticky;top:25px}.order-summary .section-title{margin-top:7px;font-size:18px}.stadium-map{background:#f7f7f9;border:1px solid #ececf0;border-radius:90px;place-items:center;max-width:550px;min-height:270px;margin:12px auto 8px;display:grid;position:relative}.stadium-pitch{color:#849a80;background:repeating-linear-gradient(0deg,#e4ebe2 0 25px,#dce6da 25px 50px);border:8px solid #fff;outline:1px solid #d6dfd4;place-items:center;width:58%;height:150px;font-size:10px;display:grid;position:relative}.stadium-pitch:before{content:"";border:1px solid #fff;position:absolute;inset:8px}.stadium-pitch:after{content:"";border-left:1px solid #fff;position:absolute;top:8px;bottom:8px;left:50%}.stadium-pitch span{border:1px solid #fff;border-radius:50%;width:45px;height:45px;position:absolute}.stadium-pitch b{font-weight:400;position:relative;top:41px}.stand{color:#9c8878;background:#f3e3d6;border-radius:9px;padding:8px 15px;font-size:9px;position:absolute}.stand-north{top:12px}.stand-south{color:#92949b;background:0 0;bottom:13px}.stand-east{writing-mode:vertical-rl;padding:24px 8px;right:4px}.stand-west{writing-mode:vertical-rl;padding:16px 8px;left:4px}.map-caption{color:#9c9da7;text-align:center;margin-bottom:22px;font-size:9px}.login-layout{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:32px;display:grid}.login-story{color:#fff;background:linear-gradient(#191b2366,#191b23ed),url(/assets/images/stadium.jpg) 50%/cover;border-radius:16px;flex-direction:column;justify-content:center;min-height:0;padding:32px;display:flex}.login-story .eyebrow{color:#eca16c}.login-story h2{margin:12px 0;font-size:47px;font-weight:900;line-height:1.8}.login-story p{color:#d5d5dc;max-width:210px;font-size:12px;line-height:2.4}.story-caption{color:#f0a471;margin-top:auto;padding-top:24px;font-size:10px}.login-form{padding:32px}.login-form>.form-symbol{margin-bottom:24px}.login-form .page-title{margin-top:8px;font-size:23px}.login-form .form-error{min-block-size:3em;line-height:1.5}.login-profile-fields .form-error:empty{display:none}.jalali-date-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.jalali-date-clear{color:var(--color-brand-dark);font-size:12px}.jalali-date-clear:disabled{opacity:.5}.jalali-date-container{width:100%}.jalali-date-trigger{text-align:right;justify-content:space-between;align-items:center;gap:12px;display:flex}.jalali-date-trigger svg{width:20px;height:20px;color:var(--color-brand-dark);flex-shrink:0}.jalali-calendar.rmdp-wrapper{border:1px solid var(--color-line);border-radius:12px;font-family:inherit;box-shadow:0 8px 30px #24262c20}.jalali-calendar .rmdp-week-day{color:var(--color-brand-dark)}.jalali-calendar .rmdp-arrow{border-color:var(--color-brand-dark)}.jalali-calendar .rmdp-arrow-container:hover{background:var(--color-brand)}.jalali-calendar .rmdp-arrow-container:hover .rmdp-arrow{border-color:#fff}.jalali-calendar .rmdp-day.rmdp-today span{color:var(--color-brand-dark);background:#fff0e5}.jalali-calendar .rmdp-day.rmdp-selected span:not(.highlight){background:var(--color-brand);color:#fff;box-shadow:none}.jalali-calendar .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover{background:var(--color-brand-dark);color:#fff}.demo-note{color:#9a816b;background:#faf4ed;border-radius:8px;margin-top:22px;padding:12px;font-size:10px;line-height:2.1}.back-link{color:#999ba4;text-align:center;margin-top:20px;font-size:11px;display:block}.empty-match{text-align:center;padding-top:100px;padding-bottom:100px}.empty-match .form-symbol{margin-bottom:22px}.empty-match p{color:#92949d;margin:16px 0 28px;font-size:13px}dialog{color:var(--color-ink)}.ticket-notch:before,.ticket-notch:after{background:var(--color-canvas)}@media (min-width:1600px){.match-home{padding-top:48px}.match-feature{grid-template-columns:1.6fr 1fr}.feature-visual{min-height:490px}.feature-title h2{font-size:41px}.fixture{margin-top:35px}.feature-booking{padding:38px}}@media (max-width:1200px){.club-sidebar{width:216px;padding-inline:16px}.club-workspace{margin-right:216px}.club-brand b{font-size:14px}.container-page{padding-inline:28px}.feature-visual{padding-inline:22px}.feature-booking{padding:26px 22px}.feature-booking h2{font-size:18px}.page-heading h1{font-size:25px}.feature-title h2{font-size:30px}.home-bottom{grid-template-columns:1.5fr 1fr}.guide-steps{gap:8px}.guide-steps b{line-height:1.9}.login-layout{gap:22px}.login-story h2{font-size:36px}.login-form{padding:24px}}@media (max-width:1023px){.club-sidebar{width:190px;padding-inline:12px}.club-workspace{margin-right:190px}.club-brand{gap:8px}.club-brand .club-mark{width:43px;height:54px}.club-brand b{font-size:12px}.club-brand small{font-size:8px}.club-sidebar nav a{gap:8px;font-size:10px}.match-feature{grid-template-columns:1fr}.feature-visual{min-height:410px}.feature-title h2{font-size:33px}.feature-booking{padding:26px}.feature-booking h2{font-size:23px}.fixture-details{grid-template-columns:1fr 1fr;gap:20px}.fixture-details>div:last-child{grid-column:span 2}.booking-price{margin-top:20px}.booking-button{justify-content:center;gap:25px}.feature-subtitle{font-size:11px}.home-bottom{grid-template-columns:1fr}.guide-steps b{font-size:11px}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form{width:100%}.order-summary{position:static}}@media (max-width:700px){:root{--page-content-padding-top:24px;--page-content-padding-bottom:24px}.club-sidebar{background:#1c1e24;width:100%;padding:14px 20px 0;position:static}.club-brand{gap:10px}.club-brand b{font-size:14px}.club-brand small{font-size:9px}.club-brand .club-mark{width:39px;height:47px}.sidebar-motto,.sidebar-bottom,.club-sidebar nav a:last-child{display:none}.club-sidebar nav{gap:20px;margin-top:16px;display:flex}.club-sidebar nav a{border-radius:0;flex:1;justify-content:center;gap:8px;padding:12px 0;font-size:11px}.club-sidebar nav a[aria-current]{background:0 0;border:none;border-bottom:2px solid #f0803d}.club-sidebar nav i{display:none}.club-sidebar nav a .icon{width:16px;height:16px}.club-workspace{margin-right:0}.club-topbar{min-height:68px;padding:12px 0}.club-topbar .eyebrow{font-size:8px}.club-topbar b{font-size:11px}.season-label{font-size:9px}.topbar-actions{gap:10px}.topbar-actions .icon-button{width:32px;height:32px}.container-page{padding-inline:20px}.match-home{padding-top:24px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading .eyebrow{font-size:9px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;line-height:2}.live-label{margin-top:10px;padding:8px;font-size:0}.live-label i{width:7px;height:7px}.feature-visual{min-height:380px;padding:22px}.feature-title{margin-top:27px}.feature-title h2{font-size:31px}.feature-top{font-size:8px}.fixture{gap:40px;margin-top:23px;margin-bottom:22px}.feature-booking{padding:24px 22px}.feature-booking h2{font-size:21px}.fixture-details b{font-size:10px}.fixture-details{gap:19px 8px}.feature-subtitle{font-size:9px}.booking-hint{font-size:8px}.visual-bottom{font-size:7px}.visual-bottom>span:first-child{font-size:6px}.home-bottom{gap:16px;margin-top:18px}.purchase-guide,.match-reminder{padding:20px}.guide-steps{gap:12px}.guide-steps b{font-size:9px}.guide-steps p{font-size:8px}.section-heading h2{font-size:12px}.section-heading p{font-size:9px}.club-footer{padding:20px 0;font-size:8px}.club-footer-inner{flex-wrap:wrap}.purchase-steps{gap:7px;margin-top:22px;padding-inline:16px}.purchase-steps>span{flex-direction:column;gap:4px;font-size:8px}.purchase-steps i{width:24px;height:24px}.purchase-steps em{margin-top:-16px}.stadium-map{min-height:230px}.stadium-pitch{width:60%;height:125px}.stand{font-size:8px}.section-option{gap:8px!important;padding:12px!important}.section-option b{font-size:11px}.section-option .text-xs{font-size:10px}.login-layout{padding-top:30px;padding-bottom:30px}.login-form{padding:25px}.login-form .page-title{font-size:21px}.resume-order{flex-wrap:wrap;font-size:10px}.resume-order>span{font-size:10px}.page-title{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.club-sidebar,.club-topbar,.purchase-steps,.club-footer{display:none!important}.club-workspace{margin:0}.container-page,.club-workspace main{padding:0}.ticket-notch:before,.ticket-notch:after{display:none}}.topbar-account{color:#7d7f89;align-items:center;gap:7px;font-size:10px;display:inline-flex}.topbar-account .icon{width:16px;height:16px}.print-area>.bg-brand{background:var(--club-dark)}@media (max-width:380px){.season-label{display:none}.page-heading h1{font-size:21px}.feature-title h2{font-size:28px}.fixture{gap:28px}.purchase-steps>span{font-size:7px}}.club-sidebar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-menu-toggle{display:none}@media (max-width:700px){.club-sidebar{padding-bottom:14px;position:relative}.mobile-menu-toggle{color:#f7f7f8;background:#ffffff08;border:1px solid #ffffff26;border-radius:9px;flex-direction:column;flex-shrink:0;order:-1;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.mobile-menu-toggle span{background:currentColor;border-radius:2px;width:19px;height:2px;transition:transform .18s,opacity .18s;display:block}.is-menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.is-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.is-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.club-sidebar nav{top:100%;z-index:21;background:var(--club-dark);border-top:1px solid #ffffff14;border-radius:0 0 12px 12px;width:min(280px,100vw - 40px);max-height:calc(100dvh - 100px);margin-top:0;padding:10px 20px 16px;display:none;position:absolute;inset-inline:0 auto;overflow-y:auto;box-shadow:0 12px 24px #00000026}.club-sidebar.is-menu-open nav{flex-direction:column;gap:6px;display:flex}.club-sidebar nav a,.club-sidebar nav a:last-child{border-radius:8px;flex:none;justify-content:flex-start;min-height:44px;padding:12px;display:flex}.club-sidebar nav a[aria-current]{background:#ec6a251b;border:1px solid #ec6a2533}}.ticket-screen-guide{background:#fff7ef;border:1px solid #f0dccb;border-radius:10px;align-items:flex-start;gap:10px;margin:0 24px 24px;padding:14px;font-size:12px;line-height:2;display:flex}.ticket-screen-guide>.icon{color:var(--club-orange);margin-top:3px}.ticket-screen-guide b{font-weight:700}.ticket-screen-guide p{color:#75685e;margin-top:4px}.ticket-qr-section{flex-wrap:wrap}.ticket-qr{flex-shrink:0;width:240px;max-width:100%;height:auto}.ticket-qr-section>div{min-width:160px}.otp-base{width:100%}.otp-segments{direction:ltr;flex-direction:row;justify-content:center;gap:8px;width:100%;display:flex}.otp-segment{border:1px solid var(--color-line);width:44px;min-width:0;max-width:48px;height:48px;color:var(--color-ink);box-shadow:none;background:#fff;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative}.otp-segment[data-active=true]{border-color:var(--club-orange)}.otp-control[data-invalid=true] .otp-segment{border-color:#b43b3b}.otp-base[data-disabled=true]{opacity:.5}.otp-caret{background:var(--club-orange);width:1px;height:22px;animation:1s step-end infinite otp-caret-blink}@keyframes otp-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce),print{.page-transition{opacity:1!important;transform:none!important}}@media print{.page-transition>.container-page{padding:0}}
.fan-dashboard{--red:#dc2435;--red-dark:#b91426;--ink:#202126;--muted:#7d7e87;--paper:#f5f4f1;--line:#eeece9;--dark:#18191d;--radius:22px}.fan-dashboard *{box-sizing:border-box}.fan-dashboard{scroll-behavior:smooth;background:var(--paper);color:var(--ink);margin:0;scroll-padding-top:30px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;line-height:1.8}.fan-dashboard button,.fan-dashboard input,.fan-dashboard a{-webkit-tap-highlight-color:transparent}.fan-dashboard button,.fan-dashboard input{font:inherit}.fan-dashboard button,.fan-dashboard a{touch-action:manipulation}.fan-dashboard button{cursor:pointer;border:0}.fan-dashboard a{color:inherit;text-decoration:none}.fan-dashboard img{max-width:100%;display:block}.fan-dashboard button:disabled{opacity:.6;cursor:wait}.fan-dashboard button:focus-visible,.fan-dashboard a:focus-visible{outline-offset:5px;outline:3px solid #df6a75}.fan-dashboard [hidden]{display:none!important}.fan-dashboard .icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.fan-dashboard .fan-symbols{width:0;height:0;position:absolute;overflow:hidden}.fan-dashboard .fan-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fan-dashboard .fan-skip-link{z-index:200;background:#fff;border-radius:12px;padding:12px 20px;position:fixed;top:-100px;right:20px}.fan-dashboard .fan-skip-link:focus{top:12px}.fan-dashboard .fan-ltr{direction:ltr;unicode-bidi:isolate}.fan-dashboard h1,.fan-dashboard h2,.fan-dashboard h3,.fan-dashboard p{margin:0}.fan-dashboard button{color:inherit}.fan-dashboard button svg{pointer-events:none}.fan-dashboard .fan-sidebar{z-index:20;background:var(--dark);color:#fff;border-left:1px solid #ffffff09;flex-direction:column;width:242px;padding:35px 24px 22px;display:flex;position:fixed;inset:0 0 0 auto}.fan-dashboard .fan-brand{align-items:center;gap:12px;display:flex}.fan-dashboard .fan-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:55px;height:55px}.fan-dashboard .fan-brand strong{font-size:17px;font-weight:900;display:block}.fan-dashboard .fan-brand span{color:#9c9da5;letter-spacing:.03em;font-size:10px}.fan-dashboard .fan-brand-separator{background:#ffffff0e;height:1px;margin:29px 0 31px}.fan-dashboard .fan-nav-caption{color:#74757f;letter-spacing:.06em;margin-bottom:12px;padding-inline:14px;font-size:10px}.fan-dashboard .fan-side-nav{gap:9px;display:grid}.fan-dashboard .fan-side-nav a{color:#a7a7af;border-radius:12px;align-items:center;gap:13px;min-height:51px;padding:12px 15px;font-size:12px;transition:all .2s;display:flex}.fan-dashboard .fan-side-nav a:hover{color:#fff;background:#ffffff08}.fan-dashboard .fan-side-nav a.fan-active{color:#fff;background:#df293519;position:relative}.fan-dashboard .fan-side-nav a.fan-active:before{content:"";background:var(--red);border-radius:3px;width:3px;position:absolute;top:15px;bottom:15px;right:-24px}.fan-dashboard .fan-side-nav a.fan-active .icon{color:#f15a67}.fan-dashboard .fan-nav-dot{background:#ef4858;border-radius:50%;width:6px;height:6px;margin-right:auto}.fan-dashboard .fan-sidebar-bottom{margin-top:auto;padding-top:50px}.fan-dashboard .fan-supporter-note{background:linear-gradient(135deg,#ffffff04,#0000);border:1px solid #ffffff0b;border-radius:15px;padding:21px 17px 18px;position:relative;overflow:hidden}.fan-dashboard .fan-supporter-note:after{content:"۱۹۷۰";color:#ffffff03;direction:ltr;font-size:65px;font-weight:900;position:absolute;bottom:-24px;left:-4px}.fan-dashboard .fan-supporter-note .fan-mini-stripes{gap:5px;margin-bottom:14px;display:flex}.fan-dashboard .fan-mini-stripes i{background:var(--red);width:5px;height:18px;transform:skew(-16deg)}.fan-dashboard .fan-mini-stripes i:nth-child(2){opacity:.65}.fan-dashboard .fan-mini-stripes i:nth-child(3){opacity:.3}.fan-dashboard .fan-supporter-note strong{font-size:13px;font-weight:800;line-height:2;display:block}.fan-dashboard .fan-supporter-note p{color:#83848f;margin-top:8px;font-size:10px}.fan-dashboard .fan-side-help{color:#a1a2aa;background:0 0;align-items:center;gap:10px;margin-top:23px;padding:0 5px;font-size:11px;display:flex}.fan-dashboard .fan-side-help:hover{color:#fff}.fan-dashboard .fan-side-signature{color:#5e606a;letter-spacing:.12em;text-align:right;direction:ltr;margin-top:25px;font-size:9px}.fan-dashboard .fan-mobile-brand{display:none}.fan-dashboard .fan-workspace{margin-right:242px;padding:0 38px 26px}.fan-dashboard .fan-content{max-width:1190px;margin:auto}.fan-dashboard .fan-topbar{border-bottom:1px solid #e7e5e1;justify-content:space-between;align-items:center;gap:15px;height:93px;display:flex}.fan-dashboard .fan-breadcrumbs{color:#9b9ba2;align-items:center;gap:10px;font-size:11px;display:flex}.fan-dashboard .fan-breadcrumbs .icon{width:17px;height:17px}.fan-dashboard .fan-breadcrumbs b{color:#4e4f57;font-weight:600}.fan-dashboard .fan-slash{color:#c9c7c4;margin-inline:4px}.fan-dashboard .fan-topbar-left{align-items:center;gap:23px;display:flex}.fan-dashboard .fan-today{color:#97969c;font-size:11px}.fan-dashboard .fan-user-pill{align-items:center;gap:10px;display:flex}.fan-dashboard .fan-avatar{color:#7a6159;background:#eee9e4;border:1px solid #e8e2de;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.fan-dashboard .fan-user-pill strong{font-size:11px;display:block}.fan-dashboard .fan-user-pill small{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.fan-dashboard .fan-tiny-check{color:#3d8a60;background:#e4efe7;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;display:inline-flex}.fan-dashboard .fan-welcome{justify-content:space-between;align-items:center;gap:20px;padding:35px 0 29px;display:flex}.fan-dashboard .fan-eyebrow{color:var(--red);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.fan-dashboard .fan-eyebrow:before{content:"";background:currentColor;width:16px;height:2px}.fan-dashboard .fan-welcome h1{letter-spacing:-1.1px;font-size:clamp(23px,2.5vw,34px);font-weight:900;line-height:1.7}.fan-dashboard .fan-welcome h1 span{color:var(--red)}.fan-dashboard .fan-welcome p{color:#939199;margin-top:8px;font-size:11px}.fan-dashboard .fan-welcome-motto{color:#85858e;text-align:left;padding-left:2px;white-space:nowrap;border-left:2px solid #dfd9d4;padding-inline-end:15px;font-size:11px;line-height:2.2}.fan-dashboard .fan-welcome-motto b{color:#4f4f58;font-weight:600}.fan-dashboard .fan-dashboard-grid{grid-template-columns:minmax(0,1fr) 302px;align-items:start;gap:25px;display:grid}.fan-dashboard .fan-primary-column{gap:25px;min-width:0;display:grid}.fan-dashboard .fan-panel{border-radius:var(--radius);background:#fff;border:1px solid #eeece8;overflow:hidden}.fan-dashboard .fan-panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:23px 25px 18px;display:flex}.fan-dashboard .fan-title-group{align-items:center;gap:11px;display:flex}.fan-dashboard .fan-title-icon{color:var(--red);background:#fff0f1;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.fan-dashboard .fan-panel-heading h2{font-size:15px;font-weight:850}.fan-dashboard .fan-panel-heading p{color:#99969c;margin-top:1px;font-size:10px}.fan-dashboard .fan-subtle-badge{color:#638769;white-space:nowrap;background:#f4f7f3;border:1px solid #e8eee5;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:9px;display:flex}.fan-dashboard .fan-subtle-badge .icon{width:12px;height:12px}.fan-dashboard .fan-card-stage{isolation:isolate;background:radial-gradient(at 50% 43%,#f6dcdd 0,#f9f2ee 45%,#f5f3f0 80%);border-radius:15px;margin:0 25px;padding:27px 21px;position:relative}.fan-dashboard .fan-card-stage:before{content:"";z-index:-1;border:1px solid #e9dada;border-radius:50%;width:165px;height:165px;position:absolute;top:10%;right:8%}.fan-dashboard .fan-card-stage:after{content:"";z-index:-1;border:1px solid #eadfda;border-radius:50%;width:220px;height:220px;position:absolute;top:-8%;right:3%}.fan-dashboard .fan-card-art{aspect-ratio:1181/486;background:#fff;border-radius:10px;width:100%;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 16px 30px #6e1b202e;container-type:inline-size}.fan-dashboard .fan-card-stage:hover .fan-card-art{transform:rotate(0);box-shadow:0 20px 40px #6e1b2030}.fan-dashboard .fan-card-art img,.fan-dashboard .fan-story-art img{object-fit:contain;width:100%;height:100%}.fan-dashboard .fan-card-name,.fan-dashboard .fan-card-number{color:#fff;text-align:right;white-space:nowrap;width:32%;font-weight:800;line-height:1.4;position:absolute;right:49.8%}.fan-dashboard .fan-card-name{font-size:2.55cqw;top:65.9%}.fan-dashboard .fan-card-number{font-size:2.45cqw;top:79%}.fan-dashboard .fan-asset-hit{z-index:2;border-radius:inherit;background:0 0;position:absolute;inset:0}.fan-dashboard .fan-asset-hit:focus-visible{outline-offset:-4px}.fan-dashboard .fan-zoom-icon{color:#64616b;opacity:0;background:#ffffffed;border-radius:8px;place-items:center;width:27px;height:27px;transition:all .2s;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 3px 10px #0001}.fan-dashboard .fan-zoom-icon .icon{width:15px;height:15px}.fan-dashboard .fan-asset-hit:hover .fan-zoom-icon,.fan-dashboard .fan-asset-hit:focus-visible .fan-zoom-icon{opacity:1}.fan-dashboard .fan-card-caption{color:#a58a8a;justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:9px;display:flex}.fan-dashboard .fan-card-caption .icon{width:11px;height:11px}.fan-dashboard .fan-card-bottom{justify-content:space-between;align-items:center;gap:12px;padding:21px 25px 17px;display:flex}.fan-dashboard .fan-member-id{color:#95919a;font-size:9px}.fan-dashboard .fan-member-id b{color:#46414c;letter-spacing:1px;font-size:17px;font-weight:750;line-height:1.5;display:block}.fan-dashboard .fan-button{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 18px;font-size:11px;font-weight:700;line-height:1.5;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.fan-dashboard .fan-button .icon{width:17px;height:17px}.fan-dashboard .fan-button:hover{transform:translateY(-2px)}.fan-dashboard .fan-button-red{background:var(--red);color:#fff;box-shadow:0 5px 12px #dc24351a}.fan-dashboard .fan-button-red:hover{background:var(--red-dark);box-shadow:0 7px 16px #dc24352e}.fan-dashboard .fan-button-dark{color:#fff;background:#24252b}.fan-dashboard .fan-button-dark:hover{background:#121318}.fan-dashboard .fan-button-outline{color:#65616a;background:0 0;border:1px solid #e7e3df}.fan-dashboard .fan-button-outline:hover{background:#f9f7f5}.fan-dashboard .fan-card-tip{color:#a3a0a6;align-items:flex-start;gap:6px;padding:0 25px 20px;font-size:9px;line-height:1.9;display:flex}.fan-dashboard .fan-card-tip .icon{width:12px;height:12px;margin-top:2px}.fan-dashboard .fan-story-panel{border-radius:var(--radius);color:#fff;background:#202126;border:1px solid #2a2b31;padding:24px 23px 22px;position:relative;overflow:hidden}.fan-dashboard .fan-story-panel:before{content:"";filter:blur(90px);opacity:.28;pointer-events:none;background:#ae1822;width:200px;height:230px;position:absolute;top:180px;left:-80px}.fan-dashboard .fan-story-panel .fan-eyebrow{color:#e88790;margin-bottom:8px;font-size:9px}.fan-dashboard .fan-story-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.fan-dashboard .fan-story-panel h2{letter-spacing:-.4px;font-size:17px;font-weight:850}.fan-dashboard .fan-story-title>.icon{color:#777882;width:20px;height:20px}.fan-dashboard .fan-story-intro{color:#94939d;margin-top:5px;font-size:10px;line-height:2}.fan-dashboard .fan-story-frame{background:#ffffff0b;border:1px solid #ffffff28;border-radius:15px;width:220px;max-width:100%;margin:22px auto 20px;padding:5px;transition:transform .3s;position:relative;transform:rotate(2deg);box-shadow:0 17px 30px #0004}.fan-dashboard .fan-story-frame:hover{transform:rotate(0)}.fan-dashboard .fan-story-art{aspect-ratio:9/16;background:#af111b;border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.fan-dashboard .fan-story-name,.fan-dashboard .fan-story-number{text-align:center;white-space:nowrap;text-shadow:0 1px 3px #51000033;width:90%;font-size:3.7cqw;font-weight:800;line-height:1.2;position:absolute;top:66.7%;left:50%;transform:translate(-50%,-50%)}.fan-dashboard .fan-story-number{font-size:4.3cqw;top:73.7%}.fan-dashboard .fan-story-actions{gap:9px;display:grid}.fan-dashboard .fan-story-actions .fan-button{width:100%}.fan-dashboard .fan-story-actions .fan-button-outline{color:#c9c8cd;border-color:#48474e}.fan-dashboard .fan-story-actions .fan-button-outline:hover{background:#ffffff08}.fan-dashboard .fan-story-foot{color:#787984;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:8px;display:flex}.fan-dashboard .fan-story-foot .icon{width:12px;height:12px}.fan-dashboard .fan-story-panel .fan-zoom-icon{opacity:.8;width:24px;height:24px;top:7px;left:7px}.fan-dashboard .fan-match-panel .fan-panel-heading{border-bottom:1px solid #f0eeeb;padding-bottom:17px}.fan-dashboard .fan-match-panel .fan-title-icon{color:#514a45;background:#f3f1ef}.fan-dashboard .fan-live-badge{color:#4a8b61;align-items:center;gap:6px;font-size:9px;display:flex}.fan-dashboard .fan-live-dot{background:#68a47a;border-radius:50%;width:6px;height:6px;display:inline-block;position:relative}.fan-dashboard .fan-live-dot:after{content:"";border:1px solid #68a47a44;border-radius:50%;position:absolute;inset:-3px}.fan-dashboard .fan-match-main{grid-template-columns:1fr 1px 1fr;align-items:center;gap:20px;padding:22px 25px 20px;display:grid}.fan-dashboard .fan-match-info{color:#98929b;align-items:center;gap:6px;margin-bottom:14px;font-size:9px;display:flex}.fan-dashboard .fan-match-info:before{content:"";background:var(--red);border-radius:50%;width:3px;height:3px}.fan-dashboard .fan-teams{align-items:center;gap:15px;display:flex}.fan-dashboard .fan-team-logos{align-items:center;gap:8px;display:flex}.fan-dashboard .fan-team-logo{object-fit:contain;width:45px;height:48px}.fan-dashboard .fan-away-logo{color:#367052;background:#f1f6ef;border:2px solid #367052;border-radius:7px 7px 14px 14px;place-items:center;width:34px;height:38px;font-size:19px;font-weight:900;display:grid}.fan-dashboard .fan-versus{color:#b7b2b6;font-size:10px;font-weight:600}.fan-dashboard .fan-team-names{font-size:12px;font-weight:750;line-height:2}.fan-dashboard .fan-team-names small{color:#a8a2a9;font-size:10px;font-weight:400;display:block}.fan-dashboard .fan-match-divider{background:#eeeae7;width:1px;height:64px}.fan-dashboard .fan-match-meta{gap:11px;display:grid}.fan-dashboard .fan-meta-item{color:#76707a;align-items:center;gap:8px;font-size:10px;display:flex}.fan-dashboard .fan-meta-item .icon{color:#b2a9ad;width:14px;height:14px}.fan-dashboard .fan-meta-item b{color:#514951;font-size:10px;font-weight:650}.fan-dashboard .fan-match-bottom{border-top:1px dashed #e9e4e1;justify-content:space-between;align-items:center;gap:10px;margin:0 25px 22px;padding-top:15px;display:flex}.fan-dashboard .fan-match-message{color:#a29b9f;align-items:center;gap:7px;font-size:10px;display:flex}.fan-dashboard .fan-match-message .icon{color:#b8a5a7;width:15px;height:15px}.fan-dashboard .fan-match-empty{text-align:center;padding:30px 24px}.fan-dashboard .fan-empty-symbol{color:#c0aca5;background:#f8f5f3;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 10px;display:grid}.fan-dashboard .fan-match-empty h3{font-size:14px;font-weight:750}.fan-dashboard .fan-match-empty p{color:#a09a9f;margin-top:6px;font-size:11px;line-height:2.2}.fan-dashboard .fan-bottom-quote{justify-content:space-between;align-items:center;gap:15px;margin-top:27px;padding:0 2px;display:flex}.fan-dashboard .fan-bottom-quote p{color:#8e878b;font-size:11px}.fan-dashboard .fan-bottom-quote b{color:#685c62;font-weight:600}.fan-dashboard .fan-quote-stripes{align-items:center;gap:4px;display:flex}.fan-dashboard .fan-quote-stripes i{background:#ddc9c9;width:4px;height:12px;display:block;transform:skew(-20deg)}.fan-dashboard .fan-quote-stripes i:first-child{background:var(--red)}.fan-dashboard .fan-prototype-note{color:#bab4b5;text-align:center;padding:28px 0 0;font-size:8px}.fan-dashboard .fan-mobile-nav{display:none}.fan-dashboard .fan-toast{z-index:100;color:#fff;background:#202126;border-radius:13px;width:max-content;max-width:min(520px,100vw - 32px);padding:14px 20px;font-size:12px;line-height:2;animation:.25s toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #0002}.fan-dashboard .fan-toast[data-tone=success]{border:1px solid #ffffff21}.fan-dashboard .fan-toast[data-tone=error]{background:#b32031}.fan-dashboard dialog{max-width:94vw;max-height:94dvh;color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.fan-dashboard dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121318d9}.fan-dashboard .fan-preview-shell{flex-direction:column;align-items:center;gap:15px;display:flex}.fan-dashboard .fan-preview-top{color:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 2px;font-size:13px;display:flex}.fan-dashboard .fan-close-button{color:#ddd;background:#ffffff13;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.fan-dashboard .fan-preview-image{object-fit:contain;border-radius:12px;max-width:88vw;max-height:74dvh;display:block;box-shadow:0 20px 70px #0006}.fan-dashboard .fan-preview-shell[data-kind=card] .fan-preview-image{width:min(950px,88vw)}.fan-dashboard .fan-preview-shell[data-kind=story] .fan-preview-image{width:auto;height:74dvh}.fan-dashboard .fan-preview-bottom{justify-content:center;align-items:center;gap:10px;display:flex}.fan-dashboard .fan-help-card{background:#fff;border-radius:20px;width:440px;max-width:90vw;padding:28px}.fan-dashboard .fan-help-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.fan-dashboard .fan-help-head h2{font-size:18px}.fan-dashboard .fan-help-head .fan-close-button{color:#5d555b;background:#f1eeed}.fan-dashboard .fan-help-card h3{margin:17px 0 4px;font-size:12px}.fan-dashboard .fan-help-card p{color:#8c8389;font-size:11px;line-height:2.2}.fan-dashboard .fan-help-card>.fan-button{width:100%;margin-top:22px}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.fan-dashboard{scroll-behavior:auto}.fan-dashboard *,.fan-dashboard :before,.fan-dashboard :after{transition:none!important;animation:none!important}}@media (min-width:1550px){.fan-dashboard .fan-workspace{padding-inline:52px}.fan-dashboard .fan-dashboard-grid{grid-template-columns:minmax(0,1fr) 328px}.fan-dashboard .fan-story-frame{width:236px}.fan-dashboard .fan-card-stage{padding:34px 25px}.fan-dashboard .fan-card-bottom{padding-top:24px;padding-bottom:20px}}@media (max-width:1160px){.fan-dashboard .fan-sidebar{width:210px;padding-inline:18px}.fan-dashboard .fan-side-nav a.fan-active:before{right:-18px}.fan-dashboard .fan-brand-logo{width:46px;height:46px}.fan-dashboard .fan-brand strong{font-size:15px}.fan-dashboard .fan-workspace{margin-right:210px;padding-inline:25px}.fan-dashboard .fan-dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:19px}.fan-dashboard .fan-primary-column{gap:19px}.fan-dashboard .fan-story-panel{padding:21px 18px}.fan-dashboard .fan-story-frame{width:208px}.fan-dashboard .fan-panel-heading{padding:21px 20px 17px}.fan-dashboard .fan-card-stage{margin-inline:20px;padding:25px 14px}.fan-dashboard .fan-card-bottom,.fan-dashboard .fan-card-tip{padding-inline:20px}.fan-dashboard .fan-match-main{gap:13px;padding-inline:20px}.fan-dashboard .fan-match-bottom{margin-inline:20px}.fan-dashboard .fan-teams{gap:10px}.fan-dashboard .fan-today,.fan-dashboard .fan-welcome-motto{display:none}}@media (max-width:960px){.fan-dashboard .fan-sidebar{display:none}.fan-dashboard .fan-workspace{padding-inline:28px;margin:0;padding-bottom:95px}.fan-dashboard .fan-mobile-brand{align-items:center;gap:10px;display:flex}.fan-dashboard .fan-mobile-brand img{object-fit:contain;width:36px;height:38px}.fan-dashboard .fan-mobile-brand strong{font-size:12px;font-weight:850}.fan-dashboard .fan-breadcrumbs{display:none}.fan-dashboard .fan-topbar{height:78px}.fan-dashboard .fan-today{display:block}.fan-dashboard .fan-welcome{padding-top:28px}.fan-dashboard .fan-dashboard-grid{grid-template-columns:minmax(0,1fr) 286px;gap:22px}.fan-dashboard .fan-mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:25;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e9e4e1;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.fan-dashboard .fan-mobile-nav a{color:#9b9297;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}.fan-dashboard .fan-mobile-nav a.fan-active{color:var(--red)}.fan-dashboard .fan-mobile-nav .icon{width:20px;height:20px}.fan-dashboard .fan-toast{bottom:95px}}@media (max-width:740px){.fan-dashboard .fan-workspace{padding-inline:19px}.fan-dashboard .fan-dashboard-grid{grid-template-columns:1fr;gap:22px}.fan-dashboard .fan-topbar-left{gap:12px}.fan-dashboard .fan-today,.fan-dashboard .fan-user-pill .fan-user-text{display:none}.fan-dashboard .fan-avatar{width:34px;height:34px}.fan-dashboard .fan-welcome{padding-top:25px;padding-bottom:22px}.fan-dashboard .fan-welcome h1{letter-spacing:-.8px;font-size:25px}.fan-dashboard .fan-welcome p{max-width:280px;font-size:10px;line-height:2.2}.fan-dashboard .fan-eyebrow{font-size:9px}.fan-dashboard .fan-primary-column{gap:21px}.fan-dashboard .fan-panel-heading{padding:20px 21px 17px}.fan-dashboard .fan-panel-heading h2{font-size:14px}.fan-dashboard .fan-card-stage{margin-inline:20px;padding:25px 14px}.fan-dashboard .fan-card-art{transform:rotate(-2deg)}.fan-dashboard .fan-card-bottom{padding:20px}.fan-dashboard .fan-card-tip{padding-inline:20px;font-size:8px}.fan-dashboard .fan-card-bottom .fan-button{padding-inline:15px;font-size:10px}.fan-dashboard .fan-match-main{grid-template-columns:1fr 1px 1fr;gap:17px;padding:22px 21px}.fan-dashboard .fan-match-bottom{margin:0 21px 20px}.fan-dashboard .fan-match-message{max-width:130px;font-size:9px}.fan-dashboard .fan-match-bottom .fan-button{padding-inline:12px;font-size:10px}.fan-dashboard .fan-team-names{font-size:11px}.fan-dashboard .fan-team-logo{width:38px;height:42px}.fan-dashboard .fan-away-logo{width:30px;height:34px;font-size:16px}.fan-dashboard .fan-team-logos{gap:6px}.fan-dashboard .fan-teams{gap:11px}.fan-dashboard .fan-meta-item{gap:6px;font-size:9px}.fan-dashboard .fan-meta-item b{font-size:9px}.fan-dashboard .fan-story-panel{grid-template-columns:1fr 1fr;align-items:center;gap:0 24px;padding:25px;display:grid}.fan-dashboard .fan-story-header{grid-column:1/-1}.fan-dashboard .fan-story-frame{grid-column:1;width:100%;max-width:220px;margin:23px 0 0}.fan-dashboard .fan-story-controls{grid-column:2;margin-top:23px}.fan-dashboard .fan-story-panel h2{font-size:18px}.fan-dashboard .fan-story-foot{text-align:center;font-size:9px;line-height:2.2}.fan-dashboard .fan-story-actions .fan-button{padding:12px 10px;font-size:10px}.fan-dashboard .fan-bottom-quote{margin-top:25px}.fan-dashboard .fan-bottom-quote p{font-size:10px}.fan-dashboard .fan-prototype-note{font-size:8px}.fan-dashboard .fan-zoom-icon{opacity:.85}}@media (max-width:420px){.fan-dashboard .fan-workspace{padding-inline:15px}.fan-dashboard .fan-welcome h1{font-size:23px}.fan-dashboard .fan-card-stage{margin-inline:16px;padding:23px 11px}.fan-dashboard .fan-panel-heading{padding-inline:17px}.fan-dashboard .fan-panel-heading p{font-size:9px}.fan-dashboard .fan-subtle-badge{padding:3px 7px;font-size:8px}.fan-dashboard .fan-card-bottom,.fan-dashboard .fan-card-tip{padding-inline:17px}.fan-dashboard .fan-match-main{grid-template-columns:1fr;gap:12px;padding-inline:18px}.fan-dashboard .fan-match-divider{display:none}.fan-dashboard .fan-match-info{margin-bottom:12px}.fan-dashboard .fan-teams{gap:15px}.fan-dashboard .fan-team-names{font-size:12px}.fan-dashboard .fan-team-logos{gap:10px}.fan-dashboard .fan-team-logo{width:43px;height:46px}.fan-dashboard .fan-away-logo{width:32px;height:37px}.fan-dashboard .fan-match-meta{grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}.fan-dashboard .fan-meta-item:last-child{grid-column:1/-1}.fan-dashboard .fan-match-bottom{margin-inline:18px}.fan-dashboard .fan-match-message{max-width:112px}.fan-dashboard .fan-story-panel{padding:23px;display:block}.fan-dashboard .fan-story-frame{max-width:218px;margin:24px auto 20px}.fan-dashboard .fan-story-controls{margin-top:0}.fan-dashboard .fan-story-actions{grid-template-columns:1fr 1fr;gap:8px}.fan-dashboard .fan-story-actions .fan-button{padding-inline:9px;font-size:10px}.fan-dashboard .fan-story-actions .fan-button .icon{width:15px;height:15px}.fan-dashboard .fan-story-foot{margin-top:14px}.fan-dashboard .fan-bottom-quote{gap:9px}.fan-dashboard .fan-bottom-quote p{font-size:9px}}.fan-dashboard{--color-brand:var(--red);--color-brand-dark:var(--red-dark);--color-muted:var(--muted);--color-ink:var(--ink);--color-line:var(--line);min-height:100dvh}.fan-dashboard main:focus{outline:none}.fan-dashboard dialog{border-radius:0;width:max-content;margin:auto}.fan-dashboard .fan-story-art{color:#fff}.fan-dashboard .fan-dashboard-match+.fan-dashboard-match{border-top:1px solid var(--line)}.fan-dashboard .fan-team-names{overflow-wrap:anywhere;font-weight:800}.fan-dashboard .fan-meta-item span{min-width:0}.fan-dashboard .fan-unissued-number{color:var(--muted);font-size:12px}.fan-dashboard .fan-artwork-status{padding:10px 25px;font-size:11px}.fan-dashboard .fan-artwork-status .fan-button{margin-top:10px}.fan-dashboard .fan-story-controls .fan-artwork-status{color:#e4dce0;padding:0 0 12px}.fan-dashboard .fan-account-exit{color:#7a6159;background:#eee9e4;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.fan-dashboard .fan-account-login{padding:9px 14px;font-size:11px}.fan-dashboard .fan-account-notice{background:#fff0f1;border-radius:15px;margin-top:22px;padding:18px;font-size:12px}.fan-dashboard .fan-account-notice .fan-button{margin-top:12px}.fan-dashboard .fan-dashboard-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:10px}.fan-dashboard .fan-quote-signature{letter-spacing:1.3px;color:#b5a7ac;font-size:9px}.fan-dashboard .fan-match-empty .fan-button{margin-top:15px}.fan-dashboard .fan-card-name{text-overflow:ellipsis;overflow:hidden}@media (max-width:420px){.fan-dashboard .fan-topbar-left{gap:8px}.fan-dashboard .fan-mobile-brand strong{font-size:10px}.fan-dashboard .fan-account-login{padding-inline:9px;font-size:10px}}.fan-dashboard .fan-issued-number{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
