@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg:#101112;--surface:#191b1d;--surface2:#202225;--border:#303235;--white:#f2f1ed;--muted:#a0a2a5;--red:#ee3c46;--font:"DM Sans", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);font:16px var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #ff8b92}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}input{min-width:0}button{touch-action:manipulation}.app-shell{min-height:100dvh;padding-bottom:110px}.topbar{border-bottom:1px solid #27292a;align-items:center;gap:20px;max-width:1180px;height:100px;margin:auto;padding:0 40px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:11px;font-size:24px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(90deg, var(--red) 50%, var(--white) 50%);color:#141516;letter-spacing:-3px;place-items:center;width:33px;height:34px;padding-right:5px;font-size:31px;font-weight:900;line-height:1;display:grid}.brand-dot{letter-spacing:0;align-self:flex-start;margin:1px 0 0 -7px;font-size:11px}.desktop-label{letter-spacing:2px;color:#85878a;margin-left:auto;font-size:11px}.avatar{border:1px solid var(--border);border-radius:50%;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.topbar .desktop-label+.avatar{margin-left:16px}main{grid-template-columns:100px minmax(0,540px) 1fr;gap:30px;max-width:1180px;margin:0 auto;padding:50px 40px 0;display:grid}.content{min-width:0}.side-note{writing-mode:vertical-rl;letter-spacing:2px;color:#65686b;align-items:center;gap:28px;padding-top:14px;font-size:10px;display:flex}.vertical-rule{background:var(--red);width:1px;height:76px;display:block}.side-note span:last-child{margin-top:100px}.eyebrow{letter-spacing:1.8px;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.red-stroke{background:var(--red);width:15px;height:2px}h1{letter-spacing:-1px;margin:19px 0 16px;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-size:70px;font-weight:700;line-height:.98}h1>span{color:var(--red)}.page-heading>p{color:var(--muted);font-size:14px;line-height:1.6}.page-heading{margin-bottom:26px}.modebar{justify-content:space-between;align-items:center;gap:8px;padding:0 0 12px;font-size:11px;display:flex}.modebar>div{color:#babbbd;align-items:center;gap:7px;display:flex}.mode-dot{background:#d4af7a;border-radius:50%;width:6px;height:6px}.mode-dot.live{background:#7fb79c}.modebar button{color:#ed8b90;align-items:center;gap:5px;padding:6px 0;font-size:11px;display:flex}.search-panel{background:linear-gradient(110deg,#25272a,#1b1d1f);border:1px solid #383a3d;border-radius:12px;box-shadow:0 8px 24px #0002}.location-control{text-align:left;align-items:center;gap:13px;width:100%;padding:19px 20px;display:flex}.accent{color:var(--red)}.location-control>span{flex:1}.search-panel small{letter-spacing:1.8px;color:#96999c;margin-bottom:6px;font-size:9px;display:block}.search-panel strong{font-size:17px;font-weight:600}.search-panel svg:last-child{color:#8d9093}.search-bottom{border-top:1px solid #383a3d;display:flex}.date-control,.radius-control{text-align:left;align-items:center;gap:12px;padding:17px 20px;display:flex}.date-control,.date-control>span{flex:1}.date-control strong{font-size:14px}.date-control>svg:first-child{color:#a0a2a5}.radius-control{border-left:1px solid #383a3d;justify-content:space-between;min-width:131px}.radius-control strong>span{color:#96999c;font-size:13px;font-weight:400}.quick-filters{align-items:center;gap:8px;margin-top:14px;display:flex}.chip{color:#c6c7c8;background:#17191a;border:1px solid #37393c;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:12px;transition:all .15s;display:inline-flex}.chip:hover{border-color:#65676a}.chip.active{color:#ff9ea4;background:#432126;border-color:#d34e55}.help-icon{color:#8e9195;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.results-heading{justify-content:space-between;align-items:center;gap:12px;margin:29px 0 7px;display:flex}.results-heading h2{letter-spacing:-.3px;font-size:16px;font-weight:600}.results-heading h2>span{color:#a8aaac;vertical-align:middle;border:1px solid #343639;border-radius:4px;margin-left:7px;padding:2px 6px;font-size:11px}.sort{color:var(--muted);align-items:center;gap:5px;display:flex}.sort select{color:var(--muted);background:0 0;border:0;max-width:94px;padding:8px 0;font-size:12px}.sort option{background:#222}.demo-note{color:#929497;margin:0 0 14px;font-size:11px}.match-list{gap:12px;margin-top:14px;display:grid}.match-card{background:var(--surface);border:1px solid #2a2c2f;border-radius:10px;animation:.35s both rise;overflow:hidden}.home-heart{background:linear-gradient(125deg,#2b1d20,#1d1b1e 65%);border-color:#573037}.card-top{justify-content:space-between;align-items:center;gap:8px;padding:14px 17px 0;font-size:10px;display:flex}.league{color:#b4b5b7;align-items:center;gap:6px;font-weight:500;display:flex}.tiny-stripe{background:linear-gradient(90deg,#e63740 50%,#eee 50%);width:9px;height:10px;display:inline-block}.match-date{color:#96999b;gap:6px;display:flex}.card-main{align-items:center;gap:8px;padding:13px 15px 0;display:flex}.match-open{text-align:left;flex:1;gap:10px;padding:0;display:grid}.team-line{align-items:center;gap:11px;min-height:26px;display:flex}.team-line h3{letter-spacing:-.3px;font-size:17px;font-weight:600}.crest{border:1px solid color-mix(in srgb, var(--club) 65%, transparent);background:color-mix(in srgb, var(--club) 13%, transparent);width:26px;height:29px;color:var(--club);border-radius:4px 4px 11px 11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.crest span{letter-spacing:-.4px;font-size:8px;font-weight:800}.heart-label{letter-spacing:1px;color:#bd747a;border:1px solid #5e343a;border-radius:3px;padding:3px 4px;font-size:8px}.save-button{color:#777a7e;padding:14px 7px}.save-button.is-saved{color:var(--red)}.venue-line{color:#a1a3a6;text-align:left;align-items:center;gap:5px;padding:14px 17px;font-size:11px;display:flex}.venue-line .separator{margin:0 3px}.card-footer{border-top:1px solid #ffffff09;justify-content:space-between;align-items:center;min-height:43px;margin:0 17px;display:flex}.ticket-indicator{color:#a7a7a9;text-align:left;align-items:center;gap:7px;padding:10px 0;font-size:10px;display:flex}.stars{color:#545153;flex-shrink:0;gap:2px;display:flex}.stars .lit{color:#d6b783}.details-arrow{color:#d1cccc;place-items:center;min-width:32px;min-height:35px;display:grid}.data-note{color:#898c8f;align-items:flex-start;gap:8px;margin-top:20px;display:flex}.data-note>svg{flex-shrink:0;margin-top:2px}.data-note p{font-size:11px;line-height:1.8}.page-footer{color:#626569;letter-spacing:1.7px;justify-content:space-between;align-items:center;margin:32px 0 16px;font-size:9px;display:flex}.footer-stripes{gap:3px;display:flex}.footer-stripes i{background:#5d242a;width:4px;height:12px;display:block;transform:skew(-15deg)}.footer-stripes i:nth-child(2){background:#b0acaa}.desktop-aside{padding:120px 0 0 20px}.travel-ticket{color:#222325;background:#e7e2d9;border-radius:4px;max-width:248px;padding:22px;transform:rotate(4deg);box-shadow:6px 9px #0003}.ticket-top{letter-spacing:1px;border-bottom:1px solid #2223;justify-content:space-between;padding-bottom:20px;font-size:12px;font-weight:800;display:flex}.ticket-kicker{letter-spacing:1.3px;color:#6d6a66;margin:24px 0 10px;font-size:8px;display:block}.travel-ticket h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:45px;font-weight:700}.travel-ticket p{color:#65615d;margin-top:10px;font-size:11px;line-height:1.7}.ticket-line{border-top:1px dashed #999087;margin:25px -22px 20px}.ticket-bottom{letter-spacing:1px;color:#74706b;justify-content:space-between;align-items:center;font-size:8px;display:flex}.ticket-bottom strong{color:#242424;letter-spacing:-.5px;margin-top:5px;font-size:16px;display:inline-block}.barcode{background:repeating-linear-gradient(90deg,#292929 0 1px,#0000 1px 3px,#292929 3px 6px,#0000 6px 8px,#292929 8px 10px,#0000 10px 14px);height:28px;margin-top:28px}.ticket-code{letter-spacing:3px;text-align:center;margin-top:8px;font-size:8px;display:block}.aside-caption{color:#606367;letter-spacing:1.3px;text-align:center;max-width:240px;margin-top:35px;font-size:8px;display:block}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(100%,610px);padding:12px 16px max(14px, env(safe-area-inset-bottom));background:#141618ed;border:1px solid #303236;border-bottom:0;border-radius:15px 15px 0 0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#81858a;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:80px;min-height:45px;padding:0 4px;font-size:10px;display:flex}.bottom-nav button.current{color:var(--red)}.bottom-nav .current>span:last-child{color:var(--white)}.nav-icon{height:22px;position:relative}.nav-icon i{background:var(--red);color:#fff;border-radius:8px;padding:1px 4px;font-size:8px;font-style:normal;position:absolute;top:-5px;right:-11px}.empty{text-align:center;border:1px dashed #3a3d41;border-radius:10px;margin-top:18px;padding:38px 20px}.empty>svg{color:#b56a6e;margin-bottom:15px}.empty h3{margin-bottom:10px;font-size:20px}.empty p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.7}.primary{background:var(--red);color:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 17px;font-size:14px;font-weight:600;display:inline-flex}.primary:hover{background:#db303b}.full{width:100%;margin-top:18px;display:flex}.secondary{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:45px;padding:9px;font-size:12px;display:flex}.text-button{color:#ed8b91;align-items:center;gap:8px;padding:12px 0;font-size:14px;display:inline-flex}.icon-button{color:#b3b5b8;place-items:center;width:40px;height:40px;display:grid}.loading{color:var(--muted);padding-top:25px;font-size:14px}.loading>svg{vertical-align:middle;margin-right:10px}.skeleton{background:linear-gradient(100deg,#1b1d1f,#282a2d,#1b1d1f) 0 0/200% 100%;border-radius:10px;height:160px;margin-top:14px;animation:1.5s linear infinite shimmer}.spin{animation:1s linear infinite spin}.toast{z-index:40;color:#252526;background:#e9e6df;border-radius:9px;align-items:center;gap:10px;width:max-content;max-width:90vw;padding:13px 20px;font-size:13px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0005}dialog{color:var(--white);background:#1b1d1f;border:1px solid #3b3d40;border-radius:16px;width:calc(100% - 28px);max-width:480px;max-height:90dvh;padding:0;box-shadow:0 24px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050607b8}.sheet{padding:24px}.sheet-handle{display:none}.sheet-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.sheet-heading h2{letter-spacing:-.5px;font-size:21px}.location-action{color:#f2969e;background:#332328;border:1px solid #64363c;border-radius:7px;align-items:center;gap:12px;width:100%;padding:16px;font-size:14px;display:flex}.small-copy{color:#96999c;margin:13px 0;font-size:12px;line-height:1.7}.search-input{color:#b0b3b6;border:1px solid #45474a;border-radius:7px;align-items:center;gap:10px;margin:22px 0;padding:13px;display:flex}.search-input input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:16px}.field-heading{letter-spacing:1.5px;color:#a4a7aa;font-size:10px}.place-option{text-align:left;border-bottom:1px solid #303235;align-items:center;gap:12px;width:100%;min-height:56px;font-size:14px;display:flex}.place-option>span{flex:1}.place-option svg{color:#a0a3a6}.field-error{color:#f6989e;margin:15px 0;font-size:14px;line-height:1.7}.date-shortcuts{gap:9px;margin-bottom:25px;display:flex}.form-label,.auth-form label{color:#bfc1c3;gap:9px;margin:17px 0;font-size:14px;display:grid}.form-label input,.auth-form input{color:#fff;background:#222528;border:1px solid #414449;border-radius:6px;width:100%;padding:13px;font-size:16px}.range-heading{justify-content:space-between;align-items:center;display:flex}.range-heading label{color:#b4b6b9;font-size:14px}.range-heading strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:35px}.range-heading strong>span{color:#93969a;font-size:18px;font-weight:400}.range{width:100%;accent-color:var(--red);height:22px;margin:25px 0 9px}.range-labels{color:#929599;justify-content:space-between;font-size:12px;display:flex}.radius-presets{gap:10px;margin:24px 0;display:flex}.toggle-row{border-top:1px solid #34363a;justify-content:space-between;align-items:center;padding-top:23px;font-size:14px;display:flex}.toggle-row small{color:#989b9e;margin-top:7px;font-size:11px;display:block}.toggle-row input{width:20px;height:20px;accent-color:var(--red)}.explanation h3{margin:24px 0 10px;font-size:16px}.explanation p{color:#b2b4b7;margin-bottom:12px;font-size:14px;line-height:1.8}.detail-match{text-align:center}.detail-match>.eyebrow{justify-content:center}.detail-match h2{margin:20px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:37px;line-height:1.05}.detail-match h2>span{font:12px var(--font);color:#a4a6a9;margin:9px 0;display:block}.detail-match p{color:#b1b3b5;font-size:13px}.detail-venue{border-bottom:1px solid #343639;align-items:center;gap:12px;margin-top:12px;padding:22px 0;display:flex}.detail-venue svg{color:var(--red)}.detail-venue strong{font-size:14px;display:block}.detail-venue small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.ticket-explanation{padding:22px 0 0}.ticket-explanation>div{justify-content:space-between;align-items:center;display:flex}.ticket-explanation h3{font-size:15px}.ticket-explanation p{color:#acaeb1;margin-top:10px;font-size:13px;line-height:1.8}.detail-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.centered{text-align:center}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:25px}.profile-icon{color:#ef7780;border:1px solid #4c3236;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:22px;display:grid}.profile-card h2{letter-spacing:-.5px;font-size:23px}.profile-card>p{color:#a4a7aa;margin:12px 0 22px;font-size:14px;line-height:1.7}.info-box{color:#adb0b3;border-top:1px solid #343639;align-items:flex-start;gap:10px;padding-top:18px;font-size:13px;line-height:1.7;display:flex}.info-box svg{flex-shrink:0;margin-top:3px}.about{margin:35px 0}.mini-brand{color:#925358;font-family:Barlow Condensed,Impact,sans-serif;font-size:35px;font-weight:700}.about h3{margin:12px 0;font-size:17px}.about p{color:#989b9f;font-size:13px;line-height:1.8}.auth-form .primary{width:100%}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1400px){main{padding-top:65px}.desktop-aside{padding-top:145px}}@media (max-width:1000px){main{grid-template-columns:minmax(0,540px) 1fr;gap:30px}.side-note{display:none}.desktop-aside{padding-left:0}.travel-ticket{padding:18px}.ticket-line{margin-left:-18px;margin-right:-18px}.travel-ticket h2{font-size:38px}}@media (max-width:760px){.topbar{border-bottom:0;height:76px;padding:0 23px}.wordmark{font-size:23px}.brand-mark{width:30px;height:31px;font-size:29px}.desktop-label,.desktop-aside{display:none}.topbar .desktop-label+.avatar{margin-left:auto}.avatar{width:36px;height:36px}main{max-width:550px;padding:26px 23px 0;display:block}.topbar{max-width:550px}.page-heading{margin-bottom:26px}h1{margin-top:16px;margin-bottom:13px;font-size:59px}.eyebrow{letter-spacing:1.45px;font-size:9px}.page-heading>p{font-size:13px}.bottom-nav{border-left:0;border-right:0;border-radius:0;max-width:550px;padding-top:12px}.bottom-nav button{font-size:10px}.card-top{padding:14px 15px 0}.card-main{padding-left:14px}.team-line h3{font-size:16px}.venue-line{padding-left:15px;font-size:11px}.card-footer{margin:0 15px}.search-panel small{letter-spacing:1.5px;font-size:9px}.date-control,.radius-control{gap:10px;padding:16px 15px}.radius-control{min-width:105px}.date-control strong{font-size:13px}.location-control{padding:18px 16px}.results-heading{margin-top:28px}.ticket-indicator{gap:6px;font-size:10px}.stars{gap:1px}.page-footer{margin-top:27px;font-size:8px}.data-note p{font-size:10px}.sheet{padding:20px 23px 28px}.sheet-handle{background:#54575b;border-radius:4px;width:34px;height:4px;margin:-8px auto 15px;display:block}dialog{border-bottom:0;border-radius:19px 19px 0 0;width:100%;max-width:100%;max-height:91dvh;margin:0;position:fixed;inset:auto 0 0}.sheet-heading h2{font-size:21px}.modebar,.modebar button{font-size:10px}}@media (max-width:360px){main,.topbar{padding-left:16px;padding-right:16px}h1{font-size:53px}.date-control{padding-left:12px;padding-right:10px}.radius-control{min-width:90px;padding-left:12px;padding-right:12px}.team-line h3{font-size:15px}.match-date{font-size:9px}.heart-label,.ticket-indicator>svg{display:none}.results-heading h2{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}@media (max-width:760px){.topbar{height:68px}main{padding-top:14px}h1{margin-top:13px;margin-bottom:12px;font-size:52px}.page-heading{margin-bottom:18px}.results-heading{margin-top:22px}.modebar,.modebar button,.card-top,.ticket-indicator,.data-note p{font-size:11px}}