@import url('/fonts.css'); #street-v{--sx-accent:#d6f44b;--sx-bg:#101210;--sx-panel:#1b1e1a;--sx-text:#f3f1e8;--sx-muted:#a4aaa0;--sx-line:#34392f;color:var(--sx-text);background:var(--sx-bg);font:13px/1.6 'Be Vietnam Pro',Arial,sans-serif;border-radius:14px;overflow:hidden;color-scheme:dark;isolation:isolate} #street-v *{box-sizing:border-box}#street-v button{font:inherit;color:inherit;cursor:var(--cursor-interaction,pointer)}#street-v button:disabled{opacity:.45;cursor:default}#street-v button:focus-visible{outline:3px solid #fff;outline-offset:4px}#street-v h1,#street-v h2,#street-v h3,#street-v p{margin:0}#street-v button svg{width:18px;height:18px;flex-shrink:0}#street-v .sx-num{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}#street-v .sx-eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;color:var(--sx-muted)}#street-v .sx-muted{color:var(--sx-muted)}#street-v .sx-lime{color:var(--sx-accent)}#street-v .sx-row{display:flex;align-items:center;gap:10px}#street-v .sx-between{display:flex;align-items:center;justify-content:space-between;gap:12px}#street-v .sx-header{height:75px;border-bottom:1px solid var(--sx-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:16px;padding-right:110px}#street-v .sx-brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:29px;letter-spacing:-.8px;line-height:1;display:flex;align-items:center;gap:9px;white-space:nowrap}#street-v .sx-brand b{background:var(--sx-accent);color:#15190d;font-weight:800;transform:skew(-8deg);padding:0 5px}#street-v .sx-header-meta{font-size:10px;letter-spacing:1.1px;color:var(--sx-muted);border-left:1px solid var(--sx-line);padding-left:18px}#street-v .sx-token{font-size:11px;display:flex;gap:8px;align-items:center;color:var(--sx-muted)}#street-v .sx-token strong{color:var(--sx-text);font-size:13px}#street-v .sx-token svg{color:var(--sx-accent);width:16px;height:16px}#street-v .sx-layout{display:grid;grid-template-columns:76px minmax(0,1fr)}#street-v .sx-nav{border-right:1px solid var(--sx-line);padding:24px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}#street-v .sx-navbutton{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:60px;padding:11px 1px;border-radius:7px;color:#90968d;font-size:9px;line-height:1.25}#street-v .sx-navbutton svg{width:21px;height:21px}#street-v .sx-navbutton.active{background:#293020;color:var(--sx-accent)}#street-v .sx-navbutton:hover{background:#252a21;color:var(--sx-text)}#street-v .sx-nav-bottom{margin-top:auto;display:flex;align-items:center;justify-content:center;background:#e5e1d3;color:#25281f;border:2px solid #82866e;width:34px;height:34px;border-radius:50%;font-weight:800;font-size:11px}#street-v .sx-main{min-width:0;padding:26px}#street-v .sx-pagehead{margin-bottom:22px}#street-v .sx-pagehead h1{font-size:23px;letter-spacing:-.8px;font-weight:700;line-height:1.35}#street-v .sx-pagehead p{margin-top:5px;color:var(--sx-muted);font-size:11px}#street-v .sx-day{font-size:10px;color:var(--sx-muted);border:1px solid var(--sx-line);border-radius:4px;padding:7px 10px;white-space:nowrap}#street-v .sx-topgrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(225px,1fr);gap:18px}#street-v .sx-hero{position:relative;min-height:405px;border-radius:9px;overflow:hidden;background:#2c3024;display:flex;flex-direction:column;justify-content:space-between;padding:26px}#street-v .sx-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,10,.83) 0%,rgba(9,13,10,.26) 58%,rgba(9,13,10,0) 100%),linear-gradient(0deg,rgba(9,13,10,.95),transparent 48%);pointer-events:none}#street-v .sx-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}#street-v .sx-hero-top,#street-v .sx-hero-bottom{position:relative;z-index:1}#street-v .sx-player-label{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:1px;padding:5px 8px;background:#f1f0df;color:#171b12;transform:rotate(-3deg);margin-bottom:15px}#street-v .sx-hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:83px;line-height:.86;letter-spacing:-1.8px;font-weight:800;text-transform:uppercase;margin-bottom:15px}#street-v .sx-hero h2 span{color:var(--sx-accent)}#street-v .sx-role{font-size:10px;color:#dddccd;display:flex;gap:7px;align-items:center}#street-v .sx-role .sx-dot{width:4px;height:4px;background:var(--sx-accent);border-radius:50%}#street-v .sx-jersey{position:absolute;right:0;top:125px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;font-weight:700;color:#f5f4e9;line-height:1;opacity:.25;transform:rotate(5deg)}#street-v .sx-levelrow{display:flex;align-items:center;gap:11px;margin-bottom:16px}#street-v .sx-levelbadge{width:37px;height:40px;background:var(--sx-accent);color:#1b210c;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);display:flex;align-items:center;justify-content:center;padding-bottom:4px;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:700}#street-v .sx-levelinfo{flex:1;max-width:215px;font-size:10px}#street-v .sx-track{height:4px;background:#ffffff20;overflow:hidden;border-radius:1px;margin-top:7px}#street-v .sx-track span{height:100%;display:block;background:var(--sx-accent)}#street-v .sx-hero-footer{border-top:1px solid #ffffff25;padding-top:13px;display:flex;justify-content:space-between;gap:10px}#street-v .sx-hero-footer small{font-size:9px;color:#b9bdb2;display:block}#street-v .sx-hero-footer strong{font-size:11px;font-weight:600}#street-v .sx-herolink{padding:0;background:none;border:0;font-size:10px;display:flex;align-items:center;gap:6px}#street-v .sx-side-stack{display:flex;flex-direction:column;gap:16px}#street-v .sx-matchcard{background:var(--sx-accent);color:#171d0d;border-radius:9px;padding:21px;flex:1;position:relative;overflow:hidden}#street-v .sx-matchcard .sx-eyebrow{color:#3b461e;font-size:9px}#street-v .sx-matchcard h2{font-size:20px;font-weight:800;line-height:1.3;margin-top:4px;letter-spacing:-.5px}#street-v .sx-matchcard .sx-matchmeta{font-size:10px;margin-top:5px;color:#485428}#street-v .sx-teamrow{display:flex;align-items:center;justify-content:space-between;margin:23px 0 20px;gap:10px}#street-v .sx-team{text-align:center;min-width:0;flex:1}#street-v .sx-crest{width:43px;height:47px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);background:#20281a;color:#eef5d7;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;margin:0 auto 6px;border-top:4px solid #5c683a}#street-v .sx-crest.alt{background:#f1efd8;color:#22291b;border-color:#a2b35f}#street-v .sx-teamname{font-size:9px;font-weight:600;white-space:nowrap}#street-v .sx-versus{font-family:'Barlow Condensed',sans-serif;font-size:18px;opacity:.55;font-weight:600}#street-v .sx-button{border:0;border-radius:5px;min-height:44px;padding:11px 17px;background:var(--sx-accent);color:#18200b;font-weight:700;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:9px;transition:transform .15s,background .15s}#street-v .sx-button:hover{filter:brightness(1.07);transform:translateY(-1px)}#street-v .sx-button.dark{background:#19200f;color:#edf1df;width:100%}#street-v .sx-button.outline{background:transparent;border:1px solid #49503c;color:var(--sx-text)}#street-v .sx-button.small{min-height:35px;font-size:10px;padding:7px 11px}#street-v .sx-fitness{padding:17px 19px;border:1px solid var(--sx-line);border-radius:9px;background:#1a1e18}#street-v .sx-fitness strong{font-size:12px}#street-v .sx-fitness .sx-num{font-size:29px}#street-v .sx-fitness .sx-track{margin:11px 0 8px;height:5px}#street-v .sx-fitness small{font-size:9px;color:var(--sx-muted)}#street-v .sx-fitness .sx-row>svg{width:16px;height:16px;color:var(--sx-accent)}#street-v .sx-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}#street-v .sx-sectionhead h2{font-size:14px;font-weight:600;letter-spacing:-.2px}#street-v .sx-textbutton{padding:5px 0;border:0;background:none;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--sx-muted)}#street-v .sx-bottomgrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(225px,1fr);gap:24px;margin-top:27px}#street-v .sx-skillrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #292f25}#street-v .sx-skillrow:last-child{border:0}#street-v .sx-skill-icon{width:34px;height:37px;background:#292f21;color:#d4dbb9;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}#street-v .sx-skill-icon svg{width:17px;height:17px}#street-v .sx-skillbody{flex:1;min-width:0}#street-v .sx-skillbody strong{font-size:11px;font-weight:500}#street-v .sx-skillbody small{font-size:9px;color:var(--sx-muted)}#street-v .sx-skillbody .sx-track{margin-top:6px;background:#2a3025;height:3px}#street-v .sx-skillbody .sx-track span{background:#9ca885}#street-v .sx-skilllevel{font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:600;color:var(--sx-accent);min-width:24px;text-align:right}#street-v .sx-trainingteaser{background:#e8e5d8;color:#282b22;border-radius:8px;padding:21px;position:relative;overflow:hidden}#street-v .sx-trainingteaser:after{content:'↗';position:absolute;right:15px;top:50px;font-size:85px;line-height:1;font-family:Arial;opacity:.1;transform:rotate(-5deg)}#street-v .sx-trainingteaser .sx-eyebrow{color:#777b69;font-size:9px}#street-v .sx-trainingteaser h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.05;font-weight:700;margin:9px 0}#street-v .sx-trainingteaser p{font-size:10px;color:#626652;max-width:170px}#street-v .sx-trainingteaser button{background:#252a1e;color:#f4f3e8;margin-top:17px;position:relative;z-index:1}#street-v .sx-lastmatch{border-top:1px solid var(--sx-line);margin-top:25px;padding-top:16px;display:flex;align-items:center;gap:13px;font-size:10px}#street-v .sx-lastmatch .sx-win{font-family:'Barlow Condensed',sans-serif;font-size:19px;width:29px;height:29px;background:#293520;color:var(--sx-accent);text-align:center;padding-top:2px;border-radius:3px}#street-v .sx-lastmatch strong{font-size:11px}#street-v .sx-lastmatch .sx-textbutton{margin-left:auto}#street-v .sx-back{background:none;border:0;padding:0;color:var(--sx-muted);display:inline-flex;align-items:center;gap:7px;font-size:10px;margin-bottom:18px}#street-v .sx-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px!important;text-transform:uppercase;line-height:1!important;letter-spacing:-.4px!important;font-weight:700!important}#street-v .sx-detailgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:22px;margin-top:25px}#street-v .sx-panel{border:1px solid var(--sx-line);border-radius:8px;background:#191d17;padding:22px}#street-v .sx-chip{padding:8px 11px;background:#23291f;border:1px solid #3b4432;border-radius:4px;font-size:10px;display:inline-flex;align-items:center;gap:5px;min-height:36px}#street-v .sx-chip[aria-pressed=true]{border-color:var(--sx-accent);color:var(--sx-accent);background:#2a321b}#street-v .sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#street-v .sx-court{position:relative;background:radial-gradient(ellipse at 40% 30%,#454a39,#282e23);border-radius:7px;overflow:hidden;min-height:300px}#street-v .sx-court:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px)}#street-v .sx-court svg{display:block;width:100%;height:auto;min-height:260px}#street-v .sx-court-label{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:1.5px;color:#b7bea6}#street-v .sx-tacticnote{font-size:11px;color:var(--sx-muted);margin-top:12px}#street-v .sx-summaryrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #31372b;font-size:11px}#street-v .sx-summaryrow span{color:var(--sx-muted)}#street-v .sx-summaryrow strong{font-weight:500}#street-v .sx-warning{font-size:10px;color:#c1c8ad;margin:16px 0;line-height:1.8}#street-v .sx-event{margin-top:15px;border-left:3px solid var(--sx-accent);padding:5px 0 5px 14px}#street-v .sx-event strong{font-size:13px;font-weight:600}#street-v .sx-event p{font-size:11px;color:var(--sx-muted);margin-top:5px}#street-v .sx-score{display:flex;align-items:center;justify-content:center;gap:27px;margin:18px 0 24px}#street-v .sx-score .sx-num{font-size:60px;white-space:nowrap}#street-v .sx-score .sx-team{flex:0 1 100px}#street-v .sx-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}#street-v .sx-rewardintro{text-align:center;margin-bottom:28px}#street-v .sx-rewardintro .sx-eyebrow{color:var(--sx-accent)}#street-v .sx-rewardintro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1.1;text-transform:uppercase;font-weight:700;margin:10px 0}#street-v .sx-rewardintro p{font-size:11px;color:var(--sx-muted)}#street-v .sx-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#street-v .sx-reward{background:#22261d;border:1px solid #414936;border-radius:8px;text-align:left;padding:0;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}#street-v .sx-reward:hover{transform:translateY(-4px);border-color:#96a265}#street-v .sx-reward[aria-pressed=true]{border:2px solid var(--sx-accent)}#street-v .sx-reward[aria-pressed=true]:after{content:'ĐANG CHỌN';position:absolute;top:12px;right:12px;background:var(--sx-accent);color:#18200d;font-size:8px;font-weight:700;padding:4px 6px;border-radius:2px}#street-v .sx-rewardart{height:142px;background:radial-gradient(ellipse at 50% 100%,#56643d,#272e20);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#street-v .sx-rewardart:before{content:'';position:absolute;width:120px;height:120px;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-25deg) scaleX(.6)}#street-v .sx-rewardart svg{width:51px;height:51px;color:#d7e7aa;transform:rotate(-12deg);position:relative}#street-v .sx-rewardart .sx-art-number{position:absolute;right:9px;bottom:-12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:1;font-size:100px;color:#ffffff0d}#street-v .sx-rewardbody{padding:17px}#street-v .sx-rewardbody .sx-eyebrow{font-size:8px;letter-spacing:1.2px;color:#b4bba5}#street-v .sx-rewardbody h2{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1.12;margin:9px 0 13px;font-weight:600}#street-v .sx-rewardlevels{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-size:37px;font-weight:600;line-height:1;margin-bottom:16px}#street-v .sx-rewardlevels span{color:#9ba28f}#street-v .sx-rewardlevels b{color:var(--sx-accent);font-weight:600}#street-v .sx-rewardlevels svg{width:17px;height:17px;color:#b5bca4}#street-v .sx-rewardbody p{font-size:10px;color:#c4c9b9;min-height:50px;line-height:1.8}#street-v .sx-fit{font-size:9px;border-top:1px solid #3a4231;padding-top:12px;margin-top:13px;color:#a5ae95}#street-v .sx-reward-footer{text-align:center;margin-top:24px}#street-v .sx-reward-footer .sx-button{min-width:235px}#street-v .sx-reward-footer p{font-size:10px;color:var(--sx-muted);margin-top:11px}#street-v .sx-success{padding:28px;background:#d6f44b;color:#1a210e;border-radius:8px;margin-top:25px;text-align:center}#street-v .sx-success h2{font-family:'Barlow Condensed',sans-serif;font-size:42px;line-height:1.1;margin:10px 0}#street-v .sx-success p{font-size:12px}#street-v .sx-skillsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}#street-v .sx-filterrow{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}#street-v .sx-detail-note{padding:17px 19px;border-left:3px solid var(--sx-accent);background:#242b1c;margin-top:23px}#street-v .sx-detail-note strong{font-size:12px}#street-v .sx-detail-note p{font-size:11px;color:#b9c3a7;margin-top:6px}#street-v .sx-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}#street-v .sx-training-item{border:1px solid var(--sx-line);background:#1c2118;border-radius:7px;overflow:hidden}#street-v .sx-training-visual{height:115px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(120deg,#353e29 0,#353e29 1px,#252d1e 1px,#252d1e 14px)}#street-v .sx-training-visual svg{width:43px;height:43px;color:#bbcba0}#street-v .sx-training-body{padding:18px}#street-v .sx-training-body h2{font-family:'Barlow Condensed',sans-serif;font-size:28px;line-height:1.1;margin:7px 0 13px}#street-v .sx-training-body p{font-size:10px;color:var(--sx-muted);min-height:52px}#street-v .sx-training-body .sx-button{width:100%;margin-top:16px}#street-v .sx-session{margin-top:23px}#street-v .sx-answer{display:block;width:100%;padding:15px 17px;border:1px solid #424b36;background:#222a1b;color:#e5e9d9;text-align:left;border-radius:5px;margin-top:9px;font-size:12px}#street-v .sx-answer:hover{border-color:var(--sx-accent)}#street-v .sx-notice{border:1px solid #5a6841;padding:13px 16px;margin-top:16px;border-radius:5px;color:#d1dfbb;background:#29331f;font-size:11px}#street-v .sx-footnote{margin-top:23px;font-size:9px;color:#7e8777;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #292e24;padding-top:13px}#street-v .sx-empty{padding:35px 20px;text-align:center;border:1px dashed #4c573d;border-radius:7px;margin-top:22px}#street-v .sx-empty p{color:var(--sx-muted);margin:10px 0 20px;font-size:12px} @media(min-width:1100px){#street-v .sx-hero{min-height:440px}#street-v .sx-hero h2{font-size:100px}#street-v .sx-matchcard{padding:25px}#street-v .sx-teamrow{margin-top:32px}} @media(max-width:800px){#street-v .sx-main{padding:20px}#street-v .sx-header{padding-left:19px}#street-v .sx-header-meta{display:none}#street-v .sx-topgrid,#street-v .sx-bottomgrid{grid-template-columns:minmax(0,1.3fr) minmax(205px,1fr);gap:15px}#street-v .sx-hero{padding:20px;min-height:390px}#street-v .sx-hero h2{font-size:72px}#street-v .sx-matchcard{padding:17px}#street-v .sx-matchcard h2{font-size:18px}#street-v .sx-rewardbody{padding:13px}#street-v .sx-rewardbody h2{font-size:23px}#street-v .sx-training-grid{grid-template-columns:1fr}#street-v .sx-training-item{display:grid;grid-template-columns:110px 1fr}#street-v .sx-training-visual{height:100%}#street-v .sx-training-body p{min-height:0}#street-v .sx-training-body .sx-button{width:auto}#street-v .sx-detailgrid{grid-template-columns:1fr}} @media(max-width:620px){#street-v .sx-header{padding:18px;padding-right:98px;height:auto;min-height:75px;align-items:flex-start;flex-direction:column;gap:10px}#street-v .sx-header .sx-row{flex-wrap:wrap;gap:14px}#street-v .sx-brand{font-size:26px}#street-v .sx-token{font-size:10px}#street-v .sx-layout{display:flex;flex-direction:column}#street-v .sx-nav{order:0;flex-direction:row;justify-content:space-around;border:0;border-bottom:1px solid var(--sx-line);padding:9px 8px;gap:2px}#street-v .sx-navbutton{width:auto;flex:1;font-size:9px;padding:10px 3px;flex-direction:column}#street-v .sx-nav-bottom{display:none}#street-v .sx-main{padding:19px 16px;order:1}#street-v .sx-hero-art{object-position:85% center}#street-v .sx-pagehead{align-items:flex-start}#street-v .sx-pagehead h1{font-size:20px}#street-v .sx-day{font-size:8px;padding:6px 7px}#street-v .sx-topgrid,#street-v .sx-bottomgrid{grid-template-columns:1fr}#street-v .sx-hero{min-height:405px;padding:23px}#street-v .sx-hero h2{font-size:87px}#street-v .sx-side-stack{display:grid;grid-template-columns:1fr}#street-v .sx-matchcard .sx-teamrow{margin:17px 0}#street-v .sx-matchcard{padding:21px}#street-v .sx-bottomgrid{margin-top:23px;gap:20px}#street-v .sx-trainingteaser p{max-width:none}#street-v .sx-lastmatch{flex-wrap:wrap}#street-v .sx-lastmatch .sx-textbutton{margin-left:0}#street-v .sx-skillsgrid{grid-template-columns:1fr}#street-v .sx-rewards{grid-template-columns:1fr;gap:12px}#street-v .sx-reward{display:grid;grid-template-columns:84px minmax(0,1fr)}#street-v .sx-rewardart{height:100%;min-height:180px}#street-v .sx-rewardart svg{width:37px;height:37px}#street-v .sx-rewardbody h2{font-size:27px;margin:8px 0}#street-v .sx-rewardbody p{min-height:0}#street-v .sx-rewardlevels{font-size:31px;margin:10px 0}#street-v .sx-reward[aria-pressed=true]:after{font-size:7px;top:9px;right:9px}#street-v .sx-rewardintro h1{font-size:37px}#street-v .sx-title{font-size:38px!important}#street-v .sx-score{gap:12px}#street-v .sx-score .sx-num{font-size:48px}#street-v .sx-panel{padding:17px}#street-v .sx-training-item{grid-template-columns:76px minmax(0,1fr)}#street-v .sx-training-body{padding:15px}#street-v .sx-training-body h2{font-size:25px}#street-v .sx-footnote{flex-wrap:wrap}#street-v .sx-court{min-height:230px}#street-v .sx-court svg{min-height:230px}} @media(prefers-reduced-motion:reduce){#street-v *{transition:none!important;animation:none!important}} #street-v .sv-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--sx-line);padding-bottom:12px;margin:20px 0}#street-v .sv-tab{background:none;border:0;padding:9px 13px;font-size:11px;color:var(--sx-muted);border-radius:4px;min-height:38px}#street-v .sv-tab[aria-pressed=true]{background:#2b341e;color:var(--sx-accent)}#street-v .sv-clubhero{position:relative;overflow:hidden;background:linear-gradient(120deg,#303c26,#182318 70%);border:1px solid #46533a;border-radius:8px;padding:27px;display:flex;gap:22px;align-items:center;isolation:isolate}#street-v .sv-clubhero:after{content:'V';position:absolute;right:-10px;top:-95px;z-index:-1;font:800 360px/1 'Barlow Condensed',sans-serif;color:#ffffff04;transform:skew(-10deg)}#street-v .sv-clubmark{width:89px;height:105px;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);background:var(--sv-shirt,#d6f44b);color:#19200e;display:flex;align-items:center;justify-content:center;font:800 49px/1 'Barlow Condensed',sans-serif;border-top:7px solid #e8efd0;padding-bottom:10px}#street-v .sv-clubhero h1{font:700 47px/1.02 'Barlow Condensed',sans-serif;letter-spacing:-.4px;text-transform:uppercase;margin:7px 0 10px}#street-v .sv-clubhero p{color:#bac6ae;font-size:11px}#street-v .sv-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #4e5c3d;background:#303b22;color:#dae9bb;font-size:9px;border-radius:3px;padding:3px 7px;white-space:nowrap}#street-v .sv-badge.neutral{border-color:#464b40;color:#bcc2b3;background:#272c23}#street-v .sv-badge.orange{background:#3c3020;border-color:#685233;color:#e2c995}#street-v .sv-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(225px,1fr);gap:20px;margin-top:23px}#street-v .sv-rolepanel{background:#e7e5d9;color:#272d21;padding:22px;border-radius:7px}#street-v .sv-rolepanel .sx-eyebrow{color:#69715b}#street-v .sv-rolepanel h2{font:700 35px/1.05 'Barlow Condensed',sans-serif;margin:10px 0}#street-v .sv-rolepanel p{color:#616a55;font-size:11px;margin-bottom:15px}#street-v .sv-quote{border-left:2px solid #7e8b61;padding-left:13px;font-size:11px;color:#c8d1ba;margin:13px 0 19px}#street-v .sv-logrow{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #2d3427;font-size:11px}#street-v .sv-logrow>span:first-child{color:#7d896f;font-size:9px;min-width:34px;padding-top:2px}#street-v .sv-logrow strong{font-weight:500;display:block;margin-bottom:4px}#street-v .sv-logrow small{font-size:10px;color:var(--sx-muted)}#street-v .sv-clubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#street-v .sv-clubcard{border:1px solid #37402f;background:#1c2319;border-radius:7px;overflow:hidden}#street-v .sv-clubcard-top{padding:17px 17px 13px;background:linear-gradient(130deg,#34422c,#222b1e);display:flex;align-items:center;justify-content:space-between;gap:8px}#street-v .sv-mini-mark{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);width:40px;height:46px;background:var(--sv-shirt,#d6f44b);color:#19200e;display:flex;align-items:center;justify-content:center;font:700 23px 'Barlow Condensed',sans-serif;padding-bottom:5px;flex-shrink:0}#street-v .sv-clubcard-body{padding:16px}#street-v .sv-clubcard h2{font:600 25px/1.1 'Barlow Condensed',sans-serif;margin-bottom:8px}#street-v .sv-clubcard p{font-size:10px;color:var(--sx-muted)}#street-v .sv-clubcard-meta{font-size:10px;color:#c5ceb7;margin:13px 0;display:flex;flex-wrap:wrap;gap:5px 10px}#street-v .sv-clubcard .sx-button{width:100%}#street-v .sv-rolechips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 16px}#street-v .sv-rolechips span{font-size:9px;padding:3px 6px;border-radius:2px;background:#303b25;color:#c8d5b4}#street-v .sv-rolechips span.match{color:var(--sx-accent)}#street-v .sv-directoryintro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #3e4a31;background:#222c1b;border-radius:6px;margin:18px 0}#street-v .sv-directoryintro h2{font-size:13px;font-weight:600;margin-bottom:5px}#street-v .sv-directoryintro p{font-size:11px;color:#b6c1a6}#street-v .sv-directoryintro .sx-num{font-size:42px;color:var(--sx-accent)}#street-v .sv-subtitle{font-size:11px;color:var(--sx-muted);margin:10px 0 18px}#street-v .sv-roster{width:100%;border-collapse:collapse;font-size:11px}#street-v .sv-roster th{font-size:9px;letter-spacing:.7px;color:#99a58b;font-weight:500;text-align:left;padding:11px 8px;border-bottom:1px solid #424d36}#street-v .sv-roster td{padding:13px 8px;border-bottom:1px solid #303829;vertical-align:middle}#street-v .sv-roster tr.mine{background:#2d381f}#street-v .sv-roster .sv-person{display:flex;align-items:center;gap:10px}#street-v .sv-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:34px;border-radius:4px;background:#363f2e;color:#d1d9c4;font:600 18px 'Barlow Condensed',sans-serif;flex-shrink:0}#street-v .sv-roster small{display:block;color:#94a185;font-size:9px}#street-v .sv-person-type{font-size:9px;color:#99a58d}#street-v .sv-person-type.human{color:#c8df9a}#street-v .sv-lineup{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:20px}#street-v .sv-playerposition{font-size:10px;color:#b5c39e;padding:11px 0;border-bottom:1px solid #343f2b}#street-v .sv-playerposition strong{display:block;color:#ecf0e4;font-size:12px;font-weight:500;margin-bottom:2px}#street-v .sv-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}#street-v .sv-mode{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #414b35;background:#1f281a;border-radius:7px;text-align:left;padding:19px;min-width:0;position:relative}#street-v .sv-mode>svg{width:25px;height:25px;color:var(--sx-accent);margin-bottom:17px}#street-v .sv-mode h2{font:600 29px/1.1 'Barlow Condensed',sans-serif;margin:8px 0}#street-v .sv-mode p{font-size:10px;color:#aebba0;min-height:52px}#street-v .sv-mode-footer{margin-top:17px;padding-top:12px;border-top:1px solid #3c482f;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#d1dfbd}#street-v .sv-mode:hover{border-color:#98b06b;background:#27331f}#street-v .sv-mode:disabled{opacity:.6}#street-v .sv-levelhero{display:flex;align-items:center;gap:21px;padding:23px;border:1px solid #46543a;border-radius:7px;background:linear-gradient(110deg,#34432a,#1d2719)}#street-v .sv-levelhero .sx-levelbadge{width:65px;height:75px;font-size:41px}#street-v .sv-levelhero h2{font:700 35px 'Barlow Condensed',sans-serif;margin:2px 0 6px}#street-v .sv-levelhero p{font-size:11px;color:#b7c5a7}#street-v .sv-leaguetable{width:100%;border-collapse:collapse;font-size:11px;margin-top:15px}#street-v .sv-leaguetable th{font-size:9px;color:#8f9f7d;text-align:left;font-weight:500;letter-spacing:.7px;padding:11px 9px;border-bottom:1px solid #424c36}#street-v .sv-leaguetable td{padding:15px 9px;border-bottom:1px solid #303a27}#street-v .sv-leaguetable tr.mine{background:#2c381e}#street-v .sv-leaguetable td:last-child,#street-v .sv-leaguetable th:last-child{text-align:right}#street-v .sv-ranknum{font:600 23px 'Barlow Condensed',sans-serif;color:#a9bd8c}#street-v .sv-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}#street-v .sv-fixture{padding:17px;background:#212a1b;border:1px solid #3d4b30;border-radius:5px;font-size:11px}#street-v .sv-fixture strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;color:var(--sx-accent);margin:0 8px}#street-v .sv-message{padding:21px;border:1px solid #3e4a33;border-radius:7px;background:#20291a;margin-bottom:13px}#street-v .sv-message h2{font-size:15px;font-weight:600;margin:9px 0}#street-v .sv-message p{color:#bac7aa;font-size:11px;margin-bottom:13px}#street-v .sv-message .sx-eyebrow{font-size:9px;color:#9bb57b}#street-v .sv-message .sx-button{margin-top:5px}#street-v .sv-detail-header{display:flex;align-items:center;gap:20px;padding:26px;border:1px solid #4a573b;border-radius:8px;background:linear-gradient(120deg,#35452a,#1d2718)}#street-v .sv-detail-header>svg{width:51px;height:51px;color:var(--sx-accent);flex-shrink:0}#street-v .sv-detail-header h1{font:600 41px/1.05 'Barlow Condensed',sans-serif;margin:5px 0 9px}#street-v .sv-detail-header .sx-num{font-size:62px;color:var(--sx-accent);margin-left:auto}#street-v .sv-detail-header p{font-size:11px;color:#b9c7a7}#street-v .sv-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px}#street-v .sv-milestone{padding:17px 13px;background:#222b1b;border:1px solid #3b482e;border-radius:5px}#street-v .sv-milestone strong{display:block;font:600 27px 'Barlow Condensed',sans-serif;color:var(--sx-accent)}#street-v .sv-milestone p{font-size:10px;color:#aab99a;margin-top:8px}#street-v .sv-textfield{width:100%;font:inherit;background:#1c2516;border:1px solid #46543b;color:#eef4e5;padding:11px;border-radius:4px;min-height:44px;margin-top:8px}#street-v .sv-label{display:block;font-size:11px;color:#bac7a9;margin-top:18px}#street-v .sv-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#street-v .sv-nameplate{font:800 52px/.95 'Barlow Condensed',sans-serif;color:var(--sx-accent);text-transform:uppercase;margin:17px 0}#street-v button.sx-skillrow{width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0;color:inherit;min-height:63px}#street-v button.sx-skillrow:hover{background:#222b1b}#street-v .sv-roster .sx-textbutton{font-size:10px;color:#d7e5bd}#street-v .sv-inlineicon{width:15px;height:15px;vertical-align:middle;margin-right:6px}#street-v .sv-change-confirm{padding:19px;background:#303822;border:1px solid #7c9256;border-radius:6px;margin-top:17px;font-size:11px}#street-v .sv-change-confirm p{margin:7px 0 13px;color:#bccaa8} @media(max-width:850px){#street-v .sv-clubs{grid-template-columns:repeat(2,minmax(0,1fr))}#street-v .sv-overview,#street-v .sv-lineup{grid-template-columns:1fr}#street-v .sv-clubhero h1{font-size:40px}#street-v .sv-modes{grid-template-columns:1fr}#street-v .sv-mode{min-height:0}#street-v .sv-mode p{min-height:0}#street-v .sv-mode>svg{margin-bottom:7px}#street-v .sv-detail-header{padding:20px;gap:15px}#street-v .sv-detail-header h1{font-size:34px}} @media(max-width:620px){#street-v .sx-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#street-v .sx-navbutton{width:100%;padding:9px 2px;font-size:9px}#street-v .sx-nav-bottom{display:none}#street-v .sv-clubhero{padding:21px 17px;gap:14px}#street-v .sv-clubmark{width:62px;height:76px;font-size:36px}#street-v .sv-clubhero h1{font-size:33px}#street-v .sv-clubhero p{font-size:10px}#street-v .sv-clubs{grid-template-columns:1fr}#street-v .sv-clubcard-top{padding:13px 16px}#street-v .sv-clubcard h2{font-size:29px}#street-v .sv-roster .sv-hide-small,#street-v .sv-leaguetable .sv-hide-small{display:none}#street-v .sv-roster td,#street-v .sv-roster th{padding:12px 5px}#street-v .sv-person{gap:7px!important}#street-v .sv-person-type{font-size:8px}#street-v .sv-schedule{grid-template-columns:1fr}#street-v .sv-levelhero{padding:17px;gap:14px}#street-v .sv-levelhero h2{font-size:29px}#street-v .sv-levelhero .sx-levelbadge{width:48px;height:59px;font-size:32px}#street-v .sv-leaguetable td,#street-v .sv-leaguetable th{padding:12px 5px}#street-v .sv-detail-header{flex-wrap:wrap;gap:12px}#street-v .sv-detail-header h1{font-size:30px}#street-v .sv-detail-header .sx-num{font-size:48px}#street-v .sv-milestones{grid-template-columns:1fr 1fr}#street-v .sv-formgrid{grid-template-columns:1fr;gap:0}#street-v .sv-clubhero .sx-eyebrow{font-size:9px;letter-spacing:1px}#street-v .sv-clubcard-meta{font-size:11px}#street-v .sv-tabs{gap:0}#street-v .sv-tab{font-size:10px;padding:8px 11px}#street-v .sx-hero h2{font-size:clamp(55px,20vw,87px)}#street-v .sv-message .sx-row{flex-wrap:wrap}} html,body{margin:0;background:#181c15}body{max-width:1320px;margin:0 auto;padding:20px}#street-v .sv-live-error{background:#4d261e;color:#fff1de;border-bottom:1px solid #bb795d;padding:16px 22px;font-size:13px}#street-v.sv-busy button,#street-v.sv-busy input,#street-v.sv-busy select{pointer-events:none;opacity:.6}#street-v button,#street-v a{cursor:pointer}#street-v .sx-hero h2{overflow-wrap:anywhere;max-width:85%}@media(max-width:620px){body{padding:0}} /* Continuous match viewer */ #street-v .sv-live-match{border:1px solid #3a4235;background:#161c17;border-radius:8px;overflow:hidden;margin-top:20px} #street-v .sv-live-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px 28px;text-align:center;font-size:13px;font-weight:600} #street-v .sv-live-score strong{font:700 42px 'Barlow Condensed',sans-serif;color:var(--sx-accent);white-space:nowrap} #street-v .sv-live-pitch{position:relative;background:#182822} #street-v .sv-live-pitch canvas{display:block;width:100%;aspect-ratio:1/.66} #street-v .sv-live-clock{position:absolute;top:10px;left:18px;display:flex;gap:9px;align-items:center;background:#0b151cbb;border:1px solid #75887544;border-radius:4px;padding:6px 10px;font-size:11px;font-variant-numeric:tabular-nums} #street-v .sv-live-clock span:last-child{color:#a2b29d} #street-v .sv-live-dot{width:5px;height:5px;border-radius:50%;background:#d6f44b} #street-v .sv-live-legend{display:flex;gap:17px;position:absolute;bottom:7px;left:18px;font-size:9px;color:#d3eaa6} #street-v .sv-live-legend span:nth-child(2){color:#e48f72} #street-v .sv-live-legend span:nth-child(3){color:#d6f44b} #street-v .sv-live-controls{display:flex;align-items:center;gap:15px;padding:16px 22px 6px;flex-wrap:wrap} #street-v .sv-live-controls>.sx-muted{margin-left:auto;font-size:10px} #street-v .sv-live-speeds{display:flex;border:1px solid #3a4235;border-radius:4px;padding:3px;gap:2px} #street-v .sv-live-speeds button{color:#a8b29e;background:transparent;border:0;padding:7px 12px;cursor:pointer;border-radius:2px} #street-v .sv-live-speeds button[aria-pressed=true]{background:#d6f44b;color:#202918} #street-v .sv-live-seek{display:flex;gap:15px;align-items:center;padding:12px 22px;color:#9ba88d;font-size:10px} #street-v .sv-live-seek input{flex:1;accent-color:#d6f44b;min-width:0;cursor:pointer} #street-v .sv-live-match .sx-event{margin:0;border-top:1px solid #3a4235;padding:18px 22px;min-height:65px;font-size:12px} @media(max-width:620px){#street-v .sv-live-score{padding:15px 12px;font-size:10px;gap:8px}#street-v .sv-live-score strong{font-size:32px}#street-v .sv-live-controls{gap:10px;padding:12px}#street-v .sv-live-controls>.sx-muted{display:none}#street-v .sv-live-clock{top:4px;left:8px;padding:3px 6px;font-size:9px}#street-v .sv-live-legend{left:8px;bottom:2px;font-size:8px;gap:10px}} #street-v .sv-live-analysis{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 22px 10px;border-top:1px solid #384332;margin-top:12px;color:#9ba88d;font-size:10px} #street-v .sv-live-analysis label{display:flex;align-items:center;gap:8px} #street-v .sv-live-analysis select{max-width:210px;background:#20291e;color:#e4e9d9;border:1px solid #46513d;padding:7px 9px;border-radius:4px;font:inherit} #street-v .sv-live-analysis>span{margin-left:auto;font-size:9px;max-width:235px;line-height:1.6} #street-v .sv-live-passstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 22px 0;padding:12px 0;border-top:1px solid #384332;border-bottom:1px solid #384332;font-size:10px;color:#a8b99d} #street-v .sv-live-passstats span{display:flex;gap:8px;justify-content:space-between;padding-right:12px} #street-v .sv-live-passstats b{color:#ebefdf;font-variant-numeric:tabular-nums} #street-v .sv-live-controls .sx-chip{cursor:pointer} @media(max-width:620px){#street-v .sv-live-analysis{padding:12px;gap:10px}#street-v .sv-live-analysis>span{margin:0;max-width:none}#street-v .sv-live-analysis label{flex:1 1 100%;justify-content:space-between}#street-v .sv-live-passstats{margin:8px 12px 0;grid-template-columns:1fr 1fr;font-size:9px}#street-v .sv-live-controls .sx-chip{font-size:9px;padding:7px}} #street-v .sv-live-passstats::before{content:'ĐỘI BẠN · CHUYỀN THÀNH CÔNG / TỔNG';grid-column:1/-1;font-size:8px;letter-spacing:1px;color:#9bab8b;margin-bottom:3px} #street-v .sv-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px} #street-v .sv-special-grid h2{font-size:18px;margin:14px 0;display:flex;gap:8px;align-items:center} #street-v .sv-special-grid p{font-size:12px;line-height:1.8;color:#c0cbb3;min-height:65px} #street-v .sv-special-grid small{display:block;font-size:10px;color:#8d9b80;line-height:1.8;margin:12px 0} #street-v .sv-special-grid .sv-locked{opacity:.72} #street-v .sv-equipped{display:flex;flex-wrap:wrap;gap:10px;padding:18px;background:#20291b;border:1px solid #4d5b36;font-size:12px;color:#d6f44b} #street-v .sv-equipped span{padding:7px 10px;border:1px solid #718143;border-radius:4px} #street-v .sv-special-reward .sx-rewardart{background:radial-gradient(ellipse at 50% 90%,#73623e,#22261b)} #street-v .sv-training-select{display:block;font-size:10px;color:#b7c6a3;margin-bottom:15px} #street-v .sv-training-select select{display:block;width:100%;margin-top:8px;padding:10px;background:#192116;color:#edf1df;border:1px solid #596247;border-radius:4px;font:inherit} @media(max-width:900px){#street-v .sv-special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#street-v .sv-special-grid{grid-template-columns:1fr}} /* Original comic stickers and event-driven goal presentation. */ #street-v .sv-comic-icon{width:64px;height:60px;object-fit:contain;display:inline-block;vertical-align:middle} #street-v .sv-special-art{text-align:center;background:radial-gradient(ellipse at center,#4c513233,transparent 70%);margin:-6px -4px 0} #street-v .sv-special-art .sv-comic-icon{width:150px;height:134px} #street-v .sx-rewardart .sv-comic-icon{width:174px;height:150px;z-index:1} #street-v .sx-success>.sv-comic-icon{width:170px;height:150px} #street-v .sv-live-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3} #street-v .sv-skill-burst{position:absolute;pointer-events:none;transform-origin:50% 65%;filter:drop-shadow(2px 4px 0 #10180fc9);text-align:center;will-change:transform,opacity} #street-v .sv-skill-burst[hidden],#street-v .sv-goal-announcement[hidden]{display:none} #street-v .sv-skill-burst>img{display:block;width:var(--comic-size);height:var(--comic-size);object-fit:contain;margin:0} #street-v .sv-goal-announcement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;text-align:center} #street-v .sv-goal-card{display:flex;align-items:center;flex-direction:column;max-width:76%;filter:drop-shadow(3px 5px 0 #14201399)} #street-v .sv-goal-card>img{width:clamp(190px,34vw,370px);max-width:100%;margin:-7px 0 -10px;display:block} #street-v .sv-goal-team{background:#d6f44b;color:#182118;border:2px solid #17201b;padding:6px 14px;font:800 11px/1 'Be Vietnam Pro',sans-serif;letter-spacing:1px;transform:rotate(3deg)} #street-v .sv-goal-card>strong{background:#fff4d9;color:#182118;border:2px solid #17201b;padding:6px 18px;font:700 18px/1.15 'Barlow Condensed',sans-serif;max-width:100%;overflow-wrap:anywhere} #street-v .sv-goal-score{font:800 38px/1 'Barlow Condensed',sans-serif;letter-spacing:4px;color:#fff4d9;text-shadow:2px 2px 0 #132015,-2px -2px 0 #132015;padding:6px 0} #street-v .sv-goal-card>small{color:#fff6e5;background:#16231df0;font-size:9px;padding:3px 9px;border-radius:2px;max-width:100%} #street-v .sv-goal-announcement[data-team='1'] .sv-goal-team{background:#ff9274} @media(max-width:620px){#street-v .sv-special-art .sv-comic-icon{width:126px;height:112px}#street-v .sx-rewardart .sv-comic-icon{width:82px;height:90px}#street-v .sv-skill-caption b{font-size:9px}#street-v .sv-skill-caption small{font-size:8px}#street-v .sv-skill-caption{padding:4px 6px}#street-v .sv-goal-team{font-size:8px;padding:4px 9px}#street-v .sv-goal-card>img{width:190px;margin:-4px 0 -7px}#street-v .sv-goal-card>strong{font-size:14px;padding:4px 10px}#street-v .sv-goal-score{font-size:28px;padding:3px 0}#street-v .sv-goal-card>small{font-size:8px}} @media(prefers-reduced-motion:reduce){#street-v .sv-skill-burst{will-change:auto}} #street-v .sv-network-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 22px;background:#20291c;border-block:1px solid #4e5a37} #street-v .sv-network-roster[hidden]{display:none} #street-v .sv-network-roster>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center} #street-v .sv-network-roster b{grid-row:span 2;border:1px solid #a8bd65;background:#d6f44b;color:#1c2816;padding:5px;border-radius:50%;font-size:10px;min-width:28px;text-align:center} #street-v .sv-network-roster span{font-size:10px;color:#eef3e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #street-v .sv-network-roster small{font-size:9px;color:#adbf96} @media(max-width:620px){#street-v .sv-network-roster{grid-template-columns:1fr 1fr;padding:10px 12px;gap:10px}} #street-v .sv-pitch-stage{position:relative} #street-v .sv-pitch-commentary{display:flex;align-items:center;gap:15px;min-height:58px;padding:13px 18px;background:#18271f;border-top:1px solid #53613e;color:#edf2e0;border-left:3px solid #d6f44b} #street-v .sv-pitch-commentary>span{font-size:8px;font-weight:700;letter-spacing:1px;color:#d6f44b;flex-shrink:0} #street-v .sv-pitch-commentary>strong{font-size:12px;font-weight:500;line-height:1.6;min-width:0} @media(max-width:620px){#street-v .sv-pitch-commentary{gap:9px;min-height:70px;padding:10px 12px}#street-v .sv-pitch-commentary>span{font-size:7px;letter-spacing:.3px}#street-v .sv-pitch-commentary>strong{font-size:10px}} /* Commentary is anchored inside the pitch broadcast, above all controls. */ #street-v .sv-pitch-stage{padding-bottom:62px} #street-v .sv-pitch-commentary{position:absolute;bottom:0;left:0;right:0;min-height:62px;box-sizing:border-box;z-index:4} #street-v .sv-live-legend{bottom:70px} #street-v .sv-live-fx,#street-v .sv-goal-announcement{bottom:62px} @media(max-width:620px){#street-v .sv-pitch-stage{padding-bottom:70px}#street-v .sv-pitch-commentary{min-height:70px}#street-v .sv-live-legend{bottom:78px}#street-v .sv-live-fx,#street-v .sv-goal-announcement{bottom:70px}} #street-v .sv-pitch-stage{padding-bottom:0} #street-v .sv-pitch-commentary{min-height:42px;height:auto;padding:8px 12px;background:#14251fee} #street-v .sv-live-legend{bottom:46px} #street-v .sv-live-fx,#street-v .sv-goal-announcement{bottom:42px} #street-v .sv-pitch-commentary>strong{font-size:11px;line-height:1.4} @media(max-width:620px){#street-v .sv-pitch-commentary>strong{font-size:10px}#street-v .sv-pitch-commentary{gap:8px}} #street-v .sv-tactics-help{font-size:11px;line-height:1.65;color:#b9c7b8;padding:10px 12px;background:#1c251d;border-radius:8px;margin-top:12px}#street-v .sv-tactics-help p{margin:0 0 8px}#street-v .sv-tactics-help ul{margin:0;padding-left:17px}#street-v .sv-tactics-help li{margin:6px 0}#street-v .sv-tactics-help b{color:#edf2e0} #street-v .sv-live-fitness{padding:12px 18px;background:#172219;border-top:1px solid #344132;--fitness-color:#d6f44b} #street-v .sv-fitness-heading{display:flex;gap:12px;align-items:center;font-size:11px;margin-bottom:7px} #street-v .sv-fitness-heading strong{font-size:9px;letter-spacing:.7px;color:#b8c4ad} #street-v .sv-fitness-heading>span{font-weight:700;color:var(--fitness-color);font-variant-numeric:tabular-nums} #street-v .sv-fitness-heading small{margin-left:auto;font-size:10px;color:#dde6d3} #street-v .sv-fitness-track{height:7px;border-radius:6px;overflow:hidden;background:#364130} #street-v .sv-fitness-track>span{display:block;height:100%;background:var(--fitness-color)} #street-v .sv-fitness-note{display:block;font-size:9px;line-height:1.5;color:#aebda8;margin-top:6px} #street-v .sv-live-fitness[data-tone=tired]{--fitness-color:#f6c970}#street-v .sv-live-fitness[data-tone=exhausted]{--fitness-color:#f29d7d} @media(max-width:620px){#street-v .sv-live-fitness{padding:10px 12px}#street-v .sv-fitness-heading{gap:8px;flex-wrap:wrap}} /* Match atmosphere and the persistent full-time result. */ #street-v .sv-audio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #street-v .sv-audio-controls label{display:flex;align-items:center;gap:7px;font-size:10px;color:#b8c5aa} #street-v .sv-audio-controls input{width:88px;accent-color:#d6f44b;cursor:pointer} #street-v .sv-audio-controls button[aria-pressed=true]{background:#d6f44b;color:#182118;border-color:#d6f44b} #street-v .sv-fulltime-announcement{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#102018d9;pointer-events:none;padding:20px} #street-v .sv-fulltime-announcement[hidden]{display:none} #street-v .sv-fulltime-card{text-align:center;background:linear-gradient(145deg,#253529,#14201a);border:1px solid #718150;border-top:4px solid #d6f44b;padding:24px 36px;max-width:90%;box-shadow:0 14px 55px #080f0b80;border-radius:6px} #street-v .sv-fulltime-card>span{font-size:10px;letter-spacing:2px;color:#b8c6a7;font-weight:700} #street-v .sv-fulltime-card h2{font:800 36px/1 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#d6f44b;margin:12px 0 10px} #street-v .sv-fulltime-card>strong{display:block;font:800 60px/1 'Barlow Condensed',sans-serif;color:#f6f4df;letter-spacing:7px;font-variant-numeric:tabular-nums} #street-v .sv-fulltime-card p{font-size:12px;color:#d4dec8;margin:14px 0 0;overflow-wrap:anywhere} #street-v .sv-fulltime-card small{display:block;font-size:10px;color:#a5b79d;margin-top:12px;line-height:1.6} @media(max-width:620px){#street-v .sv-audio-controls{gap:9px}#street-v .sv-fulltime-card{padding:20px 24px}#street-v .sv-fulltime-card h2{font-size:28px}#street-v .sv-fulltime-card>strong{font-size:44px}#street-v .sv-fulltime-card>span{font-size:8px;letter-spacing:1px}#street-v .sv-fulltime-card p{font-size:10px}} /* Street communities and court collection */ #street-v .sv-court-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}#street-v .sv-court-card{border:1px solid #384334;background:#182117;overflow:hidden;border-radius:5px}#street-v .sv-court-card.selected{border-color:var(--sx-accent);box-shadow:0 0 0 1px #d6f44b33}#street-v .sv-court-art{position:relative;background:#111a18}#street-v .sv-court-art canvas{display:block;width:100%;height:auto;aspect-ratio:600/340}#street-v .sv-court-art>span{position:absolute;left:15px;top:12px;font-size:9px;letter-spacing:1.6px;background:#111c18cc;padding:5px 8px;color:#e2e9cf}#street-v .sv-court-body{padding:22px}#street-v .sv-court-body h2{font:700 31px 'Barlow Condensed',sans-serif;margin:7px 0 10px}#street-v .sv-court-body p{font-size:11px;line-height:1.8;min-height:40px;color:#acb6a4}#street-v .sv-court-meta{display:flex;justify-content:space-between;border-top:1px solid #35412f;padding:13px 0;font-size:9px;color:#a8b29c}#street-v .sv-street-teaser{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;background:#1d2b1c;border-left:3px solid var(--sx-accent);margin-top:24px}#street-v .sv-street-teaser h2{font-size:26px;margin:4px 0}#street-v .sv-street-teaser p{font-size:11px;color:#adb7a4}#street-v .sv-venue-picker{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;border:1px solid #3d4935;padding:18px;margin-top:22px}#street-v .sv-venue-picker canvas{width:100%;height:auto}#street-v .sv-venue-picker label{display:block;font-size:11px;margin:10px 0}#street-v .sv-venue-picker select{width:100%;padding:10px;background:#152214;color:#e9f1dc;border:1px solid #57604b;margin-top:7px}#street-v .sv-venue-picker p,#street-v .sv-venue-picker small{font-size:10px;line-height:1.8;color:#b4bea9}#street-v .sv-world-section{margin:30px 0;padding-top:22px;border-top:1px solid #35422e}#street-v .sv-personality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}#street-v .sv-personality-card{display:flex;gap:15px;padding:18px;border:1px solid #34412f;background:#1a2519}#street-v .sv-person-number{font:700 28px 'Barlow Condensed',sans-serif;color:#93a476}#street-v .sv-personality-card h3{font-size:14px;margin:0 0 8px}#street-v .sv-trait-tag{display:inline-block;background:#32412a;color:#d7edb0;font-size:9px;padding:4px 7px}#street-v .sv-personality-card p{font-size:10px;line-height:1.8;color:#a9b79c;margin:9px 0}#street-v .sv-personality-card strong{display:block;font-size:11px;color:#d8e8b8}#street-v .sv-personality-card small{display:block;font-size:9px;color:#a7b295;margin-top:5px;line-height:1.7}#street-v .sv-match-venue{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:0 0 18px;padding:12px 16px;background:#21301e;border-left:2px solid #b7d47c}#street-v .sv-match-venue small{font-size:10px;color:#a4b294}#street-v .sv-opponent-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}#street-v .sv-opponent-row>div{padding:15px;border:1px solid #34412f;min-width:160px}#street-v .sv-opponent-row b{display:block;font-size:12px}#street-v .sv-opponent-row span{display:block;font-size:10px;color:#d2e3aa;margin-top:7px}@media(max-width:700px){#street-v .sv-court-grid,#street-v .sv-personality-grid,#street-v .sv-venue-picker{grid-template-columns:1fr}#street-v .sv-street-teaser{align-items:flex-start;flex-direction:column}#street-v .sv-match-venue{flex-direction:column;gap:5px}#street-v .sv-court-body h2{font-size:28px}} /* Skill XP is progress to the next level, not the level itself. */ #street-v .sv-xp-track{height:7px;background:#35402d;border-radius:8px;overflow:hidden;margin:9px 0}#street-v .sv-xp-track span{display:block;height:100%;background:#d6f44b;border-radius:8px}#street-v .sv-xp-header{display:flex;justify-content:space-between;gap:12px;font-size:12px}#street-v .sv-xp-caption{font-size:12px;color:#bcc8ad;margin:8px 0!important}#street-v .sv-xp-preview{border:1px solid #526044;background:#202a1a;padding:14px;margin:14px 0;border-radius:8px;text-align:left}#street-v .sv-xp-preview strong{display:block;font-size:15px;color:#e2eece;margin-top:12px}#street-v .sv-xp-preview p{font-size:12px;margin-top:7px;color:#bdcaae}#street-v .sv-xp-preview.levelup,#street-v .sv-xp-preview.unlock{border-color:#d6f44b;background:#2c381b}#street-v .sv-learning-overview{padding:20px;background:#1b2518;border:1px solid #415137;border-radius:10px;margin:20px 0}#street-v .sv-learning-overview h2{font-size:19px}#street-v .sv-learning-overview h3{font-size:14px;margin:18px 0 9px}#street-v .sv-learning-overview p{font-size:12px;line-height:1.6;color:#b9c8ad;margin:9px 0}#street-v .sv-learning-chips{display:flex;gap:8px;flex-wrap:wrap}#street-v .sv-learning-chips span{font-size:11px;padding:9px;border:1px solid #46563a;border-radius:7px;background:#25301f}#street-v .sv-point-award{padding:20px;border:1px solid #657a40;border-radius:9px;margin:20px 0;background:#222d19}#street-v .sv-point-award>div{display:flex;align-items:center;justify-content:space-between}#street-v .sv-point-award>div>strong{font:700 42px 'Barlow Condensed',sans-serif;color:#d6f44b}#street-v .sv-point-award dl{margin:12px 0}#street-v .sv-point-award dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #405034;font-size:13px}#street-v .sv-point-award dd{font-weight:bold;margin:0}#street-v .sv-point-award p{font-size:11px;color:#bac9a9;line-height:1.6}#street-v .sv-progress-detail{margin-bottom:20px} #street-v .sv-bonus-note{padding:12px 15px;background:#28351c;border:1px solid #637e3b;border-radius:7px;font-size:13px;line-height:1.5;margin:16px 0}#street-v .sv-bonus-split{display:block;color:#becdad;font-size:11px;margin-top:7px} #street-v .sv-match-options .sv-mode{display:flex;flex-direction:column;text-align:left;min-height:360px;border-radius:12px;transition:border-color .15s,transform .15s}#street-v .sv-match-options .sv-mode:hover{border-color:#d6f44b;transform:translateY(-2px)}#street-v .sv-match-options .sv-mode h2{font-size:28px;margin:12px 0}#street-v .sv-match-options .sv-mode p{font-size:13px;line-height:1.65;min-height:66px}#street-v .sv-match-options ul{font-size:12px;line-height:1.9;color:#c5d0b7;padding-left:17px;margin:17px 0 25px}#street-v .sv-match-options .sv-mode-footer{margin-top:auto;padding-top:14px;border-top:1px solid #3d4a33;width:100%;font-weight:600}#street-v .sv-trial-mode{background:linear-gradient(145deg,#2c361c,#1b2218)}#street-v .sv-match-shared,#street-v .sv-trial-directory{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #3e4d32;border-radius:9px;margin:20px 0;color:#bdcaae;font-size:12px;line-height:1.6}#street-v .sv-trial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}#street-v .sv-trial-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px}#street-v .sv-trial-card h2{font-size:21px}#street-v .sv-trial-card p,#street-v .sv-trial-status p{font-size:12px;line-height:1.6;color:#bdcaae;margin:10px 0 16px}#street-v .sv-trial-card .sx-button{margin-top:auto}#street-v .sv-trial-status{margin:20px 0}#street-v .sv-trial-status .sx-textbutton{margin-left:18px}@media(max-width:800px){#street-v .sv-trial-list{grid-template-columns:1fr}#street-v .sv-match-shared,#street-v .sv-trial-directory{flex-direction:column;align-items:flex-start}#street-v .sv-match-options .sv-mode{min-height:0}#street-v .sv-match-options .sv-mode p{min-height:0}} /* Match information stays in one compact bar above the pitch. */ #street-v .sv-prep-court{padding:0;background:none;overflow:hidden}#street-v .sv-prep-court canvas{display:block;width:100%;height:auto;aspect-ratio:600/340} #street-v .sv-matchbar{display:grid;grid-template-columns:minmax(135px,.65fr) minmax(260px,1.8fr) minmax(160px,.8fr);align-items:center;gap:18px;padding:12px 16px;border-bottom:1px solid #344132;background:#172017;min-height:64px} #street-v .sv-matchbar-meta{min-width:0;display:flex;flex-direction:column;gap:6px}#street-v .sv-matchbar-venue{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5dfc6} #street-v .sv-live-compact .sv-live-clock{position:static;border:0;background:none;padding:0;font-size:10px;gap:5px;white-space:nowrap} #street-v .sv-live-compact .sv-live-score{padding:0;gap:12px;font-size:12px;min-width:0}#street-v .sv-live-compact .sv-live-score>span{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.4}#street-v .sv-live-compact .sv-live-score strong{font-size:32px;line-height:1} #street-v .sv-live-compact .sv-live-fitness{padding:0;background:none;border:0;min-width:0}#street-v .sv-live-compact .sv-fitness-heading{font-size:10px;gap:6px;flex-wrap:wrap}#street-v .sv-live-compact .sv-fitness-heading strong{font-size:9px}#street-v .sv-live-compact .sv-fitness-heading small{display:none}#street-v .sv-live-compact .sv-fitness-track{height:5px;margin:7px 0 0} @media(max-width:950px){#street-v .sv-matchbar{grid-template-columns:1fr 1fr;gap:10px 20px;padding:10px 12px}#street-v .sv-live-compact .sv-live-score{grid-column:1/-1;grid-row:1;font-size:12px}#street-v .sv-matchbar-meta{grid-column:1;grid-row:2;flex-direction:row;align-items:center;gap:10px}#street-v .sv-live-compact .sv-live-fitness{grid-column:2;grid-row:2}#street-v .sv-live-compact .sv-live-score strong{font-size:28px}} @media(max-width:480px){#street-v .sv-matchbar-meta{flex-direction:column;align-items:flex-start;gap:3px}#street-v .sv-live-compact .sv-live-score{font-size:10px;gap:8px}#street-v .sv-matchbar{gap:8px 12px}#street-v .sv-live-compact .sv-fitness-heading strong{font-size:8px}} /* Reward receipt: explicit colors on the bright success surface. */ #street-v .sx-success .sx-muted{color:#354515;font-weight:600;line-height:1.6;margin-top:16px} #street-v .sx-success .sv-bonus-note{color:#f2f7e8;background:#28351c;font-weight:600} /* Account entry: player data stays out of the signed-out screen. */ #street-v.sv-auth-mode .sx-nav,#street-v.sv-auth-mode .sx-header>.sx-row:nth-child(2){display:none} #street-v.sv-auth-mode .sx-layout{grid-template-columns:1fr} #street-v.sv-auth-mode .sx-main{padding:48px 28px} #street-v .sv-auth-shell{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:start} #street-v .sv-auth-story{padding-top:48px} #street-v .sv-auth-story h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:64px;line-height:1.02;margin:20px 0;letter-spacing:-1px} #street-v .sv-auth-story>p{font-size:14px;color:#b9c2b1;line-height:1.8;max-width:350px} #street-v .sv-auth-promise{display:grid;gap:8px;border-top:1px solid #39412e;margin-top:40px;padding-top:22px;font-size:13px} #street-v .sv-auth-promise span{color:#b9c2b1;line-height:1.7} #street-v .sv-auth-legacy{background:#222c1b;border-left:2px solid #d6f44b;padding:16px 18px;margin-top:26px;font-size:12px;line-height:1.8} #street-v .sv-auth-legacy p{margin-top:5px;color:#c2ccb9} #street-v .sv-auth-panel{background:#192016;border:1px solid #3b4631;border-radius:12px;padding:28px} #street-v .sv-auth-tabs{display:flex;gap:6px;background:#10160d;padding:5px;border-radius:7px;margin-bottom:28px} #street-v .sv-auth-tabs button{flex:1;background:transparent;border:0;border-radius:4px;padding:11px;color:#b7c1ac;font-size:13px} #street-v .sv-auth-tabs button[aria-pressed=true]{background:#d6f44b;color:#1a210e;font-weight:700} #street-v .sv-auth-panel h2{font-size:23px;letter-spacing:-.5px} #street-v .sv-auth-caption{color:#bbc5b1;font-size:12px;line-height:1.7;margin:8px 0 20px} #street-v #sv-auth-form label{display:grid;gap:8px;font-size:12px;font-weight:600;margin-top:19px} #street-v #sv-auth-form input:not([type=checkbox]){width:100%;background:#0e150d;border:1px solid #59644c;border-radius:6px;padding:12px 13px;color:#f0f3e8;font:inherit;font-size:14px} #street-v #sv-auth-form input:focus{outline:2px solid #d6f44b;outline-offset:2px} #street-v #sv-auth-form input::placeholder{color:#929f87} #street-v #sv-auth-form small{display:block;font-size:11px;color:#b6c2aa;line-height:1.7;margin-top:6px} #street-v #sv-auth-form .sv-auth-check{display:flex;align-items:center;gap:9px;line-height:1.6;font-size:12px} #street-v .sv-auth-check input{accent-color:#d6f44b;width:17px;height:17px;flex-shrink:0} #street-v #sv-auth-form .sx-button{width:100%;justify-content:space-between;margin-top:14px} #street-v .sv-auth-error{color:#ffb49f;font-size:12px;line-height:1.7;margin-top:15px;min-height:0} #street-v .sv-account-bar{display:flex;align-items:center;gap:12px;font-size:11px;margin-left:auto} #street-v .sv-account-bar>span{color:#d6f44b;max-width:120px;overflow:hidden;text-overflow:ellipsis} #street-v .sv-account-bar button{background:#252e1f;border:1px solid #4b573d;border-radius:5px;padding:8px 10px;font-size:11px;white-space:nowrap} @media(max-width:850px){#street-v .sv-auth-shell{grid-template-columns:1fr;gap:26px;max-width:470px}#street-v .sv-auth-story{padding-top:0}#street-v .sv-auth-story h1{font-size:46px}#street-v .sv-auth-promise{display:none}#street-v .sv-auth-legacy{margin-top:20px}#street-v .sx-header{flex-wrap:wrap;height:auto;min-height:75px;padding-top:12px;padding-bottom:12px;gap:10px}#street-v .sv-account-bar{margin-left:0}} @media(max-width:480px){#street-v.sv-auth-mode .sx-main{padding:25px 16px}#street-v .sv-auth-panel{padding:21px}#street-v .sv-auth-story h1{font-size:40px}} /* Account actions stay in the header's top-right corner at every breakpoint. */ #street-v .sx-header{position:relative} #street-v:not(.sv-auth-mode) .sx-header{padding-right:210px} #street-v .sv-account-bar{position:absolute;top:18px;right:18px;margin:0;max-width:174px;gap:10px} #street-v .sv-account-bar>span{max-width:85px} @media(max-width:420px){#street-v:not(.sv-auth-mode) .sx-header{padding-right:110px}#street-v .sv-account-bar{right:14px}#street-v .sv-account-bar>span{display:none}} #street-v .sv-matchup{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:10px;color:var(--sx-muted);margin-top:8px;flex-basis:100%}#street-v .sv-matchup b{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:3px;background:#2a321b;color:var(--sx-accent)}#street-v .sv-matchup-strong b{background:#4a2420;color:#ffb4a4}#street-v .sv-matchup-weak b{background:#20323a;color:#a9d8ec} /* Viewport match mode. Keep the canvas ratio, fit both available dimensions. */ #street-v.sv-watch-mode{position:fixed;inset:0;z-index:100;border-radius:0;height:100vh;height:100dvh;overflow:hidden} #street-v.sv-watch-mode>.sx-header,#street-v.sv-watch-mode .sx-nav{display:none} #street-v.sv-watch-mode .sx-layout{display:block;height:100%} #street-v.sv-watch-mode .sx-main{height:100%;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))} #street-v.sv-watch-mode #sx-content{height:100%;display:flex;flex-direction:column;gap:6px;min-height:0} #street-v.sv-watch-mode #sx-content>.sx-footnote,#street-v.sv-watch-mode #sx-content>.sv-world-section{display:none} #street-v.sv-watch-mode .sv-live-match{flex:1;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:visible} #street-v.sv-watch-mode .sv-matchbar{padding:8px 12px;gap:8px 14px;min-height:52px;border-radius:7px 7px 0 0} #street-v.sv-watch-mode .sv-matchup{display:none} #street-v.sv-watch-mode .sv-live-pitch{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden} #street-v.sv-watch-mode .sv-pitch-stage{flex:none;max-width:100%;padding:0} #street-v.sv-watch-mode .sv-live-controls{position:relative;padding:5px 10px;gap:8px;flex-wrap:nowrap;min-height:40px} #street-v.sv-watch-mode .sv-live-controls>.sx-button{padding:7px 10px;font-size:11px} #street-v.sv-watch-mode .sv-live-seek{padding:3px 12px 8px;margin:0;min-height:26px;font-size:10px} #street-v.sv-watch-mode .sv-watch-actions{flex:none;margin:0;padding:0 6px;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px} #street-v.sv-watch-mode .sv-watch-actions>.sx-muted{margin-right:auto;font-size:10px} #street-v.sv-watch-mode .sv-watch-actions>.sx-button{padding:6px 12px;font-size:11px} #street-v .sv-watch-tools{margin-left:auto;font-size:11px} #street-v .sv-watch-tools summary{cursor:pointer;list-style:none;border:1px solid #46533b;border-radius:5px;padding:7px 10px;background:#252e20;white-space:nowrap} #street-v .sv-watch-tools summary::-webkit-details-marker{display:none} #street-v .sv-watch-tools summary:focus-visible{outline:2px solid #d6f44b;outline-offset:2px} #street-v .sv-watch-toolpanel{position:absolute;z-index:30;right:6px;bottom:calc(100% + 6px);width:min(440px,calc(100vw - 28px));max-height:min(65dvh,460px);overflow:auto;overscroll-behavior:contain;padding:14px;background:#192419;border:1px solid #63734e;border-radius:8px;box-shadow:0 10px 40px #0009} #street-v .sv-watch-toolheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} #street-v .sv-watch-toolheading button{background:none;border:0;color:#d6f44b;font-size:11px;padding:6px} #street-v .sv-watch-toolbuttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px} #street-v .sv-watch-toolbuttons>.sx-muted{flex-basis:100%;font-size:10px} #street-v .sv-watch-toolpanel .sv-live-analysis{padding:12px 0;gap:10px} #street-v .sv-watch-toolpanel .sv-live-passstats{margin:8px 0} #street-v .sv-watch-toolpanel .sv-network-roster{padding:12px 0;gap:8px} #street-v .sv-watch-toolpanel .sv-audio-controls{margin:12px 0;flex-wrap:wrap} @media(max-width:620px){ #street-v.sv-watch-mode .sx-main{padding-top:max(5px,env(safe-area-inset-top))} #street-v.sv-watch-mode .sv-matchbar{grid-template-columns:1fr 1fr;padding:7px 9px;gap:6px 8px} #street-v.sv-watch-mode .sv-matchbar-meta{flex-direction:row;flex-wrap:wrap;gap:3px 8px;align-items:center} #street-v.sv-watch-mode .sv-matchbar-venue{font-size:10px} #street-v.sv-watch-mode .sv-live-score{font-size:10px} #street-v.sv-watch-mode .sv-live-score strong{font-size:28px} #street-v.sv-watch-mode .sv-live-fitness{align-self:end} #street-v.sv-watch-mode .sv-fitness-heading{margin-bottom:2px;font-size:9px} #street-v.sv-watch-mode .sv-fitness-track{margin-top:3px} #street-v.sv-watch-mode .sv-live-controls{padding:5px 6px;gap:6px} #street-v.sv-watch-mode .sv-live-speeds button{padding:5px 8px} #street-v .sv-watch-tools summary{padding:7px;font-size:10px} #street-v.sv-watch-mode .sv-watch-actions>.sx-muted{display:none} } @media(max-height:480px) and (min-width:621px){ #street-v.sv-watch-mode .sv-matchbar{grid-template-columns:1fr 2fr 1fr;min-height:42px;padding:4px 10px} #street-v.sv-watch-mode .sv-live-score{grid-column:2;grid-row:1} #street-v.sv-watch-mode .sv-matchbar-meta{grid-column:1;grid-row:1} #street-v.sv-watch-mode .sv-live-fitness{grid-column:3;grid-row:1} #street-v.sv-watch-mode .sv-live-score strong{font-size:26px} } @media(max-width:620px) and (orientation:portrait){ #street-v.sv-watch-mode .sv-live-match{flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto auto;max-height:calc(100dvh - 55px)} #street-v.sv-watch-mode .sv-live-pitch{height:min(calc(100dvh - 220px),calc((100vw - 18px)*.66))} } #street-v .sv-watch-toolpanel{max-height:min(65dvh,460px,calc(var(--sv-tools-top,400px) - 12px))} /* Mobile navigation: all seven destinations in a single compact row. */ @media(max-width:620px){ #street-v .sx-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:1fr;align-items:stretch;padding:4px;gap:0} #street-v .sx-navbutton{width:100%;min-width:0;min-height:48px;padding:5px 1px;gap:4px;font-size:9px;line-height:1.2;white-space:nowrap;border-radius:5px} #street-v .sx-navbutton svg{width:18px;height:18px} #street-v .sx-nav-bottom{display:none} } @media(max-width:360px){#street-v .sx-navbutton{font-size:8px}} #street-v .sv-prep-court{position:relative;isolation:isolate} #street-v .sv-prep-court::after{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at center,#08130bbb 0%,#08130b44 65%,transparent);pointer-events:none} #street-v .sv-prep-actions{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center} #street-v .sv-prep-actions>.sx-button{width:auto;min-width:210px;min-height:48px;padding:12px 24px;box-shadow:0 5px 24px #0006} #street-v .sv-prep-tactics-label{font-size:10px;font-weight:600;letter-spacing:.5px;color:#e8efdf;text-shadow:0 1px 5px #000} #street-v .sv-prep-actions .sx-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;max-width:430px} #street-v .sv-prep-actions .sx-chip{background:#101a12e6;border-color:#8a9a6b;color:#edf2e2;min-height:36px;padding:7px 10px;backdrop-filter:blur(6px)} #street-v .sv-prep-actions .sx-chip[aria-pressed=true]{background:var(--sx-accent);border-color:var(--sx-accent);color:#1c230e} #street-v .sv-prep-help{border-top:1px solid var(--sx-line);padding-top:12px;margin-top:16px;font-size:11px} #street-v .sv-prep-help summary{cursor:pointer;color:#c8d3b5;padding:4px 0} #street-v .sv-prep-help .sv-tactics-help{margin-top:8px} @media(max-width:620px){ #street-v .sv-prep-court{height:260px;min-height:260px;background:#243323} #street-v .sv-prep-court canvas{height:100%;width:100%;aspect-ratio:auto;object-fit:contain} #street-v .sv-prep-actions{padding:14px;gap:10px} #street-v .sv-prep-actions .sx-chips{max-width:285px} #street-v .sv-prep-actions .sx-chip{min-height:38px;font-size:10px;padding:7px 9px} } #street-v .sv-prep-actions>.sx-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} #street-v .sv-prep-tactics-label{position:absolute;top:calc(50% + 35px);left:12px;right:12px} #street-v .sv-prep-actions .sx-chips{position:absolute;top:calc(50% + 58px);left:50%;transform:translateX(-50%);width:calc(100% - 28px)} @media(max-width:620px){#street-v .sv-prep-court{height:300px;min-height:300px}} #street-v .sv-prep-actions .sx-button svg{width:18px;height:18px;max-width:18px;display:inline-block;flex:none} #street-v .sv-prep-actions .sx-button svg{min-height:18px;max-height:18px;min-width:18px} /* Mobile: the next action belongs on the player artwork, not a second card. */ #street-v .sv-hero-play{display:none} @media(max-width:620px){ #street-v .sx-topgrid .sx-side-stack>.sx-matchcard{display:none} #street-v .sx-hero{min-height:470px;padding-bottom:20px} #street-v .sx-hero:after{background:linear-gradient(90deg,#090d0ad6 0%,#090d0a33 65%,transparent),linear-gradient(0deg,#090d0af5 0%,#090d0a90 28%,transparent 62%)} #street-v .sv-hero-play{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;margin-top:18px;padding:12px 18px;border:1px solid #ffb7dd88;border-radius:9px;background:linear-gradient(110deg,#ff78c3,#ff35a3 70%,#ff2d96);color:#25101d;font:700 22px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 8px 28px #ff2d9633,inset 0 1px 0 #ffffff55} #street-v .sv-hero-play svg{width:21px;height:21px;stroke-width:2.5} #street-v .sv-hero-play:hover{filter:brightness(1.07)} #street-v .sv-hero-play:active{transform:translateY(1px)} #street-v .sv-hero-play:focus-visible{outline:2px solid #fff;outline-offset:4px} #street-v .sx-hero-footer{align-items:center} #street-v .sx-hero-footer .sx-herolink{font-size:9px} } #street-v .sv-prep-actions .sx-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-width:430px} #street-v .sv-prep-actions .sx-chip{min-width:0;white-space:nowrap;border-radius:7px;transition:background .15s,border-color .15s} #street-v .sv-prep-actions .sx-chip[aria-pressed=true]{background:#ff50ab;border-color:#ff9bd1;color:#25101d;box-shadow:0 2px 14px #ff35a32b} @media(max-width:620px){ #street-v .sv-prep-heading{margin-bottom:10px} #street-v .sv-prep-heading .sx-title{font-size:27px!important;line-height:1.15!important;letter-spacing:-.3px!important} #street-v .sv-prep-heading p{font-size:10px;margin-top:5px} #street-v .sv-prep-layout{margin-top:12px;gap:16px} #street-v .sv-prep-layout .sx-score{margin:6px 0 12px;gap:18px} #street-v .sv-prep-layout .sx-crest{width:30px;height:34px;font-size:19px;border-top-width:3px;margin-bottom:4px} #street-v .sv-prep-layout .sx-score>.sx-num{font-size:32px} #street-v .sv-prep-layout .sx-teamname{font-size:9px} #street-v .sv-prep-actions .sx-chips{max-width:none;gap:4px;width:calc(100% - 24px)} #street-v .sv-prep-actions .sx-chip{font-size:9px;min-height:40px;padding:6px 2px;letter-spacing:-.2px} } @media(max-width:360px){#street-v .sv-prep-heading .sx-title{font-size:24px!important}#street-v .sv-prep-actions .sx-chip{font-size:8px}} .sv-mobile-scroll{display:contents} #street-v .sv-mobile-pages,#street-v .sv-hero-actionrow{display:none} #street-v .sv-mobile-prep-info>summary{display:none} @media(max-width:620px){ #street-v:not(.sv-auth-mode):not(.sv-watch-mode){position:fixed;inset:0;height:100vh;height:100dvh;border-radius:0;overflow:hidden} #street-v:not(.sv-auth-mode):not(.sv-watch-mode)>.sx-header{height:54px;min-height:54px;padding:8px 12px;flex-direction:row;align-items:center;flex-wrap:nowrap} #street-v:not(.sv-auth-mode):not(.sv-watch-mode)>.sx-header>.sx-row:nth-child(2){display:none} #street-v:not(.sv-auth-mode) .sx-brand{font-size:23px} #street-v:not(.sv-auth-mode) .sx-brand>span,#street-v:not(.sv-auth-mode) .sx-header-meta{display:none} #street-v:not(.sv-auth-mode) .sv-account-bar{top:9px;right:12px} #street-v:not(.sv-auth-mode) .sv-account-bar button{padding:6px 9px;font-size:10px} #street-v:not(.sv-auth-mode):not(.sv-watch-mode) .sx-layout{height:calc(100% - 54px);min-height:0} #street-v:not(.sv-watch-mode) .sx-nav{flex:none;padding:3px 4px} #street-v:not(.sv-watch-mode) .sx-navbutton{min-height:44px;padding:4px 1px;font-size:8px;gap:3px} #street-v:not(.sv-watch-mode) .sx-navbutton svg{width:17px;height:17px} #street-v:not(.sv-auth-mode):not(.sv-watch-mode) .sx-main{flex:1;min-height:0;overflow:hidden;padding:12px} #street-v:not(.sv-auth-mode):not(.sv-watch-mode) #sx-content{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px} #street-v:not(.sv-auth-mode):not(.sv-watch-mode) #sx-content>.sx-footnote{display:none} #street-v:not(.sv-watch-mode) .sx-back{flex:none;margin:0;padding:0;font-size:10px;align-self:flex-start;min-height:18px} #street-v:not(.sv-watch-mode) .sx-pagehead,#street-v .sx-rewardintro{flex:none;margin:0} #street-v:not(.sv-watch-mode) .sx-pagehead .sx-title{font-size:25px!important;line-height:1.08!important;margin-top:4px!important} #street-v:not(.sv-watch-mode) .sx-pagehead p{font-size:10px;line-height:1.45;margin-top:5px} #street-v:not(.sv-watch-mode) .sx-eyebrow{font-size:8px;letter-spacing:1px} #street-v .sv-mobile-scroll{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px 4px} #street-v .sv-mobile-scroll>.sx-footnote{display:none} #street-v #sx-content>.sx-actions,#street-v #sx-content>.sx-reward-footer{flex:none;margin:0;gap:6px;padding:8px 0 0;border-top:1px solid var(--sx-line)} #street-v #sx-content>.sx-actions>.sx-button{font-size:10px;padding:8px 10px;min-height:40px} #street-v .sx-reward-footer .sx-button{width:100%;min-height:44px} #street-v .sx-reward-footer p{font-size:8px;margin-top:4px} #street-v .sx-panel{padding:14px} #street-v .sx-day{font-size:8px;padding:5px 7px} /* Home is a single player card; team and skills are reached through navigation. */ #street-v[data-screen=home] #sx-content>.sx-detail-note,#street-v[data-screen=home] .sx-bottomgrid,#street-v[data-screen=home] .sx-lastmatch,#street-v[data-screen=home] .sx-side-stack{display:none} #street-v[data-screen=home] .sx-pagehead h1{font-size:18px;line-height:1.2} #street-v[data-screen=home] .sx-topgrid{flex:1;min-height:0;display:flex;margin:0} #street-v[data-screen=home] .sx-hero{flex:1;min-height:0;padding:18px;gap:14px} #street-v[data-screen=home] .sx-hero-top,#street-v[data-screen=home] .sx-hero-bottom{flex:none} #street-v[data-screen=home] .sx-hero h2{font-size:clamp(54px,17vw,78px);margin-bottom:12px} #street-v[data-screen=home] .sx-levelrow{margin-bottom:12px;gap:8px} #street-v[data-screen=home] .sx-hero-footer{padding-top:10px} #street-v .sv-hero-actionrow{display:flex;gap:9px;align-items:stretch;margin-top:14px} #street-v .sv-hero-actionrow .sv-hero-play{flex:1;width:auto;min-width:0;margin:0;min-height:52px;font-size:20px;gap:9px} #street-v .sv-energy-mini{--battery:#b4ee91;flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #f4d6e02e;border-radius:9px;background:#111912d9;color:#eef5e8} #street-v .sv-energy-mini[data-tone=tired]{--battery:#ffd381}#street-v .sv-energy-mini[data-tone=low]{--battery:#ff8d99} #street-v .sv-battery{width:40px;height:23px;border:1.5px solid var(--battery);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate} #street-v .sv-battery::after{content:'';position:absolute;width:3px;height:9px;right:-4px;top:5px;background:var(--battery);border-radius:0 2px 2px 0} #street-v .sv-battery i{position:absolute;inset:0 auto 0 0;background:var(--battery);opacity:.25;border-radius:2px;z-index:-1} #street-v .sv-battery b{font:700 13px/1 'Be Vietnam Pro',Arial,sans-serif;font-variant-numeric:tabular-nums} #street-v .sv-energy-mini small{font-size:7px;color:#c4cbbf} /* Compact choice cards and training sessions. */ #street-v .sv-match-options{display:grid;grid-template-columns:1fr;gap:8px;margin:0} #street-v .sv-match-options .sv-mode{padding:12px;min-height:0;text-align:left} #street-v .sv-match-options .sv-mode>svg{float:right;width:22px;height:22px;margin:0} #street-v .sv-match-options h2{font-size:20px;line-height:1.1;margin:3px 0} #street-v .sv-match-options p{font-size:10px;line-height:1.45;margin:4px 0} #street-v .sv-match-options ul{display:none} #street-v .sv-mode-footer{font-size:9px;margin-top:6px} #street-v .sv-match-shared{padding:8px 0;margin-top:6px;gap:6px;font-size:9px;display:flex;flex-wrap:wrap} #street-v .sv-prep-layout{margin-top:0!important;gap:10px} #street-v .sv-prep-court{height:clamp(210px,calc(100dvh - 330px),300px);min-height:0} #street-v .sv-mobile-prep-info{margin-top:10px} #street-v .sv-mobile-prep-info>summary{display:block;cursor:pointer;padding:11px 12px;border:1px solid var(--sx-line);border-radius:7px;font-size:10px;background:#1b231a} #street-v .sv-mobile-prep-info>.sx-panel{margin-top:7px} #street-v .sx-training-grid{grid-template-columns:1fr;gap:8px} #street-v .sx-training-item{display:block;padding:0} #street-v .sx-training-visual{display:none} #street-v .sx-training-body{padding:12px} #street-v .sx-training-body h2{font-size:17px;margin:3px 0} #street-v .sx-training-body p{font-size:10px;line-height:1.4} #street-v .sx-training-body .sx-button{margin-top:8px;min-height:38px;padding:7px 12px;font-size:10px} #street-v .sv-training-select{margin:0 0 8px;font-size:9px} #street-v .sv-training-select select{padding:7px;font-size:10px} #street-v .sx-session{padding:4px 0;margin:0} #street-v .sx-session h2{font-size:15px;line-height:1.5} #street-v .sx-answer{padding:11px;margin-top:8px;min-height:44px;font-size:11px} /* Long collections page inside the viewport, instead of growing the document. */ #street-v .sx-filterrow,#street-v .sv-tabs{display:flex;flex-wrap:nowrap;overflow:auto;gap:6px;padding:4px 0 8px;margin:0 0 6px;white-space:nowrap} #street-v .sx-filterrow>.sx-chip,#street-v .sv-tabs>.sv-tab{flex:none;font-size:9px;padding:7px 9px} #street-v .sx-skillsgrid{grid-template-columns:1fr;gap:5px} #street-v .sx-skillrow{padding:9px;min-height:52px;gap:9px} #street-v .sx-skillbody strong{font-size:11px}#street-v .sx-skillbody small{font-size:8px} #street-v .sx-skill-icon{width:28px;height:28px} #street-v .sx-skilllevel{font-size:23px} #street-v [data-mobile-page-active=false]{display:none!important} #street-v .sv-mobile-pages{display:flex;justify-content:space-between;align-items:center;padding:9px 0;gap:12px;font-size:10px} #street-v .sv-mobile-pages button{min-height:36px;padding:7px 11px;background:#232b20;border:1px solid #46533b;border-radius:5px;font-size:10px} #street-v .sv-special-grid{grid-template-columns:1fr;gap:8px} #street-v .sv-special-art{float:right;width:38px;height:38px;margin:0 0 4px 10px} #street-v .sv-special-art .sv-comic-icon{width:38px;height:38px;min-height:0} #street-v .sv-special-grid h2{font-size:17px;margin:4px 0} #street-v .sv-special-grid p{font-size:10px;line-height:1.4;margin:5px 0} #street-v .sv-special-grid small{font-size:8px} #street-v .sv-equipped{padding:8px;margin-bottom:8px;font-size:9px} #street-v .sv-clubhero{padding:10px;min-height:0;gap:10px;margin-bottom:8px} #street-v .sv-clubmark{width:38px;height:46px;font-size:24px} #street-v .sv-clubhero h1{font-size:22px;line-height:1.15} #street-v .sv-clubhero p,#street-v .sv-subtitle{font-size:9px;line-height:1.4} #street-v .sv-overview{display:block} #street-v .sv-overview h2{font-size:13px} #street-v .sv-overview>.sx-panel{margin-top:10px} #street-v .sv-personality-grid{grid-template-columns:1fr} #street-v .sv-message{padding:14px;margin-bottom:8px} #street-v .sv-message h2{font-size:17px;line-height:1.3;margin:5px 0} #street-v .sv-message p{font-size:10px;line-height:1.6} #street-v .sv-leaguetable{font-size:10px}#street-v .sv-leaguetable th,#street-v .sv-leaguetable td{padding:8px 5px} #street-v .sv-levelhero{padding:14px;gap:10px;margin:0 0 10px} #street-v .sv-levelhero h2{font-size:20px} #street-v .sv-levelhero p{font-size:10px} #street-v .sv-label{font-size:10px;margin-bottom:12px} #street-v .sv-textfield{padding:10px;min-height:42px;font-size:12px} #street-v .sv-formgrid{gap:10px} #street-v .sv-nameplate{font-size:30px;margin-bottom:12px} #street-v .sx-rewardintro h1{font-size:24px;line-height:1.15} #street-v .sx-rewardintro p{font-size:10px;line-height:1.4;margin:4px 0} #street-v .sx-rewards{display:grid;grid-template-columns:1fr;gap:8px;margin:0} #street-v .sx-reward{display:grid;grid-template-columns:30px minmax(0,1fr);min-height:0} #street-v .sx-rewardart{width:30px;min-height:0;height:35px;margin:12px 0 0 10px;background:none} #street-v .sx-rewardart .sv-comic-icon{width:30px;height:30px} #street-v .sx-art-number{display:none} #street-v .sx-rewardbody{padding:10px 12px} #street-v .sx-rewardbody h2{font-size:16px;margin:4px 0} #street-v .sx-rewardbody p{font-size:9px;line-height:1.4} #street-v .sx-rewardlevels{margin:5px 0;font-size:12px} #street-v .sx-fit{font-size:8px;margin-top:5px} #street-v .sx-success{padding:14px} #street-v .sx-success h2{font-size:21px} } @media(max-width:620px) and (max-height:700px){ #street-v[data-screen=home] .sx-hero{padding:14px;gap:8px} #street-v[data-screen=home] .sx-hero h2{font-size:48px;margin-bottom:7px} #street-v[data-screen=home] .sx-player-label{margin-bottom:9px;font-size:8px} #street-v[data-screen=home] .sx-levelrow{margin-bottom:8px} #street-v[data-screen=home] .sx-hero-footer{padding-top:8px} #street-v[data-screen=home] .sx-hero-footer small{font-size:8px} #street-v[data-screen=home] .sv-hero-actionrow{margin-top:9px} #street-v .sx-pagehead p{display:none} } .sv-mobile-training-tabs{display:none} @media(max-width:620px){ #street-v[data-screen="skills"] .sx-pagehead{display:grid;grid-template-columns:1fr 1fr;gap:6px} #street-v[data-screen="skills"] .sx-pagehead>div:first-child{grid-column:1/-1} #street-v[data-screen="skills"] .sx-pagehead>.sx-button{min-height:34px;padding:6px;font-size:10px} #street-v[data-screen="skills"] .sx-detail-note{display:none} #street-v .sx-skillbody .sx-between{display:block} #street-v .sx-skillbody .sx-between small{display:block;margin-top:3px;font-size:9px} #street-v .sv-mobile-pages{flex:none;margin:0} #street-v .sv-match-options .sv-mode{display:grid;grid-template-columns:24px 1fr;gap:2px 8px;padding:10px;min-height:0} #street-v .sv-match-options .sv-mode>svg{grid-column:1;grid-row:1/span 4;width:22px;height:22px} #street-v .sv-match-options .sv-mode>:not(svg){grid-column:2} #street-v .sv-match-options .sv-mode h2{font-size:20px;margin:0;line-height:1.1} #street-v .sv-match-options .sv-mode p{font-size:10px;line-height:1.35;min-height:0;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #street-v .sv-match-options .sv-mode-footer{margin:0;padding-top:3px;border:0;font-size:9px} #street-v .sv-mobile-training-tabs{display:flex;gap:6px;margin-bottom:10px} #street-v .sv-mobile-training-tabs button{flex:1;min-height:38px;background:#192219;border:1px solid #384331;border-radius:8px;color:#c2c6ba;font-size:11px;font-weight:700} #street-v .sv-mobile-training-tabs button[aria-pressed="true"]{background:#ff3da6;color:#160e13;border-color:#ff83c6} #street-v .sx-training-grid>[data-mobile-training-active="false"]{display:none} } @media(max-width:620px){ #street-v .sv-match-shared>span{display:none} #street-v .sv-match-shared{padding:3px 0} #street-v .sv-message{padding:11px} #street-v .sv-message h2{font-size:15px;margin:4px 0;line-height:1.3} #street-v .sv-message p{font-size:10px;line-height:1.4;margin:7px 0} #street-v .sv-message .sx-button{min-height:34px;padding:6px 10px;font-size:10px} } @media(max-width:620px) and (max-height:700px){ #street-v .sv-prep-court{height:clamp(180px,calc(100dvh - 380px),240px)} } @media(max-width:620px){ #street-v .sv-special-grid{margin-top:10px} #street-v .sv-special-grid p{min-height:0} #street-v .sv-special-grid small{margin:6px 0} #street-v .sv-special-grid .sx-summaryrow{display:none} #street-v .sv-equipped{gap:5px;padding:7px} #street-v .sv-equipped span{padding:4px 6px;font-size:8px} #street-v .sv-special-grid .sx-button{min-height:35px;font-size:10px;padding:6px 10px;margin-top:8px} } /* v55: quiet segmented tactics and an immersive landscape match view. */ #street-v .sv-prep-actions .sx-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;max-width:440px;padding:4px;background:#111a18eb;border:1px solid #81958a40;border-radius:12px;box-shadow:0 5px 20px #0004} #street-v .sv-prep-actions .sx-chip{min-width:0;min-height:38px;padding:7px 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bac5be;text-align:center;font-size:11px;font-weight:600;line-height:1.2;box-shadow:none} #street-v .sv-prep-actions .sx-chip[aria-pressed=true]{color:#ffd8ed;background:#ff48a526;border-color:#ff68b25c;box-shadow:inset 0 -2px #ff65b2} #street-v .sv-prep-actions .sx-chip:hover{background:#ffffff0d} #street-v .sv-prep-actions .sx-chip[aria-pressed=true]:hover{background:#ff48a533} #street-v .sv-watch-expand{white-space:nowrap;font-size:10px;min-height:32px;padding:5px 9px!important;margin-left:auto} #street-v .sv-watch-expand+.sv-watch-tools{margin-left:0} #street-v.sv-watch-expanded .sv-watch-actions,#street-v.sv-watch-expanded .sv-live-seek{display:none} #street-v.sv-watch-expanded .sv-live-match{grid-template-rows:auto minmax(0,1fr) auto} #street-v.sv-watch-expanded .sv-matchbar{min-height:34px;padding:3px 10px} #street-v.sv-watch-expanded .sv-live-controls{min-height:34px;padding:3px 8px} #street-v.sv-watch-expanded .sv-watch-toolpanel{max-height:70%;width:min(440px,90%)} @media(orientation:portrait){ #street-v.sv-watch-mode.sv-watch-expanded{inset:auto;left:50%;top:50%;width:100dvh;height:100dvw;max-width:none;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center} } @media(max-width:620px){ #street-v .sv-prep-actions .sx-chip{font-size:10px;min-height:36px} #street-v .sv-prep-actions .sx-chips{width:calc(100% - 24px);max-width:440px} #street-v .sv-watch-expand{font-size:9px} } #street-v.sv-watch-mode.sv-watch-expanded .sv-live-match{flex:1;max-height:none;grid-template-rows:auto minmax(0,1fr) auto} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-pitch{height:auto} #street-v.sv-watch-mode.sv-watch-expanded .sv-matchbar{grid-template-columns:1fr 2fr;gap:4px;min-height:32px;padding:2px 10px} #street-v.sv-watch-mode.sv-watch-expanded .sv-matchbar-meta{grid-column:1;grid-row:1;flex-direction:row} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-score{grid-column:2;grid-row:1;font-size:10px} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-score strong{font-size:24px} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-fitness{display:none} /* Immersive view: a single left rail leaves the pitch its full height. */ #street-v.sv-watch-mode.sv-watch-expanded .sv-live-match{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:minmax(0,1fr);position:relative;gap:0} #street-v.sv-watch-mode.sv-watch-expanded .sv-matchbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;padding:10px 8px 180px;border:0;border-right:1px solid #344132;min-height:0;border-radius:8px 0 0 8px;overflow:auto} #street-v.sv-watch-mode.sv-watch-expanded .sv-matchbar-meta{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center} #street-v.sv-watch-mode.sv-watch-expanded .sv-matchbar-venue{font-size:9px;max-width:110px} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-clock{font-size:9px;white-space:normal;text-align:center} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-score{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:10px;line-height:1.3} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-score strong{font-size:30px} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-pitch{grid-column:2;grid-row:1;min-width:0;height:100%;border-radius:0 8px 8px 0} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-controls{position:absolute;left:0;bottom:0;width:130px;display:flex;flex-direction:column;align-items:stretch;gap:7px;border:0;padding:8px;background:#172017;z-index:5} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-controls>.sx-button{margin:0;width:100%;font-size:10px} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-speeds{display:flex;justify-content:center} #street-v.sv-watch-mode.sv-watch-expanded .sv-live-speeds button{flex:1;padding:5px 7px;font-size:10px} #street-v.sv-watch-mode.sv-watch-expanded .sv-watch-tools{margin:0;text-align:center} #street-v.sv-watch-mode.sv-watch-expanded .sv-watch-tools summary{padding:6px 3px;font-size:9px} #street-v.sv-watch-mode.sv-watch-expanded .sv-watch-toolpanel{position:fixed;left:140px;right:10px;top:10px;bottom:10px;width:auto;max-height:none} /* v56: tactics belong below the pitch; the start action stays at its center. */ #street-v .sv-prep-tactics{margin:12px 0 0;text-align:center} #street-v .sv-prep-tactics>.sv-prep-tactics-label{position:static;display:block;margin-bottom:8px;text-shadow:none;color:#b4bdb5;font-size:10px} #street-v .sv-prep-tactics>.sx-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:4px;border:1px solid #81958a40;border-radius:12px;background:#151e19} #street-v .sv-prep-tactics .sx-chip{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:44px;margin:0;padding:8px 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bac5be;font-size:11px;font-weight:600;line-height:1.25;white-space:normal} #street-v .sv-prep-tactics .sx-chip[aria-pressed=true]{color:#ffd8ed;background:#ff48a526;border-color:#ff68b25c;box-shadow:inset 0 -2px #ff65b2} #street-v .sv-prep-tactics .sx-chip:disabled{opacity:.45} @media(max-width:360px){#street-v .sv-prep-tactics .sx-chip{font-size:9px}} @media(max-width:620px) and (max-height:700px){#street-v .sv-prep-court{height:180px}} @media(max-width:620px){#street-v .sv-prep-tactics .sx-chip{font-size:10px;white-space:nowrap}} @media(max-width:360px){#street-v .sv-prep-tactics .sx-chip{font-size:9px;letter-spacing:-.2px}} /* v57: complete mobile match choices and post-match summaries in one frame. */ @media(max-width:620px){ #street-v[data-screen=matchhub] .sv-mobile-scroll{display:flex;flex-direction:column;overflow:hidden} #street-v[data-screen=matchhub] .sv-match-options{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px} #street-v[data-screen=matchhub] .sv-match-options .sv-mode{height:100%;align-content:center;padding:14px;gap:5px 10px} #street-v[data-screen=matchhub] .sv-match-options .sv-mode p{font-size:11px;line-height:1.45} #street-v[data-screen=matchhub] .sv-match-shared{flex:none;margin-top:10px} #street-v[data-screen=matchhub] .sv-match-shared button{width:100%;text-align:center;min-height:36px} #street-v[data-screen=result] .sv-match-venue,#street-v[data-screen=result] .sv-world-section{display:none} #street-v[data-screen=result] .sx-rewardintro{margin:0;text-align:center} #street-v[data-screen=result] .sx-rewardintro h1{font-size:23px;margin:5px 0} #street-v[data-screen=result] .sx-rewardintro p{font-size:12px} #street-v[data-screen=result] .sv-mobile-scroll{display:flex;flex-direction:column;gap:10px;overflow:hidden} #street-v[data-screen=result] .sv-mobile-scroll>.sx-panel{padding:14px;flex:1;display:flex;flex-direction:column;justify-content:center} #street-v[data-screen=result] .sx-panel h2{font-size:17px!important} #street-v[data-screen=result] .sx-panel .sx-num{font-size:40px!important} #street-v[data-screen=result] .sx-summaryrow{font-size:11px;padding:8px 0} #street-v[data-screen=result] .sx-detail-note{padding:9px 12px;margin-top:10px;font-size:11px} #street-v[data-screen=result] .sx-detail-note p{font-size:10px;line-height:1.4;margin:3px 0} #street-v[data-screen=result] .sv-point-award{flex:none;padding:13px;margin:0} #street-v[data-screen=result] .sv-point-award>div{display:flex;justify-content:space-between;align-items:center} #street-v[data-screen=result] .sv-point-award>div strong{font-size:30px} #street-v[data-screen=result] .sv-point-award dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0} #street-v[data-screen=result] .sv-point-award dl>div{display:block;text-align:center;padding:6px 0;border:0;background:#ffffff06;border-radius:5px} #street-v[data-screen=result] .sv-point-award dt{font-size:9px} #street-v[data-screen=result] .sv-point-award dd{font-size:12px;margin:0} #street-v[data-screen=result] .sv-point-award p{font-size:9px;line-height:1.4} #street-v[data-screen=result] .sv-matchup-note{font-size:9px;margin:5px 0} #street-v[data-screen=rewards] .sx-rewardintro{margin:0;flex:none} #street-v[data-screen=rewards] .sx-rewardintro h1{font-size:23px;margin:4px 0} #street-v[data-screen=rewards] .sx-rewardintro>p{display:none} #street-v[data-screen=rewards] #sx-content>.sv-bonus-note{flex:none;margin:0;padding:7px 10px;font-size:10px;line-height:1.4} #street-v[data-screen=rewards] .sv-mobile-rewardbody{display:flex;overflow:hidden} #street-v[data-screen=rewards] .sv-mobile-rewardcards{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px} #street-v[data-screen=rewards] .sx-reward{display:block;min-height:0;overflow:hidden;text-align:left} #street-v[data-screen=rewards] .sx-rewardart{display:none} #street-v[data-screen=rewards] .sx-rewardbody{padding:10px 12px;height:100%;display:flex;flex-direction:column;justify-content:center} #street-v[data-screen=rewards] .sx-rewardbody>.sx-eyebrow{font-size:8px;letter-spacing:.7px} #street-v[data-screen=rewards] .sx-rewardbody h2{font-size:17px;margin:3px 0;line-height:1.2} #street-v[data-screen=rewards] .sx-rewardlevels{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0;font-size:12px} #street-v[data-screen=rewards] .sv-bonus-split{font-size:8px} #street-v[data-screen=rewards] .sv-xp-preview{padding:6px 8px;margin:4px 0;border-radius:5px} #street-v[data-screen=rewards] .sv-xp-header{font-size:9px} #street-v[data-screen=rewards] .sv-xp-preview p{display:none} #street-v[data-screen=rewards] .sv-xp-preview strong,#street-v[data-screen=rewards] .sv-xp-preview>b{font-size:11px;margin:2px 0;display:block} #street-v[data-screen=rewards] .sv-xp-preview .sv-xp-track{height:4px;margin:4px 0} #street-v[data-screen=rewards] .sx-rewardbody>p{font-size:9px;line-height:1.35;min-height:0;margin:3px 0} #street-v[data-screen=rewards] .sx-fit{display:none} #street-v[data-screen=rewards] .sx-reward[aria-pressed=true]::after{font-size:7px;top:7px;right:7px} } @media(max-width:620px) and (max-height:700px){ #street-v[data-screen=matchhub] .sv-match-options .sv-mode{padding:10px;gap:2px 8px} #street-v[data-screen=matchhub] .sv-match-options .sv-mode p{font-size:10px;line-height:1.3} #street-v[data-screen=result] .sx-rewardintro h1{font-size:20px} #street-v[data-screen=result] .sx-panel{padding:10px!important} #street-v[data-screen=result] .sx-panel h2{font-size:13px!important} #street-v[data-screen=result] .sx-summaryrow{font-size:9px;padding:4px 0} #street-v[data-screen=result] .sx-detail-note{margin-top:5px;padding:5px 8px} #street-v[data-screen=result] .sx-detail-note>strong{display:none} #street-v[data-screen=result] .sv-point-award{padding:8px} #street-v[data-screen=result] .sv-point-award dl{margin:3px 0} #street-v[data-screen=result] .sv-point-award p{font-size:8px} #street-v[data-screen=rewards] #sx-content{gap:6px} #street-v[data-screen=rewards] .sx-rewardintro .sx-eyebrow{font-size:8px} #street-v[data-screen=rewards] .sx-rewardintro h1{font-size:20px} #street-v[data-screen=rewards] .sx-rewardbody{padding:7px 10px} #street-v[data-screen=rewards] .sx-rewardbody h2{font-size:14px;margin:2px 0} #street-v[data-screen=rewards] .sv-bonus-split{display:none} #street-v[data-screen=rewards] .sx-rewardbody>p{font-size:8px;margin:1px 0} #street-v[data-screen=rewards] .sv-xp-preview{padding:3px 6px;margin:2px 0} #street-v[data-screen=rewards] .sv-xp-preview .sv-xp-track{display:none} #street-v[data-screen=rewards] .sv-xp-header{font-size:8px} #street-v[data-screen=rewards] .sx-rewardlevels{font-size:10px;margin:1px 0} } @media(max-width:620px) and (max-height:700px){ #street-v[data-screen=rewards] .sx-rewardbody>.sx-eyebrow,#street-v[data-screen=rewards] .sx-rewardbody>p{display:none} #street-v[data-screen=rewards] .sx-rewardbody{padding:5px 9px} #street-v[data-screen=rewards] .sv-xp-preview strong,#street-v[data-screen=rewards] .sv-xp-preview>b{font-size:10px;line-height:1.2} #street-v[data-screen=rewards] .sx-rewardlevels{line-height:1.2} } @media(max-width:620px) and (max-height:700px){ #street-v[data-screen=result] #sx-content{gap:6px} #street-v[data-screen=result] .sv-matchup{margin:4px 0;gap:4px;font-size:8px} #street-v[data-screen=result] .sv-matchup>span:nth-child(2){display:none} #street-v[data-screen=result] .sx-rewardintro h1{font-size:18px;margin:3px 0} #street-v[data-screen=result] .sx-rewardintro p{font-size:11px;margin:2px 0} #street-v[data-screen=result] .sx-panel .sx-summaryrow:nth-child(3){display:none} #street-v[data-screen=result] .sx-detail-note p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px} #street-v[data-screen=result] .sv-mobile-scroll{gap:7px} #street-v[data-screen=result] .sv-point-award dl>div{padding:3px 0} #street-v[data-screen=result] .sv-point-award>div strong{font-size:24px} } /* Shared rooms: real identities, explicit NPC fill and a persistent party. */ #street-v .sv-room-scroll{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px} #street-v .sv-room-code{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#202b20;border:1px solid #48593b;border-radius:10px} #street-v .sv-room-code small{display:block;font-size:9px;letter-spacing:2px;color:#a9b4a3} #street-v .sv-room-code strong{font:700 30px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#d6f44b} #street-v .sv-room-code>span{font-size:11px} #street-v .sv-room-invite{display:flex;gap:8px} #street-v .sv-room-invite input{flex:1;min-width:0;padding:10px;background:#151d17;border:1px solid #43503b;border-radius:6px;color:#b6c4b0;font-size:11px} #street-v .sv-room-settings{display:flex;gap:6px;flex-wrap:wrap} #street-v .sv-room-settings button[aria-pressed=true],#street-v .sv-room-tactics button[aria-pressed=true]{background:#ff48a526;border-color:#ff68b25c;color:#ffd8ed} #street-v .sv-room-rosters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px} #street-v .sv-room-rosters h2,#street-v .sv-room-welcome h2{font-size:18px;margin:0 0 10px} #street-v .sv-room-person{display:flex;align-items:center;gap:8px;border-bottom:1px solid #394132;padding:10px 0} #street-v .sv-room-person>div{flex:1;min-width:0} #street-v .sv-room-person strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px} #street-v .sv-room-person small{display:block;color:#a3b19d;font-size:10px} #street-v .sv-room-person>span{font-size:10px;color:#d6f44b} #street-v .sv-room-person>button{padding:5px 8px} #street-v .sv-room-rosters p{font-size:10px;margin-top:8px} #street-v .sv-room-tactics>span{display:block;color:#b8c4b1;font-size:11px;margin-bottom:6px} #street-v .sv-room-tactics>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px} #street-v .sv-room-tactics button{font-size:10px;min-height:40px;padding:5px;text-align:center;justify-content:center} #street-v .sv-room-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #394132} #street-v .sv-room-actions>button{flex:1;justify-content:center;text-align:center;min-height:42px;font-size:11px} #street-v .sv-room-actions>button:first-child{background:#d6f44b;color:#17200e} #street-v .sv-room-error{color:#ffb0bd;font-size:12px} #street-v #sv-room-join{display:flex;gap:8px;margin-top:16px;align-items:end} #street-v #sv-room-join label{flex:1;font-size:10px;color:#b8c4b1} #street-v #sv-room-join input{display:block;width:100%;margin-top:5px;min-height:42px;background:#111912;border:1px solid #48593b;border-radius:6px;padding:9px;color:#fff;letter-spacing:2px;text-transform:uppercase} #street-v .sv-room-welcome p,#street-v .sv-room-scroll>.sx-panel>p{font-size:12px;color:#abb8a4;margin:7px 0 12px} #street-v .sv-open-rooms{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} #street-v .sv-open-rooms small{color:#a3b19d;font-size:11px} #street-v .sv-club-play{margin:8px 0 12px;flex-wrap:wrap} @media(max-width:620px){ #street-v[data-screen=rooms] .sv-mobile-scroll{display:flex;flex-direction:column;overflow:hidden} #street-v[data-screen=rooms] .sv-room-scroll{flex:1} #street-v[data-screen=rooms] .sv-room-actions{flex:none} #street-v[data-screen=rooms] .sx-pagehead h1{font-size:25px!important} #street-v .sv-room-rosters{grid-template-columns:1fr;gap:8px} #street-v .sv-room-scroll .sx-button{font-size:10px;padding:8px 10px;min-height:38px;justify-content:center} #street-v .sv-room-code{padding:10px 12px} #street-v .sv-room-code strong{font-size:26px} #street-v .sv-room-rosters .sx-panel{padding:12px} #street-v .sv-room-invite input{font-size:9px} #street-v .sv-room-rosters h2{font-size:15px;margin-bottom:4px} #street-v .sv-room-actions{gap:5px} #street-v .sv-room-actions>button{font-size:10px;padding:7px 8px} #street-v .sv-room-person strong{font-size:11px} } @media(max-width:620px){ #street-v.sv-watch-mode .sv-live-match,#street-v.sv-watch-mode .sv-live-controls{min-width:0} #street-v.sv-watch-mode .sv-live-controls{gap:5px} #street-v.sv-watch-mode .sv-watch-expand{font-size:0!important;min-width:32px;padding:5px!important} #street-v.sv-watch-mode .sv-watch-expand::before{content:'⛶';font-size:18px} #street-v.sv-watch-mode .sv-watch-expand[aria-pressed=true]::before{content:'↙'} #street-v.sv-watch-mode .sv-watch-tools>summary{font-size:0} #street-v.sv-watch-mode .sv-watch-tools>summary::before{content:'Tùy chọn';font-size:10px} #street-v.sv-watch-mode.sv-watch-expanded .sv-watch-expand{font-size:10px!important} #street-v.sv-watch-mode.sv-watch-expanded .sv-watch-expand::before{display:none} } /* v59: retain expansion across physical rotation and Safari viewport changes. */ #street-v.sv-watch-mode.sv-watch-expanded{position:fixed;inset:auto;left:var(--sv-watch-x,50vw);top:var(--sv-watch-y,50dvh);width:var(--sv-watch-w,100vw);height:var(--sv-watch-h,100dvh);max-width:none;max-height:none;margin:0;transform:translate(-50%,-50%);transform-origin:center} #street-v.sv-watch-mode.sv-watch-expanded.sv-watch-rotated{transform:translate(-50%,-50%) rotate(90deg)} #street-v .sv-auth-panel a,#street-v .sv-danger-zone a{color:#d6f44b} #street-v .sv-turnstile{margin-top:18px;min-height:65px} #street-v .sv-danger-zone{margin-top:22px} #street-v .sv-danger-zone h2{font-size:16px;margin:8px 0 4px} #street-v .sv-delete-confirm{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;margin-top:14px} #street-v .sv-delete-confirm input{accent-color:#e48f72;width:17px;height:17px;flex-shrink:0} #street-v .sx-button.sv-danger{border-color:#8a4a3a;color:#ffb49f;margin-top:14px}