/* SPOTD v5.1.0 - compiled css. DO NOT EDIT THIS FILE DIRECTLY. */
/* Edit client/css/* and run npm run build:client. */

/* --- source: client/css/00-core-v30.css --- */
/* SPOTD V2.7 — single CSS bundle. */
/* SPOTD NEXT 2.5 / Canonical Stylesheet; original layers preserved in order */

/* LAYER: style.css */
:root{color-scheme:dark;--bg:#10151c;--nav:#121923;--surface:#1a212c;--surface2:#202936;--raised:#263143;--line:#303c4c;--line2:#40506a;--text:#f3f5f8;--muted:#a3b1c6;--blue:#1c56b4;--bright:#6399f9;--danger:#e88b8b;--green:#81cfae;--gradient:linear-gradient(110deg,#2378df,#6757bc 68%,#a457a8);--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);font:14px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#96bafa}img,video{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(31px,4vw,56px);line-height:1.08;font-weight:850}h2{font-size:clamp(22px,2vw,31px)}h3{font-size:19px}.muted,small{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#9bb5d9;font-size:10px;font-weight:800}.skip{position:absolute;left:-99999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;z-index:999;padding:10px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:24px 15px 16px}.brand{font-size:29px;font-weight:950;font-style:italic;letter-spacing:-.09em;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:#224f9d;border-radius:9px;transform:skew(-10deg);font-size:27px}.brand strong{font-weight:950}.brand sup{font-size:8px;letter-spacing:.14em;color:#a6bee8;font-weight:500;display:block;line-height:1.4;margin-left:2px}.side-section{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7f93b2;margin:34px 10px 10px;font-weight:800}.side-link{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 12px;margin:3px 0;color:#b6c4d7;font-weight:640;transition:background .15s}.side-link svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.side-link.active{background:#20314c;color:#fff;box-shadow:inset 2px 0 #3186f0}.side-link:hover{background:#263750;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;color:#95a9c6;font-size:11px}.appbody{min-width:0}.topbar{height:73px;background:#111821;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(15px,3vw,37px);gap:12px;position:sticky;top:0;z-index:30}.crumb{color:#a6b3c6;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.main{padding:clamp(18px,3vw,34px);width:min(1460px,100%);margin:auto;padding-bottom:110px}.btn,.choice,button.tiny{border-radius:8px;border:1px solid var(--line2);background:var(--surface2);color:#edf3fc;padding:11px 16px;font-weight:750;min-height:42px;transition:background .17s,border-color .17s}.btn-primary{background:#1b53ad;border-color:#3269bf;color:#fff}.btn:not(:disabled):hover,.choice:hover{background:#244572;border-color:#658bd2;color:#fff}.btn-primary:not(:disabled):hover{background:var(--gradient);border-color:transparent}.btn-danger{border-color:#704347;color:#ffd6d6;background:#38252a}.btn-danger:hover{background:#66383f!important}.btn-ghost{background:transparent;border-color:transparent}.btn-sm,button.tiny{min-height:33px;padding:7px 10px;font-size:12px}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #89b4ff;outline-offset:3px}.pill{border:1px solid #47608b;background:#22344d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:750;color:#bdcff2}.pill.good{background:#213d37;color:#b6e6d1;border-color:#3b7060}.pill.warn{background:#3e3328;color:#e8c9a7;border-color:#6c5442}.pill.danger{background:#442a30;color:#f2b9c0;border-color:#7e464c}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(17px,2vw,25px);min-width:0}.card+.card{margin-top:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.panel-heading h2,.panel-heading h3{margin:0}.grid{display:grid;gap:16px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.action-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hero{position:relative;overflow:hidden;min-height:330px;padding:clamp(29px,5vw,65px);border:1px solid #344256;border-radius:12px;background:radial-gradient(ellipse at 88% 68%,#194070 0%,transparent 42%),linear-gradient(113deg,#111820 20%,#17283f 75%,#131c29 100%);display:flex;align-items:center}.hero:after{content:'';position:absolute;right:5%;top:13%;width:25%;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#214877 0 18%,#172d4a 18% 27%,transparent 27% 40%,#1d3859 40% 41%,transparent 42%);opacity:.46;transform:skew(-11deg);pointer-events:none}.hero .copy{position:relative;z-index:1;width:min(590px,100%)}.hero h1{margin:23px 0 21px}.hero h1 em{display:block;font-style:italic;background:linear-gradient(108deg,#80c3ff,#8a93f1,#c884d4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}.hero p{color:#ccdaeb;font-size:15px;max-width:440px}.page-head{margin:0 0 24px}.page-head h1{font-size:clamp(31px,3.2vw,44px);margin:6px 0 8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 28px}.stat{border:1px solid var(--line);background:#19212d;border-radius:9px;padding:19px}.stat b{font-size:30px;letter-spacing:-.05em}.stat span{display:block;color:#a5b7d1;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid var(--line);background:#1d2734;color:#aebed3;border-radius:7px;padding:8px 12px}.tab.active{background:#203c67;color:white;border-color:#4c79b8}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field>span{font-size:12px;font-weight:730;color:#c2cfe1}.field input,.field textarea,.field select,textarea,input,select{background:#111923;color:#f5f7fa;border:1px solid #3b4c64;border-radius:7px;padding:10px 12px;min-width:0;width:100%;min-height:43px}.field textarea,textarea{resize:vertical;min-height:100px}.field input[type=checkbox],input[type=checkbox]{min-width:auto;width:18px;height:18px;min-height:auto;accent-color:#317de1}.check{display:flex;align-items:flex-start;gap:10px;padding:10px 0;color:#cbd7e6;font-size:13px}.check input{flex:none;margin-top:2px}form .form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:16px}.notice{background:#1e3046;border:1px solid #375171;border-radius:9px;padding:15px 17px;color:#d3e3f5}.notice.warn{background:#3c3226;border-color:#78553c;color:#e5d5bc}.notice.danger{background:#402b32;border-color:#865361;color:#f8d3dc}.post{border:1px solid var(--line);background:#19232f;padding:18px;border-radius:10px;margin-bottom:12px}.author{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar{width:39px;height:39px;border-radius:9px;background:#1c4e9c;display:grid;place-items:center;font-weight:850;color:#eaf4ff;flex:none}.author small{display:block;font-size:11px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#e1e8f1}.hashtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.post-media{max-height:520px;max-width:100%;object-fit:contain;border-radius:8px;background:#10151c;border:1px solid var(--line);margin:12px 0}.post-actions{border-top:1px solid #334155;margin-top:15px;padding-top:11px;display:flex;flex-wrap:wrap;gap:8px}.comment{padding:11px 0;border-top:1px solid #344054;display:flex;justify-content:space-between;gap:12px}.comment-body{flex:1;overflow-wrap:anywhere}.comment b{font-size:12px}.comment p{margin:5px 0 0;color:#cad6e7}.rank-grid{max-height:272px;overflow:auto;padding:6px;display:grid;gap:4px}.rank-option{background:#1c2839;border:1px solid transparent;border-radius:7px;padding:7px;display:flex;align-items:center;gap:10px;text-align:left;color:#e6eef9}.rank-option img,.rank-preview img,.rank-pick img{width:31px;height:31px;object-fit:contain}.rank-option:hover,.rank-option.selected{background:#29476e;border-color:#5479aa}.rank-pick{min-width:150px;min-height:43px;display:flex;align-items:center;gap:8px;justify-content:space-between;border-radius:7px;border:1px solid #465875;background:#18283e;color:#ecf4ff;padding:7px 12px}.rank-picker{position:relative}.rank-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:220px;z-index:20;border:1px solid #4a5c75;border-radius:9px;background:#152132;box-shadow:0 15px 35px #0009;padding:10px}.rank-pop[hidden]{display:none!important}.rank-option small{color:#92a8c4}.rank-preview{display:inline-flex;align-items:center;gap:8px}.rank-icon{display:grid;place-items:center;border:1px solid #51647f;width:31px;height:31px;border-radius:7px;font-size:9px;background:#263954;color:#c8ddff}.tourney{background:#1c2531;border:1px solid #34435a;border-radius:10px;padding:20px}.tourney h3{margin-bottom:8px}.tourney .meta{font-size:12px;color:#bac9dd;margin:12px 0}.tourney:hover{border-color:#5a79a4}.badge-award{background:linear-gradient(130deg,#293a4e,#252a38);border:1px solid #52617c;border-radius:9px;padding:14px;display:flex;align-items:center;gap:12px}.badge-award strong{font-size:22px}.badge-award.gold{border-color:#927754}.badge-award.silver{border-color:#818da2}.badge-award.bronze{border-color:#a77b68}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:550px}th,td{padding:12px;text-align:left;border-bottom:1px solid #333f50;vertical-align:middle}th{color:#aabbd1;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.empty{text-align:center;padding:35px 20px;color:#a7b8d1;border:1px dashed #465367;border-radius:10px}.top-user{display:flex;align-items:center;gap:9px;color:#dce9f7;font-size:12px;font-weight:720}.top-user .avatar{height:33px;width:33px}.lang{width:auto!important;min-width:65px!important;max-width:80px;background:#1b2635}.mobile-nav{display:none}.card-header{border-bottom:1px solid #364357;padding-bottom:12px;margin-bottom:16px}.toast{position:fixed;bottom:20px;right:20px;z-index:999;max-width:430px;background:#203a57;border:1px solid #6789b9;border-radius:10px;color:white;padding:12px 18px;box-shadow:0 16px 38px #0008}.toast.bad{background:#4a2b37;border-color:#8b566c}.boot{display:grid;place-items:center;height:70vh;font-size:34px;font-weight:900}.boot span{font-size:13px;color:var(--muted)}.menu-toggle{display:none}.overlay{position:fixed;inset:0;background:#000a;z-index:80;display:grid;place-items:center;padding:15px}.dialog{background:#1c2633;border:1px solid #52637f;border-radius:12px;width:min(500px,100%);padding:22px;max-height:90vh;overflow:auto}.dialog h3{margin-bottom:10px}.dialog .close{float:right}.footer{margin-top:30px;padding-top:20px;border-top:1px solid #303c4d;color:#8da0ba;font-size:11px}.footer a{color:#a7bde0}.profile-cover{height:118px;border-radius:9px;background:linear-gradient(135deg,#153961,#2a3f5c,#1d2a42);margin-bottom:-25px}.profile-info{position:relative;padding-left:16px}.profile-info .avatar{width:54px;height:54px;border:3px solid #1a212c}.privacy-switch{padding:15px;border:1px solid #43556d;background:#192839;border-radius:9px}.view-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.view-header h2{margin:0}.kbd{border:1px solid #586783;border-radius:4px;padding:2px 5px;font-size:11px;color:#ccd8e7}.text-link{color:#8fbaff;text-decoration:underline;text-underline-offset:3px}.grd{display:flex;flex-wrap:wrap;gap:6px}.seg{padding:6px 10px;border-radius:6px;background:#22344a;color:#c6d8f1;font-size:12px}.rank-notice{font-size:11px;color:#aebcd0}.rank-manual{display:flex;align-items:center;gap:8px}.rank-manual input{max-width:115px}
@media(min-width:768px){.sidebar{z-index:40}}
@media(max-width:1080px){.layout{grid-template-columns:205px minmax(0,1fr)}.cols{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.layout{display:block}.sidebar{display:none}.topbar{height:66px;top:0;padding:0 13px}.main{padding:18px 13px 115px}.crumb{display:none}.menu-toggle{display:inline-flex}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#131b27;border-top:1px solid #39485b;padding:8px 3px calc(9px + env(safe-area-inset-bottom));z-index:35}.mobile-nav a{padding:5px 7px;min-width:56px;text-align:center;font-size:10px;color:#afc0d7}.mobile-nav a.active{color:#81b3fb}.mobile-nav a span{display:block}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.grid-three{grid-template-columns:1fr}.hero{min-height:310px;padding:28px}.hero:after{opacity:.2}.hero h1{font-size:clamp(35px,9vw,52px)}.top-user span{display:none}.panel-heading{align-items:flex-start}.row{gap:8px}.btn{padding:10px 13px}}
@media(max-width:380px){.topbar{gap:6px}.btn{padding:9px 11px}.brand{font-size:24px}.brand-mark{width:30px;height:30px;font-size:22px}.top-actions{gap:5px}.top-user .avatar{width:31px;height:31px}.hero{padding:21px}.mobile-nav a{padding:3px 5px;min-width:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(min-width:768px){.topbar .brand{display:none}}@media(max-width:767px){.topbar .brand{font-size:24px}.topbar .brand sup{display:none}.topbar .brand-mark{width:30px;height:30px;font-size:22px}}.topbar .brand{flex-shrink:0}

/* Original community brand identity and existing arena key art */
.brand{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;font-style:normal;font-weight:700;letter-spacing:normal;padding:0 6px;margin:0}
.brand-img{width:155px;max-width:100%;max-height:93px;object-fit:contain;display:block}
.brand-caption{font-size:8px;letter-spacing:.13em;color:#9eafc8;text-align:center;white-space:nowrap}
.topbar .brand{display:none}
.hero{background-image:linear-gradient(96deg,rgba(9,18,32,.96) 0%,rgba(10,22,38,.86) 37%,rgba(10,22,35,.52) 62%,rgba(9,18,32,.18) 100%),url('/arena.webp');background-position:center;background-size:cover}
.hero:after{display:none}
@media(max-width:767px){.topbar .brand{display:flex;width:auto;padding:0}.brand-img{width:97px;max-height:43px}.topbar .brand-caption{display:none}.hero{background-position:60% center;background-image:linear-gradient(100deg,rgba(9,18,32,.96),rgba(10,22,38,.86) 55%,rgba(9,18,32,.39)),url('/arena.webp')}}
@media(max-width:380px){.topbar .brand-img{width:83px;max-height:39px}}
@media(max-width:767px){.stats .stat b{font-size:clamp(21px,6vw,29px);overflow-wrap:anywhere}.stat{min-width:0}.stats .stat{padding:16px 13px}.topbar .top-actions{gap:5px}}
@media(max-width:410px){.topbar .brand-img{width:83px;max-height:41px}.topbar .top-actions{gap:5px}.topbar .btn-sm{padding:7px 8px;font-size:11px}.topbar .lang{min-width:57px!important;max-width:60px;padding:6px}}
@media(max-width:350px){.topbar [data-action="login"]{display:none}.topbar .brand-img{width:80px}.topbar .top-actions{gap:4px}.topbar .btn-sm{padding:7px 7px;font-size:11px}}
/* V2.1 — restrained electric-night panels, tournament lab and editable teams. */
:root{--bg:#101319;--nav:#121820;--surface:#1a2029;--surface2:#222a35;--raised:#263140;--line:#303c4b;--line2:#43536a;--blue:#1955ad;--bright:#6ba1fa;--gradient:linear-gradient(112deg,#1a65c3 0%,#5759ba 63%,#99529f 100%)}
body{background:var(--bg)}
.side-link:hover,.side-link.active{background:#23334b;color:#e8f2ff}
.btn-primary{background:#114b9e;border-color:#2366c5;color:#fff}
.btn-primary:hover{background:linear-gradient(110deg,#195db5,#4956af 76%,#8150a1);box-shadow:none}
.hero em{background:linear-gradient(110deg,#349cf8,#7693ff 50%,#cf75b8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;text-shadow:none}
.brand-img{max-height:92px}
.profile-cover{background-color:#1c2b43;background-image:linear-gradient(115deg,#151f31,#263b56 65%,#362c45);background-position:center;background-size:cover}
.profile-cover.small-cover{height:94px;border-radius:8px;margin-bottom:14px}
.team-tile h3{margin-bottom:0}
.team-tile .btn{margin-top:14px}
.team-panel .profile-info>.row{align-items:center;gap:14px;margin-top:-8px}
.team-panel .profile-info>.row .avatar{width:70px;height:70px;font-size:24px;border:3px solid #1a2029}
.roster-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.roster-row>.avatar{flex:0 0 40px}
.roster-row>span{flex:1;min-width:120px}
.roster-row small{display:block;font-size:11px;color:var(--muted)}
.permission-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.permission-group{border:1px solid var(--line);padding:12px;border-radius:8px;background:#151d28}
.permission-group>strong{display:block;margin-bottom:12px;font-size:13px}
.permission-group .check{font-size:12px;display:flex;align-items:center;gap:8px;padding:5px 0}
.permission-group input{accent-color:#297bd9}
.demo-stage{padding:18px;background:#141c27;border:1px solid #37495f;border-radius:10px}
.demo-score{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 10px;background:#1f2a39;border:1px solid #394d67;border-radius:8px;margin:12px 0;text-align:center}
.demo-score strong{flex:1;font-size:14px}
.demo-score span{font-size:26px;font-weight:850;font-variant-numeric:tabular-nums;color:#9cbcf3}
.demo-stream{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:14px}
.fake-stream{border-radius:9px;overflow:hidden;border:1px solid #3b5271;background:#111821}
.fake-stream>.tag{display:block;background:#23354c;padding:8px 11px;font-weight:750;color:#bed9ff;letter-spacing:.5px;font-size:10px}
.fake-screen{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 30% 80%,#284b72 0%,transparent 52%),linear-gradient(120deg,#0a1423,#182333 70%,#202b3d);text-align:center;padding:25px;color:#5285c9;font-size:46px}
.fake-screen strong{font-size:18px;color:#f0f6ff}
.fake-screen p{max-width:370px;font-size:12px;color:#b7c4d9;margin-bottom:0}
.demo-povs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.demo-povs .pov{display:flex;align-items:center;gap:6px;padding:9px;background:#222d3d;border:1px solid #37475c;border-radius:7px;text-align:left;color:#e5efff;min-width:0}
.demo-povs .pov:hover,.demo-povs .pov.active{border-color:#6085bc;background:#294669}
.demo-povs .pov>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-povs .pov small{display:block;color:#a7bddc;font-size:9px;overflow:hidden;text-overflow:ellipsis}
.demo-bracket{display:flex;gap:15px;align-items:flex-start;overflow-x:auto;padding:12px 3px}
.demo-round{flex:1;min-width:180px;display:flex;flex-direction:column;gap:12px}
.demo-round>strong{letter-spacing:.3px;color:#b7c9e3;font-size:12px}
.demo-match{border:1px solid #3b4656;border-radius:8px;padding:12px;background:#202834}
.demo-match.live{border-color:#4975b5;background:#253448}
.demo-match span{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:12px}
.demo-match small{display:block;color:#9cb1ce;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;font-size:10px}
#labContent{min-height:220px}
@media(max-width:1120px){.demo-stream{grid-template-columns:1fr}.demo-povs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.permission-table{grid-template-columns:1fr}.demo-stage{padding:12px}.demo-povs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-score{gap:6px}.demo-score strong{font-size:12px}.demo-score span{font-size:22px}.roster-row .btn{font-size:11px;padding:7px 8px}.team-panel .profile-info>.row{flex-wrap:wrap}}
/* Mobile remains navigable with 4 primary tabs and a real More menu. */
.mobile-more{position:relative;flex:1;min-width:55px;text-align:center}
.mobile-more summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#adbed7;cursor:pointer;font-size:10px;padding:3px 6px;min-height:51px}
.mobile-more summary::-webkit-details-marker{display:none}
.mobile-more summary>span{font-size:20px;line-height:22px;color:#83a6d6}
.mobile-more-panel{position:absolute;bottom:calc(100% + 10px);right:3px;width:min(220px,80vw);padding:6px;border:1px solid #42506a;border-radius:9px;background:#1a2534;box-shadow:0 14px 35px rgba(0,0,0,.35)}
.mobile-more-panel a{display:block;text-align:left;color:#dceaff;font-size:12px;min-height:40px;padding:11px 12px;border-radius:6px}
.mobile-more-panel a:hover{background:#293954}
.player-card .row{align-items:center;gap:11px}.player-card .row h3,.player-card .row p{margin:0}

/* SPOTD V2.1.1: un chargement fini et un diagnostic lisible, même si client.js est bloqué. */
.boot{height:auto;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:28px 20px;text-align:center;font-size:30px;font-weight:850}
.boot-logo{width:174px;height:auto;max-height:90px;object-fit:contain}
.boot>span{font-size:14px;color:#a6bad5;font-weight:600}
.boot-help{font-size:13px;line-height:1.55;max-width:430px;margin-top:20px;opacity:0;visibility:hidden;animation:spotd-boot-warning .1s 9s forwards;color:#c0d0e2;font-weight:400}
.boot-help strong{color:#dce8f7;font-size:14px}
.boot-help p{margin:8px 0}
.boot-help a{color:#92bcff;text-decoration:underline;text-underline-offset:3px}
@keyframes spotd-boot-warning{to{opacity:1;visibility:visible}}
.boot-error{width:min(560px,calc(100% - 32px));min-height:250px;margin:12vh auto 3rem;background:#1a2330;border:1px solid #394b63;border-radius:12px;padding:clamp(22px,4vw,34px);box-shadow:none;text-align:left}
.boot-error h1{font-size:clamp(23px,4vw,32px);margin:0 0 14px;color:#f0f5fc}
.boot-error p{font-size:14px;color:#b9cbdf;margin-bottom:23px}
.boot-error-actions{display:flex;gap:10px;flex-wrap:wrap}
.boot-error-actions .btn{display:inline-flex;align-items:center;justify-content:center}
.diagnostic-page{max-width:760px;margin:0 auto;padding:35px 20px 70px}
.diagnostic-page h1{font-size:clamp(25px,5vw,35px)}
.diagnostic-page p{color:#bdcada}
.diagnostic-checks{display:grid;gap:9px;margin:25px 0}
.diagnostic-check{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px 15px;background:#1b2533;border:1px solid #36475c;border-radius:8px}
.diagnostic-check strong{font-size:13px}
.diagnostic-check span{color:#b2c8e3;text-align:right;font-size:12px}
.diagnostic-check span.pass{color:#88d4ae}
.diagnostic-check span.fail{color:#f2b4af}
.diagnostic-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.diagnostic-page .notice{font-size:13px}
@media (prefers-reduced-motion:reduce){.boot-help{animation:none;opacity:1;visibility:visible}}

/* SPOTD 2.4.2 — password-recovery screens keep the established dark blue style. */
.password-forgot-link{display:inline-flex;align-items:center;justify-content:flex-start;align-self:flex-start;border:0;background:transparent;color:#9fc4ff;text-decoration:underline;text-underline-offset:3px;padding:7px 2px;cursor:pointer;font:inherit;font-weight:650}
.password-forgot-link:hover{color:#e1ebff}
.password-forgot-link:focus-visible{outline:2px solid #98baff;outline-offset:3px;border-radius:3px}
.reset-password-page{max-width:560px;margin:clamp(30px,5vw,90px) auto;padding:clamp(20px,4vw,38px)!important;border-color:#344962!important;background:#111e2e!important}
.reset-password-page h1{font-size:clamp(24px,4vw,36px);line-height:1.15;margin:12px 0 16px}
.reset-password-page .stack{margin-block:18px 14px}


/* LAYER: design-v23.css */
/* SPOTD V2.3 — esports production interface based on the approved 9-screen direction.
   Midnight ink, black-blue metallic surfaces, electric cobalt at rest.
   No glowing strokes, no decorative neon, no fabricated content. */
:root{
 --bg:#080d15;
 --nav:#0b1421;
 --surface:#101c2b;
 --surface2:#172438;
 --raised:#1b2c43;
 --line:#24364c;
 --line2:#344a65;
 --blue:#1252b5;
 --bright:#8cb7ff;
 --spotd-v23-accent:#1964ce;
 --spotd-v23-electric:#2d81eb;
 --spotd-v23-border:#263952;
 --spotd-v23-text:#f3f7ff;
 --spotd-v23-muted:#a6b6ca;
 --gradient:linear-gradient(115deg,#125cbe,#5358bc 68%,#9161b7);
}
html{color-scheme:dark;scroll-behavior:smooth}
body{background:#080d15;color:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5}
.v23-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh;background:#080d15}
.v23-layout *, .v23-layout *::before, .v23-layout *::after{box-sizing:border-box}
.v23-layout .v23-icon{flex-shrink:0;vertical-align:middle}
.v23-layout [hidden]{display:none!important}
.v23-layout .v23-sidebar{position:sticky;top:0;align-self:start;height:100vh;min-height:620px;display:flex;flex-direction:column;gap:0;background:#0a1421;border-right:1px solid #1e324b;z-index:25;overflow-y:auto;scrollbar-width:thin}
.v23-brand{display:grid;place-items:center;padding:17px 15px 12px;min-height:125px}
.v23-brand .brand{width:100%;padding:0;gap:2px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.v23-brand .brand-img{max-width:161px;width:158px;max-height:72px;object-fit:contain}
.v23-brand .brand-caption{font-size:8px;color:#9fb1c9;letter-spacing:.18em;white-space:nowrap}
.v23-navscroll{padding:10px 12px;overflow-y:auto;flex:1}
.v23-nav-group{padding-bottom:17px;margin-bottom:12px;border-bottom:1px solid #23354b}
.v23-nav-group:last-child{border:0}
.v23-nav-label{padding:12px 10px 9px;font-size:9px;font-weight:840;letter-spacing:.18em;color:#7992b1}
.v23-nav-link{position:relative;display:flex;align-items:center;gap:13px;min-height:41px;padding:9px 12px;margin:3px 0;color:#b9c9df;font-size:12px;font-weight:625;text-decoration:none;border-radius:6px;border:1px solid transparent;transition:background .16s,color .16s}
.v23-nav-link svg{color:#8195af}
.v23-nav-link:hover{color:#f5f9ff;background:#182b45}
.v23-nav-link.active{color:#fff;background:#153462;border-color:#22529a;font-weight:750}
.v23-nav-link.active::before{content:'';position:absolute;left:-12px;top:6px;bottom:6px;width:3px;background:#3186f2;border-radius:0 3px 3px 0}
.v23-nav-link.active svg{color:#78b2ff}
.v23-sidebar-footer{padding:12px 12px 17px;display:flex;flex-direction:column;gap:12px}
.v23-community-spot{display:flex;gap:9px;align-items:center;padding:13px;background:linear-gradient(115deg,#172943,#102137);border:1px solid #294160;border-radius:8px;color:#a8caff}
.v23-community-spot>div,.v23-sidebar-account>div{display:grid;gap:1px;min-width:0}
.v23-community-spot strong{font-size:10px;color:#f5f8ff;letter-spacing:.035em}
.v23-community-spot span,.v23-sidebar-account span{font-size:10px;color:#91a8c5}
.v23-sidebar-account{display:flex;align-items:center;gap:10px;color:#e8effb;padding:9px;border:1px solid #2b405b;border-radius:7px;background:#16243a;text-decoration:none}
.v23-sidebar-account .avatar{height:32px;width:32px;border-radius:7px;flex-shrink:0;background:#1f58af}
.v23-sidebar-account strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v23-version{font-size:9px;letter-spacing:.09em;color:#657f9e}
.v23-appbody{min-width:0;display:flex;flex-direction:column}
.v23-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:61px;min-height:61px;position:sticky;top:0;z-index:24;background:#0a1524f5;border-bottom:1px solid #243752;padding:0 clamp(16px,2.1vw,29px);backdrop-filter:blur(12px)}
.v23-mobile-brand{display:none}
.v23-global-search{height:37px;width:min(100%,432px);min-width:0;display:flex;gap:10px;align-items:center;color:#8da9ca;background:#14253a;border:1px solid #2d4562;border-radius:7px;padding:0 12px}
.v23-global-search:focus-within{border-color:#477cbe;outline:2px solid #3962a85c}
.v23-global-search input{min-width:0;flex:1;color:#e7f0ff;border:0;background:transparent;font-size:12px;box-shadow:none;padding:6px 0}
.v23-global-search input:focus{outline:none}
.v23-global-search input::placeholder{color:#8fa6c0;opacity:1}
.v23-global-search kbd{border:1px solid #3d536e;border-radius:4px;padding:2px 5px;color:#91a8c2;font-size:10px;white-space:nowrap}
.v23-top-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.v23-language{display:flex;gap:6px;align-items:center;height:36px;padding:0 8px;background:#14243a;border:1px solid #324860;border-radius:6px;color:#93add0}
.v23-layout .v23-language .lang{width:50px!important;min-width:50px!important;max-width:50px!important;border:0;padding:4px 1px;background:transparent;color:#f1f6fe;font-size:11px;font-weight:750;outline:0;box-shadow:none}
.v23-auth-buttons{display:flex;align-items:center;gap:8px}
.v23-layout .v23-auth-buttons .btn{min-height:36px;padding:7px 12px;font-size:11px}
.v23-account-menu{position:relative;color:#e7eef9;min-width:0}
.v23-account-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;border:1px solid #2e4563;border-radius:7px;padding:4px 8px 4px 5px;min-height:40px;min-width:0;background:#14253c}
.v23-account-menu>summary::-webkit-details-marker{display:none}
.v23-account-menu>summary::marker{content:''}
.v23-account-menu>summary:hover,.v23-account-menu[open]>summary{background:#1a3050}
.v23-account-menu>summary>.avatar{width:32px;height:32px;background:#2159b7;border-radius:6px}
.v23-account-label{display:flex;flex-direction:column;min-width:0;max-width:142px;gap:1px;line-height:1.2}
.v23-account-label strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v23-account-label small{font-size:10px;color:#93a9c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v23-account-menu>summary>svg:last-child{color:#809dbd}
.v23-account-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;padding:7px;width:250px;background:#152338;border:1px solid #354d6a;border-radius:10px;box-shadow:0 20px 34px #0009}
.v23-account-heading{display:flex;gap:10px;align-items:center;padding:9px 9px 12px;border-bottom:1px solid #2a405a;margin-bottom:5px}
.v23-account-heading .avatar{width:35px;height:35px}
.v23-account-heading div{display:grid;gap:1px;min-width:0}
.v23-account-heading b{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.v23-account-heading span{font-size:10px;color:#a1b4cb;overflow:hidden;text-overflow:ellipsis}
.v23-account-panel a,.v23-account-panel button{display:flex;align-items:center;gap:12px;min-height:39px;width:100%;background:none;border:0;border-radius:6px;color:#dbe7f7;padding:9px 11px;font-size:12px;text-decoration:none;cursor:pointer;text-align:left}
.v23-account-panel a:hover,.v23-account-panel button:hover{background:#213859;color:#fff}
.v23-account-sep{height:1px;background:#2b405b;margin:7px}
.v23-main{flex:1;min-width:0;width:100%;max-width:1750px;padding:18px clamp(16px,2.4vw,36px) 64px;margin:0 auto}
.v23-breadcrumb{font-size:11px;color:#839ab7;margin-bottom:17px}
.v23-breadcrumb span{padding:0 5px;color:#5c718e}.v23-breadcrumb b{color:#dde9f8;font-weight:700}
.v23-kicker{font-size:10px;font-weight:820;letter-spacing:.14em;color:#75aaff;text-transform:uppercase}
.v23-layout h1,.v23-layout h2,.v23-layout h3{letter-spacing:-.01em}
.v23-layout h1,.v23-sectionhead h2,.v23-page-title,.v23-banner-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase}
.v23-sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:13px;margin:20px 0 12px}
.v23-sectionhead h2{margin:1px 0 0;font-size:clamp(20px,2.5vw,29px);line-height:1.1;color:#f7f9fc}
.v23-sectionhead .v23-kicker{font-size:10px}
.v23-small-link{display:inline-flex;align-items:center;gap:7px;color:#90baff;font-weight:720;text-decoration:none;font-size:11px;white-space:nowrap}
.v23-small-link:hover{color:#c4dafa}
.v23-layout .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#17263c;color:#e5effc;border:1px solid #344b67;border-radius:6px;padding:10px 15px;min-height:38px;line-height:1.1;font-weight:760;font-size:12px;box-shadow:none!important;text-decoration:none;cursor:pointer}
.v23-layout .btn-primary{background:#134ca3!important;border-color:#235eb5!important;color:#fff!important}
.v23-layout .btn-primary:hover,.v23-layout .btn-primary:active{background:#215cb5!important;border-color:#3875d0!important;box-shadow:none!important}
.v23-layout .btn:not(.btn-primary):hover{background:#233954;border-color:#4d6d98;color:#fff}
.v23-layout .btn-sm{padding:8px 11px;min-height:34px;font-size:11px}
.v23-layout .btn-danger{background:#392230;border-color:#674053;color:#ffe8e8}
.v23-layout .btn-danger:hover{background:#503140;border-color:#865568}
.v23-layout a:focus-visible,.v23-layout button:focus-visible,.v23-layout input:focus-visible,.v23-layout select:focus-visible,.v23-layout textarea:focus-visible,.v23-layout summary:focus-visible{outline:2px solid #83b0fa;outline-offset:2px}
.v23-footer{margin-top:40px;padding:18px 0 8px;border-top:1px solid #26384c;font-size:10px;color:#7e97b3}
.v23-footer a{color:#a5bddb;text-decoration:underline;text-underline-offset:3px}
/* Home hero: dark image, premium saturated typography, no glow */
.v23-hero,.v23-feature-banner,.v23-detail-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:8px;background:#0e1c31;border:1px solid #2e4868;box-shadow:none}
.v23-hero::before,.v23-feature-banner::before,.v23-detail-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('/arena.webp');background-size:cover;background-position:center 45%;filter:hue-rotate(155deg) saturate(.77) brightness(.72)}
.v23-hero::after,.v23-feature-banner::after,.v23-detail-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(6,14,27,.97) 0%,rgba(7,17,32,.91) 34%,rgba(8,20,40,.45) 65%,rgba(7,14,27,.18) 100%)}
.v23-hero{min-height:366px;display:flex;align-items:center;justify-content:space-between;padding:44px clamp(30px,4.3vw,63px)}
.v23-hero-content{max-width:560px;width:100%;position:relative;z-index:1}
.v23-hero h1{font-size:clamp(55px,6.4vw,90px);line-height:.94;font-style:italic;letter-spacing:-.018em;color:#fafcff;margin:17px 0 22px;white-space:normal}
.v23-hero h1 em{display:block;font-style:italic;font-weight:900;background:linear-gradient(101deg,#3d9eff 8%,#648eff 40%,#a47bef 74%,#d578bd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;text-shadow:none}
.v23-hero p{color:#d8e2f2;font-size:13px;line-height:1.75;max-width:480px;margin:0 0 21px}
.v23-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v23-hero-side{align-self:flex-end;display:flex;flex-direction:column;text-align:right;gap:1px;padding:0 8px 0 0;margin-bottom:9px;white-space:nowrap;opacity:.92;text-shadow:0 2px 8px #01040b}
.v23-hero-side span,.v23-hero-side small{font-size:10px;letter-spacing:.17em;color:#adc4e4;font-weight:800}
.v23-hero-side strong{font-family:Impact,'Arial Narrow',sans-serif;color:#f8faff;font-size:31px;letter-spacing:.12em}
.v23-stats,.v23-admin-stats,.v23-tournament-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 25px}
.v23-stat{min-width:0;display:flex;align-items:center;gap:13px;background:#101d2f;border:1px solid #273e58;border-radius:7px;padding:16px 13px}
.v23-stat-icon{width:37px;height:37px;display:grid;place-items:center;background:#18345a;border-radius:7px;color:#65a5ff;flex:none}
.v23-stat>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.v23-stat strong{font-size:clamp(17px,2.0vw,25px);font-weight:830;color:#fff;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
.v23-stat small{font-size:9px;font-weight:770;letter-spacing:.04em;color:#a5bad6;line-height:1.45}
.v23-home-columns{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(260px,.85fr);gap:15px;margin-top:5px}
.v23-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
.v23-home-aside,.v23-social-aside,.v23-create-aside,.v23-tourney-aside{display:flex;flex-direction:column;gap:13px;min-width:0}
.v23-aside-card,.v23-pane{min-width:0;background:#101d2e;border:1px solid #283e58;border-radius:8px;padding:18px}
.v23-aside-card h3,.v23-pane>h3{color:#eff5ff;font-size:15px;font-weight:850;line-height:1.3;margin:8px 0}
.v23-aside-card p,.v23-pane p{color:#abbfd7;font-size:12px;line-height:1.65;margin:6px 0 15px}
.v23-aside-arena{background:linear-gradient(106deg,#10243eec,#132443d0),url('/arena.webp') right center/cover;border-color:#324a65;min-height:165px}
.v23-aside-card .btn{margin-top:4px}
.v23-privacy-note{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#91a6c1;background:#182a3f;padding:6px 9px;border-radius:5px}
.v23-team-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.v23-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:207px;border:1px solid #2b405a;border-radius:8px;background:linear-gradient(120deg,#12243b,#101b2b);padding:25px;color:#cedced;grid-column:1/-1}
.v23-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;background:#1a3354;color:#659ce7;margin-bottom:12px}
.v23-empty h3{font-size:15px;margin:0 0 6px;color:#f2f7ff;font-weight:800}
.v23-empty p{font-size:12px;color:#9fb6d2;max-width:480px;line-height:1.55;margin:0 0 14px}
.v23-empty .btn{margin-top:3px}
/* tournament discovery */
.v23-feature-banner{min-height:165px;padding:25px 30px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.v23-feature-banner::before{background-position:right 38%}
.v23-feature-banner::after{background:linear-gradient(90deg,#091728fa,#0a192bf2 43%,#0a2145a8 78%,#0c183ab3 100%)}
.v23-banner-copy{max-width:700px;position:relative}
.v23-banner-copy h1{font-size:clamp(38px,4.5vw,59px);font-style:italic;line-height:1;margin:7px 0 8px;color:#f8fbff}
.v23-banner-copy h1 em{font-style:italic;background:linear-gradient(96deg,#4e94f6,#937aef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.v23-banner-copy p{margin:7px 0 0;color:#c1d1e6;font-size:12px;line-height:1.65;max-width:510px}
.v23-banner-tagline{font-size:16px;color:#ab97ef;line-height:1.1}
.v23-banner-callout{position:relative;flex:0 1 255px;min-width:150px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 19px;background:#091a30d9;border:1px solid #30486b;border-radius:7px}
.v23-banner-callout>strong{font-size:36px;font-weight:860;color:#f4f8ff;line-height:1}
.v23-banner-callout>small{font-size:10px;color:#abc5e4;line-height:1.55}
.v23-banner-access{position:relative;display:inline-flex;align-items:center;gap:8px;align-self:flex-end;color:#a7c5ea;font-size:10px;letter-spacing:.05em;font-weight:820;background:#122c4bc4;padding:9px 11px;border-radius:5px;border:1px solid #355478}
.v23-filterbar{display:flex;gap:9px;align-items:stretch;background:#0f1d30;border:1px solid #2b405d;border-radius:8px;padding:11px;margin-bottom:10px}
.v23-filterbar label{display:flex;flex-direction:column;gap:2px;min-width:120px;flex:0 1 160px;padding:3px 9px;border:1px solid #344b65;border-radius:6px;background:#15283f;font-size:10px;color:#8faed0}
.v23-filterbar select,.v23-filterbar input{background:none;border:0;outline:0;color:#f0f5ff;font-size:12px;min-width:0;width:100%;padding:3px 0}
.v23-filterbar select option{background:#152236;color:#f0f5ff}
.v23-filterbar label:focus-within{border-color:#6494d5}
.v23-filterbar .v23-filter-search{flex:2 1 280px;flex-direction:row;align-items:center;gap:9px}
.v23-filterbar .v23-filter-search svg{color:#80a6d8}
.v23-filterbar .v23-filter-search input::placeholder{color:#97adca}
.v23-filterbar>.btn{align-self:center;white-space:nowrap}
.v23-event-tabs{display:flex;align-items:center;gap:7px;margin-bottom:16px;overflow-x:auto;scrollbar-width:thin}
.v23-event-tabs button{border:1px solid #2c405a;background:#122038;color:#b8cce4;padding:9px 12px;border-radius:6px;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:720;display:flex;gap:9px;align-items:center}
.v23-event-tabs button:hover{background:#1e3351;color:#fff}
.v23-event-tabs button.active{background:#174eaa;border-color:#2b69d0;color:#fff}
.v23-event-tabs b{border-radius:4px;padding:2px 5px;font-size:10px;color:#cde4ff;background:#263f63}
.v23-event-tabs button.active b{background:#2963c2;color:#fff}
.v23-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v23-event-grid>div{min-width:0}
.v23-tournament-card{background:#0e1c2e;border:1px solid #2d435f;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:280px;transition:border-color .15s}
.v23-tournament-card:hover{border-color:#5074a3}
.v23-tournament-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:126px;padding:13px 15px;color:#fff;text-decoration:none;isolation:isolate}
.v23-tournament-art::before{content:'';position:absolute;inset:0;background:linear-gradient(5deg,#0d1932e0,#101f3a22 70%),url('/arena.webp') center/cover;filter:hue-rotate(135deg) saturate(.8) brightness(.9);z-index:-1}
.v23-tournament-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071629bf,transparent 58%);z-index:-1}
.v23-art-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.v23-game-tag{font-size:10px;font-weight:850;color:#b4d6ff;letter-spacing:.08em}
.v23-status{font-size:9px;font-weight:850;border-radius:4px;padding:5px 7px;display:inline-flex;gap:5px;align-items:center;max-width:100%;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:#284264;color:#bed5f5}
.v23-status.open{background:#173d38;color:#a7e5d3}.v23-status.live{background:#502532;color:#ffb0bd}.v23-status.finished{background:#263952;color:#c8d8ea}
.v23-art-title strong{font-size:15px;line-height:1.2;font-weight:850;display:block;margin:5px 0 2px;text-shadow:0 1px 2px #061020}
.v23-art-title span{font-size:10px;color:#bdcce0}
.v23-tournament-details{padding:12px;display:flex;flex-direction:column;flex:1;gap:10px}
.v23-meta-row{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#b7cbe5;font-size:10px;border-bottom:1px solid #2b3f57;padding-bottom:9px}
.v23-meta-row span,.v23-tournament-rank span{display:inline-flex;gap:5px;align-items:center}
.v23-meta-row svg,.v23-tournament-rank svg{color:#79a5e6}
.v23-tournament-rank{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:10px;color:#adc5df}
.v23-tournament-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:9px;border-top:1px solid #243d56}
.v23-hint{font-size:9px;color:#87a4c6}
.v23-filter-empty{padding:18px;text-align:center;font-size:12px;color:#c0d0e7;border:1px solid #334965;border-radius:7px;background:#15253a}
/* Team, social, profile and staff layouts */
.v23-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.v23-team-tile{min-width:0;border:1px solid #2c425e;border-radius:8px;overflow:hidden;background:#101e31}
.v23-team-art{height:105px;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(145deg,#112f54,#2c315a 80%,#222941);background-position:center;background-size:cover}
.v23-team-logo{width:49px;height:49px;display:grid;place-items:center;border:2px solid #284d7e;border-radius:9px;background:#13335d;color:#def0ff;font-size:15px;font-weight:900;overflow:hidden}
.v23-team-logo img{width:100%;height:100%;object-fit:cover}
.v23-team-copy{padding:13px}
.v23-team-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.v23-team-title h3{font-size:15px;margin:0}
.v23-team-title>span{font-size:11px;color:#86a8d6}
.v23-team-copy>p{color:#a7bdd8;font-size:11px;min-height:32px;margin:6px 0 12px}
.v23-team-footer{border-top:1px solid #2c405c;display:flex;justify-content:space-between;gap:7px;align-items:center;padding-top:10px}
.v23-team-footer>span{font-size:10px;color:#a8c1e2;display:flex;align-items:center;gap:6px}
.v23-inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.v23-social-tabs{display:flex;gap:9px;align-items:center;overflow-x:auto;margin:2px 0 14px;border-bottom:1px solid #2b405b}
.v23-social-tabs a,.v23-social-tabs span{font-size:11px;font-weight:770;color:#9bb1ca;padding:12px 13px;text-decoration:none;white-space:nowrap}
.v23-social-tabs .active{color:#e4f3ff;border-bottom:2px solid #2e81e9}
.v23-social-tabs a:hover{color:white}
.v23-social-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.68fr);gap:14px;align-items:start}
.v23-feed-main{display:flex;flex-direction:column;gap:13px;min-width:0}
.v23-composer{padding:16px}
.v23-composer-top{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.v23-composer-top>.avatar{width:38px;height:38px}
.v23-composer-top b{font-size:13px}
.v23-composer-top p{font-size:11px;margin:3px 0;color:#9cb1cc}
.v23-composer form{gap:8px}
.v23-composer textarea{width:100%;min-height:88px;background:#102036;border:1px solid #34516f;border-radius:7px;color:#f0f6ff;padding:12px;font-size:12px;resize:vertical}
.v23-composer textarea::placeholder{color:#8daaca}
.v23-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.v23-attach{position:relative;display:flex;align-items:center;gap:6px;color:#accbf5;font-size:11px;font-weight:650;cursor:pointer;border:1px solid #314a67;background:#142840;padding:7px 9px;border-radius:6px}
.v23-attach input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.v23-attach:focus-within{outline:2px solid #8bbaff;outline-offset:2px}
.v23-publish-privacy{display:flex;align-items:center;gap:6px;color:#9eb6d5}
.v23-publish-privacy select{background:#14263d;color:#e5effc;border:1px solid #304965;border-radius:5px;font-size:10px;padding:8px}
.v23-muted{color:#9cacc2!important;font-size:11px!important;line-height:1.55}
.v23-social-post{padding:15px!important;background:#101d2f!important;border:1px solid #2c435e!important;border-radius:8px!important;box-shadow:none!important}
.v23-post-head{display:flex;align-items:center;gap:10px}
.v23-post-head>.avatar{width:38px;height:38px;flex:0 0 38px}
.v23-post-author{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.v23-post-author a{text-decoration:none;color:#eef4ff;font-size:12px}
.v23-post-author small{color:#8fa5c0;font-size:10px}
.v23-post-audience{font-size:10px;color:#8ca4bf;display:flex;align-items:center;gap:4px}
.v23-post-content{padding:14px 0;color:#dbe5f3;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.v23-social-post .post-media{border-radius:6px;max-width:100%;max-height:440px;object-fit:contain}
.v23-post-tags{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 10px}
.v23-post-tags span{font-size:11px;color:#88b9ff}
.v23-post-actions{display:flex;gap:4px;border-top:1px solid #2b405b;padding-top:10px;flex-wrap:wrap}
.v23-post-actions button{background:transparent;border:1px solid transparent;color:#9aafcd;font-size:11px;display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:7px 8px;cursor:pointer}
.v23-post-actions button:hover{background:#1b3454;border-color:#2a4568;color:#d8eaff}
.v23-post-actions button.liked{color:#d996b7}.v23-post-actions button.danger{color:#e0a2b6}
.v23-social-aside .v23-pane{padding:17px}
.v23-trend{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2d4059;padding:12px 0;font-size:12px;color:#abd1ff}
.v23-trend small{font-size:10px;color:#91a7c2}
.v23-profile-header{position:relative;min-height:140px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:25px 29px;border:1px solid #2a435f;border-radius:8px;background:linear-gradient(112deg,#0c2342f7,#112444e8 60%,#20213be8),url('/arena.webp') right center/cover}
.v23-profile-header h1{font-style:italic;font-size:clamp(36px,4vw,57px);margin:2px 0;line-height:1}
.v23-profile-header p{font-size:12px;color:#c2d3e8;margin:5px 0 12px}
.v23-native-content>.page-head{display:none}
.v23-native-content .card,.v23-admin-work .card,.v23-create-grid .card,.v23-layout .tourney,.v23-layout .post,.v23-layout .notice{background:#101d2e;border-color:#2a405b;border-radius:8px;box-shadow:none}
.v23-native-content .cols{gap:14px}
.v23-native-content .profile-cover{background-color:#172b48;background-image:linear-gradient(110deg,#112745,#273357 60%,#352943);background-size:cover;height:155px}
.v23-native-content .profile-info .avatar{border-color:#101d2e}
.v23-native-content .small-cover{height:106px}
.v23-native-content .card h3,.v23-native-content .card h2{color:#f4f8ff}
.v23-native-content .field input,.v23-native-content .field textarea,.v23-native-content .field select,.v23-create-grid .field input,.v23-create-grid .field textarea,.v23-create-grid .field select{background:#14253a;color:#f5f7ff;border-color:#344c66;border-radius:6px}
.v23-native-content .profile-cover+div{position:relative}
.v23-privacy-header{background-image:linear-gradient(110deg,#112540,#152b48 60%,#18283d)}
/* Match center */
.v23-live-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.68fr);gap:15px}
.v23-match-list{display:grid;gap:10px}
.v23-live-match{display:flex;align-items:center;gap:15px;padding:15px;background:#112139;border:1px solid #2f4460;border-radius:8px;color:#e8f1ff;text-decoration:none}
.v23-live-match:hover{border-color:#4d77af;background:#192d49}
.v23-live-marker{color:#9cbaff;background:#1e3a66;border-radius:7px;padding:10px}
.v23-live-names{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.v23-live-names b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v23-live-names small{font-size:11px;color:#aabed9}
.v23-match-score{font-weight:900;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.v23-match-score i{color:#657b9b;font-style:normal}
.v23-coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v23-platform-row{padding:12px 0;border-top:1px solid #2f4057;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:730;color:#d5e3f8}
.v23-platform-row svg{color:#8fb5e9}
/* Tournament detail, bracket, and admin */
.v23-detail-hero{min-height:200px;display:flex;align-items:center;padding:27px 35px}
.v23-detail-content{max-width:620px}
.v23-detail-content h1{font-size:clamp(30px,4.1vw,56px);line-height:1.05;margin:8px 0;font-style:italic;color:#fff}
.v23-detail-content p{font-size:12px;color:#cad9eb;margin:7px 0 15px}
.v23-badge-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}
.v23-badge-row>span:not(.v23-status){display:inline-flex;align-items:center;gap:5px;color:#adc8eb;font-size:10px;font-weight:780}
.v23-anchor-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;border-bottom:1px solid #2b415c;margin:10px 0 15px;padding:0 0 5px}
.v23-anchor-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#b2c5df;font-size:12px;padding:11px 13px;font-weight:750;white-space:nowrap;cursor:pointer}
.v23-anchor-tabs button:hover,.v23-anchor-tabs button:focus-visible{color:#fff;border-bottom-color:#3384ec}
.v23-tourney-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:14px}
.v23-tourney-primary{display:flex;flex-direction:column;gap:14px;min-width:0}
.v23-competition-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.v23-competition-specs>div{padding:12px;background:#14263c;border:1px solid #2d415c;border-radius:6px;display:flex;flex-direction:column;gap:6px;min-width:0}
.v23-competition-specs small{font-size:9px;color:#829fbe;font-weight:780}
.v23-competition-specs b{font-size:12px;color:#f0f6ff}
.v23-bracket{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 10px;scrollbar-color:#355376 transparent}
.v23-bracket-round{min-width:185px;flex:1;display:flex;flex-direction:column;gap:10px}
.v23-round-label{font-size:10px;font-weight:850;letter-spacing:.08em;color:#92b4e4;margin-bottom:2px}
.v23-bracket-match{border:1px solid #2a4363;background:#15283f;border-radius:7px;padding:9px}
.v23-match-state{font-size:9px;color:#93b3dd}
.v23-bracket-player{display:flex;justify-content:space-between;gap:10px;padding:6px 3px;border-bottom:1px solid #253b54;align-items:center;color:#e5f0fd;font-size:11px}
.v23-bracket-player:last-child{border:0}
.v23-bracket-player span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v23-bracket-player b{font-variant-numeric:tabular-nums}
.v23-entry-list{display:grid;gap:6px}
.v23-entry{display:flex;align-items:center;gap:10px;border-top:1px solid #2b405b;padding:10px 3px;color:#cad7e7;font-size:11px}
.v23-entry-num{color:#698bb3;font-size:10px}
.v23-entry>a{color:#cfe5ff;font-size:12px;font-weight:760;text-decoration:none;flex:1}
.v23-entry>b{color:#9eb8db;font-size:11px}
.v23-entry>span:not(.v23-entry-num){color:#9eb6d7}
.v23-join{margin-top:15px}
.v23-private-warning{display:flex;align-items:center;gap:9px;padding:11px;margin:13px 0;background:#203047;border:1px solid #354c67;border-radius:6px;font-size:11px;color:#b9cde8}
.v23-tourney-aside .v23-pane{scroll-margin-top:90px}
.v23-tourney-primary .v23-pane{scroll-margin-top:90px}
.v23-admin-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-bottom:20px}
.v23-admin-columns .v23-pane{padding:14px 17px}
.v23-admin-columns .v23-sectionhead{margin:3px 0 9px}
.v23-admin-columns .v23-sectionhead h2{font-size:19px}
.v23-priority-row{display:flex;align-items:center;gap:10px;border-top:1px solid #2b3e57;padding:10px 2px;font-size:11px;color:#cadbf0}
.v23-priority-row>span{display:flex;gap:10px;align-items:center;flex:1;min-width:0}
.v23-priority-row svg{color:#6fa6ef}
.v23-priority-row b{font-size:12px;font-variant-numeric:tabular-nums}
.v23-priority-row button,.v23-quick-grid button{border:1px solid #355270;border-radius:5px;background:#1b3150;color:#b9d5f4;padding:7px 11px;font-weight:750;font-size:10px;cursor:pointer}
.v23-priority-row button:hover,.v23-quick-grid button:hover{background:#234777;color:#fff;border-color:#4f78ac}
.v23-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v23-quick-grid button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;min-height:52px;padding:10px;color:#e0ebfc;font-size:11px;background:#152842}
.v23-quick-grid svg{color:#70a7f4}
.v23-admin-tabs{display:flex;gap:6px;margin:0 0 13px;padding:0 0 9px;border-bottom:1px solid #2f415b;overflow-x:auto;scrollbar-width:thin}
.v23-admin-tabs button.tab{flex:none;background:#14253a;border:1px solid #314861;border-radius:6px;color:#adbfdb;font-size:11px;font-weight:760;padding:10px 12px;min-height:39px;white-space:nowrap}
.v23-admin-tabs button.tab:hover{background:#1d385a;color:white}
.v23-admin-tabs button.tab.active{background:#164ba1;border-color:#2d6bd2;color:#fff}
.v23-admin-work{min-width:0}
.v23-admin-work .card,.v23-create-grid .card{background:#102039;border:1px solid #29425f;border-radius:8px;min-width:0}
.v23-admin-work .table-wrap{max-width:100%;overflow-x:auto}
.v23-admin-work table{min-width:550px}
.v23-create-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,.72fr);gap:14px;align-items:start}
.v23-create-grid>div{min-width:0}
.v23-create-grid>div>.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,.8fr);gap:14px}
.v23-create-grid>.v23-create-aside .v23-pane{padding:16px}
.v23-checkline{display:flex;align-items:center;gap:9px;color:#c3d7ed;border-top:1px solid #2b415a;font-size:11px;padding:9px 0}
.v23-checkline svg{color:#73b2ff}
.v23-checkline.muted{color:#9bacc6}
.v23-lab-shell{background:#101f31}
.v23-lab-intro{display:flex;align-items:flex-start;gap:12px;color:#9fc4f1;padding:6px 4px 17px}
.v23-lab-intro strong{font-size:12px;color:#f0f7ff}
.v23-lab-intro p{margin:3px 0 0}
.v23-lab-shell #labContent{background:#111f30;border-color:#2e435e}
.v23-layout .fake-stream,.v23-layout .demo-stage,.v23-layout .demo-match,.v23-layout .demo-povs .pov{border-color:#304963;box-shadow:none}
.v23-mobile-nav{display:none}
/* Responsive — no off-screen account menu, giant fixed widths or horizontal overflow. */
@media(max-width:1400px){
 .v23-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-team-grid,.v23-team-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-create-grid{grid-template-columns:1fr}
 .v23-create-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1160px){
 .v23-layout{grid-template-columns:183px minmax(0,1fr)}
 .v23-brand .brand-img{width:140px}
 .v23-nav-link{gap:9px;font-size:11px;padding:9px}
 .v23-home-columns{grid-template-columns:1fr}
 .v23-home-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-hero-side{display:none}
 .v23-hero{min-height:340px}
 .v23-create-grid>div>.cols{grid-template-columns:1fr}
 .v23-tourney-layout,.v23-live-layout,.v23-social-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,.85fr)}
}
@media(max-width:900px){
 .v23-layout{grid-template-columns:164px minmax(0,1fr)}
 .v23-nav-link{font-size:10px;gap:7px}
 .v23-brand .brand-img{width:128px}
 .v23-home-aside{grid-template-columns:1fr}
 .v23-stats,.v23-admin-stats,.v23-tournament-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-social-layout,.v23-tourney-layout,.v23-live-layout{grid-template-columns:1fr}
 .v23-social-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-team-grid,.v23-team-preview{grid-template-columns:1fr}
 .v23-banner-callout{display:none}
 .v23-account-label{display:none}
}
@media(max-width:767px){
 .v23-layout{display:block}
 .v23-layout .v23-sidebar{display:none}
 .v23-mobile-brand{display:block;flex-shrink:0;width:94px}
 .v23-mobile-brand img{display:block;width:100%;height:43px;object-fit:contain}
 .v23-topbar{height:65px;min-height:65px;gap:9px;padding:0 12px}
 .v23-global-search{flex:1;width:auto;max-width:260px;height:37px}
 .v23-global-search kbd{display:none}
 .v23-top-actions{gap:7px}
 .v23-language{height:36px}
 .v23-main{padding:12px 13px 102px}
 .v23-breadcrumb{display:none}
 .v23-hero{min-height:385px;padding:30px 27px}
 .v23-hero h1{font-size:clamp(43px,9.5vw,69px)}
 .v23-hero p{font-size:12px}
 .v23-featured-grid,.v23-coming-grid{grid-template-columns:1fr}
 .v23-stats,.v23-admin-stats,.v23-tournament-summary{margin:10px 0 20px}
 .v23-stat{padding:14px 10px;gap:9px}
 .v23-stat-icon{width:30px;height:30px}
 .v23-stat strong{font-size:20px}
 .v23-stat small{font-size:8.5px}
 .v23-feature-banner{min-height:154px;padding:25px 21px}
 .v23-banner-copy h1{font-size:43px}
 .v23-filterbar{flex-wrap:wrap}
 .v23-filterbar .v23-filter-search{flex:1 1 100%}
 .v23-filterbar label{flex:1 1 150px}
 .v23-filterbar>.btn{flex:1}
 .v23-event-grid{grid-template-columns:1fr}
 .v23-home-aside{display:flex}
 .v23-admin-columns{grid-template-columns:1fr}
 .v23-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v23-create-aside{display:flex}
 .v23-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:stretch;justify-content:space-around;padding:5px 4px calc(7px + env(safe-area-inset-bottom));background:rgba(10,19,31,.98);border-top:1px solid #2a405a;backdrop-filter:blur(12px)}
 .v23-mobile-nav>a,.v23-mobile-more>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1;text-decoration:none;color:#9fb4cf;padding:5px 4px;border-radius:6px;font-size:10px;cursor:pointer;min-height:47px}
 .v23-mobile-nav>a>svg,.v23-mobile-more>summary>svg{color:#8cabcF}
 .v23-mobile-nav>a.active{color:#eaf3ff}
 .v23-mobile-nav>a.active>svg{color:#4f9cff}
 .v23-mobile-nav small{font-size:10px;font-weight:680}
 .v23-mobile-more{position:relative;display:flex;flex:1;min-width:0}
 .v23-mobile-more>summary{list-style:none;width:100%}
 .v23-mobile-more>summary::-webkit-details-marker{display:none}
 .v23-mobile-more>summary::marker{content:''}
 .v23-mobile-more-panel{position:absolute;right:0;bottom:calc(100% + 8px);width:min(245px,82vw);border:1px solid #3a5371;border-radius:9px;padding:7px;background:#15253a;box-shadow:0 15px 35px #0009}
 .v23-mobile-more-panel a,.v23-mobile-more-panel button,.v23-mobile-locked{display:flex;align-items:center;gap:10px;padding:11px;border:0;border-radius:5px;color:#d9e5f5;background:transparent;font-size:12px;font-weight:650;text-align:left;text-decoration:none;width:100%}
 .v23-mobile-more-panel a:hover,.v23-mobile-more-panel button:hover{background:#223d5f;color:#fff}
 .v23-mobile-locked{color:#7c98b8;cursor:not-allowed}
 .v23-social-aside{display:flex}
 .v23-detail-hero{min-height:190px;padding:25px 21px}
 .v23-profile-header{min-height:145px;padding:25px 19px}
 .v23-hero-actions{align-items:stretch}
}
@media(max-width:540px){
 .v23-global-search{display:none}
 .v23-topbar{justify-content:space-between}
 .v23-hero{min-height:390px;padding:27px 19px;background-position:65% center}
 .v23-hero::after{background:linear-gradient(90deg,#091421ef,#0b1e34dc 70%,#101f3d55)}
 .v23-hero h1{font-size:clamp(44px,11vw,65px)}
 .v23-hero p{max-width:400px}
 .v23-hero-actions{display:flex;flex-direction:column;align-items:stretch}
 .v23-hero-actions .btn{width:100%;min-height:44px}
 .v23-feature-banner{padding:21px 16px}
 .v23-banner-copy h1{font-size:clamp(36px,10vw,48px)}
 .v23-banner-access{display:none}
 .v23-admin-columns{gap:11px}
 .v23-quick-grid{gap:7px}
 .v23-quick-grid button{padding:10px;font-size:10px}
 .v23-sectionhead h2{font-size:23px}
 .v23-layout .card{padding:15px}
 .v23-publish-privacy{flex:1}
 .v23-post-actions button{font-size:10px}
 .v23-competition-specs{grid-template-columns:1fr}
}
@media(max-width:370px){
 .v23-mobile-brand{width:80px}
 .v23-topbar{gap:4px;padding:0 7px}
 .v23-auth-buttons{gap:4px}
 .v23-layout .v23-auth-buttons .btn{min-height:36px;padding:7px 9px;font-size:10px}
 .v23-layout .v23-auth-buttons .btn:not(.btn-primary){display:none}
 .v23-language{padding:0 3px;gap:3px}
 .v23-language>.v23-icon{display:none}
 .v23-layout .v23-language .lang{width:46px!important;min-width:46px!important}
 .v23-account-menu>summary{padding:3px}
 .v23-account-menu>summary>.v23-icon{display:none}
 .v23-mobile-nav small{font-size:9px}
 .v23-hero h1{font-size:43px}
 .v23-stat strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v23-layout *, .v23-layout *::before,.v23-layout *::after{transition:none!important;animation:none!important}}
/* Final small-screen refinements from Chromium review */
.v23-hero::before,.v23-feature-banner::before,.v23-detail-hero::before{filter:hue-rotate(215deg) saturate(.75) brightness(.7)}
.v23-tournament-art::before{filter:hue-rotate(200deg) saturate(.75) brightness(.75)}
@media(max-width:540px){
 .v23-sectionhead{flex-wrap:wrap;align-items:flex-start}
 .v23-sectionhead .v23-small-link{white-space:normal}
 .v23-stat:last-child strong{font-size:16px}
}
@media(max-width:370px){.v23-sectionhead h2{font-size:22px}.v23-stat:last-child strong{font-size:13px}}
/* Responsive QA: keep all account controls inside the mobile viewport. */
@media(max-width:460px){
 .v23-topbar .v23-auth-buttons .btn:not(.btn-primary){display:none!important}
 .v23-topbar .v23-mobile-brand{flex:0 0 92px;width:92px}
 .v23-topbar .v23-top-actions{min-width:0;max-width:calc(100% - 102px);gap:5px}
 .v23-topbar .v23-auth-buttons .btn-primary{padding:9px 10px;font-size:10.5px;white-space:nowrap}
 .v23-topbar .v23-language{padding:0 5px;gap:3px;flex:0 0 auto}
 .v23-topbar .v23-language>.v23-icon{display:none}
 .v23-topbar .v23-language .lang{width:45px!important;min-width:45px!important}
}


/* LAYER: design-v24.css */
/* SPOTD 2.4 — locked visual direction from the nine approved reference screens.
   Matte ink backgrounds, midnight-electric blue controls, compact esports dashboard,
   no persistent neon borders. UI uses real APIs; mock stats live ONLY in admin lab. */
:root{--bg:#060d18;--nav:#081423;--surface:#0c1a2a;--surface2:#102035;--raised:#172a42;--line:#1d324c;--line2:#304961;--blue:#1646a9;--bright:#76adfb;--spotd-v23-accent:#1552b5;--gradient:linear-gradient(115deg,#144b9b,#3a448e 63%,#69539a)}
html,body{background:#06101d!important;color:#f4f7ff}
.v24-layout{background:#06101d;grid-template-columns:202px minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.v24-layout *, .v24-layout *::before,.v24-layout *::after{box-sizing:border-box}
.v24-layout .v24-main{max-width:none;width:100%;padding:12px clamp(12px,1.35vw,22px) 70px;min-width:0;background:linear-gradient(135deg,#071423 0,#06101d 50%,#06111d 100%)}
.v24-layout .v23-breadcrumb{display:none}
.v24-sidebar{background:linear-gradient(185deg,#081a2b 0%,#081320 35%,#060f1b 100%)!important;border-right:1px solid #1b2f4a!important}
.v24-sidebar .v23-brand{min-height:122px}
.v24-sidebar .v23-navscroll{padding:10px 12px}
.v24-sidebar .v23-nav-group{border-color:#1e314b}
.v24-sidebar .v23-nav-link{border-radius:6px;min-height:39px;padding:9px 11px;font-size:12px;color:#aebfda}
.v24-sidebar .v23-nav-link:hover{background:#142943;color:white}
.v24-sidebar .v23-nav-link.active{background:#12346c;border:1px solid #2352a5;color:white;box-shadow:none}
.v24-sidebar .v23-nav-link.active:before{left:-12px;background:#1b6dd5;width:2px}
.v24-sidebar .v23-nav-link.active svg{color:#a5cfff}
.v24-sidebar .v23-nav-label{color:#8ea6c7;font-size:9px;letter-spacing:.14em}
.v24-sidebar .v23-sidebar-footer{padding-bottom:12px;gap:10px}
.v24-nav-disabled{display:flex;align-items:center;gap:12px;margin:2px 0;padding:10px 11px;color:#66809e;font-size:11px;cursor:not-allowed}
.v24-nav-disabled small{margin-left:auto;font-size:9px}
.v24-sidebar-promo{min-height:160px;border:1px solid #234569;border-radius:9px;padding:80px 12px 13px;background:linear-gradient(0deg,#061728ee,#06172822),url('/media-v24/home.webp') center/cover;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.v24-sidebar-promo strong{font-size:12px;color:white;line-height:1.35}
.v24-platforms{display:flex;gap:9px;color:#afc7e7}
.v24-sidebar .v23-sidebar-account{background:#14233a;border-color:#274563}
.v24-sidebar .v23-version{color:#83a2c8}
.v24-layout .v23-topbar{min-height:54px;height:54px;padding:0 clamp(14px,1.4vw,22px);background:#09172aef;border-color:#1c3a5d;box-shadow:0 1px 0 #0b2550!important}
.v24-layout .v23-global-search{height:34px;max-width:445px;background:#14253b;border-color:#264666;border-radius:7px}
.v24-layout .v23-global-search input{font-size:12px;color:#e3edfa}
.v24-layout .v23-top-actions{gap:13px}
.v24-layout .v23-language{height:35px;background:#12223a;border-color:#2b4465}
.v24-top-utility{display:grid;place-items:center;height:34px;width:34px;color:#a8c4ea;opacity:.8}
.v24-layout .v23-account-menu>summary{background:transparent;border:none;min-height:40px}
.v24-layout .v23-account-menu>summary:hover{background:#14263e}
.v24-layout .v23-account-label strong{color:white}
.v24-layout .v23-account-label small{color:#9cb2cd}
.v24-layout .v23-account-panel{border-color:#294767;background:#112238}
.v24-layout .v23-mobile-nav{background:#091627;border-color:#23415e}
.v24-layout .btn,.v24-layout button.btn{box-shadow:none!important;font-weight:735;border-radius:5px;transition:background .16s,border-color .16s,color .16s,transform .16s}
.v24-layout .btn-primary{background:#1152b8!important;border-color:#1b68d1!important;color:#fff!important}
.v24-layout .btn-primary:hover{background:#184a9a!important;border-color:#4685e9!important}
.v24-layout .btn-primary:active{background:#173e82!important;transform:translateY(1px)}
.v24-layout a,.v24-layout button{touch-action:manipulation}
.v24-layout a:focus-visible,.v24-layout button:focus-visible,.v24-layout select:focus-visible,.v24-layout input:focus-visible,.v24-layout textarea:focus-visible{outline:2px solid #7faefa;outline-offset:2px}
.v24-layout .btn:not(.btn-primary){background:#16283e;border:1px solid #2c4664;color:#dceaff}
.v24-layout .btn:not(.btn-primary):hover{background:#203956;border-color:#5076a6;color:#fff}
.v24-layout .v23-footer{border-color:#1b2f44;color:#819ab8}
.v24-main>.v24-hero,.v24-main>.v24-banner{margin-top:-12px}
.v24-overline{display:inline-block;color:#b9cbeb;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.v24-hero{position:relative;min-height:365px;display:flex;align-items:center;overflow:hidden;padding:38px 34px;background:#081323 url('/media-v24/home.webp') right center/auto 100% no-repeat;border-bottom:1px solid #203655}
.v24-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(91deg,#061120 0%,#071629ee 25%,#07182b99 46%,#07142305 79%,#07142322 100%);pointer-events:none}
.v24-hero-copy{position:relative;z-index:1;max-width:min(550px,70%)}
.v24-hero h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;font-style:italic;font-size:clamp(54px,5.5vw,88px);line-height:.87;letter-spacing:-.015em;white-space:normal;margin:22px 0 18px;color:white;text-transform:uppercase;text-shadow:0 2px 4px #05101b7a}
.v24-hero h1 em{display:block;font-style:italic;background:linear-gradient(103deg,#258af2 0%,#5667e2 39%,#a76fe5 72%,#d679af 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:none}
.v24-hero-copy>p{font-size:13px;color:#f0f3fc;line-height:1.62;max-width:395px;margin:0 0 21px}
.v24-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.v24-hero-actions .btn{min-height:40px;display:inline-flex;gap:10px;align-items:center;padding:9px 18px;font-size:12px}
.v24-hero-tagline{position:absolute;right:28px;bottom:32px;z-index:1;text-align:right;font-size:12px;line-height:1.8;letter-spacing:.045em;color:#d9e5f6;text-shadow:0 2px 4px #03101a}
.v24-hero-tagline strong{color:#7ca4fa}
.v24-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:10px 0 12px}
.v24-metrics>div{background:linear-gradient(120deg,#111e31,#101c2d);border:1px solid #24405a;border-radius:7px;min-height:78px;padding:14px 16px;display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;gap:0 12px;align-content:center;min-width:0}
.v24-metrics>div>span{grid-row:1/3;width:39px;height:42px;display:grid;place-items:center;background:#122b4b;color:#4386e8;border-radius:6px}
.v24-metrics strong{font-weight:900;font-size:26px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.015em}
.v24-metrics small{color:#b8cbe2;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.03em}
.v24-metrics .v24-featured-game strong{font-size:18px}
.v24-home-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;align-items:start}
.v24-stack{display:flex;flex-direction:column;gap:11px;min-width:0}
.v24-panel{background:linear-gradient(130deg,#0c1b2d,#0b1828);border:1px solid #243d56;border-radius:8px;padding:12px;min-width:0;min-height:0}
.v24-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;min-width:0}
.v24-section-title>div{display:flex;align-items:center;gap:10px;min-width:0}
.v24-title-glyph{color:#2e85f1;display:grid;place-items:center;flex:none}
.v24-section-title h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:18px;letter-spacing:.025em;font-weight:800;margin:0;line-height:1.15;color:#f7fbff;min-width:0}
.v24-view-all{display:inline-flex;align-items:center;gap:4px;color:#76b7ff!important;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:725}
.v24-view-all:hover{color:white!important}
.v24-tabs-static,.v24-feed-tabs,.v24-match-filters,.v24-event-subnav{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding-bottom:7px}
.v24-tabs-static span,.v24-feed-tabs button,.v24-match-filters span,.v24-event-subnav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:28px;padding:5px 11px;white-space:nowrap;border-radius:5px;border:1px solid #2a415e;background:#122035;color:#a4b9d6;font-size:11px;cursor:pointer}
.v24-tabs-static .active,.v24-feed-tabs button.active,.v24-event-subnav button.active{background:#1752b8;color:#fff;border-color:#266fd7}
.v24-tabs-static .v24-notice{cursor:default;opacity:.65}
.v24-home-event-list{display:flex;flex-direction:column;gap:8px}
.v24-home-event{display:flex;align-items:center;gap:10px;padding:6px;color:#e8effb;text-decoration:none;border:1px solid #203a55;background:#0b1929;border-radius:6px;min-width:0}
.v24-home-event:hover{background:#132742;border-color:#42699a}
.v24-home-event>img{width:118px;height:65px;object-fit:cover;flex:none;border-radius:4px}
.v24-home-event>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.v24-home-event strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v24-home-event small{font-size:10px;color:#96b2d1}
.v24-home-event>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#b3c9e3}
.v24-home-event>.v24-home-event-cta{background:#153a73;color:#d7eaff;border:1px solid #2462b5;padding:8px 10px;border-radius:5px;white-space:nowrap}
.v24-empty{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px 18px;text-align:center;background:#0f2136;border:1px solid #243d58;border-radius:6px;color:#f1f5fe}
.v24-empty-icon{color:#528fea}
.v24-empty strong{font-size:14px}
.v24-empty p{font-size:11px;line-height:1.55;margin:0;max-width:370px;color:#a8bedb}
.v24-empty .btn{font-size:11px;min-height:32px;padding:7px 11px}
.v24-featured-teams{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.v24-featured-teams:has(.v24-empty){grid-template-columns:1fr}
.v24-spotlight-team{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:6px;background:#101f30;border:1px solid #26425f;padding:10px 6px;text-decoration:none;color:#e7f0ff;min-width:0}
.v24-spotlight-team:hover{border-color:#2f70c6;background:#162947}
.v24-spotlight-team>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #35649a;border-radius:7px;background:#102641;color:#66a3ee;font-size:18px;font-weight:900}
.v24-spotlight-team>span img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.v24-spotlight-team strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v24-spotlight-team small{font-size:9px;color:#90a8ca}
.v24-spotlight-team b{width:100%;font-size:10px;text-align:center;padding:5px;border-radius:4px;background:#113c80;color:#d0e8ff}
.v24-mini-match{display:flex;align-items:center;gap:9px;min-height:60px;padding:10px;background:#0a1929;border:1px solid #243c56;border-radius:6px;text-decoration:none;color:#e7f0ff;margin:6px 0}
.v24-mini-match:hover{background:#122741;border-color:#3c6cb2}
.v24-live-pill{font-size:9px;color:#ff9ca5;background:#481724;border:1px solid #803246;border-radius:4px;padding:4px 6px;white-space:nowrap;font-weight:850}
.v24-mini-versus{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px;min-width:0}
.v24-mini-versus strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:35%}
.v24-mini-versus b{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.v24-mini-match>small{font-size:9px;color:#7897bd;max-width:28%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v24-mini-match>svg{flex:none;color:#6ba6ee}
.v24-soft,.v24-panel>p{font-size:12px;line-height:1.6;color:#aabfdb;margin:9px 0 12px}
.v24-lock-text{display:inline-flex;align-items:center;gap:8px;color:#8fa9cd;font-size:11px}
/* Tournament catalog, detail, cards */
.v24-banner{position:relative;min-height:192px;padding:25px 27px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#0b1a2c;border-bottom:1px solid #214063;margin-bottom:11px}
.v24-banner:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#061322 0%,#061322e8 36%,#06132212 88%)}
.v24-banner>*{position:relative;z-index:1}
.v24-banner h1,.v24-detail-copy h1,.v24-wizard-intro h2{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;font-style:italic;font-size:clamp(36px,4.3vw,64px);line-height:1;letter-spacing:-.015em;color:white;margin:9px 0 6px}
.v24-banner>strong{font-weight:900;color:#a289fb;font-size:18px}
.v24-banner>p{color:#d4e3f7;font-size:12px;line-height:1.6;margin:5px 0 0;max-width:440px}
.v24-banner-tournaments{background:url('/media-v24/tournaments.webp') right center/auto 100% no-repeat,#071525}
.v24-banner-matches{background:url('/media-v24/matches.webp') right center/auto 100% no-repeat,#071525}
.v24-banner-admin{background:url('/media-v24/admin.webp') right center/auto 100% no-repeat,#071525}
.v24-filter-row{display:flex;align-items:stretch;gap:7px;padding:10px;background:#102037;border:1px solid #264561;border-radius:7px;margin-bottom:11px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.v24-filter{display:flex;flex-direction:column;gap:3px;min-width:93px;background:#0d1b2d;border:1px solid #27415e;border-radius:5px;padding:5px 7px}
.v24-filter small{font-size:9px;color:#90accd}
.v24-filter select{background:transparent;color:#e1eaf7;min-height:22px;font-size:11px;border:0;padding:0;cursor:pointer;width:100%}
.v24-filter-search{display:flex;gap:6px;align-items:center;flex:1;min-width:170px;background:#12263e;border:1px solid #2a496a;border-radius:5px;padding:0 9px;color:#a8c4e8}
.v24-filter-search input{width:100%;min-width:0;background:transparent;border:0;color:white;font-size:11px;outline:0}
.v24-filter-row>.btn{align-self:stretch;white-space:nowrap;font-size:10px}
.v24-event-subnav{margin-bottom:12px}
.v24-event-subnav b{background:#1e3d65;border-radius:3px;padding:1px 4px;color:#d6e8ff}
.v24-event-subnav .active b{background:#2f70d2}
.v24-main>.v24-panel{margin-bottom:12px}
.v24-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.v24-featured-grid:has(.v24-empty){grid-template-columns:1fr}
.v24-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v24-cards-grid:has(.v24-empty){grid-template-columns:1fr}
.v24-tourney{display:flex;flex-direction:column;background:#0b192b;border:1px solid #274562;border-radius:8px;overflow:hidden;min-width:0}
.v24-tourney:hover{border-color:#4482cc}
.v24-tourney-art{position:relative;height:146px;background:linear-gradient(0deg,#0b192bee,#0a192a12 76%),var(--card-art) center/cover no-repeat;display:flex;flex-direction:column;padding:8px 10px;text-decoration:none;overflow:hidden;color:white}
.v24-tourney-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06132515,#06132500);pointer-events:none}
.v24-tourney-game{position:relative;z-index:1;display:inline-block;margin-right:auto;background:#182942bd;border-left:3px solid #2e7de0;padding:4px 7px;font-size:10px;color:#d8e9ff;font-weight:850}
.v24-state{position:absolute;z-index:1;right:8px;top:8px;background:#30445bbb;color:#e5f2ff;border:1px solid #4d6073;border-radius:4px;padding:4px 6px;white-space:nowrap;font-size:9px;font-weight:830}
.v24-state.is-live{background:#6a152cdd;color:#ffdfe6;border-color:#9f2549}
.v24-state.is-open{background:#0b5444dd;color:#adffde;border-color:#267f5c}
.v24-tourney-art-title{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;margin:auto 0 0;padding:11px 0 3px;text-shadow:0 2px 5px #000}
.v24-tourney-art-title strong{font-size:15px;line-height:1.2;max-width:95%}
.v24-tourney-art-title small{font-size:9px;color:#e2e9f3}
.v24-tourney-content{display:flex;flex-direction:column;gap:7px;padding:9px 10px;flex:1}
.v24-tourney-facts{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;color:#d3e0ef;font-size:10px;padding:6px 0;border-bottom:1px solid #20384e}
.v24-tourney-facts>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.v24-tourney-facts svg{color:#98b4d7}
.v24-tourney-facts.smaller{color:#acc8ed}
.v24-tourney-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
.v24-tourney-bottom>span{font-size:9px;color:#b3c5df;display:flex;align-items:center;gap:5px}
.v24-tourney-bottom>.btn{font-size:10px;padding:8px 11px;white-space:nowrap}
.v24-tourney.compact .v24-tourney-art{height:118px}
.v24-tourney.compact .v24-tourney-art-title strong{font-size:13px}
.v24-tourney.compact .v24-tourney-facts{font-size:9px}
.v24-tourney.compact .v24-tourney-bottom>span{font-size:9px}
.v24-no-results{background:#10243b;padding:16px;text-align:center;color:#a6bddd}
/* detail + bracket */
.v24-detail-banner{position:relative;min-height:268px;margin-top:-12px;padding:29px 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;overflow:hidden;background:url('/media-v24/tournament.webp') right center/auto 100% no-repeat,#0c1729;border-bottom:1px solid #244064}
.v24-detail-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071422 0%,#081629df 40%,#08162900 88%)}
.v24-detail-banner>*{position:relative;z-index:1}
.v24-detail-copy{max-width:68%}
.v24-detail-copy h1{font-size:clamp(29px,4vw,56px);line-height:.97;max-width:790px}
.v24-detail-subtitle{font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;font-style:italic;line-height:1.08;background:linear-gradient(90deg,#447bff,#ab55b5,#ed648f);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%;margin-bottom:9px}
.v24-detail-copy>p{color:#cddaf1;max-width:540px;font-size:12px}
.v24-detail-badges{display:flex;align-items:center;gap:9px;margin:12px 0}
.v24-detail-badges .v24-state{position:static}
.v24-detail-badges>span:not(.v24-state){display:inline-flex;gap:5px;align-items:center;color:#a7c6ed;font-size:10px}
.v24-detail-facts{display:flex;gap:15px;flex-wrap:wrap;color:#dbe6f7;font-size:11px;align-items:center;margin-top:14px}
.v24-detail-facts>span{display:inline-flex;align-items:center;gap:5px;background:#0a1a2ebd;border:1px solid #2b4766;padding:8px 11px;border-radius:6px}
.v24-detail-cta>.btn{min-height:40px;white-space:nowrap}
.v24-state-note{font-size:11px;padding:9px 12px;background:#142741;border-radius:5px;color:#b2cbef}
.v24-detail-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #2a4567;margin:0 0 12px;padding:5px 2px}
.v24-detail-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;background:transparent;border:0;border-bottom:2px solid transparent;color:#a9bddd;white-space:nowrap;font-size:11px;font-weight:760;cursor:pointer}
.v24-detail-tabs button:hover,.v24-detail-tabs button.active{color:#71adff;border-bottom-color:#2578e9}
.v24-detail-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(265px,.75fr);gap:11px;align-items:start}
.v24-detail-layout .v24-panel{scroll-margin-top:77px}
.v24-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v24-spec-grid span{padding:12px;background:#11243a;border:1px solid #2c4562;border-radius:5px;display:grid;gap:5px}
.v24-spec-grid small{color:#829ec0;font-size:9px;font-weight:850}
.v24-spec-grid b{font-size:12px}
.v24-bracket-scroller{overflow-x:auto;scrollbar-width:thin;padding:12px 3px}
.v24-bracket-columns{display:flex;gap:10px;min-width:550px;align-items:stretch}
.v24-bracket-round{flex:1;display:flex;flex-direction:column;gap:9px;min-width:173px}
.v24-bracket-round h4{text-align:center;color:#82b2f0;font-size:10px;background:#142a45;padding:8px 4px;border-radius:4px;margin:0}
.v24-bracket-fixture{border:1px solid #304c6d;background:#10243a;border-radius:5px;padding:5px 8px;display:flex;flex-direction:column;gap:4px}
.v24-bracket-fixture>span{font-size:8px;color:#7b9dc8}
.v24-bracket-fixture>div{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#dfeafa;font-size:10px}
.v24-bracket-fixture>div strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v24-bracket-fixture>div b{font-variant-numeric:tabular-nums}
.v24-participant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.v24-entry-row{display:flex;align-items:center;gap:10px;border:1px solid #294561;background:#10233a;border-radius:4px;padding:10px;color:#d3e8ff;text-decoration:none}
.v24-entry-row>span{font-size:10px;color:#7ba1ca}
.v24-entry-row>strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.v24-entry-row>small{font-size:10px;color:#9cbbdf}
.v24-stream-placeholder{min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;border:1px solid #2b445f;border-radius:7px;background:linear-gradient(0deg,#071322ef,#0713222d),url('/media-v24/tournament.webp') center/cover;color:#dfeeff;padding:20px}
.v24-stream-placeholder small{font-size:10px;color:#a9bcda;max-width:260px}
.v24-restrict-note{display:flex;align-items:center;gap:10px;background:#172a41;color:#aec2dc;border-radius:5px;padding:12px;font-size:11px}
/* Match Center */
.v24-games-rail,.v24-match-filters{display:flex;gap:8px;align-items:center;margin-bottom:9px;overflow-x:auto;scrollbar-width:thin}
.v24-games-rail{padding:7px;background:#101f33;border:1px solid #263e57;border-radius:7px}
.v24-games-rail>*{padding:8px 12px;font-size:11px;white-space:nowrap;color:#afc4df}
.v24-games-rail strong,.v24-games-rail .active{display:flex;gap:8px;align-items:center;background:#124ca8;color:#fff;border-radius:5px}
.v24-games-rail .v24-soon{opacity:.65}
.v24-match-filters .active{background:#154daf;border-color:#337ce7;color:#fff}
.v24-match-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.82fr);gap:11px;align-items:start}
.v24-featured-match{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:0;min-height:255px;color:#f5f8ff;text-decoration:none;background:#0b1b31;border:1px solid #274663;border-radius:6px;overflow:hidden}
.v24-featured-versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:24px 18px;text-align:center;background:linear-gradient(125deg,#0c2141,#0b1727)}
.v24-featured-versus>span{font-size:10px;color:#ff8c9b}
.v24-featured-versus>strong{font-size:16px}
.v24-featured-versus>b{font-size:38px;font-variant-numeric:tabular-nums}
.v24-featured-versus>small{font-size:10px;color:#b0c4e0}
.v24-featured-art{background:linear-gradient(0deg,#071120b9,#07112000),url('/media-v24/matches.webp') center/cover;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}
.v24-featured-art>span{background:#0b2b56;border:1px solid #3168a8;padding:8px 11px;border-radius:4px;font-size:11px;display:flex;gap:8px;align-items:center}
.v24-match-table-empty{padding:24px;color:#b2c4dc;text-align:center;font-size:12px}
.v24-mini-events{display:flex;flex-direction:column;gap:6px}
.v24-mini-events>a{display:flex;gap:10px;align-items:center;background:#11263c;border:1px solid #274461;border-radius:5px;padding:12px;color:#dfedff;text-decoration:none;font-size:11px}
.v24-mini-events>a>strong{flex:1}
.v24-mini-events>a>span{color:#a6c2df}
.v24-match-mini-sidebar .v24-mini-match{flex-wrap:wrap}
.v24-match-mini-sidebar .v24-mini-match>small{display:none}
/* Community and posts */
.v24-community-banner{position:relative;min-height:120px;margin-top:-12px;padding:21px 23px;background:url('/media-v24/community.webp') right center/auto 100% no-repeat,#0b1929;overflow:hidden;border-bottom:1px solid #234365;margin-bottom:12px}
.v24-community-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071422,#071422d4 35%,#07142236 100%)}
.v24-community-banner>*{position:relative;z-index:1}
.v24-community-banner h1{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:clamp(28px,3.2vw,46px);margin:4px 0;letter-spacing:.012em}
.v24-community-banner h1 em{font-style:italic;color:#6178fa}
.v24-community-banner p{font-size:12px;color:#d6e4fa}
.v24-private-label{display:inline-flex;gap:7px;align-items:center;color:#bdd6f9;font-size:10px}
.v24-social-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.78fr);gap:12px;align-items:start}
.v24-compose-card{padding:12px}
.v24-compose-head{display:flex;align-items:flex-start;gap:12px}
.v24-compose-head .avatar{width:40px;height:40px;flex:none}
.v24-compose-head textarea{flex:1;min-height:66px;border:1px solid #314c69;border-radius:7px;background:#15263d;color:#f4f8ff;resize:vertical;font-size:12px;padding:13px}
.v24-compose-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:52px}
.v24-media-upload{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#a6cafa;border:1px solid #244564;border-radius:5px;padding:8px;cursor:pointer}
.v24-media-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.v24-select-visibility{display:flex;gap:5px;align-items:center;color:#91aed7}
.v24-select-visibility select{background:#14283f;border:1px solid #314b6b;color:#d8eaff;padding:7px;border-radius:5px;font-size:11px}
.v24-compose-bottom .btn{margin-left:auto}
.v24-feed-stream{display:flex;flex-direction:column;gap:11px}
.v24-post-wrap[hidden]{display:none}
.v24-post-wrap .v23-social-post{background:#0c1b2c;border:1px solid #28415d;border-radius:8px;padding:13px;margin:0}
.v24-post-wrap .v23-post-content{font-size:12px;line-height:1.65}
.v24-post-wrap .post-media{max-height:410px;width:100%;object-fit:contain;background:#06101a;border-radius:6px;border:1px solid #253d57}
.v24-post-wrap .v23-post-actions{border-top:1px solid #243852;padding-top:8px;margin-top:10px}
.v24-trend-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #213951;padding:9px 0}
.v24-trend-row>span{color:#7e9bc2;font-size:10px}
.v24-trend-row>strong{flex:1;color:#ddeaff;font-size:12px}
.v24-trend-row>small{font-size:10px;color:#7fa6cf}
/* Team and player */
.v24-team-heading,.v24-player-hero{margin-top:-8px}
.v24-team-heading>.v24-overline{margin:9px 3px}
.v24-team-header{min-height:258px;position:relative;padding:30px 24px;display:flex;align-items:flex-end;background:linear-gradient(0deg,#071220e8,#07122000 68%),var(--user-cover,url('/media-v24/home.webp')) center/cover no-repeat;border:1px solid #315678;border-radius:8px}
.v24-team-id{display:flex;align-items:flex-end;gap:15px;min-width:0}
.v24-team-emblem{width:103px;height:103px;display:grid;place-items:center;flex:none;border:2px solid #438de1;border-radius:8px;background:#0a1c31e6;font-weight:900;font-size:32px;box-shadow:0 6px 14px #0005}
.v24-team-emblem img{width:100%;height:100%;object-fit:cover}
.v24-team-id h1{font-size:30px;line-height:1.1;margin:0;font-weight:850}
.v24-team-id p{font-size:12px;color:#b1cff0;margin:4px 0}
.v24-team-badges{display:flex;gap:7px;flex-wrap:wrap}
.v24-team-badges>span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:#101f32b9;border:1px solid #3c5872;border-radius:5px;color:#e2eeff;font-size:10px}
.v24-team-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(235px,.65fr);gap:12px;align-items:start}
.v24-team-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v24-team-counts>div{display:flex;flex-direction:column;gap:6px;padding:13px;background:#11263e;border:1px solid #294664;border-radius:6px}
.v24-team-counts strong{font-size:23px}
.v24-team-counts small{font-size:10px;color:#95b2d2}
.v24-social-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;color:#d9e7f8;text-decoration:none;border-bottom:1px solid #253b50}
.v24-social-row:hover{color:#75b4ff}
.v24-roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.v24-player-card{display:flex;flex-direction:column;gap:3px;border:1px solid #2c4763;background:#101f33;border-radius:6px;overflow:hidden;text-decoration:none;color:#e9f3ff;padding:4px 4px 10px;min-width:0}
.v24-player-card:hover{border-color:#4c82bb}
.v24-player-card>img,.v24-avatar-fallback{display:grid;place-items:center;width:100%;height:105px;background:linear-gradient(135deg,#0d2441,#285181);object-fit:cover;border-radius:3px;color:#d3e9ff;font-size:27px;font-weight:900}
.v24-player-card strong,.v24-player-card small,.v24-player-tag{margin:1px 7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v24-player-card strong{font-size:12px}
.v24-player-card small{font-size:10px;color:#91adce}
.v24-player-tag{font-size:9px;color:#6eb2ff;font-weight:850}
.v24-expand{border:1px solid #2a4563;background:#0c1b2c;border-radius:6px}
.v24-expand>summary{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:12px;color:#d6e8fa;font-size:12px;font-weight:760;cursor:pointer;list-style:none}
.v24-expand>summary::-webkit-details-marker{display:none}
.v24-expand[open]>summary{border-bottom:1px solid #2a4563;background:#152945}
.v24-expand>.v23-native-content{padding:10px}
.v24-expand .v23-native-content .card{box-shadow:none;background:#101f33}
.v24-player-hero{position:relative;min-height:245px;padding:90px 22px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;overflow:hidden;background:linear-gradient(0deg,#081522f5,#0815221c),var(--user-cover,url('/media-v24/profile.webp')) center/cover no-repeat;border-radius:8px;border:1px solid #2d506f}
.v24-player-hero-id{position:relative;display:flex;align-items:flex-end;gap:14px;min-width:0}
.v24-player-hero-id>img,.v24-player-big-avatar{width:95px;height:95px;border:3px solid #2b87f4;border-radius:50%;object-fit:cover;background:#102440;display:grid;place-items:center;font-size:27px;font-weight:900;flex:none}
.v24-player-hero-id h1{font-size:27px;line-height:1.1;margin:0 0 3px}
.v24-player-hero-id strong{color:#9fc4f4;font-size:12px}
.v24-player-hero-id p{font-size:11px;color:#b8d0e8;max-width:490px;margin:5px 0}
.v24-privacy-badge{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;background:#0c2b4b;border:1px solid #355c85;border-radius:4px;font-size:10px;color:#a6d6fb}
.v24-profile-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:12px;align-items:start;margin-top:11px}
.v24-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v24-rank-card{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #284864;background:#10243c;border-radius:6px;min-width:0}
.v24-rank-card>span{color:#629ff2}
.v24-rank-card strong{font-size:14px}
.v24-rank-card small{font-size:10px;color:#9db8d8}
.v24-trophies{display:flex;gap:10px;flex-wrap:wrap}
.v24-trophies>div{min-width:100px;display:flex;flex-direction:column;gap:5px;align-items:center;background:#11253d;padding:14px;border-radius:6px;border:1px solid #2e4665}
.v24-trophies svg{color:#efc370}
.v24-trophies strong{font-size:11px}
.v24-trophies small{font-size:9px;color:#8fb0d0}
.v24-profile-facts{display:grid;grid-template-columns:minmax(95px,.65fr) minmax(0,1fr);gap:0}
.v24-profile-facts dt,.v24-profile-facts dd{padding:14px 0;border-bottom:1px solid #2a3e55;font-size:11px;margin:0}
.v24-profile-facts dt{color:#9bb5d3}
.v24-profile-facts dd{color:#ecf3ff;overflow-wrap:anywhere}
/* Admin + test laboratory: actual staff APIs, no fake operational figures. */
.v24-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:11px 0}
.v24-admin-metrics>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;background:#101e31;border:1px solid #27425e;border-radius:7px;padding:12px;min-width:0}
.v24-admin-metrics svg{grid-row:1/3;color:#488ff0}
.v24-admin-metrics strong{font-size:26px;font-weight:900}
.v24-admin-metrics small{color:#9eb4d3;font-size:9px;font-weight:780}
.v24-admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px}
.v24-priority-list>div,.v24-audit-preview>div{display:flex;align-items:center;gap:11px;padding:9px 2px;border-top:1px solid #283e55;font-size:12px;color:#bcd0e6}
.v24-priority-list>div>span{flex:1}
.v24-priority-list>div svg,.v24-audit-preview svg{color:#6dabf7}
.v24-priority-list>div>b{font-size:13px;color:#f4f8ff}
.v24-priority-list button{background:#133c74;border:1px solid #2861a4;color:#e4f1ff;padding:6px 12px;border-radius:4px;font-size:10px;cursor:pointer}
.v24-priority-list button:hover{background:#215ba4}
.v24-audit-preview>div>span{display:flex;flex-direction:column;gap:3px}
.v24-audit-preview small{color:#8ea8cc;font-size:10px}
.v24-admin-breakdown>div{display:grid;grid-template-columns:minmax(90px,1fr) 38px;gap:8px;margin:10px 0;font-size:11px}
.v24-admin-breakdown>div>i{grid-column:1/3;height:6px;border-radius:5px;background:linear-gradient(90deg,#2b7ce9 var(--ratio),#16263b var(--ratio))}
.v24-admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v24-admin-tools button{display:flex;gap:11px;align-items:center;border:1px solid #2f4c6b;background:#142640;border-radius:6px;padding:12px;cursor:pointer;color:#e1ebfa}
.v24-admin-tools button:hover{border-color:#5384bd;background:#1e3a5e}
.v24-admin-tools svg{color:#4c9cf6}
.v24-admin-tools strong{font-size:11px;text-align:left}
.v24-admin-main>.v24-section-title{margin-bottom:10px}
.v24-layout .v23-admin-tabs{border-color:#25405e;overflow-x:auto}
.v24-layout .v23-admin-tabs button.tab{background:#13243a;border-color:#27415e;color:#aabdd4}
.v24-layout .v23-admin-tabs button.tab.active{background:#1550ad;color:#fff;border-color:#367fe2}
.v24-admin-content .card,.v24-create-form .card,.v24-lab-view .card{background:#0c1d30;border:1px solid #28435f;border-radius:7px}
.v24-admin-create{display:grid;gap:12px}
.v24-wizard-intro{padding:16px;border:1px solid #24415e;background:linear-gradient(100deg,#091a2d,#101f34);border-radius:8px}
.v24-wizard-intro h2{font-size:35px;margin:8px 0}
.v24-wizard-intro p{color:#a8bfdc;font-size:11px}
.v24-create-main{display:grid;grid-template-columns:135px minmax(0,1fr);gap:11px;align-items:start}
.v24-wizard-steps{position:sticky;top:70px;display:flex;flex-direction:column;gap:7px;background:#0e1c2f;border:1px solid #28415f;border-radius:7px;padding:10px}
.v24-wizard-steps span{display:flex;align-items:center;gap:8px;border-radius:5px;padding:8px 5px;color:#9aafc8;font-size:10px}
.v24-wizard-steps b{display:grid;place-items:center;flex:none;border:1px solid #49607b;width:24px;height:24px;border-radius:50%;font-size:11px}
.v24-wizard-steps .active{background:#123d87;color:#fff}
.v24-wizard-steps .active b{background:#1968dd;border-color:#3288fd}
.v24-create-form .v23-create-grid{grid-template-columns:minmax(0,1.1fr) minmax(230px,.75fr);gap:11px}
.v24-create-form .v23-create-grid>div{min-width:0}
.v24-create-form .v23-create-grid>.v23-create-aside{min-width:0}
.v24-create-form input,.v24-create-form select,.v24-create-form textarea{background:#0e1b30;border-color:#34526e;color:#eff7ff}
.v24-lab-view{border:1px solid #31557f;border-radius:8px;padding:13px;background:#0a1b2e}
.v24-lab-header{display:flex;gap:14px;align-items:center;padding:7px 4px 15px;color:#d1eaff}
.v24-lab-header>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #2768b5;border-radius:7px;background:#143c70;color:#6cb2fd}
.v24-lab-header>div{flex:1;min-width:0}
.v24-lab-header h2{margin:0 0 5px;font-size:19px}
.v24-lab-header p{margin:0;font-size:11px;color:#98b6dc}
.v24-lab-badge{padding:6px 9px;border:1px solid #25654d;background:#112b26;color:#83ddac;border-radius:5px;font-size:9px;font-weight:800;white-space:nowrap}
.v24-layout .demo-stage,.v24-layout .demo-match,.v24-layout .demo-povs .pov{box-shadow:none!important;border-color:#304965}
/* Small/medium devices: preserve mobile-first navigation, no desktop overflows */
@media(max-width:1390px){.v24-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v24-filter-row{flex-wrap:wrap}.v24-filter-search{min-height:46px}.v24-filter{flex:1}.v24-home-event>span:not(.v24-home-event-cta){display:none}}
@media(max-width:1100px){.v24-layout{grid-template-columns:188px minmax(0,1fr)}.v24-metrics>div{padding:12px 10px;grid-template-columns:35px 1fr;gap:5px}.v24-metrics>div>span{width:32px}.v24-metrics strong{font-size:22px}.v24-metrics small{font-size:9px}.v24-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v24-admin-create .v24-create-main{grid-template-columns:112px minmax(0,1fr)}.v24-create-form .v23-create-grid{grid-template-columns:1fr}.v24-detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)}.v24-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.v24-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-home-grid{grid-template-columns:1fr}.v24-admin-dashboard-grid{grid-template-columns:1fr}.v24-team-layout,.v24-profile-layout,.v24-social-layout,.v24-match-layout,.v24-detail-layout{grid-template-columns:1fr}.v24-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v24-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-detail-copy{max-width:78%}.v24-hero{min-height:342px}.v24-hero h1{font-size:clamp(48px,7.2vw,68px)}}
@media(max-width:750px){.v24-layout{grid-template-columns:1fr}.v24-layout .v23-topbar{height:61px;padding:0 9px}.v24-layout .v23-global-search{display:none}.v24-layout .v23-mobile-brand{display:inline-flex}.v24-layout .v23-top-actions{gap:5px}.v24-layout .v24-main{padding:10px 11px 92px}.v24-main>.v24-hero,.v24-main>.v24-banner{margin-top:-10px}.v24-hero{min-height:395px;padding:25px 20px;align-items:flex-end;background-size:auto 100%;background-position:58% center}.v24-hero:before{background:linear-gradient(90deg,#051323ee,#051323c4 45%,#0513236b 90%)}.v24-hero-copy{max-width:100%;padding-bottom:15px}.v24-hero h1{font-size:clamp(48px,10vw,71px);margin:15px 0 17px}.v24-hero-copy>p{font-size:12px}.v24-hero-tagline{display:none}.v24-hero-actions>.btn{min-height:40px;padding:9px 12px}.v24-sidebar{display:none}.v24-featured-grid{grid-template-columns:1fr}.v24-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-banner{padding:24px 18px;min-height:160px;background-size:auto 100%}.v24-detail-banner{margin-top:-10px;padding:22px 16px;min-height:280px;align-items:flex-start;flex-direction:column;justify-content:flex-end;background-size:auto 100%;background-position:72% center}.v24-detail-copy{max-width:100%}.v24-detail-banner:before{background:linear-gradient(90deg,#051321f5 0%,#051321cb 56%,#0513214d)}.v24-detail-facts{gap:6px}.v24-detail-facts>span{font-size:10px;padding:7px}.v24-detail-cta{align-self:flex-start}.v24-community-banner{margin-top:-10px}.v24-player-hero{margin-top:-4px;padding:85px 17px 15px}.v24-player-hero-id>img,.v24-player-big-avatar{width:78px;height:78px}.v24-player-hero-id h1{font-size:22px}.v24-player-hero>.btn{align-self:flex-start;white-space:nowrap}.v24-create-main{grid-template-columns:1fr!important}.v24-wizard-steps{position:static;flex-direction:row;overflow-x:auto}.v24-wizard-steps span{white-space:nowrap}.v24-wizard-steps span:not(.active){display:none}.v24-lab-header{flex-wrap:wrap}.v24-lab-badge{margin-left:auto}}
@media(max-width:490px){.v24-metrics{gap:8px}.v24-metrics>div{min-height:69px;grid-template-columns:32px 1fr;gap:6px;padding:10px 8px}.v24-metrics>div>span{height:35px;width:29px}.v24-metrics svg{width:19px;height:19px}.v24-metrics strong{font-size:20px}.v24-metrics small{font-size:8px}.v24-metrics .v24-featured-game strong{font-size:13px}.v24-cards-grid,.v24-featured-grid{grid-template-columns:1fr}.v24-home-event>img{width:75px;height:61px}.v24-home-event>.v24-home-event-cta{font-size:9px;padding:5px}.v24-featured-teams{grid-template-columns:repeat(3,minmax(0,1fr))}.v24-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-admin-metrics{grid-template-columns:1fr 1fr;gap:7px}.v24-admin-metrics>div{grid-template-columns:27px 1fr;gap:2px 5px;padding:9px}.v24-admin-metrics>div svg{width:21px}.v24-admin-metrics strong{font-size:21px}.v24-admin-metrics small{font-size:8px}.v24-team-id{align-items:center}.v24-team-emblem{width:70px;height:70px;font-size:22px}.v24-team-id h1{font-size:22px}.v24-team-id p{font-size:10px}.v24-player-hero{flex-direction:column;align-items:flex-start}.v24-player-hero-id>img,.v24-player-big-avatar{width:67px;height:67px}.v24-rank-grid{grid-template-columns:1fr}.v24-participant-grid,.v24-spec-grid{grid-template-columns:1fr}.v24-featured-match{grid-template-columns:1fr}.v24-featured-art{min-height:150px}.v24-mini-match{flex-wrap:wrap}.v24-mini-match>small{display:none}.v24-compose-bottom{margin-left:0}.v24-compose-bottom .btn{margin-left:0}.v24-filter-row{flex-wrap:nowrap;overflow-x:auto}.v24-filter{min-width:116px}.v24-banner h1{font-size:46px}.v24-detail-copy h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.v24-layout *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* CSP-safe image variants and user-supplied covers (no inline styles). */
.v24-tourney-art{background-image:linear-gradient(0deg,#0b192bee,#0a192a12 76%),url('/media-v24/valorant.webp')}
.v24-tourney-art.v24-art-game-alt{background-image:linear-gradient(0deg,#0b192bee,#0a192a12 76%),url('/media-v24/game-alt.webp')}
.v24-tourney-art.v24-art-game-warm{background-image:linear-gradient(0deg,#0b192bee,#0a192a12 76%),url('/media-v24/game-warm.webp')}
.v24-user-cover{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:inherit;z-index:0;filter:brightness(.68)}
.v24-team-header:before,.v24-player-hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#061322df,#06132210 85%);pointer-events:none}
.v24-team-id,.v24-player-hero-id,.v24-player-hero>.btn{position:relative;z-index:2}
.v24-admin-breakdown progress{width:100%;grid-column:1/3;height:7px;appearance:none;border-radius:6px;overflow:hidden;background:#16263b}
.v24-admin-breakdown progress::-webkit-progress-bar{background:#16263b}
.v24-admin-breakdown progress::-webkit-progress-value{background:#256fd0}
.v24-admin-breakdown progress::-moz-progress-bar{background:#256fd0}
/* Laboratory content can contain a horizontally scrollable bracket: never widen the page. */
.v24-lab-view{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.v24-lab-view>#labContent,.v24-lab-view .v23-pane,.v24-lab-view .demo-stage{max-width:100%;min-width:0;overflow-x:auto}
.v24-lab-view .demo-bracket{max-width:100%;overflow-x:auto}
/* On the creation and laboratory tabs, show the actual workbench immediately,
   not the dashboard banner and four charts above the editor. */
.v24-main:has(.v23-admin-tabs button.active[data-tab="tournaments"]) > .v24-banner-admin,
.v24-main:has(.v23-admin-tabs button.active[data-tab="tournaments"]) > .v24-admin-metrics,
.v24-main:has(.v23-admin-tabs button.active[data-tab="tournaments"]) > .v24-admin-dashboard-grid,
.v24-main:has(.v23-admin-tabs button.active[data-tab="lab"]) > .v24-banner-admin,
.v24-main:has(.v23-admin-tabs button.active[data-tab="lab"]) > .v24-admin-metrics,
.v24-main:has(.v23-admin-tabs button.active[data-tab="lab"]) > .v24-admin-dashboard-grid{display:none!important}
.v24-main:has(.v23-admin-tabs button.active[data-tab="tournaments"]) > .v24-admin-main,
.v24-main:has(.v23-admin-tabs button.active[data-tab="lab"]) > .v24-admin-main{margin-top:0}
.v24-main:has(.v23-admin-tabs button.active[data-tab="tournaments"]) .v24-admin-main>.v24-section-title,
.v24-main:has(.v23-admin-tabs button.active[data-tab="lab"]) .v24-admin-main>.v24-section-title{display:none}
.v24-admin-main{scroll-margin-top:58px}


/* SPOTD V2.4.1 mobile header/navigation reliability hotfix.
   V2.4's differential FTP ZIP omitted design-v23.css, which defined sizing,
   positioning and typography for the v23 HTML classes still used in V2.4.
   Keep the V2.3 stylesheet in the archive AND duplicate the critical mobile
   presentation below as a safety net for partial installations/cache races.
   No layout rules below affect desktop. */
@media (max-width:767px){
  html,body{overflow-x:clip}
  .v24-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%;min-height:100svh}
  .v24-layout .v23-sidebar{display:none!important}
  .v24-layout .v23-appbody{display:flex;flex-direction:column;width:100%;min-width:0}
  .v24-layout .v23-topbar{
    display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
    gap:9px;width:100%;height:62px;min-height:62px;
    padding:0 12px;position:sticky;top:0;z-index:50;
    background:#0a1929;border-bottom:1px solid #273b55;
    box-shadow:none!important;
  }
  .v24-layout .v23-mobile-brand{
    display:flex!important;align-items:center;justify-content:flex-start;
    flex:0 0 112px;max-width:112px;min-width:0;
    width:112px;height:54px;overflow:hidden;text-decoration:none;
  }
  .v24-layout .v23-mobile-brand img{
    display:block;width:100%!important;max-width:100%!important;
    height:49px!important;max-height:49px;object-fit:contain;object-position:left center;
  }
  .v24-layout .v23-global-search{display:none!important}
  .v24-layout .v23-top-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;gap:7px}
  .v24-layout .v23-language{display:flex;align-items:center;flex:0 0 auto;height:36px;padding:0 5px;border-radius:6px}
  .v24-layout .v23-language>.v23-icon{display:none}
  .v24-layout .v23-language select.lang{width:49px!important;min-width:49px!important;max-width:49px!important;min-height:32px!important;border:0!important;background:transparent!important;padding:2px 3px!important;font-size:11px}
  .v24-layout .v23-auth-buttons{display:flex;align-items:center;gap:6px;min-width:0}
  .v24-layout .v23-auth-buttons .btn{white-space:nowrap;min-height:36px;padding:7px 10px;font-size:11px}
  .v24-layout .v23-account-menu{min-width:0;position:relative}
  .v24-layout .v23-account-menu>summary{display:flex;align-items:center;gap:5px;max-width:100%;padding:4px;cursor:pointer;list-style:none}
  .v24-layout .v23-account-menu>summary>.avatar{flex:0 0 32px;width:32px;height:32px}
  .v24-layout .v23-account-label{display:none}
  .v24-layout .v23-account-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(250px,calc(100vw - 24px));z-index:110}
  .v24-layout .v24-main,.v24-layout .v23-main{width:100%;min-width:0;padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))!important}
  /* Fixed bottom navigation, never a normal-flow row after the footer. */
  .v24-layout .v23-mobile-nav{
    position:fixed!important;display:flex!important;flex-wrap:nowrap!important;
    align-items:stretch;justify-content:space-between;
    left:0;right:0;bottom:0;width:100%;min-height:64px;z-index:105;
    margin:0;padding:5px 5px max(8px,env(safe-area-inset-bottom,0px));
    background:rgba(8,21,36,.98);border-top:1px solid #274361;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  .v24-layout .v23-mobile-nav>a,
  .v24-layout .v23-mobile-more>summary{
    display:flex!important;flex-direction:column!important;align-items:center;
    justify-content:center;gap:3px;flex:1 1 0;min-width:0;min-height:50px;
    padding:4px 2px;border:0;border-radius:6px;
    color:#aabbd3;background:transparent;text-decoration:none;
    font-size:10px;font-weight:700;line-height:1.2;
    white-space:nowrap;text-align:center;cursor:pointer;
  }
  .v24-layout .v23-mobile-nav>a>svg,
  .v24-layout .v23-mobile-more>summary>svg{
    display:block;flex:0 0 auto;width:22px;height:22px;
    stroke:currentColor;fill:none;color:#97b5dc;
  }
  .v24-layout .v23-mobile-nav small{display:block;white-space:nowrap;font-size:10px;font-weight:700;color:inherit;line-height:1.2}
  .v24-layout .v23-mobile-nav>a.active{color:#f3f8ff;background:#142c49}
  .v24-layout .v23-mobile-nav>a.active>svg{color:#67a6fa}
  .v24-layout .v23-mobile-more{display:flex;position:relative;flex:1 1 0;min-width:0}
  .v24-layout .v23-mobile-more>summary{width:100%;list-style:none}
  .v24-layout .v23-mobile-more>summary::-webkit-details-marker{display:none}
  .v24-layout .v23-mobile-more>summary::marker{content:''}
  .v24-layout .v23-mobile-more-panel{
    position:absolute;right:0;bottom:calc(100% + 10px);
    width:min(250px,calc(100vw - 20px));max-height:min(70svh,530px);
    overflow-y:auto;z-index:130;padding:8px;border-radius:10px;
    border:1px solid #38516d;background:#11233a;
    box-shadow:0 13px 38px rgba(0,0,0,.45);
  }
  .v24-layout .v23-mobile-more-panel a,
  .v24-layout .v23-mobile-more-panel button,
  .v24-layout .v23-mobile-locked{
    display:flex;align-items:center;gap:10px;min-height:40px;width:100%;
    padding:10px 11px;background:transparent;color:#e2ebf8;border:0;
    border-radius:6px;text-decoration:none;text-align:left;font-size:12px;
  }
  .v24-layout .v23-mobile-more-panel a:focus-visible,
  .v24-layout .v23-mobile-more-panel button:focus-visible{outline:2px solid #92bdff;outline-offset:2px}
}
@media (max-width:390px){
  .v24-layout .v23-topbar{gap:5px;padding-inline:8px}
  .v24-layout .v23-mobile-brand{flex-basis:91px;width:91px;max-width:91px}
  .v24-layout .v23-mobile-brand img{max-height:43px;height:43px!important}
  .v24-layout .v23-top-actions{gap:4px}
  .v24-layout .v23-auth-buttons .btn:not(.btn-primary){display:none!important}
  .v24-layout .v23-auth-buttons .btn-primary{padding:8px 8px;font-size:10px}
  .v24-layout .v23-mobile-nav small{font-size:9px}
}
@media (max-width:340px){
  .v24-layout .v23-mobile-brand{flex-basis:78px;width:78px;max-width:78px}
  .v24-layout .v23-mobile-nav>a,.v24-layout .v23-mobile-more>summary{padding-inline:0}
  .v24-layout .v23-mobile-nav>a>svg,.v24-layout .v23-mobile-more>summary>svg{width:20px;height:20px}
}


/* SPOTD 2.5 finishing layer. Midnight metallic, no neon framing or artificial glows. */
:root{--bg:#080d15;--nav:#0a131e;--surface:#101a29;--surface2:#182435;--raised:#1c2a3d;--line:#2a3b51;--line2:#354a62;--blue:#17478b;--bright:#8fb6ef;--gradient:linear-gradient(110deg,#1855a5 0%,#464ea1 62%,#8b4e9b 100%)}
body{background:#080d15!important;color:#f0f5fd}
.v23-layout,.v24-layout{background:#080d15!important}
.v23-sidebar{background:#0a121d!important;border-right:1px solid #213348!important}
.v23-topbar{background:rgba(9,18,29,.98)!important;border-color:#25374c!important;box-shadow:none!important}
.v23-main{background:#080d15!important}
.v23-nav-link.active{background:#142b4b!important;border-color:#254975!important}
.v23-nav-link.active::before{background:#2476ce!important}
.v23-nav-link:hover{background:#172b42!important}
.v23-account-menu>summary,.v23-language{background:#132237!important;border:1px solid #30465e!important}
.v23-account-menu>summary:hover{background:#1c344f!important}
.v23-account-panel{background:#122138!important;border:1px solid #334b68!important;box-shadow:0 14px 32px #0008!important}
.v23-global-search{background:#142338!important;border:1px solid #2d4259!important}
.v24-panel,.v23-pane{background:#0d1a2a!important;border-color:#253b55!important;box-shadow:none!important}
.v24-metrics>div{background:#111e30!important;border-color:#28405a!important;box-shadow:none!important}
.v24-metrics>div>span{background:#142a46!important;color:#5a99e5!important}
.v24-hero{border-color:#2b4057!important;box-shadow:none!important}
.btn-primary,.v23-layout .btn-primary,.v24-layout .btn-primary{background:#154b95!important;border-color:#2560aa!important;box-shadow:none!important;color:#fff!important;text-shadow:none!important}
@media (hover:hover){.btn-primary:hover:not(:disabled),.v23-layout .btn-primary:hover:not(:disabled){background:linear-gradient(110deg,#1759ad,#404ba4 72%,#76519a)!important;border-color:#4769aa!important;box-shadow:none!important}}
.v23-hero h1 em,.v24-hero h1 em{background:linear-gradient(105deg,#2986ed 0%,#6564cc 58%,#c17fce 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:none!important;text-shadow:none!important}
.v23-tournament-card,.v24-tourney,.v24-team-card{box-shadow:none!important}
.v23-sidebar .brand-img{width:158px;max-width:100%;max-height:78px;object-fit:contain}
.v23-footer{font-size:11px;line-height:1.6;color:#8ea5c1}
.v23-footer a{color:#a4c8fb}
.v23-layout .v23-mobile-nav{box-shadow:0 -5px 16px #030916b5!important;background:#0e1828!important;border-top-color:#2e4260!important}
.v23-layout .v23-mobile-nav a,.v23-layout .v23-mobile-nav summary{color:#c0ccdf!important}
.v23-layout .v23-mobile-nav .active{color:#eaf2ff!important}
:focus-visible{outline:2px solid #8bb9fa!important;outline-offset:2px}
@media(max-width:767px){
 .v23-layout,.v24-layout{min-width:0!important;grid-template-columns:minmax(0,1fr)!important}
 .v23-layout .v23-sidebar{display:none!important}
 .v23-appbody{min-width:0!important;width:100%!important}
 .v23-topbar{height:64px!important;min-height:64px!important;padding:0 12px!important;gap:10px!important}
 .v23-topbar .v23-mobile-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1;max-width:150px;min-width:0;height:55px!important;overflow:hidden}
 .v23-topbar .v23-mobile-brand img{display:block!important;max-width:134px!important;width:100%!important;height:52px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}
 .v23-topbar .v23-global-search{display:none!important}
 .v23-top-actions{flex-shrink:0!important;gap:7px!important}
 .v23-main{min-width:0!important;width:100%!important;padding-bottom:100px!important;overflow:visible!important}
 .v23-layout .v23-mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:100!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;align-items:stretch!important;width:100%!important;min-height:70px!important;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important}
 .v23-layout .v23-mobile-nav>a,.v23-layout .v23-mobile-nav>details,.v23-layout .v23-mobile-nav>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:3px!important;min-width:0!important;min-height:59px!important;font-size:10px!important;white-space:normal!important;padding:4px 1px!important;line-height:1.13!important}
 .v23-layout .v23-mobile-nav a svg,.v23-layout .v23-mobile-nav summary svg{display:block!important;width:22px!important;height:22px!important;flex:none!important}
 .v23-layout .v23-mobile-nav summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-height:55px!important;font-size:10px!important;padding:3px 0!important}
 .v23-layout .v23-mobile-nav>details{position:relative!important}
 .v23-layout .v23-mobile-nav .v23-more-panel,.v23-layout .v23-mobile-nav .mobile-more-panel{position:absolute!important;bottom:calc(100% + 6px)!important;right:0!important;z-index:105!important;background:#14243a!important;border:1px solid #3b5372!important;min-width:185px!important;border-radius:9px!important;padding:6px!important;box-shadow:0 14px 32px #000a!important}
 .v23-breadcrumb{font-size:10px!important;overflow-wrap:anywhere}
 .v24-home-grid,.v24-team-layout,.v24-profile-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:370px){.v23-topbar{padding:0 8px!important;gap:4px!important}.v23-topbar .v23-mobile-brand{max-width:105px!important}.v23-topbar .v23-mobile-brand img{max-width:105px!important}.v23-top-actions{gap:4px!important}.v23-auth-buttons [data-action="login"]{display:none!important}}
@media(prefers-reduced-motion:reduce){.v23-layout *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* SPOTD V2.6 — midnight metallic esports UI.
   No decorative neon frames; hover-only accents. Responsive first. */
:root{--v26-bg:#080d16;--v26-panel:#0d1c2d;--v26-panel-2:#10243a;--v26-border:#29405b;--v26-ink:#f4f7ff;--v26-sub:#a6bedb;--v26-blue:#1455ad;--v26-bright:#5397e9;--v26-red:#b83f59}
.v24-layout .v23-main{color:var(--v26-ink)}
.v24-layout .v23-sidebar{background:linear-gradient(170deg,#08131e,#0a1521)!important}
.v24-layout .v23-nav-link,.v24-layout .v26-nav-extra{font-size:12px;font-weight:600}
.v26-nav-extra{display:flex;align-items:center;gap:12px;min-height:40px;padding:10px 13px;margin:2px 0;color:#bccce1;text-decoration:none;border:1px solid transparent;border-radius:7px}
.v26-nav-extra svg{flex:none;color:#86a6ce}.v26-nav-extra:hover,.v26-nav-extra:focus-visible{background:#132945;color:#f2f7ff;border-color:#2b507b}
.v23-navscroll .v26-nav-lab{margin-top:14px;padding-top:14px;border-top:1px solid #1e3149}
.v23-navscroll .v26-nav-lab a[href="#/lab"]{background:#112944;border:1px solid #2e4f74;color:#d8eaff}
.v23-navscroll .v26-nav-lab a[href="#/lab"]:hover{background:#194377}
.v26-inbox-top{width:37px;height:36px;border:1px solid #2b405b;border-radius:7px;display:grid;place-items:center;color:#a5c7f8;text-decoration:none;background:#101d30;flex:none}
.v26-inbox-top:hover{color:white;background:#193c62}
.v23-account-panel .v26-nav-extra,.v23-mobile-more-panel .v26-nav-extra{min-height:37px!important;background:transparent;border:0;gap:10px;padding:9px 11px;font-weight:600}
.v26-lab-peek{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#0d2340 0%,#14243b 76%,#19233c 100%);border:1px solid #2f527a;border-left:3px solid #317acc;border-radius:8px;padding:15px 19px;margin:4px 0 18px;box-shadow:0 4px 17px #0002}
.v26-lab-peek-text{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;min-width:0}
.v26-lab-peek-text .v26-lab-badge{grid-row:span 2;align-self:center}
.v26-lab-peek-text strong{font-size:15px}.v26-lab-peek-text p{margin:0;color:#bed0e8;font-size:12px}
.v26-lab-peek>.btn{flex:none;display:inline-flex;gap:8px;align-items:center}
.v26-lab-badge{display:inline-flex;align-items:center;gap:6px;max-width:max-content;color:#85bafb!important;background:#153357!important;border:1px solid #34649a!important;padding:7px 10px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.v26-page-hero{position:relative;overflow:hidden;min-height:185px;display:flex;align-items:center;border:1px solid #28435d;border-radius:8px;padding:27px 31px;margin:2px 0 20px;background:linear-gradient(90deg,#081321 0%,rgba(8,19,33,.96) 33%,rgba(8,19,33,.38) 72%,rgba(8,19,33,.18)),var(--v26-hero-image) right center / cover no-repeat}
.v26-page-hero>div{position:relative;z-index:1}.v26-overline{color:#8caedc;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.v26-page-hero h1{margin:11px 0 7px;font-size:clamp(30px,4.2vw,54px);line-height:.98;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;letter-spacing:-.02em;color:#f8faff;text-shadow:0 3px 11px #0008}
.v26-page-hero p{font-size:13px;max-width:700px;line-height:1.6;color:#d5dff1;margin:0}
.v26-info{display:flex;align-items:center;gap:10px;padding:18px;border:1px dashed #3c5673;border-radius:7px;color:#acc2de;background:#11243a;font-size:12px;line-height:1.55}
.v26-info svg{flex:none;color:#69a3e9}
.v26-lab-intro{display:grid;justify-items:center;text-align:center;gap:16px;padding:50px 25px;border:1px solid #324e70;background:linear-gradient(130deg,#0f233b,#101a2c);border-radius:10px}
.v26-lab-intro h2{font-size:24px;margin:0}.v26-lab-intro p{max-width:610px;font-size:14px;line-height:1.65;color:#b1c5df;margin:0}
.v26-lab-intro button{display:inline-flex;align-items:center;gap:10px}
.v26-lab-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0c1929;border:1px solid var(--v26-border);border-radius:8px;padding:12px 14px;margin-bottom:12px;color:#b8cce3;font-size:11px}
.v26-lab-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.v26-lab-toolbar .btn{font-size:11px}
.v26-statrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v26-statrow>div{min-width:0;display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:2px;padding:14px;background:#102139;border:1px solid #2c4360;border-radius:8px}
.v26-statrow>div>span{grid-row:span 2;display:grid;place-items:center;width:39px;height:41px;background:#15355c;border-radius:7px;color:#6ba5f2}
.v26-statrow strong{font-size:24px;line-height:1.1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v26-statrow small{font-size:10px;color:#b5c9e4;font-weight:800;letter-spacing:.03em}
.v26-lab-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.7fr);gap:16px;align-items:start}
.v26-lab-main,.v26-lab-aside{min-width:0;display:grid;gap:15px}
.v26-panel{min-width:0;background:linear-gradient(120deg,#0e1c2e,#0d1b2b);border:1px solid #2d445e;border-radius:9px;padding:17px;box-shadow:0 5px 18px #0002}
.v26-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v26-panel-head h2{margin:3px 0;font-weight:900;font-size:18px;letter-spacing:.015em}.v26-panel-head small,.v26-panel-head>span{font-size:11px;color:#abc0db}.v26-panel-head .v26-simulation-tag{font-size:9px}
.v26-simulation-tag{display:inline-flex;align-items:center;white-space:normal;background:#182744;color:#96bbef;border:1px solid #355580;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.06em}
.v26-bracket{display:grid;grid-template-columns:repeat(3,minmax(175px,1fr));gap:14px;overflow-x:auto;padding:5px 1px 12px;min-width:0;scrollbar-color:#345478 #0b1b2a}
.v26-round{display:grid;grid-template-rows:auto repeat(4,minmax(0,auto));align-content:space-around;gap:10px;min-width:0}
.v26-round-label{display:flex;justify-content:space-between;font-size:10px;font-weight:900;color:#96bdf1;letter-spacing:.05em;padding:5px 0;border-bottom:1px solid #2a4764}.v26-round-label span{color:#7899c0;font-weight:500}
.v26-bracket-match{border:1px solid #355170;border-radius:7px;background:#11263d;overflow:hidden;padding:5px}.v26-bracket-match.is-live{border-color:#4981c1;background:#133255}.v26-bracket-team{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px;border-radius:4px;line-height:1.2;font-size:11px;color:#bdd0eb}.v26-bracket-team+div{border-top:1px solid #263b55}.v26-bracket-team.winner{background:#16416e;color:#fff}.v26-bracket-team b{font-size:13px;color:#fff}.v26-bracket-match small{display:block;color:#8fadcf;text-align:right;padding:2px 7px 5px;font-size:9px}
.v26-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v26-score-match{background:#102239;border:1px solid #314863;border-radius:7px;padding:12px;min-width:0}
.v26-score-summary{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:9px}.v26-tag{font-size:10px;font-weight:900;color:#91acd4}.v26-match-state{font-size:9px;font-weight:900;border-radius:4px;background:#23354b;color:#b0bfdb;padding:4px 6px}.v26-match-state.live{background:#50303e;color:#ffa1ab}
.v26-score-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;text-align:center;font-size:12px;line-height:1.4}.v26-score-pair strong{overflow-wrap:anywhere}.v26-score-pair span{font-size:18px;font-weight:900;color:#f5f9ff}
.v26-score-actions{display:flex;gap:7px;margin-top:14px}.v26-score-actions .btn{flex:1;min-width:0;white-space:normal;line-height:1.35;padding:7px 6px;font-size:10px}
.v26-victory{color:#8edcc0;font-size:11px}.v26-hint{color:#a7bdd8;font-size:11px;line-height:1.6;margin:10px 0 0}
.v26-dispute-form{display:flex;gap:7px;margin-top:8px}.v26-dispute-form input{flex:1;min-width:0}.v26-dispute-form button{white-space:normal;line-height:1.3}
.v26-vote-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}.v26-vote-form label,.v26-my-team label{display:grid;gap:7px;font-weight:800;color:#b5c9e2;font-size:11px}
.v26-vote-form input,.v26-vote-form select,.v26-my-team select,.v26-report-card input,.v26-dispute-form input,.v26-dispute-resolve input{width:100%;min-width:0;color:#e9f2ff;background:#102c46;border:1px solid #385977;border-radius:6px;padding:10px;font-size:12px;min-height:40px}
.v26-vote-form button{min-height:41px}.v26-vote-form label:first-child,.v26-vote-form label:nth-child(2){grid-column:span 1}
.v26-dispute{padding:12px;background:#11253a;border:1px solid #344a66;border-radius:7px;margin:8px 0}.v26-dispute strong{font-size:10px;color:#e6a4ad}.v26-dispute p{font-size:12px;color:#c5d5e9;line-height:1.5}.v26-dispute small{color:#98bede}.v26-dispute-resolve{display:flex;gap:8px}.v26-dispute-resolve input{flex:1}
.v26-success{background:#153329;color:#98e3cb;border:1px solid #2d6554;border-radius:7px;padding:11px;font-size:12px}
.v26-team-identity{display:flex;align-items:center;gap:12px;padding:17px 0;margin-top:14px;border-top:1px solid #2e4966}.v26-team-emblem{width:58px;height:58px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#17335f,#335195);color:#edf5ff;font-family:Impact,'Arial Narrow',Arial;font-size:23px;font-style:italic}.v26-team-identity strong{font-size:19px}.v26-team-identity p{color:#9cb5d4;font-size:10px;margin:4px 0}
.v26-roster-person{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #283f58}.v26-roster-avatar{display:grid;place-items:center;background:#214876;border-radius:7px;width:36px;height:36px;font-weight:900;font-size:11px;flex:none;color:#e9f2ff}.v26-roster-person>div{flex:1;min-width:0}.v26-roster-person strong{display:block;font-size:12px}.v26-roster-person small{display:block;color:#98b3d4;font-size:10px;margin-top:2px}.v26-roster-score{color:#8fb5e7;font-size:10px;white-space:nowrap}
.v26-standings>div{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:11px 4px;border-bottom:1px solid #29425d;font-size:11px}.v26-standings>div>span{color:#85afe4}.v26-standings small{color:#a9c3df;font-size:10px}
.v26-stream{display:grid;gap:8px;min-width:0}.v26-stream-art{min-height:137px;background:linear-gradient(0deg,#060d1cbf,transparent),url('/media-v24/matches.webp') center / cover;border:1px solid #324866;border-radius:6px}.v26-stream strong{font-size:13px}.v26-stream p{color:#afc1db;font-size:11px;line-height:1.6;margin:0}
.v26-inbox-layout{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.5fr);border:1px solid #34506d;border-radius:9px;background:#0d1e30;min-height:560px;overflow:hidden}
.v26-inbox-list{min-width:0;border-right:1px solid #304861;padding:15px 13px;background:#101e30}.v26-inbox-list .v26-panel-head{margin-bottom:13px}
.v26-inbox-list .v26-panel-head h2{font-size:18px}.v26-inbox-list .v26-panel-head span{font-size:10px;color:#8bb9fa}
.v26-start-chat{display:flex;gap:6px;margin-bottom:17px}.v26-start-chat input,.v26-compose textarea{background:#142c43;border:1px solid #365676;color:#f4f8ff;border-radius:7px;padding:11px;min-width:0;flex:1;outline-offset:2px}
.v26-start-chat .btn{flex:none}.v26-threads{display:grid;gap:4px}.v26-thread{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 9px;text-decoration:none;color:#e9f1ff;border:1px solid transparent;border-radius:7px}.v26-thread:hover,.v26-thread.active{background:#193655;border-color:#365a81}.v26-thread-avatar{display:grid;place-items:center;width:39px;height:39px;background:#1a559b;border-radius:50%;font-size:11px;font-weight:900;flex:none}.v26-thread>span:nth-child(2){min-width:0;flex:1}.v26-thread strong{display:block;font-size:12px}.v26-thread small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#9ab2cf;margin-top:4px}.v26-thread b{background:#276fca;border-radius:4px;padding:4px 6px;font-size:11px}.v26-empty-threads{padding:20px;color:#adc3dd;font-size:12px;line-height:1.7}
.v26-chat-window{display:flex;flex-direction:column;min-width:0;max-height:760px}.v26-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:14px 20px;border-bottom:1px solid #304964}.v26-chat-heading strong{display:block;font-size:16px}.v26-chat-heading span{display:block;color:#9fb6d3;font-size:10px;margin-top:5px}.v26-chat-messages{flex:1;display:flex;flex-direction:column;gap:11px;overflow-y:auto;min-height:350px;padding:21px}.v26-bubble{max-width:75%;background:#182e47;border:1px solid #3b5876;border-radius:11px;padding:10px 13px;align-self:flex-start;overflow-wrap:anywhere}.v26-bubble.mine{background:#164787;border-color:#2866ad;align-self:flex-end}.v26-bubble p{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap}.v26-bubble>div{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:7px}.v26-bubble time{color:#a6c4e6;font-size:10px}.v26-bubble button{color:#c9dcf2;background:none;border:0;font-size:10px;cursor:pointer;text-decoration:underline}.v26-chat-placeholder{display:grid;align-content:center;justify-items:center;gap:10px;min-height:370px;padding:35px;text-align:center;color:#abc3df}.v26-chat-placeholder svg{color:#72a6ed}.v26-chat-placeholder h3{margin:0;color:#fff}.v26-chat-placeholder p{margin:0 0 12px;font-size:12px}
.v26-compose{display:flex;gap:10px;align-items:end;padding:14px;border-top:1px solid #304964;background:#101e31}.v26-compose textarea{min-height:52px;resize:vertical;font-family:inherit}.v26-compose button{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:52px}.v26-msg-warning{background:#1b2837;border:1px solid #506382;border-radius:6px;padding:13px;margin-top:14px;font-size:12px;color:#dce8f9}.v26-msg-warning a{color:#9ec6ff}
.v26-admin-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:15px;margin-top:17px}
.v26-admin-workspace .v26-admin-sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;margin:0!important;padding:13px!important;background:#101e2e!important;border:1px solid #2e4866!important;border-radius:8px!important;max-height:min(80vh,750px);overflow:auto}
.v26-admin-workspace .v26-admin-sidebar .tab{display:flex!important;align-items:center;gap:10px;justify-content:flex-start;text-align:left;min-height:39px;border-radius:6px;padding:9px 11px;margin:0!important;width:100%!important;color:#bcd0e7;background:transparent;border:1px solid transparent;font-size:11px;font-weight:700}
.v26-admin-workspace .v26-admin-sidebar .tab:hover{background:#1a3454;border-color:#31547b}.v26-admin-workspace .v26-admin-sidebar .tab.active{background:#154278!important;border:1px solid #315f97!important;color:#fff}
.v26-admin-workspace .v26-admin-section-label{color:#82a3cb;font-size:9px;font-weight:900;letter-spacing:.15em;margin:14px 9px 3px;text-transform:uppercase}.v26-admin-workspace .v26-admin-section-label:first-child{margin-top:4px}.v26-admin-workspace #adminContent{min-width:0;margin-top:0}.v26-admin-workspace .v26-admin-lab-link{background:#183357!important;border-color:#355781!important;color:#bfdafa!important;text-decoration:none}
.v26-admin-workspace #adminContent .v24-admin-create,.v26-admin-workspace #adminContent .v23-create-grid{grid-template-columns:minmax(0,1fr)!important}
.v26-admin-workspace .v23-create-aside{display:none}
.v26-report-card{margin:12px 0;border:1px solid #314f6d;border-radius:8px;padding:14px;background:#11243a}.v26-report-card strong{font-size:13px}.v26-report-card p{font-size:12px;color:#a6bdd8}.v26-report-card blockquote{background:#0b1828;border-left:3px solid #3c72a9;margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.6}.v26-report-card form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.v26-report-card form .check{grid-column:1/-1;font-size:12px}
.v26-opt-in{margin:10px 0;font-weight:700}.v26-profile-send{display:inline-flex;align-items:center;gap:7px;margin-top:12px}
@media(hover:hover){.v26-lab-peek>.btn:hover,.v26-score-actions .btn-primary:hover{background:linear-gradient(110deg,#164c93,#534baa 75%,#a04b81)!important}}
@media(max-width:1120px){.v26-lab-grid{grid-template-columns:1fr}.v26-lab-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.v26-lab-aside .v26-my-team{grid-row:span 2}.v26-admin-workspace{grid-template-columns:205px minmax(0,1fr)}.v26-score-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.v26-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}.v26-lab-aside{grid-template-columns:1fr}.v26-score-grid{grid-template-columns:1fr}.v26-vote-form{grid-template-columns:repeat(2,minmax(0,1fr))}.v26-inbox-layout{grid-template-columns:1fr}.v26-inbox-list{border-right:0;border-bottom:1px solid #314d68}.v26-chat-window{min-height:440px}.v26-chat-messages{min-height:260px}.v26-admin-workspace{grid-template-columns:1fr}.v26-admin-workspace .v26-admin-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none}.v26-admin-workspace .v26-admin-section-label{grid-column:1/-1}.v26-admin-workspace #adminContent{width:100%}}
@media(max-width:560px){.v26-lab-peek{align-items:stretch;flex-direction:column;padding:13px}.v26-lab-peek-text{grid-template-columns:1fr;gap:7px}.v26-lab-peek-text .v26-lab-badge{grid-row:auto}.v26-page-hero{min-height:156px;padding:20px 17px}.v26-page-hero h1{font-size:35px}.v26-page-hero p{font-size:12px}.v26-panel{padding:12px}.v26-panel-head{flex-wrap:wrap}.v26-panel-head h2{font-size:16px}.v26-statrow{gap:7px}.v26-statrow>div{padding:11px 9px;grid-template-columns:32px 1fr;gap:6px}.v26-statrow>div>span{width:32px;height:34px}.v26-statrow strong{font-size:20px}.v26-statrow small{font-size:8px}.v26-lab-toolbar{gap:9px}.v26-lab-actions{margin-left:0}.v26-lab-toolbar .btn{flex:1}.v26-bracket{grid-template-columns:repeat(3,minmax(168px,1fr))}.v26-vote-form{grid-template-columns:1fr}.v26-dispute-form,.v26-dispute-resolve{flex-direction:column}.v26-chat-heading{padding:10px}.v26-chat-messages{padding:12px}.v26-bubble{max-width:90%}.v26-compose{padding:9px}.v26-compose button{padding:8px;font-size:11px}.v26-admin-workspace .v26-admin-sidebar .tab{font-size:10px;padding:8px 7px}.v26-report-card form{grid-template-columns:1fr}.v26-score-pair{font-size:11px}.v26-inbox-top{display:none}}
@media(prefers-reduced-motion:reduce){.v26-page-hero *,.v26-lab-grid *,.v26-inbox-layout *{animation:none!important;transition:none!important}}

/* Accessibility and navigation polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.v26-lab-top{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:36px;white-space:nowrap;color:#bbd6fc;text-decoration:none;border:1px solid #335679;border-radius:7px;background:#122943;font-size:11px;font-weight:800;letter-spacing:.015em}
.v26-lab-top svg{color:#67a9ed}.v26-lab-top:hover{background:#194478;color:#fff}
.v26-admin-workspace .v26-admin-lab-link{display:flex!important}
.v26-admin-workspace .v26-lab-redirect{color:#b5d7ff}
@media(max-width:860px){.v26-lab-top{padding:8px}.v26-lab-top>span{display:none}}
@media(max-width:750px){.v26-lab-top{display:none}}

.v26-live-preview{flex:0 1 320px;min-width:230px;background:#0d1d31;border:1px solid #32516d;border-radius:6px;padding:10px 13px}
.v26-live-preview small{color:#93b7eb;font-size:9px;font-weight:900;letter-spacing:.08em}
.v26-live-preview>div{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;margin-top:7px;font-size:11px;text-align:center}
.v26-live-preview strong{overflow-wrap:anywhere}.v26-live-preview b{font-size:16px}
@media(max-width:1000px){.v26-lab-peek{flex-wrap:wrap}.v26-live-preview{flex:1 1 300px}}
@media(max-width:560px){.v26-live-preview{width:100%;flex:auto}}

/* SPOTD V2.7 / Midnight Electric — confirmed art direction.
   Dark metallic blue, purposeful hierarchy, clear type, restrained motion.
   One last CSS layer; all legacy components remain functional. */
:root{
 --v27-bg:#070e18;--v27-nav:#0a1320;--v27-panel:#0e1a2a;--v27-raised:#13233a;
 --v27-panel2:#101f31;--v27-border:#263c56;--v27-border-strong:#385778;
 --v27-text:#f5f8ff;--v27-muted:#b5c6da;--v27-dim:#88a0bb;
 --v27-blue:#1354af;--v27-electric:#2082ef;--v27-bluehover:#1d6be1;
 --v27-accentgrad:linear-gradient(105deg,#298eff 0%,#636de5 53%,#c476c9 100%);
 color-scheme:dark;
}
html,body{background:var(--v27-bg)!important;color:var(--v27-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;scroll-behavior:smooth}
html{scroll-padding-top:70px}
.v23-layout,.v24-layout{background:var(--v27-bg)!important;grid-template-columns:212px minmax(0,1fr)!important}
.v24-layout .v24-main,.v23-main{background:var(--v27-bg)!important;padding:14px clamp(16px,1.6vw,28px) 65px!important;min-width:0}
.v24-layout *,.v24-layout *:before,.v24-layout *:after{box-sizing:border-box}
.v23-sidebar,.v24-sidebar{background:linear-gradient(180deg,#0a1726 0%,#081320 50%,#080f1a 100%)!important;border-right:1px solid #273c55!important;box-shadow:none!important}
.v23-brand,.v24-sidebar .v23-brand{min-height:125px;padding:16px 12px 10px}
.v23-brand .brand-img{width:154px;max-width:100%;height:auto;max-height:84px;object-fit:contain}
.v23-brand .brand-caption{color:#a6b6ce!important;font-weight:600!important;letter-spacing:.17em!important;font-size:8px!important}
.v23-navscroll,.v24-sidebar .v23-navscroll{padding:12px 11px 18px}
.v23-nav-group{margin-bottom:16px!important;padding-bottom:15px!important;border-bottom:1px solid #1d3048!important}
.v23-nav-label,.v24-sidebar .v23-nav-label{margin:5px 8px 8px!important;color:#91a9c7!important;font-size:10px!important;letter-spacing:.15em!important;font-weight:800}
.v23-nav-link,.v24-sidebar .v23-nav-link,.v26-nav-extra{min-height:43px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:9px 12px!important;margin:3px 0!important;font-size:12px!important;font-weight:620!important;color:#cad7e8!important;border-radius:7px!important;border:1px solid transparent!important;background:transparent!important;text-decoration:none!important;box-shadow:none!important;transition:background-color .18s,border-color .18s,color .18s}
.v23-nav-link svg,.v26-nav-extra svg{color:#9db5cf!important;opacity:.95}
.v23-nav-link:hover,.v26-nav-extra:hover{background:#162a43!important;border-color:#284461!important;color:#fff!important}
.v23-nav-link.active,.v24-sidebar .v23-nav-link.active{background:linear-gradient(90deg,#143760,#102b4c 82%,#12243a)!important;color:#fff!important;border-color:#31639b!important}
.v23-nav-link.active:before,.v24-sidebar .v23-nav-link.active:before{background:#429fff!important;width:3px!important;left:-12px!important}
.v23-nav-link.active svg{color:#65b1ff!important}
.v26-nav-lab .v26-nav-extra{background:#152844!important;border-color:#2d4768!important;color:#dcecff!important}
.v26-nav-lab .v26-nav-extra:hover{background:#1c3b62!important}
.v23-sidebar-footer,.v24-sidebar .v23-sidebar-footer{gap:12px!important;padding:0 11px 15px!important}
.v24-sidebar-promo{min-height:153px!important;padding:85px 13px 14px!important;border:1px solid #305476!important;border-radius:10px!important;background-image:linear-gradient(0deg,#071321f5 0%,#09162775 67%,#07132122 100%),url('/media-v24/home.webp')!important}
.v24-sidebar-promo strong{font-size:13px!important;line-height:1.3!important;letter-spacing:-.01em}
.v24-sidebar-promo .btn{width:100%;justify-content:center}
.v23-sidebar-account,.v24-sidebar .v23-sidebar-account{background:#14263b!important;border:1px solid #304c68!important;border-radius:9px!important;min-height:59px}
.v23-sidebar-account strong{font-size:12px!important}
.v23-version{font-size:9px!important;color:#829bb7!important;letter-spacing:.08em}
/* header */
.v23-topbar,.v24-layout .v23-topbar{height:62px!important;min-height:62px!important;position:sticky!important;top:0!important;padding:0 clamp(14px,1.6vw,28px)!important;background:rgba(8,17,29,.98)!important;backdrop-filter:blur(16px);border-bottom:1px solid #253e57!important;box-shadow:none!important;z-index:42!important}
.v23-global-search,.v24-layout .v23-global-search{height:38px!important;max-width:470px!important;border:1px solid #344e6b!important;border-radius:8px!important;background:#132238!important;gap:12px!important;padding:0 13px!important}
.v23-global-search:focus-within{border-color:#5c97d8!important;background:#152b46!important}
.v23-global-search input,.v24-layout .v23-global-search input{font-size:13px!important;letter-spacing:0!important;color:#e9f1ff!important}
.v23-global-search input::placeholder{color:#a4b9d0!important;opacity:1}
.v23-top-actions{gap:10px!important}
.v23-language,.v24-layout .v23-language{height:38px!important;border:1px solid #35516e!important;border-radius:8px!important;background:#14243b!important;color:#fff!important}
.v23-account-menu>summary,.v24-layout .v23-account-menu>summary{height:43px!important;border:1px solid #2c4968!important;border-radius:8px!important;background:#122239!important}
.v23-account-menu>summary:hover{background:#1a3555!important}
.v23-account-panel{border-radius:10px!important;border-color:#355577!important;background:#112238!important}
.v26-inbox-top,.v26-lab-top{height:38px!important;border:1px solid #304d6d!important;background:#13253c!important;border-radius:8px!important;color:#cfe6ff!important}
.v26-inbox-top:hover,.v26-lab-top:hover{background:#1a3a60!important;border-color:#4a79af!important}
.v26-lab-top{font-size:11px!important;letter-spacing:.01em!important}
/* type scale and accessible contrast: Impact only on big editorial hero. */
.v23-layout :is(.v24-heading h2,.v24-section-title h2,.v24-section-title,.v26-panel-head h2,.v24-panel h2,.v26-lab-aside h2,.v24-admin-main h2,.v24-player-hero h2,.v24-team-hero h2){font-family:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif!important;font-weight:830!important;font-stretch:normal!important;letter-spacing:-.025em!important;line-height:1.2!important;text-transform:none!important;text-shadow:none!important}
.v24-heading h2,.v24-section-title h2,.v26-panel-head h2{font-size:clamp(17px,1.45vw,21px)!important;color:#f5f8fe!important}
.v24-section-title,.v24-heading h2{color:#f7f9ff!important}
.v24-overline,.v26-overline,.v23-kicker{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif!important;font-size:10px!important;line-height:1.5!important;font-weight:800!important;color:#9fbee7!important;letter-spacing:.13em!important}
.v24-soft,.v26-panel p,.v26-info,.v24-panel p,.v23-pane p,.v24-team-card p,.v24-player-hero p{line-height:1.6;color:var(--v27-muted)}
/* universal interactive components */
.v24-layout .btn,.v23-layout .btn,.v26-panel button,.v27-home-card button{border-radius:8px!important;min-height:39px;font-size:12px!important;font-weight:740!important;letter-spacing:0;box-shadow:none!important;text-shadow:none!important}
.v24-layout .btn-primary,.v23-layout .btn-primary,.v26-panel .btn-primary{background:linear-gradient(125deg,#1455af 0%,#1655ae 100%)!important;border:1px solid #3276cc!important;color:#fff!important;box-shadow:none!important}
@media(hover:hover){.v24-layout .btn-primary:hover:not(:disabled),.v23-layout .btn-primary:hover:not(:disabled),.v26-panel .btn-primary:hover:not(:disabled){background:linear-gradient(110deg,#1965c1,#4b53a9 74%,#835398)!important;border-color:#6677d6!important;transform:translateY(-1px)}}
.v24-layout .btn:not(.btn-primary),.v23-layout .btn:not(.btn-primary){background:#182a40!important;border:1px solid #365475!important;color:#e5f0ff!important}
.v24-layout .btn:not(.btn-primary):hover,.v23-layout .btn:not(.btn-primary):hover{background:#233b58!important;border-color:#6286b5!important}
.v24-layout :is(a,button,[role="button"]){touch-action:manipulation}
.v24-layout :is(a,button,select,input,textarea,summary):focus-visible{outline:2px solid #86bfff!important;outline-offset:3px!important}
.v24-layout :is(.tab,.v24-event-subnav button){border-radius:7px!important}
.v23-footer{border-color:#273c55!important;color:#9aacc3!important;font-size:11px!important}
.v23-footer a{color:#bed7f5!important}
/* Approved home hero. The artwork now spans the full banner; angled midnight layers solve the hard 50/50 cut. */
.v24-main>.v27-hero{margin-top:-14px}
.v27-hero{position:relative;overflow:hidden;isolation:isolate;min-height:425px;display:flex;align-items:center;padding:52px clamp(28px,3vw,48px) 43px;border:1px solid #254463;border-radius:12px;margin-bottom:12px;background:#071323}
.v27-hero-art{position:absolute;inset:0;z-index:-2;background:url('/media-v24/home.webp') right 36%/cover no-repeat;filter:saturate(1.08) contrast(1.05)}
.v27-hero:before{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(96deg,#06101ffb 0%,#071326f7 26%,#0a1730ef 42%,#07132674 63%,#0714260d 100%),linear-gradient(0deg,#07111b55,transparent 50%);pointer-events:none}
.v27-hero:after{position:absolute;content:'';inset:auto auto 0 50%;width:30%;height:3px;background:linear-gradient(90deg,transparent,#377ed3,#7556b0,transparent);opacity:.72;pointer-events:none}
.v27-hero-inner{position:relative;z-index:2;max-width:570px;min-width:0}
.v27-hero-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;font-weight:780;color:#c6d9f6;margin-bottom:20px;text-transform:uppercase}
.v27-kicker-line{display:inline-block;width:22px;height:2px;background:#3294ee;margin-right:3px}.v27-kicker-dot{color:#6ba4dc}
.v27-hero h1{margin:0 0 21px;font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-size:clamp(65px,6vw,92px)!important;font-style:italic;font-weight:900;letter-spacing:-.025em!important;line-height:.93!important;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px #02050c44}
.v27-hero h1 span,.v27-hero h1 em{display:block;font-style:italic;white-space:nowrap}
.v27-hero h1 em{background:linear-gradient(105deg,#328ffc 3%,#567adf 39%,#a273df 86%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:none;max-width:max-content;padding-right:10px;text-shadow:none}
.v27-hero-inner>p{max-width:475px;margin:0 0 25px;font-size:clamp(14px,1.1vw,16px)!important;font-weight:480!important;line-height:1.6!important;color:#eef4ff!important;text-wrap:pretty}
.v27-hero-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:23px}
.v27-hero-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px!important;min-height:47px!important;font-size:13px!important}
.v27-hero-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#b2c7e0;font-size:11px;font-weight:620}.v27-hero-meta>span{display:flex;align-items:center;gap:7px}.v27-hero-meta svg{color:#69a9f1}.v27-hero-meta .v27-meta-sep{width:1px;height:13px;background:#3b5877;display:block}
.v27-hero-caption{position:absolute;z-index:1;right:25px;bottom:24px;display:grid;justify-items:end;gap:2px;color:#e7f0fd;font-size:11px;font-weight:800;letter-spacing:.085em;line-height:1.5;text-shadow:0 1px 9px #020710}.v27-hero-caption strong{color:#9dbcfb}
/* The lab banner appears on admin pages with a verified simulation label, not a fake live score. */
.v26-lab-peek{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px!important;border-radius:10px!important;margin:0 0 12px!important;min-height:83px!important;border:1px solid #315475!important;background:linear-gradient(95deg,#132341f7 0%,#102643f3 62%,#152841ec 100%)!important;box-shadow:none!important}
.v26-lab-peek:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.32;background:linear-gradient(90deg,transparent 45%,#1a3158dd),url('/media-v24/tournaments.webp') right 35%/410px auto no-repeat}
.v26-lab-peek-text{min-width:0;gap:4px!important}
.v26-lab-peek-text strong{font-size:15px!important;font-weight:780!important;line-height:1.35!important;color:#fff!important}
.v26-lab-peek-text p{font-size:12px!important;line-height:1.5!important;color:#bfd2e8!important;max-width:480px}
.v26-lab-badge{background:#162d4b!important;color:#b0d8ff!important;border-color:#386490!important;border-radius:7px!important;font-weight:810!important;letter-spacing:.06em;font-size:10px!important}
.v26-lab-peek .btn{white-space:nowrap;flex-shrink:0}
.v26-live-preview{background:#10243d!important;border-color:#3a5470!important;border-radius:8px!important}
/* metric cards: legible, real counts, slight metallic lift */
.v27-stat-holder .v24-metrics{gap:11px!important;margin:11px 0 13px!important}
.v27-stat-holder .v24-metrics>div,.v24-admin-metrics>div{background:linear-gradient(135deg,#13243b 0%,#0f1d2f 100%)!important;border:1px solid #2d4765!important;border-radius:10px!important;padding:16px!important;min-height:87px!important;box-shadow:inset 0 1px #ffffff08!important}
.v27-stat-holder .v24-metrics>div>span{background:#152f50!important;color:#69b2ff!important;border-radius:8px!important;width:43px!important;height:46px!important}
.v27-stat-holder .v24-metrics strong,.v24-admin-metrics strong{font-size:30px!important;letter-spacing:-.015em!important;font-weight:850!important;line-height:1.05!important;color:#f7faff!important}
.v27-stat-holder .v24-metrics small,.v24-admin-metrics small{color:#c7d8eb!important;font-size:10px!important;line-height:1.4!important;font-weight:760!important;letter-spacing:.025em!important}
/* Homepage panels */
.v27-home-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:12px;align-items:start}
.v27-home-card{min-width:0;position:relative;border:1px solid #2b4562;background:linear-gradient(145deg,#0f1e31,#0b1929);border-radius:11px;padding:17px;margin:0;box-shadow:inset 0 1px #ffffff07}
.v27-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-bottom:15px}
.v27-card-heading>div{min-width:0}.v27-section-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#84ace1;margin-bottom:5px}
.v27-card-heading h2,.v27-onboarding-heading h2{font-family:Inter,system-ui,'Segoe UI',Arial,sans-serif!important;font-weight:850!important;font-style:normal!important;font-size:clamp(18px,1.45vw,23px)!important;line-height:1.18!important;letter-spacing:-.026em!important;color:#f6f9ff!important;text-transform:none!important;margin:0!important;text-shadow:none!important}
.v27-section-link{display:inline-flex;align-items:center;gap:7px;flex:none;text-decoration:none;color:#8ebeff;font-size:11px;font-weight:740}.v27-section-link:hover{color:white}
.v27-filter-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.v27-filter-pills>span,.v27-filter-pills>a{border:1px solid #344c69;border-radius:7px;padding:7px 12px;background:#14263d;color:#c2d4e8;font-size:11px;font-weight:700}
.v27-filter-pills .v27-pill-selected{background:#1a559d;border-color:#367ed2;color:#fff}
.v27-filter-pills .v27-coming-pill{color:#9cb0c7}
.v27-empty{display:flex;align-items:center;gap:20px;padding:23px;min-height:180px;border:1px solid #2b4969;border-radius:9px;position:relative;overflow:hidden;background:#0e2237}
.v27-empty:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.44;background:url('/media-v24/tournament.webp') right 38%/auto 135% no-repeat}
.v27-empty:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(92deg,#0d2038 0%,#0d2038ee 57%,#10253d39 100%)}
.v27-empty-symbol,.v27-empty-content{position:relative;z-index:1}
.v27-empty-symbol{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:11px;background:#163b68;color:#8fcbff;border:1px solid #356396}
.v27-empty-content{max-width:450px}.v27-empty-content h3{font-size:17px!important;color:#fff;font-weight:820;letter-spacing:-.017em;margin:0 0 7px;text-wrap:balance}.v27-empty-content p{font-size:12px!important;line-height:1.6;color:#c4d7ee;max-width:370px;margin:0 0 13px}
.v27-small-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:810;color:#d7eaff;text-decoration:none;background:#183658;border:1px solid #3f6b9b;border-radius:7px;padding:9px 12px;cursor:pointer}.v27-small-action:hover{background:#234c79;color:#fff;border-color:#629cd8}
.v27-live-card .v27-empty{min-height:233px;align-items:center}.v27-empty-live:before{background-image:url('/media-v24/matches.webp');background-position:center right;background-size:auto 100%;opacity:.31}.v27-empty-live:after{background:linear-gradient(105deg,#0e2338f4 15%,#0e2338cf 75%,#0e233890)}
.v27-home-card .v24-home-event-list{gap:8px}.v27-home-card .v24-home-event{min-height:87px;padding:9px;background:#122841;border-color:#31506f;border-radius:9px}.v27-home-card .v24-home-event>img{height:66px;width:106px;border-radius:6px}.v27-home-card .v24-home-event strong{font-size:13px}.v27-home-card .v24-home-event small{font-size:11px}.v27-home-card .v24-spotlight-team{background:#142c48;border:1px solid #335273;border-radius:8px}
.v27-home-card .v27-team-content{display:grid;grid-template-columns:1fr;gap:9px}.v27-home-card .v27-team-content:has(.v24-spotlight-team){grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
.v27-empty-team{min-height:157px}.v27-empty-team:before{background-image:url('/media-v24/team.webp');opacity:.28}
.v27-community-status{display:flex;gap:14px;align-items:flex-start;padding:15px 0 13px}.v27-community-status>svg{flex:none;color:#90bef4;background:#173353;width:45px;height:45px;padding:12px;border-radius:9px}.v27-community-status strong{font-size:14px;font-weight:800;color:#f7faff}.v27-community-status p{margin:7px 0 0;color:#b9cee6;font-size:12px;line-height:1.65}.v27-community .v27-small-action{margin-top:3px}
.v27-onboarding{margin-top:15px;border:1px solid #2c4561;border-radius:11px;background:linear-gradient(120deg,#111f32,#0b1828);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:20px;align-items:center;padding:22px}
.v27-onboarding-heading h2{font-size:22px!important;margin-bottom:9px!important}.v27-onboarding-heading p{font-size:12px;line-height:1.6;color:#b8cbe2;margin:0}
.v27-onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v27-onboarding-steps a{position:relative;display:grid;align-content:center;gap:6px;border:1px solid #315070;background:#132841;border-radius:9px;padding:14px;text-decoration:none;min-width:0;min-height:124px;transition:background .18s,border-color .18s}
.v27-onboarding-steps a:hover{background:#1b385b;border-color:#4c7cad}
.v27-step{color:#76b8ff;font-size:10px;font-weight:850;letter-spacing:.07em}.v27-onboarding-steps strong{color:#fff;font-size:13px;font-weight:800}.v27-onboarding-steps small{color:#b6cbe2;font-size:11px;line-height:1.45}.v27-onboarding-steps svg{position:absolute;right:11px;top:12px;color:#82acd7}
/* Cohesive secondary pages: no illegible condensed heading fonts. */
.v24-panel,.v23-pane,.v26-panel,.v24-tourney,.v24-team-card,.v24-social-card,.v24-admin-tools button,.v24-spotlight-team{background:linear-gradient(145deg,#112138,#0d1a2b)!important;border:1px solid #2b4665!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff06!important}
.v24-panel,.v26-panel{padding:16px!important}.v24-panel .v24-heading{margin-bottom:13px}
.v24-banner,.v26-page-hero{border:1px solid #2d4868!important;border-radius:11px!important;overflow:hidden!important;background-color:#0c1a2c!important}
.v24-banner{min-height:210px!important;padding:36px 33px!important;margin-top:0!important}
.v24-banner:before,.v26-page-hero:before{pointer-events:none}
.v24-banner h1,.v26-page-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif!important;font-size:clamp(39px,3.75vw,58px)!important;letter-spacing:-.018em!important;line-height:1.05!important;font-weight:900!important;text-transform:uppercase!important;color:white!important;text-shadow:0 2px 5px #0007!important}
.v24-banner h1 em{background:var(--v27-accentgrad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none!important}
.v24-banner p,.v26-page-hero p{color:#d5e3f4!important;font-size:13px!important;line-height:1.7!important;max-width:610px}
.v24-banner-tournaments{background-position:center!important}
.v24-filter-row,.v24-event-subnav{border-radius:9px!important;background:#112139!important;border:1px solid #284465!important;padding:12px!important;gap:8px!important}
.v24-filter-row :is(input,select),.v24-filter :is(select,input){background:#152a43!important;color:#e2effe!important;border-color:#355679!important;border-radius:7px!important;font-size:12px!important}
.v24-filter small{color:#b0c7e3!important;font-weight:730!important;font-size:11px!important}
.v24-event-subnav button{border-radius:7px!important;color:#bdd1e9!important;font-size:12px!important}
.v24-event-subnav .active,.v24-event-subnav button.active{background:#174d95!important;border:1px solid #3377c7!important;color:#fff!important}
.v24-tourney,.v24-team-card,.v23-tournament-card{overflow:hidden;border-color:#31506d!important;border-radius:10px!important}
.v24-tourney:hover,.v24-team-card:hover,.v23-tournament-card:hover{border-color:#4d7ba9!important;transform:translateY(-1px)}
.v24-tourney h3,.v24-team-card h3{font-family:Inter,system-ui,Arial,sans-serif!important;font-size:15px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.015em!important}
.v24-tourney .btn{font-size:11px!important}
.v24-section-title,.v24-section-title h2,.v24-heading h2{line-height:1.3!important}
.v24-team-hero,.v24-player-hero{border:1px solid #314b69!important;border-radius:12px!important;overflow:hidden}
.v24-player-hero :is(strong,h1,h2),.v24-team-hero :is(strong,h1,h2){text-shadow:none}
/* Community: reserved to approved users, no sample posts, distinct actions. */
.v24-social-layout,.v24-team-layout,.v24-profile-layout,.v24-match-layout,.v24-detail-layout{gap:14px!important}
.v24-post-wrap,.v24-feed-composer,.v24-player-stat,.v24-player-rank{border:1px solid #2c496b!important;border-radius:9px!important;background:#10233a!important}
.v24-post-wrap p,.v24-feed-composer label,.v24-player-hero p{font-size:13px!important;line-height:1.6!important}
.v24-social-layout .v24-panel,.v24-profile-layout .v24-panel{padding:16px!important}
/* Match Center */
.v24-match-feature,.v24-match-event,.v24-match-row{border:1px solid #31506c!important;border-radius:9px!important;background:#12233a!important}
.v24-match-row:hover,.v24-match-event:hover{border-color:#5b84b6!important;background:#183456!important}
/* Messages */
.v26-inbox-layout{background:#0c1b2e!important;border:1px solid #325372!important;border-radius:11px!important;min-height:580px!important}
.v26-inbox-list,.v26-compose{background:#102037!important}
.v26-chat-window{background:linear-gradient(135deg,#0d1b2e,#0c1a2b)}
.v26-chat-heading{background:#13263f!important;border-color:#304d6c!important}
.v26-inbox-list .v26-panel-head h2,.v26-chat-heading strong{font-size:17px!important;font-weight:820!important}
.v26-thread{border-radius:8px!important;min-height:63px}.v26-thread:hover,.v26-thread.active{background:#1b3b60!important;border-color:#3a6ca1!important}
.v26-start-chat input,.v26-compose textarea{border-color:#3c5d7c!important;background:#142a44!important;color:white!important;font-size:13px!important;border-radius:8px!important}
.v26-bubble{border-color:#3b5a7c!important;background:#182c45!important;border-radius:12px 12px 12px 4px!important}
.v26-bubble.mine{background:#194a84!important;border-color:#2e73bc!important;border-radius:12px 12px 4px 12px!important}
.v26-bubble p{font-size:13px!important;line-height:1.55!important}
/* LAB panels & status: functional, simulated only */
.v26-page-hero{min-height:205px!important;padding:32px!important;background-size:cover!important}
.v26-lab-toolbar{background:#0e2035!important;border:1px solid #2d4b69!important;border-radius:10px!important;padding:12px!important;margin:13px 0!important}
.v26-lab-grid{gap:13px!important}.v26-panel{border-radius:10px!important}
.v26-bracket-match,.v26-score-card,.v26-dispute,.v26-team-player,.v26-standings>div,.v26-my-team{border-color:#355472!important;background:#122943!important;border-radius:8px!important}
.v26-bracket-team{font-size:12px!important;line-height:1.45}.v26-bracket-team.winner{color:#e0f4ff!important}
.v26-round-label,.v26-overline{color:#a9cafa!important}
.v26-bracket{scrollbar-color:#3d6390 transparent;scrollbar-width:thin}
.v26-score-pair b,.v26-standings b{font-weight:810!important;color:#f1f6ff!important}
.v26-panel input,.v26-panel textarea,.v26-panel select{background:#112941!important;border:1px solid #395a7c!important;color:white!important;border-radius:8px!important;font-size:12px!important;min-height:40px}
.v26-panel label{font-weight:650;color:#c9dcf1;font-size:12px}
.v26-panel .v26-vote-form{gap:11px}
/* Admin organization: visually distinct navigation, no nested tiny type. */
.v24-banner-admin{background-image:linear-gradient(90deg,#081628f8 0%,#0b1e35d6 50%,#081b3240),url('/media-v24/admin.webp')!important;min-height:225px!important}
.v24-banner-admin h1{font-size:clamp(37px,3.8vw,57px)!important;letter-spacing:-.02em!important}
.v24-admin-metrics{gap:11px!important;margin:14px 0!important}
.v24-admin-metrics>div{grid-template-columns:48px minmax(0,1fr)!important;min-height:93px!important}.v24-admin-metrics svg{width:28px;height:28px;color:#65aeff!important}
.v24-admin-dashboard-grid{gap:13px!important}.v24-admin-tools button{min-height:58px!important;font-size:12px!important;gap:11px!important;padding:13px!important;color:#edf5ff!important}
.v24-priority-list>div,.v24-audit-preview>div{font-size:12px!important;color:#d7e5f6!important}
.v26-admin-workspace{grid-template-columns:225px minmax(0,1fr)!important;gap:14px!important;align-items:start}
.v26-admin-workspace .v26-admin-sidebar{background:#0d1d31!important;border:1px solid #2f4b68!important;border-radius:10px!important;padding:12px!important;gap:3px!important;max-height:calc(100vh - 95px)!important;position:sticky;top:76px}
.v27-admin-title{padding:9px 9px 11px;border-bottom:1px solid #2e4764;margin-bottom:7px}.v27-admin-title span{display:block;font-size:13px;font-weight:840;color:#f4f8ff;letter-spacing:.008em}.v27-admin-title small{display:block;color:#a4bad4;font-size:11px;margin-top:4px}
.v26-admin-workspace .v26-admin-section-label{color:#a7c4e7!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:820!important;margin:13px 10px 4px!important}
.v26-admin-workspace .v26-admin-sidebar .tab{min-height:40px!important;font-size:12px!important;font-weight:680!important;padding:10px 12px!important;background:transparent!important;color:#c3d6eb!important;border:1px solid transparent!important;border-radius:7px!important}
.v26-admin-workspace .v26-admin-sidebar .tab:hover{background:#1a3352!important;border-color:#365a7c!important}
.v26-admin-workspace .v26-admin-sidebar .tab.active{background:#1a4b84!important;border:1px solid #3672b5!important;color:#fff!important}
.v26-admin-workspace #adminContent{background:transparent;min-width:0}.v26-admin-workspace #adminContent .v24-admin-content{background:transparent}
.v24-admin-main>.v24-heading h2,.v24-admin-main>.v24-section-title h2{font-size:20px!important}
.v26-report-card{border-radius:9px!important;background:#11243b!important}
/* home, tournament and admin form typography defaults */
.v24-layout :is(input,select,textarea){font-family:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;font-size:13px}
.v24-layout :is(input,select,textarea)::placeholder{color:#9db2cb;opacity:1}
.v24-layout :is(.v24-panel,.v26-panel,.v23-pane) :is(h3,h4){font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;font-weight:790;letter-spacing:-.02em;line-height:1.3}
.v24-layout :is(.v24-panel,.v26-panel,.v23-pane) small{line-height:1.4}
/* Responsive: fit content and preserve thumb navigation */
@media(max-width:1280px){.v27-home-layout{grid-template-columns:1.12fr .88fr}.v27-hero h1{font-size:clamp(58px,6vw,81px)!important}.v26-admin-workspace{grid-template-columns:195px minmax(0,1fr)!important}.v26-admin-workspace .v26-admin-sidebar .tab{font-size:11px!important}}
@media(max-width:1050px){.v27-home-layout{grid-template-columns:minmax(0,1fr)}.v27-hero{min-height:390px}.v27-hero-inner{max-width:65%}.v27-onboarding{grid-template-columns:1fr}.v27-hero h1{font-size:clamp(56px,7vw,76px)!important}.v27-empty-live{min-height:160px!important}}
@media(max-width:860px){.v27-onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.v27-stat-holder .v24-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v26-admin-workspace{grid-template-columns:1fr!important}.v26-admin-workspace .v26-admin-sidebar{position:static;max-height:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.v26-admin-workspace .v27-admin-title,.v26-admin-workspace .v26-admin-section-label{grid-column:1/-1}}
@media(max-width:750px){
 .v23-layout,.v24-layout{grid-template-columns:minmax(0,1fr)!important}
 .v23-layout .v23-sidebar,.v24-layout .v23-sidebar{display:none!important}
 .v23-topbar,.v24-layout .v23-topbar{height:64px!important;min-height:64px!important;padding:0 12px!important}
 .v24-layout .v24-main,.v23-main{width:100%!important;min-width:0!important;padding:15px 12px calc(110px + env(safe-area-inset-bottom))!important}
 .v23-topbar .v23-mobile-brand{width:min(140px,37vw)!important;max-width:min(140px,37vw)!important;height:54px!important;display:flex!important;align-items:center;flex:1 1 auto!important;min-width:0!important;overflow:hidden}
 .v23-topbar .v23-mobile-brand img{height:50px!important;max-height:50px!important;width:100%!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
 .v23-topbar .v23-global-search{display:none!important}
 .v23-topbar .v23-top-actions{gap:7px!important;min-width:0!important}
 .v23-topbar .v23-language{height:36px!important;min-width:58px!important}
 .v24-layout .v23-mobile-nav{background:rgba(9,20,35,.98)!important;backdrop-filter:blur(14px)!important;border-top:1px solid #36536f!important;box-shadow:0 -8px 30px #040a1480!important;min-height:65px;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}
 .v24-layout .v23-mobile-nav>a,.v24-layout .v23-mobile-more>summary{min-width:0!important;min-height:56px!important;gap:5px!important;color:#c1d0e1!important;border-radius:7px!important}
 .v24-layout .v23-mobile-nav>a.active{color:#81bbff!important;background:#14385f!important}
 .v24-layout .v23-mobile-nav svg{width:22px!important;height:22px!important}
 .v24-layout .v23-mobile-nav small{font-size:10px!important;font-weight:700!important;white-space:nowrap}
 .v24-main>.v27-hero{margin-top:0}
 .v27-hero{min-height:470px;padding:30px 23px 24px;border-radius:11px}
 .v27-hero-art{background-position:64% center}
 .v27-hero:before{background:linear-gradient(96deg,#06111df5 0%,#061427eb 39%,#071323a1 68%,#06111e6a),linear-gradient(0deg,#0613227d,transparent 60%)}
 .v27-hero-inner{max-width:95%}.v27-hero h1{font-size:clamp(50px,9.1vw,75px)!important}.v27-hero-inner>p{font-size:14px!important;max-width:490px}.v27-hero-caption{display:none}
 .v27-onboarding{padding:15px}.v27-onboarding-steps{grid-template-columns:1fr}
 .v27-onboarding-steps a{min-height:74px;padding:12px 14px}
 .v27-card-heading h2{font-size:19px!important}
 .v26-lab-peek{gap:10px!important}.v26-lab-peek:before{opacity:.18}
 .v24-banner,.v26-page-hero{margin-top:0!important;border-radius:10px!important;padding:24px 20px!important;min-height:170px!important}.v24-banner h1,.v26-page-hero h1{font-size:clamp(35px,8vw,49px)!important}
 .v26-admin-workspace .v26-admin-sidebar{max-height:none!important}
}
@media(max-width:520px){
 .v27-hero{min-height:510px;padding:27px 20px 22px}
 .v27-hero-art{background-position:62% center}.v27-hero:before{background:linear-gradient(95deg,#061321ed,#061528d9 58%,#07162970 100%),linear-gradient(0deg,#07101de8,transparent 75%)}
 .v27-hero-kicker{font-size:9px;gap:6px;margin-bottom:28px;letter-spacing:.09em}
 .v27-hero h1{font-size:clamp(48px,11.4vw,67px)!important;letter-spacing:-.018em!important;margin-bottom:23px}.v27-hero-inner>p{font-size:14px!important;max-width:380px}
 .v27-hero-buttons{align-items:stretch;gap:9px}.v27-hero-buttons .btn{width:100%;justify-content:center;min-height:46px!important}
 .v27-hero-meta{gap:10px;font-size:10px}.v27-hero-meta .v27-meta-sep{display:none}
 .v27-home-card{padding:14px;border-radius:10px}.v27-card-heading{align-items:start;margin-bottom:13px}.v27-card-heading h2{font-size:19px!important}.v27-section-link{font-size:11px;margin-top:18px}
 .v27-empty{min-height:205px;align-items:start;gap:11px;padding:17px 13px}.v27-empty-symbol{width:36px;height:36px;border-radius:8px}.v27-empty-symbol svg{width:18px;height:18px}
 .v27-empty-content h3{font-size:15px!important}.v27-empty-content p{font-size:11px!important}
 .v27-empty:before{background-position:100% 100%;background-size:auto 100%;opacity:.24}
 .v27-stat-holder .v24-metrics>div{min-height:80px!important;padding:12px 9px!important;gap:6px!important;grid-template-columns:34px minmax(0,1fr)!important}
 .v27-stat-holder .v24-metrics>div>span{height:35px!important;width:33px!important}.v27-stat-holder .v24-metrics strong{font-size:23px!important;overflow-wrap:anywhere}.v27-stat-holder .v24-metrics small{font-size:9px!important}
 .v26-lab-peek{align-items:stretch!important;padding:14px!important;flex-direction:column!important}.v26-lab-peek .btn{width:100%;justify-content:center}.v26-live-preview{min-width:0!important;width:100%!important}
 .v26-admin-workspace .v26-admin-sidebar .tab{font-size:11px!important;min-height:43px!important;padding:9px!important}
 .v26-admin-workspace .v26-admin-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px!important}
 .v26-admin-workspace .v26-admin-section-label{font-size:9px!important}
 .v26-inbox-layout{min-height:400px!important}.v26-chat-heading{gap:6px}.v26-chat-heading .btn{min-width:0}
 .v26-bubble{max-width:94%!important}
 .v24-admin-metrics>div{grid-template-columns:35px minmax(0,1fr)!important;padding:11px!important}.v24-admin-metrics strong{font-size:23px!important}.v24-admin-metrics small{font-size:9px!important}
 .v24-main>.v24-banner{margin-top:0!important}
}
@media(max-width:355px){.v27-hero h1{font-size:45px!important}.v27-hero{padding:22px 16px}.v27-card-heading h2{font-size:17px!important}.v27-stat-holder .v24-metrics strong{font-size:19px!important}.v23-topbar .v23-mobile-brand{max-width:98px!important}.v23-topbar .v23-mobile-brand img{max-width:98px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v27-hero *, .v27-home-card *, .v27-onboarding *{animation:none!important;transition:none!important}}

.v27-filter-pills>a{text-decoration:none}.v27-filter-pills>a:hover{border-color:#628dcc;color:#fff;background:#224a78}

/* SPOTD V2.8 – tournament information architecture. Appends to Midnight Electric.
   No neon/glow, no invented participation metrics, and robust mobile structure. */
.v28-overline{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7fa8e6}
.v28-list-hero,.v28-profile-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px;padding:35px 40px;border:1px solid #203953;border-radius:12px;background:linear-gradient(108deg,#0b1626 0%,#101f35 64%,#102d4b 100%);overflow:hidden}
.v28-list-hero:after{content:'';position:absolute;right:0;bottom:0;width:38%;height:3px;background:linear-gradient(90deg,#175dba,#376bba,#7147a1)}
.v28-list-hero h1,.v28-tour-identity h1,.v28-profile-hero h1{font-family:inherit!important;font-size:clamp(29px,3.8vw,52px)!important;font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:10px 0 12px;text-transform:none!important;color:#f6f9ff;text-shadow:none!important}
.v28-list-hero p,.v28-profile-hero p{max-width:690px;color:#b8c9e2;line-height:1.6;margin:0}
.v28-hero-stats{min-width:145px;display:grid;gap:0;text-align:right}.v28-hero-stats strong{font-size:46px;line-height:1.1;color:#fff}.v28-hero-stats span{font-size:12px;color:#90a4c4}
.v28-browser{border:1px solid #253953;background:#0c1727;border-radius:12px;padding:18px}
.v28-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(124px,1fr));gap:11px;padding-bottom:18px;border-bottom:1px solid #263b54}
.v28-search-field,.v28-filter-field{min-width:0;display:flex;align-items:center;gap:9px;background:#101e31;border:1px solid #304561;border-radius:8px;padding:0 12px;min-height:47px;color:#87a7d7}
.v28-search-field input{flex:1;min-width:0;padding:10px 0;border:0!important;background:transparent!important;color:#f4f8ff;outline:none;box-shadow:none!important;font-size:14px}
.v28-filter-field{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:3px 11px}
.v28-filter-field span{color:#8fa6c3;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.v28-filter-field select{height:25px!important;min-height:25px!important;max-width:100%;padding:0 20px 0 0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#eff5ff!important;font-size:12px}
.v28-filter-field select option{background:#101e30}
.v28-browser-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:21px 0 15px}
.v28-browser-heading h2,.v28-detail-card h2{font-family:inherit!important;text-transform:none!important;font-weight:800!important;letter-spacing:-.015em!important;font-size:clamp(18px,2vw,23px)!important;color:#f4f8ff;text-shadow:none!important;margin:0}.v28-browser-heading small{color:#92abc9}
.v28-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v28-filtered-event[hidden],#v28-no-match[hidden]{display:none!important}
.v28-event-card{height:100%;display:flex;flex-direction:column;background:#101e30;border:1px solid #2b3f56;border-radius:10px;overflow:hidden;transition:transform .15s ease,border-color .15s ease}
.v28-event-card:hover{transform:translateY(-2px);border-color:#5080be}.v28-event-image{position:relative;min-height:145px;display:flex;align-items:flex-start;justify-content:space-between;padding:13px;background:linear-gradient(0deg,rgba(5,13,24,.82),transparent 65%),url('/media-v24/tournament.webp') center/cover no-repeat}
.v28-filtered-event:nth-child(3n+2) .v28-event-image{background-image:linear-gradient(0deg,rgba(5,13,24,.85),transparent 65%),url('/media-v24/team.webp')}
.v28-filtered-event:nth-child(3n) .v28-event-image{background-image:linear-gradient(0deg,rgba(5,13,24,.85),transparent 65%),url('/media-v24/matches.webp')}
.v28-game-pill{background:rgba(6,15,30,.84);border:1px solid #4a668c;color:#e4efff;border-radius:5px;font-size:11px;letter-spacing:.09em;font-weight:800;padding:6px 9px}
.v28-event-status{border-radius:5px;background:#183a59;color:#aaddff;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.v28-event-status.finished{background:#1c2b3c;color:#b8c6d6}.v28-event-status.published{background:#133b39;color:#78d6ba}
.v28-test-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #5e4a96;border-radius:5px;background:#291c3b;color:#dccaff;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.v28-event-image .v28-test-badge{position:absolute;left:13px;bottom:12px}.v28-event-body{padding:17px 17px 14px;display:flex;flex-direction:column;flex:1;min-width:0}.v28-event-eyebrow{font-size:11px;color:#87a7cc;font-weight:800}.v28-event-eyebrow span{margin:0 4px}.v28-event-body h3{font-family:inherit!important;font-size:20px!important;line-height:1.25;margin:9px 0;text-transform:none!important;font-weight:800;letter-spacing:-.02em}.v28-event-body h3 a{color:#f2f6ff;text-decoration:none}.v28-event-body h3 a:hover{color:#8fc2ff}
.v28-event-body p{margin:0 0 15px;font-size:12px;color:#b7c9df;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v28-event-facts{display:flex;flex-wrap:wrap;gap:8px 15px;padding:12px 0;margin-top:auto;border-top:1px solid #293d54;color:#b9cce5;font-size:11px}.v28-event-facts span{display:flex;gap:6px;align-items:center}.v28-event-facts svg{color:#6199dc}.v28-event-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.v28-event-cta>span{font-size:10px;color:#8ba2c4;line-height:1.35}.v28-event-cta .btn{flex-shrink:0}
.v28-blank{padding:32px 16px;grid-column:1/-1;text-align:center;color:#b5c6df;border:1px dashed #334a64;border-radius:8px}.v28-blank h3{font-family:inherit!important;text-transform:none!important;color:#eff5ff}.v28-blank p{margin:8px auto 14px}
.v28-tour-hero{position:relative;min-height:320px;overflow:hidden;border:1px solid #263f5b;border-radius:12px;background:#091627;margin-bottom:16px}.v28-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#091527 0%,rgba(8,21,39,.98) 30%,rgba(8,21,39,.75) 52%,rgba(8,21,39,.1) 100%),url('/media-v24/tournament.webp') center right/cover no-repeat}.v28-tour-identity{position:relative;z-index:1;padding:27px 35px 32px;max-width:820px}.v28-back{display:inline-flex;align-items:center;gap:8px;color:#8fb5e7;text-decoration:none;font-size:12px;font-weight:700}.v28-back svg{transform:rotate(180deg)}.v28-tour-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.v28-status-text{color:#a8cae8;font-size:12px;font-weight:700}.v28-tour-identity h1{max-width:710px;margin:13px 0 12px}.v28-tour-identity>p{max-width:640px;line-height:1.55;color:#c2d1e4;font-size:14px}.v28-tour-facts{display:flex;flex-wrap:wrap;gap:15px;margin:22px 0;color:#d4e3f5;font-size:12px}.v28-tour-facts span{display:flex;align-items:center;gap:6px}.v28-tour-facts svg{color:#6b9ee0}
.v28-detail-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;max-width:100%;background:#0c1b2d;border:1px solid #263b55;border-radius:9px;padding:5px;margin-bottom:15px;scrollbar-width:thin}
.v28-detail-tabs button{color:#aebed2;background:transparent;border:0;border-radius:6px;padding:12px 15px;white-space:nowrap;font-weight:750;cursor:pointer;font-size:13px}.v28-detail-tabs button:hover{background:#162d48;color:#f6faff}.v28-detail-tabs button.active{background:#194a8a;color:#fff}
.v28-detail-section{min-width:0}.v28-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:14px}.v28-detail-card{padding:22px;background:#0e1c2e;border:1px solid #2b4059;border-radius:9px;min-width:0}.v28-detail-card>p{color:#a9bed9;line-height:1.55;font-size:13px}.v28-detail-card h2{margin-bottom:16px}.v28-detail-card h2 small{font-size:13px;color:#84a9dd}
.v28-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v28-fact-grid>div{min-width:0;padding:12px;background:#13243a;border-radius:7px;border:1px solid #2a3f57;display:flex;flex-direction:column;gap:6px}.v28-fact-grid small{font-size:11px;color:#8eaac9}.v28-fact-grid strong{font-weight:750;color:#f1f6ff;font-size:13px;overflow-wrap:anywhere}.v28-fact-grid a{font-size:13px}.v28-embedded-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:19px;padding:13px;background:#201c36;border:1px solid #4d3970;border-radius:7px;color:#cabee0!important}.v28-quick-links{display:grid;gap:8px;margin-bottom:18px}.v28-quick-links button{border:1px solid #2c4b70;background:#132740;color:#ecf5ff;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:6px;text-align:left;cursor:pointer}.v28-quick-links button:hover{background:#1b3758}.v28-entity-link{color:#dceaff;text-decoration:none;font-weight:750}.v28-entity-link:hover{text-decoration:underline;color:#8fc2ff}
.v28-bracket-scroll{overflow-x:auto;max-width:100%;padding-bottom:12px;scrollbar-color:#3b6089 #091525}.v28-bracket-grid{min-width:760px;display:grid;grid-auto-columns:minmax(236px,1fr);grid-auto-flow:column;gap:16px}.v28-bracket-column{display:flex;flex-direction:column;gap:13px;min-width:0}.v28-bracket-column>h3{font-family:inherit!important;font-size:13px!important;color:#bcd6f5;letter-spacing:.06em;padding:14px;border-bottom:1px solid #315275;text-transform:uppercase!important}.v28-bracket-match{border:1px solid #2b435d;border-radius:9px;padding:8px;background:#0f1d30}.v28-bracket-match header{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 10px;color:#8cabce;font-size:10px;letter-spacing:.03em}.v28-bracket-match header small{font-weight:750}.v28-bracket-side{display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;padding:8px 9px;gap:8px;border-radius:6px;min-width:0}.v28-bracket-side+.v28-bracket-side{border-top:1px solid #26394f}.v28-bracket-side.winner{background:#15304d;border-color:#2a6698}.v28-bracket-side>a,.v28-bracket-side>span{display:flex;align-items:center;gap:8px;color:#e7efff;text-decoration:none;min-width:0}.v28-bracket-side>a:hover span:last-child{color:#84bbff;text-decoration:underline}.v28-bracket-side>a>span:last-child,.v28-bracket-side>span>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.v28-bracket-side>b{color:#f4f9ff;font-size:15px}
.v28-badge-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:7px;background:linear-gradient(140deg,#134b87,#142a53);color:#cee8ff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border:1px solid #3669a0}.v28-bracket-side .v28-badge-avatar{width:27px;height:27px;font-size:10px}
.v28-participant-grid,.v28-team-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.v28-roster-team,.v28-team-directory>article,.v28-real-participant{padding:16px;background:#0e1c2e;border:1px solid #2a4159;border-radius:9px;min-width:0}.v28-roster-head{display:flex;align-items:center;gap:12px;min-width:0}.v28-roster-head>div{min-width:0;flex:1;display:grid;gap:3px}.v28-roster-head a{font-size:14px;color:#ebf4ff;text-decoration:none;font-weight:800}.v28-roster-head a:hover{color:#89bfff}.v28-roster-head small{font-size:11px;color:#8ca6c7}.v28-open-icon{flex:0 0 auto;padding:6px}.v28-roster-players{border-top:1px solid #263b52;margin-top:12px;padding-top:8px;display:grid;gap:1px}.v28-roster-players a{display:flex;justify-content:space-between;gap:10px;padding:8px 7px;text-decoration:none;color:#c9d9f0;border-radius:4px;font-size:12px}.v28-roster-players a:hover{background:#193450;color:#fff}.v28-roster-players a small{color:#799bbf}.v28-real-participant{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f0f7ff}.v28-real-participant span:nth-child(2){display:grid;flex:1}.v28-real-participant small{color:#9ab3cf}
.v28-match-list,.v28-match-center{display:grid;gap:13px}.v28-match-row{display:grid;grid-template-columns:minmax(100px,145px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #2a4058;border-radius:7px;background:#112136;min-width:0;margin:7px 0}.v28-match-round{display:grid;gap:3px;font-size:11px;color:#a7bbd5;min-width:0}.v28-match-round span,.v28-match-round small{font-size:10px;color:#7ca7d7}.v28-match-pair{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center;gap:9px;text-align:center;min-width:0}.v28-match-pair a,.v28-match-pair strong{color:#e2edfc;text-decoration:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-match-pair a:hover{color:#81b9ff;text-decoration:underline}.v28-match-pair>b{font-size:17px;color:#f3f9ff}.v28-match-pair>b span{color:#719bc2}.v28-match-nav{font-size:11px;color:#8fbced;text-decoration:none;display:inline-flex;gap:5px;align-items:center}.v28-standing-list{display:grid;gap:7px}.v28-standing-list>div{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:#14253b;padding:13px;border:1px solid #2c4460;border-radius:6px}.v28-standing-list>b{font-weight:800}.v28-standing-list span{color:#afc4db;font-size:12px}
.v28-profile-hero{justify-content:flex-start;padding:30px}.v28-profile-mark>.v28-badge-avatar{width:84px;height:84px;font-size:26px;border-radius:16px}.v28-profile-hero h1{font-size:37px!important}.v28-player-rows{display:grid;gap:7px}.v28-player-rows>a,.v28-player-directory>a{display:flex;align-items:center;gap:12px;padding:9px;border-radius:7px;background:#12243b;border:1px solid #2b4058;text-decoration:none;color:#eef4ff}.v28-player-rows>a:hover,.v28-player-directory>a:hover{border-color:#4b7cb5;background:#193354}.v28-player-rows>a span:nth-child(2),.v28-player-directory>a>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.v28-player-rows>a small,.v28-player-directory>a small{font-size:11px;color:#8faecb}.v28-player-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v28-player-directory>a{padding:14px;min-width:0}.v28-player-directory .v28-test-badge{white-space:normal;font-size:9px}.v28-team-directory>article>p{font-size:12px;color:#a8bfda;line-height:1.5;margin:12px 0}.v28-team-members{display:flex;flex-wrap:wrap;gap:5px}.v28-team-members a{font-size:11px;color:#9bc4f3;text-decoration:none;padding:6px 8px;background:#132943;border-radius:5px}.v28-team-members a:hover{background:#204574}.v28-link-button{display:inline-flex;gap:7px;margin-top:13px;color:#b1d7ff;text-decoration:none;align-items:center;font-size:12px;font-weight:750}.v28-admin-control{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-top:14px;border-radius:8px;background:#13283e;border:1px solid #35608b}.v28-admin-control p{font-size:12px;color:#acbfda;margin:5px 0}.v28-join-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.v28-join-form label{display:grid;gap:4px;color:#c2d6ef;font-size:11px}.v28-join-form select{min-width:160px}
.v26-bracket-team>a,.v26-roster-person a,.v26-standings a{color:#dfedff;text-decoration:none}.v26-bracket-team>a:hover,.v26-roster-person a:hover,.v26-standings a:hover{color:#80b9f7;text-decoration:underline}.v26-lab-actions{flex-wrap:wrap}.v26-lab-toolbar{flex-wrap:wrap}
@media(max-width:1160px){.v28-events-grid,.v28-participant-grid,.v28-team-directory,.v28-player-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-toolbar{grid-template-columns:minmax(200px,2fr) repeat(2,minmax(120px,1fr))}.v28-toolbar>.v28-filter-field:last-child{grid-column:3}}
@media(max-width:780px){.v28-list-hero{padding:25px;align-items:flex-start}.v28-detail-grid{grid-template-columns:minmax(0,1fr)}.v28-hero-art{background-image:linear-gradient(90deg,rgba(8,21,39,.96),rgba(8,21,39,.7)),url('/media-v24/tournament.webp')}.v28-tour-identity{padding:22px}.v28-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-toolbar>.v28-search-field{grid-column:1/-1}.v28-toolbar>.v28-filter-field:last-child{grid-column:auto}.v28-event-cta{flex-wrap:wrap}}
@media(max-width:560px){.v28-list-hero{padding:20px;border-radius:9px}.v28-list-hero h1,.v28-tour-identity h1{font-size:31px!important}.v28-list-hero p,.v28-tour-identity>p{font-size:13px}.v28-hero-stats{display:none}.v28-browser{padding:12px}.v28-events-grid,.v28-participant-grid,.v28-team-directory,.v28-player-directory{grid-template-columns:1fr}.v28-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v28-filter-field{padding:5px 8px}.v28-filter-field span{font-size:9px}.v28-event-image{min-height:150px}.v28-tour-hero{min-height:auto}.v28-tour-identity{padding:17px}.v28-tour-meta{margin-top:22px}.v28-tour-facts{gap:9px}.v28-detail-tabs button{font-size:12px;padding:10px}.v28-detail-card{padding:16px}.v28-fact-grid{gap:7px}.v28-fact-grid>div{padding:10px}.v28-match-row{grid-template-columns:1fr;gap:8px}.v28-match-round{display:flex;justify-content:space-between}.v28-match-pair{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}.v28-match-nav{justify-self:end}.v28-standing-list>div{grid-template-columns:35px 1fr auto}.v28-profile-hero{align-items:center;padding:20px 14px;gap:12px}.v28-profile-mark>.v28-badge-avatar{height:60px;width:60px;font-size:19px}.v28-profile-hero h1{font-size:26px!important}.v28-hero-art{background-position:70% center}.v28-admin-control{flex-direction:column;align-items:flex-start}.v28-test-badge{font-size:9px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.v28-event-card{transition:none}}

.v28-me-roster{padding:10px 12px;border-radius:7px;background:#15324f;color:#daecff!important}.v28-me-roster a{color:#8dc6ff}

/* V2.8: inline TEST badges visible on the real home cards. */
.v28-home-test{display:inline-flex;align-items:center;justify-content:center;background:#25213a;color:#ddd0ff;border:1px solid #635389;border-radius:5px;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.03em;padding:5px 8px;white-space:nowrap}.v23-art-top .v28-home-test{position:absolute;bottom:9px;left:10px}.v23-team-title .v28-home-test{font-size:9px;padding:3px 5px}

/* SPOTD V2.9 — Midnight Electric, flat competitive layout without excessive glow. */
.v29-label{display:inline-flex;align-items:center;gap:5px;border:1px solid #547ca8;background:#15365b;color:#bbddff;font-size:10px;font-weight:850;letter-spacing:.1em;padding:5px 9px;vertical-align:middle}.v29-label-test{background:#282d51;border-color:#666c9e;color:#d7d9ff}
.v29-tournament-hero{position:relative;isolation:isolate;padding:clamp(24px,5vw,58px);background:linear-gradient(125deg,#0b1829 2%,#113055 65%,#10192e);border:1px solid #284a72;overflow:hidden;margin:0 0 24px}.v29-tournament-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:48%;background:linear-gradient(90deg,transparent,#071a2b55),url('/media-v24/tournaments.webp') center/cover;opacity:.24;z-index:-1}.v29-tournament-hero h1{max-width:850px;margin:18px 0 12px;line-height:1.12;letter-spacing:-.055em;font-size:clamp(30px,5vw,61px);overflow-wrap:anywhere}.v29-tournament-hero p{max-width:670px;color:#b7cbe3;font-size:15px;margin:0 0 20px}.v29-back{font-size:12px;color:#83b7f8;text-decoration:none}.v29-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;font-weight:850;letter-spacing:.17em;color:#a1c7f6;margin-top:24px}.v29-facts{display:flex;flex-wrap:wrap;gap:8px}.v29-facts span{padding:8px 12px;background:#08182a92;border:1px solid #41658c;color:#dbebff;font-size:12px;font-weight:650}
.v29-event-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,305px);align-items:start;gap:20px}.v29-event-layout>div,.v29-event-layout>aside{min-width:0}.v29-section{margin-bottom:22px;border:1px solid #294463;background:#091a2e;padding:23px}.v29-section-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #234363;padding-bottom:12px;margin-bottom:17px}.v29-section-top h2{margin:0;font-size:22px;letter-spacing:-.03em;color:#eff7ff}.v29-section-top>span{font-size:12px;color:#96adcb}.v29-card{padding:21px;border:1px solid #315173;background:#11233c;margin-bottom:17px}.v29-card h3{margin:0 0 11px;font-size:19px;letter-spacing:-.03em}.v29-card p{font-size:13px;color:#adc1d9}.v29-card dl{display:grid;gap:0;margin:0}.v29-card dl>div{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #264360}.v29-card dt{color:#9db5d0;font-size:12px}.v29-card dd{margin:0;text-align:right;font-weight:700;font-size:12px}.v29-inform{margin-top:17px;border-left:3px solid #418cf2;padding:11px 13px;background:#133355;color:#c3d9f4;font-size:12px}.v29-field{display:grid;gap:7px;margin:13px 0 15px;color:#c9dbf0;font-size:12px;font-weight:700}.v29-field select,.v29-field input{width:100%;background:#08192b;border:1px solid #385e87;color:white;padding:10px 12px;min-height:42px;max-width:100%;border-radius:0}.v29-admin-link{display:block;padding:12px;border:1px solid #375983;background:#152b49;text-decoration:none;text-align:center;font-size:12px;font-weight:800}.v29-muted{color:#8da5c5;font-size:12px}
.v29-bracket{overflow:auto;scrollbar-color:#355879 transparent}.v29-rounds{display:flex;align-items:flex-start;gap:14px;min-width:max-content}.v29-round{width:240px;flex:0 0 240px;display:grid;gap:12px}.v29-round h3{font-size:11px;font-weight:850;letter-spacing:.1em;color:#88b5ea;margin:0;text-transform:uppercase}.v29-match{background:#10243d;border:1px solid #2a4868}.v29-match>header{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;color:#a6b7d2;font-size:10px;border-bottom:1px solid #243f5a}.v29-side{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #203951}.v29-side a{font-size:13px;font-weight:780;color:#e4f0ff;text-decoration:none}.v29-side.v29-win{background:#1b3857}.v29-side.v29-win a{color:#9accff}.v29-side strong{font-variant-numeric:tabular-nums}.v29-action{font-size:11px;background:#173454;border:0;border-top:1px solid #2b577e;color:#b9d9ff;padding:10px;display:block;width:100%;text-align:left;cursor:pointer}.v29-action:hover{background:#275781}
.v29-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.v29-team-block{border:1px solid #294b6c;background:#12283f}.v29-team-head{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.v29-team-mini{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;color:#edf5ff}.v29-team-mini>span:nth-child(2){min-width:0}.v29-team-mini strong{display:block;font-size:14px;white-space:normal;overflow-wrap:anywhere}.v29-team-mini small{display:block;font-size:11px;color:#98afcc}.v29-team-mark{width:37px;height:37px;display:grid;place-items:center;background:#203f67;border:1px solid #426c9b;font-size:11px;font-weight:850;color:#d6eaff;flex-shrink:0}.v29-player-grid{border-top:1px solid #254564;padding:6px 12px 12px;display:grid;gap:2px}.v29-player-mini{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;text-decoration:none;font-size:12px;color:#d6e7fa}.v29-player-mini>span:last-child{display:flex;gap:4px;align-items:center;color:#8db0d9;font-size:10px}.v29-player-mini img{width:23px;height:23px}.v29-none{color:#98aac2;font-size:13px;padding:25px;border:1px dashed #38577b}.v29-standing{display:grid;gap:6px}.v29-standing>a{display:flex;align-items:center;gap:13px;padding:11px 15px;background:#102944;border-left:2px solid #3776bd;text-decoration:none;color:#e8f2ff}.v29-standing span{flex:1}.v29-standing small{color:#9aafcb}
.v29-rank-section{background:#0b1e34;border:1px solid #284b70;padding:clamp(18px,3vw,28px);margin:22px 0}.v29-rank-section h2{font-size:20px;letter-spacing:-.035em;margin:0 0 16px}.v29-rank-zone{min-height:80px}.v29-rank-top{display:grid;gap:5px;margin-bottom:16px;border-left:3px solid #347cce;background:#112b47;padding:13px}.v29-rank-top label{display:flex;align-items:center;gap:10px;color:#d8eaff;font-size:13px}.v29-rank-top input{accent-color:#2e87ff;width:18px;height:18px}.v29-rank-top small{color:#96b1d0}.v29-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin-bottom:16px}.v29-account{padding:15px;border:1px solid #325a80;background:#112942;display:grid;gap:7px;align-content:start}.v29-account>span{font-size:11px;font-weight:700;color:#a1bbdb;overflow-wrap:anywhere}.v29-account strong{display:flex;align-items:center;gap:7px;font-size:15px}.v29-account strong img{width:33px;height:33px;object-fit:contain}.v29-account small{font-size:11px;color:#acc0db}.v29-account button{margin-top:8px}.v29-account-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}.v29-account-form .v29-field{flex:1;min-width:150px;margin:0}.v29-account-form button{min-height:42px}.v29-account-form input,.v29-account-form select{font:inherit}
@media(max-width:960px){.v29-event-layout{grid-template-columns:1fr}.v29-event-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v29-admin-link{grid-column:1/-1}}
@media(max-width:620px){.v29-section{padding:13px}.v29-tournament-hero{padding:24px 17px}.v29-tournament-hero:before{width:85%;opacity:.1}.v29-tournament-hero h1{font-size:33px}.v29-event-layout aside{display:block}.v29-round{width:202px;flex-basis:202px}.v29-team-head{align-items:flex-start}.v29-account-form{display:grid}.v29-account-grid{grid-template-columns:1fr}.v29-rank-section{padding:15px}}

.v29-global-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 15px;border-bottom:1px solid #2d5079;background:#112948;color:#cfe4ff;text-align:center;font-size:12px;font-weight:650}.v29-global-notice a{color:#9bd0ff;text-decoration:underline}

/* SPOTD 3.0 / EXPERIENCE DESIGN
   Matte midnight, structured information, electric blue used with restraint.
   Scope deliberately high to supersede the stacked 2.x theme layers. */
:root{--sp30-bg:#080f1b;--sp30-bg-2:#0b1626;--sp30-panel:#101f32;--sp30-panel-b:#13243a;--sp30-stroke:#28405d;--sp30-stroke-soft:#1e324a;--sp30-text:#eff5fe;--sp30-muted:#a4b8d0;--sp30-muted-2:#7e97b6;--sp30-electric:#378ffb;--sp30-electric-2:#6eb3ff;--sp30-lilac:#827ef0;--sp30-red:#ea6179}
html,body{background:var(--sp30-bg)!important}
body{font-family:Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;font-size:14px}
.sp30-layout,.sp30-layout *{box-sizing:border-box}
.sp30-layout{display:grid!important;grid-template-columns:228px minmax(0,1fr)!important;min-height:100dvh;background:var(--sp30-bg)!important;color:var(--sp30-text)!important;align-items:stretch}
.sp30-layout .sp30-body{min-width:0;max-width:100%;background:radial-gradient(circle at 68% 0%,#14284440,transparent 31%),var(--sp30-bg)!important}
.sp30-layout .sp30-main{padding:21px clamp(22px,2.35vw,42px) 66px!important;background:transparent!important;width:100%!important;max-width:1680px!important;overflow:visible!important;margin:0 auto!important;min-width:0!important}
.sp30-layout .sp30-main>.sp30-crumb{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.015em;color:#7894b6;margin:0 0 18px!important}
.sp30-layout .sp30-crumb span{font-weight:760;color:#699dd9;font-size:10px;letter-spacing:.13em}
.sp30-layout .sp30-crumb strong{color:#b8cadf;font-weight:620}
.sp30-layout .sp30-crumb svg{transform:rotate(-90deg);color:#537394}
.sp30-layout .sp30-sidebar{position:sticky!important;top:0;height:100dvh;min-height:0;overflow:hidden;padding:0!important;background:linear-gradient(170deg,#0b1929 0%,#091522 50%,#07111c 100%)!important;border-right:1px solid #29415a!important;display:flex!important;flex-direction:column;gap:0!important;box-shadow:none!important;z-index:28!important}
.sp30-brand{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px 17px;border-bottom:1px solid #1f354c;background:linear-gradient(180deg,#0e2032,#0a1828);flex:none;gap:2px}
.sp30-brand a{display:block;width:175px;max-width:100%}.sp30-brand img{display:block;width:100%;height:auto;max-height:88px;object-fit:contain}.sp30-brand>span{font-size:9px;letter-spacing:.21em;font-weight:780;color:#9ec0e9;text-align:center;white-space:nowrap}
.sp30-layout .sp30-side-scroll{padding:22px 11px 14px!important;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-color:#395371 transparent;scrollbar-width:thin}
.sp30-side-group{margin:0 0 23px}.sp30-group-title{font-size:10px;letter-spacing:.22em;font-weight:820;color:#748ead;text-transform:uppercase;margin:0 0 10px;padding:0 13px}
.sp30-side-link{position:relative;min-height:43px;display:flex;align-items:center;gap:13px;padding:9px 12px;border:1px solid transparent;border-radius:9px;text-decoration:none!important;color:#b9cce1!important;font-weight:650;font-size:13px;transition:color .17s,background .17s,border .17s;white-space:nowrap}
.sp30-side-link svg{color:#809dbc;flex:none}.sp30-side-link:hover{background:#162a41!important;color:#fff!important}.sp30-side-link.is-active{background:linear-gradient(90deg,#1b3f68 0%,#142c48 100%)!important;border-color:#316498!important;color:#fff!important;box-shadow:0 2px 12px #03112225}.sp30-side-link.is-active svg{color:#64b0ff}.sp30-active-line{position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#4ba0ff}
.sp30-side-help{margin:25px 5px 0;padding:16px 13px 14px;background:linear-gradient(135deg,#13283f,#0c1b2e);border:1px solid #294768;border-radius:10px}.sp30-side-help>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#9dcafb;letter-spacing:.08em}.sp30-side-help p{margin:8px 0;font-size:10px;letter-spacing:.12em;color:#869fbb}.sp30-side-help a{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d1e5fd!important;font-weight:730;text-decoration:none}
.sp30-side-foot{padding:13px 11px 11px;background:#081422;border-top:1px solid #1f354c;flex:none}.sp30-side-user{display:flex;align-items:center;gap:10px;padding:9px 8px;min-width:0;border:1px solid #355577;border-radius:9px;background:#132b46;color:white!important;text-decoration:none!important}.sp30-side-user>span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.sp30-side-user strong{font-size:11.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp30-side-user small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9bb6d4}.sp30-side-user>svg{color:#74b5ff}.sp30-side-foot>.v23-version{display:block;margin:10px 5px 0!important;font-size:9px!important;letter-spacing:.08em;color:#6985a5!important}
.sp30-avatar{width:35px;height:35px;display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#255fa8,#143653);border:1px solid #4680b9;border-radius:9px;color:#d9edff}.sp30-avatar img{display:block;width:100%;height:100%;object-fit:cover}.sp30-avatar b{font-size:12px;font-weight:850}
/* Top navigation, language and account popovers */
.sp30-layout .sp30-topbar{height:67px!important;min-height:67px!important;max-height:none;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:0 clamp(22px,2.35vw,42px)!important;background:#0a1626f5!important;backdrop-filter:blur(14px);border-bottom:1px solid #2b4564!important;z-index:105!important;overflow:visible!important}
.sp30-layout .sp30-search{width:min(440px,56%)!important;max-width:500px!important;height:39px!important;min-width:180px!important;display:flex;align-items:center;gap:10px;padding:0 13px!important;margin:0!important;border:1px solid #304c6e!important;border-radius:8px!important;background:#142740!important;box-shadow:inset 0 1px #ffffff09;color:#89b3dd}
.sp30-search svg{flex:none;color:#77a3d0}.sp30-layout .sp30-search input{flex:1;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:#e3eefb!important;font-size:12px!important;font-weight:470}.sp30-search input::placeholder{color:#9cb2ca!important;opacity:1}.sp30-search kbd{font-family:inherit;font-size:10px;color:#7592b3;white-space:nowrap;border:1px solid #3b526d;padding:1px 5px;border-radius:4px}
.sp30-layout .sp30-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:11px!important;flex:0 0 auto!important;min-width:0;max-width:none!important;z-index:4}
.sp30-language,.sp30-account-menu{position:relative;flex:0 0 auto;color:#e8f2ff}.sp30-language>summary,.sp30-account-menu>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 11px;list-style:none;cursor:pointer;border:1px solid #335171;background:#132944;color:#e8f2ff;border-radius:9px;white-space:nowrap;transition:background .18s,border .18s;user-select:none}.sp30-language>summary::-webkit-details-marker,.sp30-account-menu>summary::-webkit-details-marker{display:none}.sp30-language>summary:hover,.sp30-account-menu>summary:hover,.sp30-language[open]>summary,.sp30-account-menu[open]>summary{background:#1b3859;border-color:#4b82b7}.sp30-language>summary svg:last-child,.sp30-account-menu>summary svg:last-child{color:#90aac6;transition:transform .16s}.sp30-language[open]>summary svg:last-child,.sp30-account-menu[open]>summary svg:last-child{transform:rotate(180deg)}
.sp30-language>summary>span{font-size:12px;font-weight:780;min-width:19px;text-align:center}.sp30-language-list{position:absolute;top:calc(100% + 9px);right:0;z-index:300;width:220px;max-height:min(390px,calc(100dvh - 95px));overflow-y:auto;padding:7px;border:1px solid #406080;border-radius:12px;background:#102239;box-shadow:0 25px 60px #0009}.sp30-language-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 11px;cursor:pointer;border:none;border-radius:7px;background:transparent;color:#d8e5f4;text-align:left;font:600 13px/1.2 Inter,'Segoe UI',sans-serif}.sp30-language-list button:hover,.sp30-language-list button:focus-visible{background:#203d5e;color:#fff}.sp30-language-list button.is-selected{background:#244a74;color:white}.sp30-language-list button svg{margin-left:auto;color:#8dccff;flex:none}.sp30-language-code{display:inline-grid;place-items:center;min-width:31px;height:23px;border:1px solid #416181;border-radius:5px;background:#0a1e34;color:#95c6fc;font-size:10px;font-weight:850}
.sp30-mail-shortcut,.sp30-mobile-search-trigger{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;flex:none;border:1px solid #355171;border-radius:9px;background:#132943;color:#b4d6fb;text-decoration:none}.sp30-mail-shortcut:hover,.sp30-mobile-search-trigger:hover{color:#fff;background:#204466;border-color:#4a7caf}.sp30-mobile-search-trigger{display:none}
.sp30-layout .sp30-account-menu>summary{padding:4px 9px 4px 5px;gap:8px;min-width:0}.sp30-account-menu .sp30-avatar{height:31px;width:31px;border-radius:7px}.sp30-account-name{display:flex;min-width:0;max-width:115px;flex-direction:column;gap:1px;line-height:1.2}.sp30-account-name strong{font-weight:740;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp30-account-name small{font-size:10px;color:#9fb7d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp30-layout .sp30-account-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:300!important;width:252px;max-width:calc(100vw - 16px);padding:7px!important;display:block;border:1px solid #3c5f82!important;border-radius:13px!important;background:#11243b!important;box-shadow:0 24px 55px #000b!important;overflow:hidden}
.sp30-account-id{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #29435f;margin-bottom:7px}.sp30-account-id>div{display:flex;flex-direction:column;gap:2px;min-width:0}.sp30-account-id strong{font-size:13px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp30-account-id span:not(.sp30-avatar){font-size:11px;color:#91acc9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp30-menu-label{padding:6px 11px 7px;color:#7396ba;font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.sp30-account-panel a,.sp30-account-panel button{display:flex;align-items:center;gap:11px;min-height:40px;width:100%;border:none;background:transparent;color:#d9e7f5!important;font-size:12px;font-weight:640;padding:9px 11px;border-radius:7px;text-decoration:none!important;text-align:left;cursor:pointer}.sp30-account-panel a svg:first-child,.sp30-account-panel button svg:first-child{color:#87b2dd;flex:none}.sp30-account-panel a svg:last-child:not(:first-child){margin-left:auto;color:#7296b6}.sp30-account-panel a:hover,.sp30-account-panel button:hover{background:#213e5f!important;color:#fff!important}.sp30-account-panel .sp30-log-out{color:#f6b8c4!important}.sp30-account-panel .sp30-log-out svg{color:#e68a9d!important}.sp30-separator{height:1px;background:#2b465f;margin:6px 7px}
.sp30-auth{display:flex;gap:7px}.sp30-layout .sp30-auth .btn{font-size:12px!important;min-height:39px}
/* Information and typography: no Impact or faux condensed headings */
.sp30-layout .v24-heading h2,.sp30-layout .v24-section-title h2,.sp30-layout .v23-sectionhead h2,.sp30-layout .v24-banner h1,.sp30-layout .v24-detail-copy h1,.sp30-layout .v26-page-hero h1,.sp30-layout .v28-page-hero h1,.sp30-layout .v27-section-heading h2,.sp30-layout .v23-page-title,.sp30-layout .v23-layout h1,.sp30-layout h1,.sp30-layout h2,.sp30-layout h3{font-family:Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif!important;font-stretch:normal!important;text-shadow:none!important}
.sp30-layout .v24-heading h2,.sp30-layout .v24-section-title h2,.sp30-layout .v23-sectionhead h2,.sp30-layout .v26-panel-head h2{font-size:clamp(18px,1.7vw,24px)!important;letter-spacing:-.027em!important;font-weight:800!important;text-transform:none!important;line-height:1.18!important}
.sp30-layout .v24-banner h1,.sp30-layout .v26-page-hero h1,.sp30-layout .v28-page-hero h1,.sp30-layout .v24-detail-copy h1{font-size:clamp(29px,3.5vw,46px)!important;font-style:normal!important;font-weight:850!important;line-height:1.09!important;letter-spacing:-.045em!important}
.sp30-layout .v24-panel,.sp30-layout .v23-pane,.sp30-layout .v26-panel,.sp30-layout .v24-tourney,.sp30-layout .v24-team-card,.sp30-layout .v24-social-card,.sp30-layout .v24-admin-tools button,.sp30-layout .v24-spotlight-team{background:linear-gradient(150deg,#13243a 0%,#0d1c2e 100%)!important;border:1px solid #29445f!important;border-radius:11px!important;box-shadow:inset 0 1px #ffffff09,0 7px 20px #040b1417!important}
.sp30-layout .v24-panel,.sp30-layout .v26-panel{padding:20px!important}.sp30-layout .v24-panel:has(> .v24-heading){border-top-color:#35597b!important}
.sp30-layout .v24-panel p,.sp30-layout .v24-soft,.sp30-layout .v26-panel p{font-size:13px;line-height:1.65;color:#adc0d6}
.sp30-layout .btn{border-radius:8px!important;min-height:39px!important;font-size:12px!important;font-weight:730!important;letter-spacing:0!important;box-shadow:none!important;text-shadow:none!important;transition:background .18s,border .18s,transform .18s}.sp30-layout .btn:hover{transform:translateY(-1px)}.sp30-layout .btn-primary{background:#216bc5!important;border:1px solid #3a90f6!important;color:#fff!important}.sp30-layout .btn-primary:hover{background:#3287eb!important}.sp30-layout .btn:not(.btn-primary){border-color:#3a5877!important;color:#e2efff!important;background:#172f4b!important}.sp30-layout .btn:not(.btn-primary):hover{background:#204362!important}
.sp30-layout .v23-footer,.sp30-layout .sp30-footer{border-top:1px solid #28425c!important;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:50px 0 0;padding:17px 0 0!important;color:#748fae;font-size:11px!important;line-height:1.6}.sp30-footer span:first-child{letter-spacing:.08em;font-weight:790;color:#8baacf}.sp30-footer a{color:#a1c9f6!important}
.sp30-layout .v23-nav-link.active{background:#1a3757!important}.sp30-layout .v23-hero h1,.sp30-layout .v24-hero h1{font-family:Inter,'Segoe UI',system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.052em!important;line-height:.98!important;font-weight:920!important}.sp30-layout .v24-hero h1{font-size:clamp(46px,5.7vw,82px)!important}.sp30-layout .v24-hero{border:1px solid #3b5672!important;border-radius:13px!important}.sp30-layout .v24-banner,.sp30-layout .v26-page-hero,.sp30-layout .v28-page-hero{border:1px solid #325271!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff0a,0 14px 30px #0002!important}
/* New player profile — one page for playing, separate pages for managing */
.sp30-profile-hero{position:relative;overflow:hidden;border:1px solid #355776;border-radius:13px;background:#0e1f32;box-shadow:0 14px 32px #03081133}.sp30-profile-cover{height:178px;position:relative;overflow:hidden;background:linear-gradient(110deg,#122b48 2%,#142d4a80 42%,#201c40b0 100%),radial-gradient(circle at 79% 30%,#375f9a 0%,transparent 30%),linear-gradient(145deg,#0c223b,#111e3b)}.sp30-profile-cover:before{content:'';position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(115deg,transparent,transparent 40px,#85baff0e 40px,#85baff0e 41px);pointer-events:none;z-index:1}.sp30-profile-cover:after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,#0b1d31,transparent);z-index:1}.sp30-profile-cover>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.68;filter:saturate(.88)}
.sp30-profile-identity{display:flex;align-items:flex-end;gap:20px;padding:0 27px 25px;position:relative;z-index:2;margin-top:-50px}.sp30-hero-avatar{height:95px;width:95px;border-radius:18px;border:3px solid #4899fa;box-shadow:0 7px 28px #0006;background:#184573}.sp30-hero-avatar b{font-size:29px}.sp30-identity-text{flex:1;min-width:0;padding-top:26px}.sp30-identity-text h1{margin:6px 0 2px!important;font-size:clamp(28px,3vw,43px)!important;line-height:1.08;letter-spacing:-.045em;font-weight:860;text-transform:none!important;font-style:normal!important}.sp30-eyebrow{color:#74b6ff;font-weight:820;letter-spacing:.17em;font-size:10px;text-transform:uppercase}.sp30-handle{color:#85b8ec;font-size:12px;margin:0!important;font-weight:700}.sp30-bio{color:#b8cade;margin:8px 0 0!important;font-size:13px;line-height:1.5}.sp30-edit-profile{align-self:flex-end;flex:none;display:inline-flex!important;gap:9px;align-items:center}
.sp30-profile-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.82fr);gap:17px;align-items:start;margin-top:17px}.sp30-profile-main,.sp30-profile-aside{display:grid;gap:17px;min-width:0}
.sp30-pane{border:1px solid #2d4967;border-top-color:#3a5a7c;border-radius:12px;background:linear-gradient(155deg,#122238 0%,#0c1a2b 100%);box-shadow:0 8px 26px #040a1322,inset 0 1px #ffffff0b;padding:23px 24px;min-width:0}.sp30-pane-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 17px}.sp30-pane-top h2{font-size:19px!important;font-weight:790!important;letter-spacing:-.03em!important;margin:0!important;line-height:1.22!important;text-transform:none!important}.sp30-pane-top p{color:var(--sp30-muted)!important;font-size:12px!important;line-height:1.6!important;margin:7px 0 0!important;max-width:720px}
.sp30-rank-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sp30-rank-card{display:flex;flex-direction:column;gap:7px;min-height:142px;padding:16px;border:1px solid #355473;border-radius:9px;background:linear-gradient(160deg,#183451,#0b2239)}.sp30-rank-platform{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.09em;font-weight:850;color:#8eb9e5;text-transform:uppercase}.sp30-rank-card>strong{display:flex;gap:8px;align-items:center;color:#f4f8ff;font-size:18px;font-weight:820;line-height:1.2}.sp30-rank-card>strong img{width:36px;height:36px;object-fit:contain}.sp30-rank-card>small{font-size:10.5px;color:#b5c9dd;overflow-wrap:anywhere}.sp30-rank-source{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;color:#a0b9d3;font-size:10px;margin-top:auto}
.sp30-rank-empty{grid-column:1/-1;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:1px dashed #395979;background:#0c2135;border-radius:10px;padding:20px}.sp30-rank-empty>svg{color:#6bacf1}.sp30-rank-empty strong{font-size:15px;color:#e9f4ff}.sp30-rank-empty p{margin:0 0 7px!important;color:#a7bfd7;font-size:12px}.sp30-award-empty{display:flex;gap:14px;align-items:center;min-height:68px;color:#96b4d2}.sp30-award-empty>svg{flex:none;color:#5c9fe8}.sp30-award-empty p{font-size:12px!important;margin:0;flex:1;line-height:1.55}.sp30-award-empty a,.sp30-inline-link{display:inline-flex;gap:7px;align-items:center;color:#86bdfb!important;font-size:12px;font-weight:770;text-decoration:none}.sp30-trophy-list{display:grid;gap:9px}.sp30-trophy-list>div{display:flex;align-items:center;gap:12px;padding:9px 3px;border-bottom:1px solid #284460}.sp30-trophy-list>div>svg{color:#75aff2}.sp30-trophy-list span{display:grid;gap:3px}.sp30-trophy-list strong{font-size:13px}.sp30-trophy-list small{font-size:11px;color:#9fb7d3}
.sp30-profile-facts{display:grid;margin:0}.sp30-profile-facts>div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #2a435e}.sp30-profile-facts>div:last-child{border-bottom:none}.sp30-profile-facts dt{font-size:12px;color:#98b1d0}.sp30-profile-facts dd{margin:0;font-weight:670;color:#e2eaf6;font-size:12px;text-align:right;overflow-wrap:anywhere}.sp30-profile-links{display:grid}.sp30-profile-links a{display:flex;align-items:center;gap:11px;color:#dce9fa!important;min-height:42px;border-bottom:1px solid #28425d;text-decoration:none;font-size:12px;font-weight:690}.sp30-profile-links a:last-child{border:0}.sp30-profile-links a>svg:first-child{color:#7cb2eb}.sp30-profile-links a>svg:last-child{margin-left:auto;color:#74a7d9}.sp30-profile-links a:hover{color:#74bcff!important}
/* Settings: navigation on left, one practical job per screen */
.sp30-page-heading{position:relative;margin:0 0 20px;padding:25px 28px 24px;border:1px solid #345472;border-radius:12px;background:linear-gradient(110deg,#162d49 0%,#10233c 60%,#0f1d33 100%);overflow:hidden}.sp30-page-heading:after{content:'';position:absolute;right:-36px;top:-65px;width:240px;height:240px;border:1px solid #6eb3ff20;border-radius:50%;box-shadow:0 0 0 40px #78b5ff06,0 0 0 78px #78b5ff06;pointer-events:none}.sp30-page-heading>div{position:relative;z-index:1}.sp30-page-heading h1{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.046em!important;line-height:1.12!important;margin:8px 0!important;font-style:normal!important;font-weight:850!important;text-transform:none!important}.sp30-page-heading p{font-size:13px!important;color:#b2cae4!important;line-height:1.55!important;margin:0!important;max-width:700px}
.sp30-settings-layout{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:19px}.sp30-settings-nav{display:flex;flex-direction:column;gap:4px;padding:15px 9px;background:#101f33;border:1px solid #2a4662;border-radius:11px;position:sticky;top:89px}.sp30-settings-nav-title{font-size:10px;font-weight:850;letter-spacing:.19em;color:#809dbf;margin:4px 12px 10px}.sp30-settings-nav a{display:flex;gap:10px;align-items:center;min-height:43px;padding:10px 12px;font-size:12px;font-weight:700;color:#b6cbe2!important;border-radius:8px;border:1px solid transparent;text-decoration:none!important}.sp30-settings-nav a svg:first-child{flex:none;color:#87a7ca}.sp30-settings-nav a svg:last-child{margin-left:auto;transform:rotate(-90deg);color:#6085a5;flex:none}.sp30-settings-nav a.active{background:#19395a;border-color:#366493;color:#fff!important}.sp30-settings-nav a.active svg:first-child{color:#77baff}.sp30-settings-nav a:hover{background:#172d47}.sp30-settings-nav .sp30-settings-back{color:#7daee3!important;font-size:11px;border-top:1px solid #28415c;border-radius:0;margin:11px 2px 0;padding-top:18px;line-height:1.3}.sp30-settings-nav .sp30-settings-back>svg{transform:rotate(180deg)}
.sp30-settings-content{display:grid;gap:17px;min-width:0;max-width:1120px}.sp30-settings-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.sp30-settings-tile{display:flex;gap:15px;min-height:142px;align-items:flex-start;padding:21px;border:1px solid #365675;background:linear-gradient(150deg,#152b45,#101f33);border-radius:11px;text-decoration:none!important;color:white!important;transition:background .2s,transform .2s,border-color .2s}.sp30-settings-tile:hover{background:linear-gradient(150deg,#1d395b,#102641);border-color:#5994ce;transform:translateY(-2px)}.sp30-settings-tile-icon{display:grid;place-items:center;flex:none;height:45px;width:45px;border:1px solid #3974ac;border-radius:9px;color:#77b9ff;background:#163a5c}.sp30-settings-tile>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.sp30-settings-tile strong{font-size:16px;font-weight:800;letter-spacing:-.026em}.sp30-settings-tile small{font-size:12px;color:#aac1d9;line-height:1.6}.sp30-settings-tile>svg{color:#7cb6ee;flex:none;margin-top:10px}
.sp30-form{display:grid;gap:18px;min-width:0}.sp30-form .sp30-field{display:grid;gap:8px;margin:0;color:#d7e6f9;font-size:12px;font-weight:680}.sp30-form .sp30-field span{font-size:12px;color:#c0d4ea}.sp30-form input[type=text],.sp30-form input:not([type]),.sp30-form input[type=file],.sp30-form select,.sp30-form textarea{width:100%;max-width:100%;min-height:43px;background:#0c1c2f!important;border:1px solid #3a5979!important;border-radius:8px!important;padding:11px 13px;color:#e8f3ff!important;font-size:13px;line-height:1.4;outline:none;box-shadow:none!important}.sp30-form select{cursor:pointer}.sp30-form select option{background:#0c2036!important;color:#f1f7ff!important}.sp30-form textarea{resize:vertical;min-height:120px}.sp30-form input[type=file]{padding:8px}.sp30-form input:focus-visible,.sp30-form select:focus-visible,.sp30-form textarea:focus-visible{outline:2px solid #70aff7;outline-offset:2px}.sp30-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}.sp30-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:3px}.sp30-form-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:43px!important;padding:10px 16px!important}.sp30-photo-previews{border:1px solid #2b4b6d;border-radius:10px;overflow:hidden;background:#0a1c30;margin-bottom:18px}.sp30-cover-preview{position:relative;height:110px;background:linear-gradient(115deg,#264568,#0a2340 55%,#171d3f);overflow:hidden}.sp30-cover-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:.75}.sp30-cover-preview span{position:absolute;right:12px;bottom:10px;font-size:10px;color:#bedafa;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.sp30-preview-user{display:flex;gap:12px;align-items:center;padding:0 14px 13px;margin-top:-18px;position:relative}.sp30-preview-user .sp30-avatar{height:50px;width:50px;border:2px solid #62abf0}.sp30-preview-user strong{padding-top:14px;font-size:13px}.sp30-checks{display:grid;gap:11px;padding:14px 16px;background:#0b2035;border:1px solid #2b4a69;border-radius:9px}.sp30-checks .check,.sp30-consent .check,.sp30-danger-expand .check{display:flex;gap:11px;align-items:flex-start;color:#c9dbef;font-size:12px;font-weight:620;line-height:1.5}.sp30-checks input,.sp30-consent input,.sp30-danger-expand input[type=checkbox]{accent-color:#3f8fe7;width:16px;height:16px;margin:1px 0 0;flex:none}.sp30-inline-hint{display:flex;gap:10px;align-items:flex-start;margin-top:2px;background:#102d47;border-left:3px solid #3b82d2;padding:12px 14px;color:#b4d0e9;font-size:12px;line-height:1.65}.sp30-inline-hint>svg{flex:none;color:#75b5ee}.sp30-inline-actions{display:flex;gap:11px;flex-wrap:wrap}.sp30-inline-actions .btn{display:inline-flex;gap:7px;align-items:center}
.sp30-consent{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px;background:#10263e;border:1px solid #365875;border-radius:9px;margin:0 0 14px}.sp30-consent>span{font-size:10.5px;color:#9ac1e3;white-space:nowrap}.sp30-rank-zone .v29-account-grid,.sp30-rank-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sp30-rank-zone .v29-account,.sp30-rank-zone .sp30-external-rank{padding:16px;border:1px solid #345575;border-radius:9px;background:#0c2238;min-width:0;display:grid;gap:10px}.sp30-rank-header{display:flex;gap:9px;flex-direction:column}.sp30-rank-header strong{font-size:12px;color:white;overflow-wrap:anywhere}.sp30-rank-header small{color:#91afcf;font-size:11px}.sp30-rank-value{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800}.sp30-rank-value img{width:34px;height:34px;object-fit:contain}.sp30-rank-zone .sp30-external-rank p{font-size:11.5px;color:#aac2da;line-height:1.6;margin:0!important}.sp30-rank-zone .sp30-external-rank .btn{justify-self:start}.sp30-legal-note{color:#829fbc;font-size:11px;line-height:1.6;margin:13px 0 0}.sp30-danger-expand{border:1px solid #395475;border-radius:9px;background:#0e2137}.sp30-danger-expand summary{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;cursor:pointer;color:#c4d9ee;font-size:12px;font-weight:720;list-style:none}.sp30-danger-expand summary::-webkit-details-marker{display:none}.sp30-danger-expand[open] summary{border-bottom:1px solid #304b69}.sp30-danger-expand form{padding:15px}.sp30-row-action{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.sp30-row-action>div{display:flex;gap:12px;align-items:center;min-width:0}.sp30-row-action>div>svg{color:#69a8e6}.sp30-row-action>div span{display:grid;gap:5px}.sp30-row-action strong{font-size:13px}.sp30-row-action small{font-size:12px;color:#9eb7d1}.sp30-report-row{padding:12px 3px;border-bottom:1px solid #2c4764}.sp30-report-row strong{font-size:13px;color:white}.sp30-report-row span{float:right;font-size:10px;color:#91badf}.sp30-report-row p{margin:8px 0!important;font-size:12px;color:#adbed4}.sp30-loading{font-size:12px;color:#9cb9d8}
/* compact legacy tournament & lab panels */
.sp30-layout .v29-tournament-hero{background:linear-gradient(105deg,#18324d,#0c1d34)!important;border-radius:12px!important;border:1px solid #375776!important;box-shadow:none!important}.sp30-layout .v29-tournament-hero h1{font-size:clamp(29px,3.5vw,46px)!important;line-height:1.1!important;letter-spacing:-.04em!important;text-transform:none!important;font-style:normal!important}.sp30-layout .v29-card,.sp30-layout .v29-section{border-radius:11px!important;background:linear-gradient(160deg,#142942,#0c1d30)!important;border-color:#345471!important;box-shadow:none!important}.sp30-layout .v29-section h2,.sp30-layout .v29-card h3{font-size:18px!important;letter-spacing:-.02em!important;text-transform:none!important}.sp30-layout .v28-match-card,.sp30-layout .v28-event-card{border-radius:10px!important}.sp30-layout .v28-overline,.sp30-layout .v24-overline{letter-spacing:.14em}
/* visibility and mobile */
.sp30-layout .sp30-mobile-nav{display:none!important}.sp30-layout .sp30-mobile-brand{display:none!important}
@media(max-width:1180px){.sp30-layout{grid-template-columns:206px minmax(0,1fr)!important}.sp30-layout .sp30-main{padding:19px 22px 60px!important}.sp30-layout .sp30-topbar{padding:0 22px!important}.sp30-brand a{max-width:161px}.sp30-side-link{font-size:12px;gap:11px}.sp30-settings-layout{grid-template-columns:205px minmax(0,1fr)}.sp30-profile-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr)}}
@media(max-width:860px){.sp30-layout{display:block!important;min-height:100dvh!important}.sp30-layout .sp30-sidebar{display:none!important}.sp30-layout .sp30-mobile-nav{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;min-height:64px!important;height:calc(64px + env(safe-area-inset-bottom,0px))!important;padding:0 4px env(safe-area-inset-bottom,0px)!important;background:#0c1c2ef8!important;border-top:1px solid #365473!important;z-index:120!important;justify-content:space-around!important;align-items:stretch!important;gap:1px!important;box-shadow:0 -12px 30px #02081144!important}.sp30-layout .sp30-mobile-nav>a,.sp30-layout .sp30-mobile-nav>details{flex:1 1 0;min-width:0;min-height:62px;color:#9ab7d4!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0;background:none;text-decoration:none}.sp30-layout .sp30-mobile-nav>a.active{color:#65b2fb!important;border-top:2px solid #3f95ee;background:#132b46}.sp30-mobile-nav small{font-size:10px!important;font-weight:660!important;white-space:nowrap}.sp30-layout .sp30-mobile-more>summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:62px;cursor:pointer;list-style:none;color:#acc6de}.sp30-mobile-more>summary::-webkit-details-marker{display:none}.sp30-layout .sp30-mobile-panel{position:absolute;right:8px;bottom:calc(100% + 9px);display:flex;flex-direction:column;gap:0;width:min(266px,calc(100vw - 16px));padding:9px!important;border:1px solid #456586;border-radius:12px!important;background:#11253e!important;box-shadow:0 18px 40px #000b;max-height:70dvh;overflow-y:auto}.sp30-layout .sp30-mobile-panel a,.sp30-layout .sp30-mobile-panel button{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 12px;border-radius:7px;font-size:12px;font-weight:660;color:#e3efff;text-decoration:none;background:none;border:none;text-align:left;width:100%}.sp30-layout .sp30-mobile-panel a:hover,.sp30-layout .sp30-mobile-panel button:hover{background:#1c3b5a}.sp30-layout .sp30-mobile-brand{display:flex!important;align-items:center;justify-content:flex-start;width:111px;max-width:111px;height:53px;flex:0 0 111px!important;min-width:0;overflow:hidden}.sp30-mobile-brand img{width:111px;height:52px;max-width:100%;object-fit:contain}.sp30-layout .sp30-topbar{min-height:61px!important;height:61px!important;padding:0 15px!important;gap:11px}.sp30-layout .sp30-search{width:min(360px,40%)!important;min-width:90px!important;height:38px!important}.sp30-layout .sp30-search kbd{display:none}.sp30-layout .sp30-top-actions{gap:7px!important}.sp30-layout .sp30-main{padding:19px 18px calc(100px + env(safe-area-inset-bottom,0px))!important}.sp30-profile-grid{grid-template-columns:minmax(0,1.5fr) minmax(235px,.9fr)}.sp30-settings-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.sp30-settings-nav{top:76px}.sp30-settings-overview{grid-template-columns:1fr}.sp30-settings-tile{min-height:100px}}
@media(max-width:670px){.sp30-layout .sp30-search{display:none!important}.sp30-layout .sp30-mobile-search-trigger{display:inline-flex!important}.sp30-search-open .sp30-layout .sp30-search{display:flex!important;position:absolute;left:11px;top:8px;right:11px;width:calc(100% - 22px)!important;max-width:none!important;z-index:15!important;border-color:#63a4e6!important;box-shadow:0 14px 30px #000c!important}.sp30-search-open .sp30-layout .sp30-mobile-search-trigger{z-index:16!important;color:#60b3ff!important;background:#0b1d30}.sp30-layout .sp30-topbar{padding:0 12px!important;gap:6px}.sp30-layout .sp30-top-actions{gap:5px!important}.sp30-layout .sp30-mail-shortcut{display:none!important}.sp30-layout .sp30-account-name{display:none!important}.sp30-layout .sp30-account-menu>summary{padding:4px 5px}.sp30-layout .sp30-account-menu>summary svg:last-child{display:none}.sp30-layout .sp30-account-menu>summary .sp30-avatar{width:32px;height:32px}.sp30-layout .sp30-language>summary{padding:5px 8px;gap:5px}.sp30-layout .sp30-mobile-brand{width:111px;max-width:111px;flex:0 0 111px!important}.sp30-layout .sp30-main{padding:16px 12px calc(98px + env(safe-area-inset-bottom,0px))!important}.sp30-profile-hero{border-radius:11px}.sp30-profile-cover{height:143px}.sp30-profile-identity{gap:13px;align-items:flex-start;padding:0 15px 17px;margin-top:-34px;flex-wrap:wrap}.sp30-hero-avatar{height:70px;width:70px;border-radius:14px}.sp30-identity-text{padding-top:31px;flex:1 1 calc(100% - 95px)}.sp30-identity-text h1{font-size:clamp(23px,6vw,33px)!important}.sp30-bio{font-size:12px}.sp30-edit-profile{margin-left:auto;min-height:37px!important}.sp30-profile-grid{grid-template-columns:1fr;gap:13px;margin-top:13px}.sp30-profile-main,.sp30-profile-aside{gap:13px}.sp30-pane{padding:18px 16px;border-radius:10px}.sp30-pane-top h2{font-size:17px!important}.sp30-rank-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sp30-page-heading{padding:22px 18px;margin-bottom:14px}.sp30-page-heading h1{font-size:clamp(27px,6vw,35px)!important}.sp30-settings-layout{display:block}.sp30-settings-nav{display:flex;flex-direction:row;position:relative;top:auto;overflow-x:auto;gap:6px;white-space:nowrap;margin-bottom:13px;padding:7px;scrollbar-width:none}.sp30-settings-nav::-webkit-scrollbar{display:none}.sp30-settings-nav-title,.sp30-settings-back{display:none!important}.sp30-settings-nav a{min-height:37px;gap:7px;padding:8px 11px;font-size:11px;flex:0 0 auto}.sp30-settings-nav a svg:last-child{display:none}.sp30-settings-nav a svg:first-child{width:15px;height:15px}.sp30-settings-content{gap:13px}.sp30-settings-overview{grid-template-columns:1fr;gap:11px}.sp30-settings-tile{min-height:101px;padding:17px}.sp30-settings-tile strong{font-size:15px}.sp30-inline-fields{grid-template-columns:1fr}.sp30-rank-zone .v29-account-grid,.sp30-rank-list{grid-template-columns:1fr!important}.sp30-consent{flex-direction:column;gap:7px}.sp30-row-action{align-items:flex-start}.sp30-row-action .btn{width:100%}.sp30-layout .sp30-footer{margin-top:32px}.sp30-layout .v24-banner h1,.sp30-layout .v26-page-hero h1,.sp30-layout .v28-page-hero h1{font-size:clamp(28px,8vw,39px)!important}}
@media(max-width:395px){.sp30-layout .sp30-mobile-brand{max-width:98px;width:98px;flex:0 0 98px!important}.sp30-mobile-brand img{width:98px!important}.sp30-layout .sp30-language>summary>svg:first-child{display:none}.sp30-layout .sp30-language>summary{padding:5px 7px}.sp30-layout .sp30-auth .btn:first-child{display:none}.sp30-rank-cards{grid-template-columns:1fr}.sp30-identity-text{flex-basis:calc(100% - 86px)}.sp30-edit-profile{width:100%;justify-content:center}.sp30-layout .sp30-mobile-nav small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.sp30-layout *, .sp30-layout *:before,.sp30-layout *:after{transition:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
/* The original SPOTD competition artwork remains the profile fallback.
   A member-supplied cover image is rendered above this background. */
.sp30-layout .sp30-profile-cover {
  background:
    linear-gradient(0deg, #0b1d31 0%, #0b1d3194 58%, #0b1d3136 100%),
    linear-gradient(90deg, #0a1b2cc7 0%, #0c213876 60%, #0714253d 100%),
    url('/media-v24/profile.webp') center / cover no-repeat,
    #10233c !important;
}



/* --- source: client/css/10-esports-v31.css --- */
/* SPOTD 3.1 / ARENA VISUAL SYSTEM
   Original editorial esports design. Deep ink, vibrant game cyan, cool crimson accents.
   No flat monochrome grids, no excessive glow, no copied competitor graphics. */
:root{--sp31-void:#060a12;--sp31-base:#090f1b;--sp31-layer:#0f1b2c;--sp31-layer2:#14263c;--sp31-line:#29435e;--sp31-line-hi:#4673a0;--sp31-ice:#dcecff;--sp31-muted:#a7bfd8;--sp31-electric:#348fff;--sp31-cyan:#7ddfff;--sp31-red:#ff536c;--sp31-green:#64e6bb;--sp31-display:'Bahnschrift SemiCondensed','Arial Narrow','Impact','Segoe UI',sans-serif}
html,body{background:var(--sp31-void)!important}
.sp31-layout{--sp30-bg:#070d17;--sp30-panel:#0e1a2b;--sp30-panel-b:#102238;--sp30-stroke:#29465f;--sp30-electric:#358fff;--sp30-muted:#a5b9d3}
.sp31-layout .sp30-body{background:radial-gradient(ellipse at 88% -4%,#223b5b30,transparent 39%),linear-gradient(180deg,#081321,#070c16 78%)!important}
.sp31-layout .sp30-main{padding-top:27px!important;max-width:1750px!important}
.sp31-layout .sp30-crumb{border-bottom:1px solid #23415a;margin-bottom:24px!important;padding-bottom:16px;letter-spacing:.07em!important}
.sp31-layout .sp30-crumb:before{content:'';height:4px;width:4px;background:#3ed7ff;transform:rotate(45deg);margin-right:3px}
.sp31-layout .sp30-sidebar{background:linear-gradient(180deg,#09182a 0%,#071220 42%,#060e18 100%)!important;border-right-color:#243d57!important}
.sp31-layout .sp30-brand{background:radial-gradient(circle at center 22%,#1c4e7560,transparent 66%),#081625;position:relative;border-bottom:1px solid #2d5072;min-height:152px}
.sp31-layout .sp30-brand:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#45a9ff,transparent)}
.sp31-layout .sp30-side-scroll{padding-top:27px!important}
.sp31-layout .sp30-side-link{border-radius:5px!important;transition:background .15s,border-color .15s!important;font-weight:700;letter-spacing:.012em;color:#bed0e5!important}
.sp31-layout .sp30-side-link:hover{background:#132e49!important;border-color:#294d70!important}
.sp31-layout .sp30-side-link.is-active{background:linear-gradient(95deg,#1c4e79,#112940 94%)!important;border-color:#356897!important;box-shadow:inset 0 1px #5d95bd1e!important}
.sp31-layout .sp30-side-link.is-active:after{content:'';position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:#79d8ff}
.sp31-layout .sp31-live-nav{margin-top:12px;color:#cce9ff!important;background:linear-gradient(105deg,#132d45,#0c2035)!important;border:1px solid #2b5373!important}
.sp31-nav-dot{margin-left:auto;height:6px;width:6px;background:var(--sp31-electric);border-radius:50%;box-shadow:0 0 0 3px #3992f522}
.sp31-layout .sp30-side-help{background:linear-gradient(150deg,#113954,#0b1d32)!important;border-radius:7px!important;border-color:#32698b!important}
.sp31-layout .sp30-side-foot{background:#081422!important;border-color:#27445d!important}
.sp31-layout .sp30-side-user{border-radius:6px!important;background:#102b45!important}
.sp31-layout .sp30-topbar{background:#081625f8!important;border-bottom-color:#2a4964!important}
.sp31-layout .sp30-search{background:#0c2035!important;border-color:#345878!important;border-radius:6px!important}
.sp31-layout .sp30-search:focus-within{border-color:var(--sp31-cyan)!important;box-shadow:0 0 0 3px #6dd6ff18!important}
.sp31-layout .sp30-language>summary,.sp31-layout .sp30-account-menu>summary{border-radius:6px!important;background:#102a43!important;border-color:#315777!important}
.sp31-layout .sp30-account-panel,.sp31-layout .sp30-language-list{border:1px solid #42668b!important;background:#0b1d31!important;border-radius:8px!important;box-shadow:0 21px 42px #020912b5!important}
.sp31-layout :is(.sp30-account-panel,.sp30-language-list) a:hover{background:#173f61!important}
.sp31-tv-shortcut{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:12px;letter-spacing:.12em;font-weight:800;text-decoration:none!important;color:#c4ebff!important;background:linear-gradient(120deg,#17374e,#0c273c);border:1px solid #3b7193;border-radius:5px;white-space:nowrap}
.sp31-tv-shortcut:hover{background:#204b69;color:#fff!important}
.sp31-layout :is(.btn-primary,.sp30-form button.btn-primary){background:#207cf0!important;border:1px solid #439aff!important;border-radius:5px!important;box-shadow:inset 0 1px #a5d4ff2b,0 5px 12px #040b1938!important;font-weight:800!important;letter-spacing:.015em}
.sp31-layout .btn-primary:hover{background:#398ff7!important;border-color:#8ac9ff!important;transform:translateY(-1px)}
.sp31-layout :is(.btn,.v29-action,.sp30-row-action){border-radius:5px!important}
.sp31-layout .sp30-pane,.sp31-layout .sp30-profile-aside > *, .sp31-layout .sp30-settings-content > .sp30-pane, .sp31-layout :is(.v28-detail-card,.v29-section,.v29-rank-section){background:linear-gradient(145deg,#122238 0%,#0c192a 90%)!important;border:1px solid #2e4b69!important;border-radius:8px!important;box-shadow:0 14px 30px #03081029!important}
.sp31-layout :is(.sp30-pane,.v29-section,.v28-detail-card){position:relative}
.sp31-layout .sp30-pane:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#4dabe8,transparent 75%);opacity:.7;pointer-events:none}
.sp31-layout .sp30-pane h2,.sp31-layout :is(.sp30-pane-top h2,.sp30-page-heading h1,.sp30-profile-identity h1){letter-spacing:-.03em!important}
.sp31-layout :is(.sp30-page-heading h1,.sp30-profile-identity h1,.v28-tour-identity h1,.v29-tournament-hero h1){font-family:var(--sp31-display)!important;font-stretch:condensed!important;text-transform:uppercase!important;font-style:italic!important;font-weight:900!important;letter-spacing:-.022em!important;line-height:1.04!important;color:#f7fbff!important}
.sp31-layout .sp30-page-heading h1{font-size:clamp(35px,4vw,59px)!important}
.sp31-layout .sp30-profile-identity h1{font-size:clamp(37px,4vw,59px)!important}
.sp31-layout .sp30-eyebrow,.sp31-layout .sp30-group-title{letter-spacing:.18em;color:#8bd8ff!important}
.sp31-layout :is(.sp30-form input,.sp30-form textarea,.sp30-form select,.sp30-settings-layout input,.sp30-settings-layout select,.sp30-settings-layout textarea){border-radius:5px!important;background:#0a1a2b!important;border-color:#315172!important;color:#f2f7ff!important}
.sp31-layout :is(input,select,textarea):focus-visible{outline:2px solid #64b8ff!important;outline-offset:2px!important}
.sp31-layout .sp30-profile-cover{background:linear-gradient(92deg,#0c2439e8 0%,#1034557a 50%,#050d16 100%),url('/media-v24/team.webp') center/cover no-repeat!important;border-radius:7px!important;min-height:190px!important;position:relative}
.sp31-layout .sp30-profile-cover:before{content:'SPOTD // PLAYER IDENTITY';position:absolute;right:25px;top:22px;font-size:10px;font-weight:850;letter-spacing:.18em;color:#b7e7ff}
.sp31-layout .sp30-profile-hero{border-color:#335c7b!important;border-radius:9px!important;background:linear-gradient(132deg,#10263e,#0d1e31)!important}
.sp31-layout .sp30-rank-card{background:linear-gradient(160deg,#193b57,#102238)!important;border:1px solid #3b6283!important;border-radius:6px!important;min-height:120px}
.sp31-layout .sp30-rank-card img,.sp31-layout .rank-preview img{max-width:42px;max-height:42px;object-fit:contain}
.sp31-layout .sp30-rank-card strong{font-size:17px;letter-spacing:-.018em}
.sp31-layout .sp30-settings-nav{background:#0d1b2c!important;border:1px solid #2e4c69!important;border-radius:7px!important;overflow:hidden}
.sp31-layout .sp30-settings-nav a.active{border-left:3px solid #61baff!important;background:#194466!important;color:#fff!important}
.sp31-layout .sp30-settings-tile{border-radius:6px!important;border:1px solid #355576!important;background:linear-gradient(116deg,#152c45,#0e2134)!important;box-shadow:inset 0 1px #b1d0fb0a!important}
.sp31-layout .sp30-settings-tile:hover{border-color:#70add7!important;background:#1a3956!important;transform:translateY(-1px)}
.sp31-layout .sp30-settings-tile-icon{color:#8bceff!important;background:#1e5275!important;border-radius:6px!important}
.sp31-layout :is(.v29-match,.v29-team-block,.v29-account,.v28-fact-grid>div){background:#101f32!important;border-color:#2e4e6e!important;border-radius:5px!important}
.sp31-layout .v29-match{box-shadow:0 4px 18px #06111e7d!important}
.sp31-layout :is(.v29-team-mini,.v29-player-mini,.v29-standing){border-radius:5px!important}
.sp31-layout .v23-footer{border-top-color:#284866!important}
/* Distinctive scoreboard ticker */
.sp31-match-ribbon{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#102c45 0%,#11253b 65%,#0c1f30 100%);border:1px solid #2c5877;border-left:3px solid #49c7ff;padding:11px 17px;margin-bottom:19px;position:relative}
.sp31-match-ribbon:after{content:'';height:12px;width:60px;position:absolute;right:0;bottom:0;background:linear-gradient(135deg,transparent 50%,#3d9cbd2f 50%)}
.sp31-match-ribbon>span{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#9fe5ff;font-size:11px;letter-spacing:.12em;font-weight:800}
.sp31-match-ribbon p{flex:1;margin:0;color:#c1d7e9;font-size:12px;line-height:1.5}
.sp31-match-ribbon a{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;text-decoration:none;color:#f3faff;font-size:11px;font-weight:850;letter-spacing:.08em}
.sp31-match-ribbon a:hover,.sp31-text-link:hover{color:#84d4ff!important}
.sp31-layout .hero{border:1px solid #355876!important;border-radius:7px!important;background:linear-gradient(92deg,#071729ed 0%,#07192eab 42%,#071a2e25 100%),url('/media-v24/tournament.webp') right center/cover no-repeat!important;min-height:360px!important;box-shadow:inset 0 0 0 1px #8cbeff0d,0 16px 30px #0005}
.sp31-layout .hero .copy{max-width:680px;position:relative;z-index:1}
.sp31-layout .hero h1{font-family:var(--sp31-display)!important;font-weight:900!important;font-size:clamp(49px,6vw,90px)!important;font-style:italic!important;text-transform:uppercase!important;letter-spacing:-.035em!important;line-height:.98!important;text-shadow:0 5px 22px #04091775!important}
.sp31-layout .hero h1 em{background:linear-gradient(100deg,#b8edff 0%,#409fff 58%,#a9a2fa 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.sp31-layout .hero .eyebrow{font-weight:850!important;color:#8bd9ff!important;letter-spacing:.22em!important}
.sp31-layout .hero p{max-width:530px;color:#d2e1f0!important;font-size:14px}
.sp31-layout .stats{gap:10px!important}.sp31-layout .stat{border:1px solid #2d4864!important;border-radius:6px!important;background:linear-gradient(130deg,#13283e,#0e1d30)!important;padding:20px!important}
.sp31-layout .stat b{font-family:var(--sp31-display);font-size:30px!important;font-weight:900!important;font-style:italic!important;color:#f2f9ff!important}
.sp31-layout .stat span{font-size:11px!important;font-weight:680;color:#8db9de!important}
.sp31-layout .grid .card{border-radius:6px!important;border-color:#2b4d6d!important;background:linear-gradient(135deg,#12283c,#0b1829)!important}
/* Page hero: editorial grids, diagonals and light asymmetric edge */
.sp31-page-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:235px;margin-bottom:23px;overflow:hidden;padding:31px clamp(23px,3.2vw,50px);background:linear-gradient(90deg,#091c31f7,#102b46db 58%,#0d223c75),url('/media-v24/matches.webp') center right/cover no-repeat;border:1px solid #3a5a76;border-radius:7px;box-shadow:0 12px 26px #02050c42}
.sp31-page-hero:before{content:'';position:absolute;z-index:-1;right:-5%;top:-120%;height:280%;width:35%;background:linear-gradient(90deg,transparent,#4b9aff13 70%,transparent);transform:rotate(27deg);pointer-events:none}
.sp31-page-hero:after{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#46d6ff 0%,#277de2 30%,#7a57b1 59%,transparent 92%)}
.sp31-page-tournaments{background-image:linear-gradient(90deg,#091c31f8,#102b46e8 62%,#0d223c7a),url('/media-v24/tournament.webp')}
.sp31-page-teams{background-image:linear-gradient(90deg,#091c31fa,#102b46e4 62%,#0d223c85),url('/media-v24/team.webp')}
.sp31-page-players{background-image:linear-gradient(90deg,#091c31fc,#102b46e8 62%,#0d223c7a),url('/media-v24/matches.webp')}
.sp31-page-live{background-image:linear-gradient(90deg,#071829fc,#0f2842eb 62%,#0e243a71),url('/media-v24/matches.webp')}
.sp31-page-kicker,.sp31-section-label{font-size:10px;letter-spacing:.22em;color:#8cdfff;font-weight:850;text-transform:uppercase}
.sp31-page-hero h1{font-family:var(--sp31-display);font-style:italic;font-weight:950;font-stretch:condensed;font-size:clamp(49px,5vw,84px);line-height:1.04;letter-spacing:-.045em;text-transform:uppercase;margin:11px 0 7px;color:#f7fbff;text-shadow:0 5px 18px #040d1c75}
.sp31-page-hero h1 em{font-style:inherit;color:#7cc7ff}.sp31-title-dot{color:#56b7ff}.sp31-page-hero p{font-size:13px;color:#c4d7e9;line-height:1.7;max-width:670px;margin:6px 0 13px}
.sp31-hero-tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:9px}.sp31-hero-tags>span:not(.sp31-game-badge){display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #4a668579;background:#0b2236a8;color:#cee5ff;font-size:11px;font-weight:700}
.sp31-game-badge,.sp31-platform,.sp31-rank-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.25;font-weight:850;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;color:#d5e8fb}
.sp31-game-badge{border:1px solid #a055687a;background:#2d1626cf;color:#ffbfc3;padding:6px 9px;letter-spacing:.09em}
.sp31-game-badge svg{color:#ff6074;flex:0 0 auto}.sp31-platform{padding:5px 8px;border:1px solid #486282;background:#152a41;color:#bfdfff}.sp31-platform svg{color:#8dcaff}
.sp31-rank-chip{border:1px solid #3a5c7b;background:#132d46;color:#e1f0ff;padding:4px 9px 4px 5px;gap:6px;border-radius:4px;text-transform:none;letter-spacing:0;font-size:11px}
.sp31-rank-chip.compact{font-size:10px}.sp31-rank-chip.unranked{color:#a3b8cf;background:#162234;border-color:#36465c}
.sp31-rank-emblem{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#a0b8d3;font-size:10px}
.sp31-rank-emblem img{width:100%;height:100%;object-fit:contain}.sp31-rank-emblem .rank-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:850}
.sp31-test-tag{background:#352046;color:#e1c0fb;padding:5px 8px;border:1px solid #6e4c96;font-size:9px;letter-spacing:.13em;font-weight:850;white-space:nowrap}
.sp31-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#102b40;border:1px solid #3579a5;color:#a5ddff;padding:6px 9px;font-size:10px;letter-spacing:.06em;font-weight:850;text-transform:uppercase}
.sp31-state i{height:6px;width:6px;border-radius:50%;background:#65e7bb;box-shadow:0 0 0 3px #65e7bb25}
.sp31-state.in-progress{background:#144236;border-color:#38896f;color:#b3ffde}.sp31-state.open{color:#b5e8ff}.sp31-state.ended{border-color:#4a5365;background:#1a2636;color:#b4c2d3}.sp31-state.unverified{border-color:#4a5869;background:#172438;color:#b4bed0}
.sp31-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(115px,1fr));gap:10px;margin-bottom:23px;border:1px solid #304d6d;padding:15px;background:linear-gradient(120deg,#102438,#0b1b2c);border-radius:6px}
.sp31-toolbar label{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px 10px;min-width:0;font-size:10px;letter-spacing:.1em;font-weight:850;color:#87b1d3;border:1px solid #355471;background:#0a192b}
.sp31-toolbar select,.sp31-toolbar input{min-height:27px!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#e8f5ff!important;font-size:12px!important;padding:2px!important;outline:none!important;max-width:100%}
.sp31-toolbar select option{background:#111f2d}.sp31-toolbar .sp31-search-label{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.sp31-search-label svg{flex-shrink:0;color:#80c6fa}.sp31-search-label input{width:100%}
.sp31-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:21px 0 15px;border-bottom:1px solid #29465c;padding-bottom:14px}.sp31-section-head small{font-size:10px;letter-spacing:.2em;color:#8ac9f5;font-weight:850}.sp31-section-head h2{font-family:var(--sp31-display)!important;font-size:clamp(23px,2.4vw,35px)!important;font-weight:900!important;font-style:italic!important;text-transform:uppercase!important;letter-spacing:-.025em!important;line-height:1.1!important;margin:6px 0 0!important;color:#f5faff!important}.sp31-section-head>span{font-weight:750;color:#9db6d0;font-size:12px}
.sp31-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sp31-event-grid>.v28-filtered-event{height:100%;min-width:0}.sp31-event-card{height:100%;min-width:0;display:flex;flex-direction:column;background:linear-gradient(145deg,#13273b,#0b1929);border:1px solid #304f69;border-radius:7px;overflow:hidden;box-shadow:0 10px 26px #00000025;transition:transform .16s,border .16s,box-shadow .16s}.sp31-event-card:hover{transform:translateY(-3px);border-color:#68a8df;box-shadow:0 16px 30px #03091475}
.sp31-event-cover{position:relative;min-height:192px;padding:15px;background:linear-gradient(90deg,#071526dc,#0919305e),url('/media-v24/tournament.webp') center/cover no-repeat;overflow:hidden}.v28-filtered-event:nth-child(3n+2) .sp31-event-cover{background-image:linear-gradient(90deg,#071526e9,#09193069),url('/media-v24/team.webp')}.v28-filtered-event:nth-child(3n) .sp31-event-cover{background-image:linear-gradient(90deg,#071526e5,#0919306b),url('/media-v24/matches.webp')}
.sp31-event-cover:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#53c2f8,#3882da 44%,#cb627e 80%,transparent)}
.sp31-event-cover-top,.sp31-event-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;position:relative;z-index:1}.sp31-event-cover-bottom{position:absolute;bottom:13px;left:15px;right:15px}
.sp31-event-cover-inner{position:absolute;left:15px;bottom:39px;display:grid;gap:5px;z-index:1}.sp31-event-number{letter-spacing:.16em;font-size:9px;font-weight:850;color:#9cd2fd}.sp31-event-cover-inner strong{font-family:var(--sp31-display);font-weight:950;font-size:38px;font-style:italic;line-height:.88;letter-spacing:-.06em;color:#f3faff;text-shadow:0 4px 18px #0009}.sp31-event-cover-inner em{color:#87d5ff;font-style:inherit}
.sp31-event-info{padding:18px 19px 17px;display:flex;flex-direction:column;gap:11px;flex:1}.sp31-event-type{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#a4c8e6;font-weight:750}.sp31-event-type>svg{color:#8bccff}.sp31-event-type>.sp31-platform{margin-left:auto}
.sp31-event-info h3{font-family:var(--sp31-display)!important;font-style:italic!important;font-weight:900!important;text-transform:uppercase!important;font-size:clamp(20px,2vw,27px)!important;letter-spacing:-.012em!important;line-height:1.12!important;margin:0!important;min-height:1.2em}
.sp31-event-info h3 a{color:#f8fbff!important;text-decoration:none}.sp31-event-info h3 a:hover{color:#9bd9ff!important}.sp31-event-info>p{font-size:12px;color:#a9c1d9;line-height:1.55;margin:0;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp31-event-meta{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #2b4966;border-bottom:1px solid #2b4966;padding:12px 0}.sp31-event-meta span{display:flex;gap:5px;align-items:center;font-weight:700;color:#b7d0e9;font-size:10px}.sp31-event-meta svg{flex-shrink:0;color:#7cc4f8}
.sp31-rank-limit{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.sp31-rank-limit>span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#89a8c5}.sp31-rank-limit>div{display:flex;align-items:center;gap:6px}.sp31-rank-limit b{font-size:10px;color:#6a8cb1}
.sp31-event-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #29445c;padding-top:12px}.sp31-event-footer>span{color:#879eba;font-size:10px;line-height:1.4;flex:1}.sp31-text-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:850;color:#8ccaff!important;text-decoration:none!important;white-space:nowrap}
.sp31-empty{grid-column:1/-1;padding:38px 28px;border:1px dashed #3c5874;background:linear-gradient(150deg,#0e2135,#101829);text-align:center;color:#b6cce1;line-height:1.5}.sp31-empty h3{color:white;margin:10px 0 4px;font-size:20px}
/* Squads, player rows and competitive identifiers */
.sp31-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sp31-squad{position:relative;border:1px solid #305170;background:linear-gradient(140deg,#122d44,#0b1728);border-radius:7px;padding:20px;display:flex;flex-direction:column;gap:13px;min-width:0;overflow:hidden}.sp31-squad:before{content:'';position:absolute;top:0;right:0;width:50%;height:2px;background:linear-gradient(90deg,transparent,#5bc4e6)}.sp31-squad:hover{border-color:#5396d2}.sp31-squad-strip{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:9px;color:#829fbd;letter-spacing:.14em;font-weight:850}.sp31-squad-head{display:flex;align-items:center;gap:14px}.sp31-team-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;background:linear-gradient(125deg,#1b5981,#102b46);border:1px solid #458cb4;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);overflow:hidden;color:#eaf7ff;font-family:var(--sp31-display);font-size:18px;font-weight:900}.sp31-team-mark.large{width:65px;height:65px;font-size:25px}.sp31-team-mark img{display:block;width:100%;height:100%;object-fit:cover}.sp31-squad-head>div{min-width:0}.sp31-squad-head h3{font-family:var(--sp31-display)!important;font-style:italic!important;font-size:25px!important;font-weight:900!important;margin:5px 0 3px!important;overflow-wrap:anywhere}.sp31-squad-head h3 a{color:#f1f8ff!important;text-decoration:none}.sp31-squad-head h3 a:hover{color:#7cceff!important}.sp31-squad-head>div>span{font-size:10px;color:#9fbddd}.sp31-squad-head .sp31-game-badge{padding:4px 6px;font-size:9px}.sp31-squad>p{margin:0;color:#b1c7dc;font-size:12px;line-height:1.6;min-height:40px}.sp31-squad-roster{display:flex;gap:6px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #2b4c67}.sp31-squad-roster>a,.sp31-squad-roster>span{display:inline-flex;gap:5px;align-items:center;background:#10273e;border:1px solid #2b5272;padding:6px 8px;font-size:10px;color:#cce0f1!important;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.sp31-squad>.sp31-text-link{margin-top:auto}
.sp31-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp31-player-tile{display:flex;align-items:center;gap:13px;min-width:0;background:linear-gradient(110deg,#142b41,#0e1c30);border:1px solid #305372;border-left:3px solid #399bea;padding:14px;text-decoration:none!important;color:#eaf5ff!important}.sp31-player-tile:hover{background:#193a55;border-color:#5598ca}.sp31-player-tile>.sp31-svg{flex:none;color:#75bcf1;margin-left:auto}.sp31-player-photo{width:54px;height:54px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:#20517b;border:1px solid #4c95c0;color:white;font-weight:850;font-size:17px}.sp31-player-photo img{width:100%;height:100%;object-fit:cover}.sp31-player-info{display:grid;min-width:0;gap:4px}.sp31-player-info strong{font-weight:850;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp31-player-info small{font-size:11px;color:#94b6d2}.sp31-player-info>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sp31-player-info .sp31-game-badge{font-size:9px;padding:5px 6px}.sp31-player-info .sp31-rank-chip{padding:1px 5px;font-size:9px}.sp31-player-info .sp31-rank-emblem{width:22px;height:22px}
/* Twitch viewer uses official real iframe, no fake thumbnail or misleading LIVE badge */
.sp31-home-broadcast{margin:28px 0 18px}.sp31-home-placeholder,.sp31-live-loading{padding:38px;text-align:center;color:#a0b9d2;background:#10243a;border:1px solid #2a506e}.sp31-home-placeholder svg{color:#62baff}
.sp31-viewer{border:1px solid #345575;background:#0b1c2f;box-shadow:0 15px 35px #0005;margin-bottom:18px;overflow:hidden;border-radius:6px}.sp31-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 21px;border-bottom:1px solid #345879;background:linear-gradient(90deg,#163a56,#0d243b)}.sp31-viewer-head h2{font-family:var(--sp31-display)!important;font-size:25px!important;font-style:italic!important;font-weight:900!important;margin:3px 0 0!important;color:#f0faff!important}.sp31-tv-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(225px,.72fr);min-width:0}.sp31-video-wrap{width:100%;height:auto;min-height:300px;aspect-ratio:16/9;background:repeating-linear-gradient(130deg,#0b1727 0px,#0b1727 18px,#101e2f 19px,#101e2f 20px);position:relative;border-right:1px solid #355777;overflow:hidden}.sp31-video-wrap iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}.sp31-tv-empty{height:100%;display:grid;place-items:center;padding:25px;color:#a3bed5}
.sp31-tv-sidebar{min-height:0;display:flex;flex-direction:column;background:#0e2035}.sp31-tv-sidebar-head{display:flex;align-items:center;gap:7px;color:#91d1f8;font-size:10px;letter-spacing:.1em;font-weight:850;padding:16px 15px 11px;border-bottom:1px solid #2a4866}.sp31-tv-sidebar-head span{margin-left:auto}.sp31-channel-list{display:grid;align-content:start;gap:0;overflow-y:auto;max-height:390px;scrollbar-width:thin}.sp31-channel{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #24435e;border-left:3px solid transparent;color:#e7f3ff;background:transparent;padding:12px 14px;cursor:pointer}.sp31-channel:hover{background:#183754}.sp31-channel.selected{background:#174568;border-left-color:#66caff}.sp31-channel-icon{display:inline-flex;align-items:center;justify-content:center;color:#8bd5ff;background:#163f5b;border:1px solid #366b92;width:36px;height:36px;flex:none}.sp31-channel>span:nth-child(2){min-width:0;display:grid;gap:5px}.sp31-channel strong{font-size:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.sp31-channel small{font-size:9px;letter-spacing:.04em;color:#9cb5d0}.sp31-channel.selected strong{color:#fff}.sp31-live-indicator{height:7px;width:7px;border-radius:50%;margin-left:auto;background:#5fe5a5;flex:none}.sp31-external-twitch{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;margin-top:auto;color:#a7d9ff!important;text-decoration:none;border-top:1px solid #2a4866;font-size:11px;font-weight:790}.sp31-external-twitch:hover{background:#163c60}.sp31-tv-disclaimer{display:flex;align-items:flex-start;gap:8px;color:#9bb4cc;font-size:11px;line-height:1.7;margin:0;padding:12px 18px;background:#0b1829}.sp31-tv-disclaimer svg{flex-shrink:0;margin-top:3px;color:#7bc6eb}.sp31-after-live{margin:22px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #2c526a;border-left:3px solid #54b2fa;padding:21px 25px;background:linear-gradient(110deg,#152c43,#0c1c2e)}.sp31-after-live h2{font-size:24px;margin:5px 0;font-family:var(--sp31-display);font-weight:900;text-transform:uppercase;font-style:italic}.sp31-after-live p{font-size:12px;color:#acc5db;margin:0}.sp31-stream-crosslink{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 18px;border:1px solid #385f81;background:linear-gradient(90deg,#153a58,#0c1f34);margin:24px 0}.sp31-stream-crosslink>span{display:flex;gap:8px;align-items:center;color:#b7e5ff}.sp31-stream-crosslink p{font-size:12px;color:#b9ccdf;flex:1;margin:0}.sp31-stream-crosslink a{text-decoration:none;color:#d4f0ff;font-size:12px;font-weight:850;display:flex;gap:5px;align-items:center}
.sp31-layout a:focus-visible,.sp31-layout button:focus-visible{outline:2px solid #8bd5ff!important;outline-offset:3px!important}
/* Responsive: keep game info and nav readable without sideways overflow */
@media(max-width:1370px){.sp31-event-grid,.sp31-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp31-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.sp31-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.sp31-toolbar>.sp31-search-label{grid-column:1/-1}.sp31-page-hero{min-height:216px}.sp31-tv-grid{grid-template-columns:minmax(0,1fr)}.sp31-video-wrap{border-right:0;border-bottom:1px solid #355777}.sp31-channel-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.sp31-tv-sidebar{display:block}.sp31-channel strong{max-width:none}}
@media(max-width:760px){.sp31-layout .sp30-main{padding:16px 13px 85px!important}.sp31-layout .sp30-crumb{margin-bottom:14px!important;padding-bottom:11px}.sp31-tv-shortcut{height:35px;padding:0 10px}.sp31-page-hero{min-height:214px;padding:23px 22px}.sp31-page-hero h1{font-size:clamp(39px,9vw,59px)}.sp31-event-grid,.sp31-team-grid{grid-template-columns:1fr}.sp31-player-grid{grid-template-columns:1fr}.sp31-match-ribbon{align-items:flex-start;flex-wrap:wrap;gap:8px 13px}.sp31-match-ribbon p{min-width:100%;order:2}.sp31-match-ribbon a{margin-left:auto}.sp31-event-cover{min-height:168px}.sp31-event-cover-inner strong{font-size:35px}.sp31-section-head h2{font-size:26px!important}.sp31-layout .hero{min-height:290px!important}.sp31-layout .hero h1{font-size:clamp(48px,11vw,68px)!important}.sp31-layout .sp30-profile-cover{min-height:142px!important}}
@media(max-width:540px){.sp31-page-hero{min-height:198px;padding:20px 17px}.sp31-page-hero h1{font-size:clamp(38px,11vw,54px)}.sp31-page-hero p{font-size:12px}.sp31-toolbar{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.sp31-toolbar>.sp31-search-label{grid-column:1/-1}.sp31-toolbar label{padding:5px 8px}.sp31-event-meta{grid-template-columns:1fr 1fr}.sp31-event-meta span:last-child{grid-column:1/-1}.sp31-rank-limit>span{width:100%}.sp31-event-footer{align-items:flex-start}.sp31-page-hero .sp31-hero-tags{gap:7px}.sp31-viewer-head{padding:13px}.sp31-viewer-head h2{font-size:21px!important}.sp31-state{font-size:9px;white-space:normal;text-align:right}.sp31-video-wrap{width:100%;height:300px;min-height:300px;aspect-ratio:auto}.sp31-channel-list{grid-template-columns:1fr}.sp31-channel{padding:11px}.sp31-channel strong{max-width:230px}.sp31-tv-disclaimer{font-size:10px}.sp31-after-live{display:grid}.sp31-layout .sp30-crumb{font-size:10px}.sp31-tv-shortcut span{display:none}.sp31-tv-shortcut{width:33px;padding:0;justify-content:center}.sp31-squad{padding:16px}}
@media(prefers-reduced-motion:reduce){.sp31-layout *, .sp31-layout *:before,.sp31-layout *:after{transition:none!important;animation:none!important}}

.sp31-personal-rank-icon{display:inline-block;width:34px;height:34px;object-fit:contain;vertical-align:middle;flex-shrink:0;margin-right:6px}.v29-player-mini .sp31-personal-rank-icon{width:24px;height:24px}.sp31-rank-chip img{vertical-align:middle}
.sp31-team-mark{position:relative}.sp31-team-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp31-team-mark>span{position:relative;z-index:0}
.sp31-mobile-stream{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:22px;background:linear-gradient(150deg,#0c2540,#081426)}
.sp31-mobile-stream>span{display:grid;place-items:center;color:#a5d9ff;width:79px;height:79px;border:1px solid #4a83ad;clip-path:polygon(13% 0,100% 0,100% 87%,87% 100%,0 100%,0 13%);background:#183c5a}
.sp31-mobile-stream strong{color:#eff8ff;font-family:var(--sp31-display);font-size:25px;font-style:italic;font-weight:900}
.sp31-mobile-stream p{font-size:12px;line-height:1.6;color:#b7cadf;margin:0;max-width:290px}
.sp31-mobile-stream .btn{display:flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}

.sp31-game-rocket{border-color:#4b91ca8c!important;background:#122c45dc!important;color:#aadaff!important}.sp31-game-rocket svg{color:#4aaaff!important}
.sp31-game-lol{border-color:#9f85438c!important;background:#342b19ce!important;color:#ffdf9c!important}.sp31-game-lol svg{color:#ffc35d!important}


/* --- source: client/css/20-arena-v4.css --- */
/* SPOTD 4.0 — ARENA RED. Original editorial competitive identity.
   Inspired by the visual language of premium tactical esports, not a copy of Riot's site. */
:root{
 --sp4-red:#ff4655;--sp4-red-hot:#ff6470;--sp4-red-dark:#a92235;
 --sp4-ink:#080b0f;--sp4-black:#0c1015;--sp4-stage:#11171b;
 --sp4-stage-2:#161f25;--sp4-stage-3:#20282e;--sp4-cream:#f0eee8;
 --sp4-white:#fffdfa;--sp4-muted:#a3adb1;--sp4-line:#2c3338;
 --sp4-faint:#78848b;--sp4-green:#a7e4bf;
 --sp4-display:'Arial Narrow','Liberation Sans Narrow','Impact','Arial Black','Segoe UI',sans-serif;
 --sp4-body:'Cabin','Inter','Segoe UI',Arial,sans-serif;
 color-scheme:dark;
}
html,body{background:var(--sp4-ink)!important;color:var(--sp4-cream)!important;}
body{font-family:var(--sp4-body)!important;}
.sp4-layout{
 --bg:var(--sp4-ink);--nav:var(--sp4-black);--surface:var(--sp4-stage);
 --surface2:var(--sp4-stage-2);--raised:var(--sp4-stage-3);--line:var(--sp4-line);
 --blue:var(--sp4-red);--bright:var(--sp4-red);--sp30-bg:var(--sp4-ink);
 --sp30-panel:var(--sp4-stage);--sp30-panel-b:var(--sp4-stage-2);
 --sp30-stroke:var(--sp4-line);--sp30-electric:var(--sp4-red);
 --sp30-muted:var(--sp4-muted);--v27-blue:var(--sp4-red);
 --v27-electric:var(--sp4-red);--sp31-electric:var(--sp4-red);
 --sp31-cyan:#f7eae2;--sp31-line:#384045;--sp31-ice:var(--sp4-cream);
 --gradient:linear-gradient(120deg,#ff4655,#f24854);
 font-family:var(--sp4-body)!important;color:var(--sp4-cream);
}
.sp4-layout .sp30-body{
 background:radial-gradient(ellipse 70% 42% at 86% 0%,#34151c42,transparent 76%),
 linear-gradient(#0d1115 0,#090c10 440px,#080b0f 100%)!important;
}
.sp4-layout .sp30-main{padding-top:24px!important;max-width:1850px!important;}
.sp4-layout .sp30-crumb{color:#9b9ea2!important;border-color:#383234!important;letter-spacing:.115em!important;font-size:10px!important;text-transform:uppercase;}
.sp4-layout .sp30-crumb span{color:var(--sp4-red)!important;font-weight:900;}
.sp4-layout .sp30-crumb strong{color:#e7e2da!important;}
.sp4-layout .sp30-crumb:before{width:7px;height:7px;background:var(--sp4-red)!important;transform:rotate(45deg)}
/* SIDEBAR */
.sp4-layout .sp30-sidebar{background:linear-gradient(160deg,#121719,#0b1014 38%,#090c10)!important;border-right:1px solid #373033!important;}
.sp4-layout .sp30-brand{background:#101418!important;border-bottom:1px solid #33383b!important;min-height:139px!important;}
.sp4-layout .sp30-brand:after{left:0!important;right:auto!important;width:85px;height:3px;background:var(--sp4-red)!important;}
.sp4-layout .sp30-brand a img,.sp4-layout .sp30-mobile-brand img{filter:drop-shadow(0 4px 9px #0008);}
.sp4-layout .sp30-brand small{color:#b5a6a5!important;letter-spacing:.18em!important;}
.sp4-layout .sp30-side-scroll{padding-top:21px!important;}
.sp4-layout .sp30-group-title{color:#ec5662!important;font-size:10px!important;letter-spacing:.25em!important;font-weight:850!important;}
.sp4-layout .sp30-side-link{border:0!important;border-left:2px solid transparent!important;border-radius:0!important;padding:11px 13px!important;min-height:43px!important;color:#b6bdc1!important;font-weight:720!important;letter-spacing:.015em;}
.sp4-layout .sp30-side-link svg{color:#89969b!important;transition:color .2s!important;}
.sp4-layout .sp30-side-link:hover{background:#25242a!important;color:#f5f0eb!important;transform:translateX(2px);}
.sp4-layout .sp30-side-link:hover svg{color:var(--sp4-red-hot)!important;}
.sp4-layout .sp30-side-link.is-active{background:linear-gradient(90deg,#ff465525,#ff465502 94%)!important;border-left:2px solid #ff4655!important;color:#fff!important;box-shadow:none!important;}
.sp4-layout .sp30-side-link.is-active svg{color:var(--sp4-red)!important;}
.sp4-layout .sp30-side-link.is-active:after{width:4px;height:23px;border-radius:0;background:#ff4655;right:-10px;}
.sp4-layout .sp31-live-nav{margin-top:6px;background:transparent!important;color:#e6d6d6!important;border:none!important;border-left:2px solid #a73641!important;}
.sp4-layout .sp31-nav-dot{border-radius:0;background:#ff4655;box-shadow:0 0 0 2px #ff46551d;}
.sp4-layout .sp30-side-help{background:linear-gradient(130deg,#292123,#151c20)!important;border:1px solid #573138!important;border-left:3px solid #ff4655!important;border-radius:0!important;}
.sp4-layout .sp30-side-help>span,.sp4-layout .sp30-side-help>a{color:#fff1ec!important;}
.sp4-layout .sp30-side-foot{background:#0b1013!important;border-color:#333438!important;}
.sp4-layout .sp30-side-user{background:#1c2024!important;border:1px solid #39383e!important;border-radius:0!important;}
.sp4-layout .sp30-side-user:hover{border-color:#ff4655!important;background:#2a2229!important;}
/* TOPBAR / ACCOUNT */
.sp4-layout .sp30-topbar{background:#101419f5!important;border-bottom:1px solid #393235!important;height:70px!important;min-height:70px!important;backdrop-filter:blur(20px);}
.sp4-layout .sp30-search{background:#171d21!important;border:1px solid #424044!important;border-radius:0!important;max-width:490px;}
.sp4-layout .sp30-search input{color:#f6f0eb!important;font-weight:500;}
.sp4-layout .sp30-search svg{color:#ff6470!important;}
.sp4-layout .sp30-search:focus-within{box-shadow:0 0 0 1px #ff4655!important;border-color:var(--sp4-red)!important;}
.sp4-layout .sp30-language>summary,.sp4-layout .sp30-account-menu>summary,.sp4-layout .sp30-mail-shortcut,.sp4-layout .sp31-tv-shortcut{background:#1c2227!important;border:1px solid #404047!important;color:#f1eae4!important;border-radius:0!important;min-height:38px;}
.sp4-layout .sp30-language>summary:hover,.sp4-layout .sp30-account-menu>summary:hover,.sp4-layout .sp30-mail-shortcut:hover,.sp4-layout .sp31-tv-shortcut:hover{background:#352127!important;border-color:#ff4655!important;}
.sp4-layout .sp30-account-panel,.sp4-layout .sp30-language-list{background:#171b20!important;border:1px solid #5e4146!important;border-top:2px solid #ff4655!important;border-radius:0!important;box-shadow:0 23px 50px #0009!important;}
.sp4-layout .sp30-account-panel a:hover,.sp4-layout .sp30-language-list button:hover,.sp4-layout .sp30-language-list button.is-selected{background:#37252a!important;color:#fff!important;}
.sp4-layout .sp30-account-panel a svg,.sp4-layout .sp30-account-panel button svg{color:#ff6671!important;}
.sp4-layout :is(.sp30-auth,.sp30-account-name,.sp30-side-user,.sp30-account-panel){font-family:var(--sp4-body)}
/* TYPOGRAPHY AND CARDS */
.sp4-layout :is(h1,h2,h3,h4){color:var(--sp4-white)!important;}
.sp4-layout :is(.sp31-page-hero h1,.sp30-page-heading h1,.sp30-profile-identity h1,.v28-tour-identity h1,.v29-tournament-hero h1,.sp31-section-head h2,.sp31-viewer-head h2){font-family:var(--sp4-display)!important;font-weight:950!important;font-style:normal!important;letter-spacing:-.045em!important;text-transform:uppercase!important;line-height:1.06!important;}
.sp4-layout :is(.sp30-page-heading h1,.sp30-profile-identity h1,.v28-tour-identity h1){font-size:clamp(38px,4.3vw,69px)!important;}
.sp4-layout :is(.sp31-page-kicker,.sp31-section-label,.sp31-section-head small,.sp30-eyebrow,.sp30-group-title){color:#ff6770!important;letter-spacing:.20em!important;font-weight:850!important;}
.sp4-layout :is(.sp30-pane,.sp31-event-card,.sp31-squad,.sp31-player-tile,.sp30-settings-tile,.v29-card,.v29-team-block,.v29-account,.v29-match,.v28-detail-card,.v28-fact-grid>div,.v23-home-panel,.v24-home-box,.card,.tourney){border-radius:0!important;}
.sp4-layout :is(.sp30-pane,.sp31-event-card,.sp31-squad,.sp30-settings-tile,.v29-card,.v29-team-block,.v29-account,.v29-match,.v28-detail-card,.v28-fact-grid>div){background:linear-gradient(139deg,#1d252a 0%,#141b20 43%,#10161a 100%)!important;border-color:#394044!important;box-shadow:0 8px 22px #0002!important;}
.sp4-layout :is(.sp30-pane,.sp31-squad,.sp30-settings-tile,.v29-match){position:relative;}
.sp4-layout .sp30-pane:before{width:3px;background:linear-gradient(180deg,#ff4655,#ff465514)!important;opacity:1!important;}
.sp4-layout :is(.sp30-pane-top h2,.v29-card h3){font-family:var(--sp4-display)!important;font-weight:900!important;letter-spacing:-.028em!important;text-transform:uppercase;}
.sp4-layout :is(.sp30-pane p,.sp30-pane-top p,.sp30-page-heading p,.sp31-event-info p,.sp31-page-hero p,.sp31-squad p){color:#b2babb!important;}
.sp4-layout .sp30-pane,.sp4-layout .sp30-settings-tile{padding:23px!important;}
.sp4-layout :is(.sp30-profile-facts>div,.sp30-profile-links a,.v29-player-mini,.sp31-squad-roster){border-color:#363e43!important;}
.sp4-layout :is(a:not(.btn),button):focus-visible{outline:2px solid #ff4655!important;outline-offset:3px;}
/* BUTTONS: tactical clean blocks, visual feedback */
.sp4-layout :is(.btn,.sp31-text-link,.v28-detail-tabs button,.v29-tab,button[data-v28-tab]){transition:background .18s,border-color .18s,transform .18s,color .18s,box-shadow .18s;}
.sp4-layout .btn{border-radius:0!important;min-height:40px;letter-spacing:.075em;font-size:11px!important;font-weight:850!important;text-transform:uppercase;box-shadow:none!important;}
.sp4-layout .btn:not(.btn-primary):not(.btn-danger){background:#252a2e!important;border:1px solid #45474b!important;color:#f2ebe5!important;}
.sp4-layout .btn.btn-primary,.sp4-layout .btn-primary{background:var(--sp4-red)!important;border:1px solid var(--sp4-red)!important;color:#fff!important;box-shadow:inset 0 -2px #b92434!important;}
.sp4-layout .btn:hover:not(:disabled){transform:translateY(-2px);}
.sp4-layout .btn.btn-primary:hover:not(:disabled){background:#ff6872!important;border-color:#ff6872!important;box-shadow:0 8px 19px #ff46552f!important;}
.sp4-layout .btn:not(.btn-primary):hover{background:#3b282e!important;border-color:#ff6470!important;}
.sp4-layout :is(.btn,.sp31-game-badge,.sp31-platform,.sp31-rank-chip,.sp31-state,.sp31-test-tag){clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);}
.sp4-layout .sp31-text-link{font-weight:850!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase;color:#f9d2d4!important;}
.sp4-layout .sp31-text-link:hover{color:#ff6170!important;}
.sp4-layout .sp31-game-badge{background:#3d1f26!important;color:#ffb7bc!important;border-color:#a64552!important;}
.sp4-layout .sp31-game-badge svg{color:#ff4655!important;}
.sp4-layout .sp31-platform{background:#242a30!important;border-color:#51565a!important;color:#d6d7d8!important;}
.sp4-layout .sp31-platform svg{color:#eae3df!important;}
.sp4-layout .sp31-rank-chip{background:#22282c!important;border-color:#56575d!important;color:#f4ede6!important;padding:3px 9px 3px 4px!important;}
.sp4-layout .sp31-state{background:#281f23!important;border-color:#b74754!important;color:#ffb2b7!important;}
.sp4-layout .sp31-state.in-progress{background:#17352d!important;border-color:#418a6b!important;color:#b7f0ce!important;}
.sp4-layout .sp31-state.ended{background:#24272c!important;border-color:#4b4c52!important;color:#acb1b3!important;}
.sp4-layout .sp31-state i{background:#ff4655!important;box-shadow:0 0 0 3px #ff465521!important;}
.sp4-layout .sp31-test-tag{background:#352d2f!important;border-color:#765357!important;color:#ffc2c0!important;}
/* HOME HERO — original composition, cinematic geometry + editorial typography */
.sp4-hero{--hero-border:#563d40;min-height:525px;margin:0 0 17px;border:1px solid var(--hero-border);background:
 radial-gradient(ellipse at 30% 80%,#591a2633,transparent 75%),linear-gradient(113deg,#12171c 0%,#17161b 47%,#111216 100%);
 overflow:hidden;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.91fr);grid-template-rows:auto 1fr;}
.sp4-hero:after{content:'';position:absolute;inset:auto 0 0;z-index:5;height:4px;background:linear-gradient(90deg,#ff4655 0 42%,#ece8e1 42% 53%,#33373b 53%);}
.sp4-hero:before{content:'';position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,#fff1 120px,transparent 121px);opacity:.35;pointer-events:none;}
.sp4-hero-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:3;padding:15px 31px 13px;border-bottom:1px solid #ece8e11c;font-size:10px;font-weight:900;color:#f4e2df;letter-spacing:.19em;}
.sp4-hero-top b{color:#ff4655;font-size:15px;padding:0 8px;}
.sp4-hero-main{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 24px 43px clamp(28px,4vw,74px);min-width:0;}
.sp4-overline{font-size:11px;letter-spacing:.29em;font-weight:850;color:#ec727a;display:flex;align-items:center;gap:13px;margin-bottom:25px;}
.sp4-overline i{display:block;width:30px;height:3px;background:#ff4655;}
.sp4-hero h1{font-family:var(--sp4-display)!important;font-stretch:condensed;font-weight:1000!important;font-size:clamp(54px,6.2vw,113px)!important;line-height:.86!important;color:#fff6ee!important;letter-spacing:-.065em!important;text-transform:uppercase!important;margin:0 0 25px!important;white-space:nowrap;text-shadow:0 6px 16px #0004;}
.sp4-hero h1 em{font-style:normal!important;color:#ff4655!important;-webkit-text-fill-color:#ff4655!important;background:none!important;}
.sp4-hero-main>p{color:#c2c1c0!important;font-size:clamp(13px,1vw,16px)!important;max-width:445px;line-height:1.68!important;margin:0 0 27px!important;}
.sp4-hero-main>p strong{color:#faf6f0!important;}
.sp4-hero-buttons{display:flex;align-items:stretch;gap:11px;flex-wrap:wrap;}
.sp4-hero-buttons .btn{min-height:48px!important;padding:11px 20px!important;gap:28px;display:inline-flex;align-items:center;justify-content:space-between;}
.sp4-hero-buttons .btn span{font-size:18px;font-weight:400;}
.sp4-layout .sp4-hero-buttons .sp4-btn-light{background:#eeeae2!important;color:#121519!important;border-color:#eeeae2!important;}
.sp4-hero-foot{margin-top:46px;padding-top:15px;border-top:1px solid #ddd6ca30;display:flex;flex-wrap:wrap;gap:12px 28px;color:#c1b9b8;font-weight:850;font-size:9px;letter-spacing:.15em;}
.sp4-hero-foot span:first-child{color:#ff6871;}
.sp4-hero-visual{position:relative;overflow:hidden;z-index:1;grid-row:2;grid-column:2;display:grid;place-items:center;}
.sp4-hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17161b 0%,transparent 16%,transparent 91%,#1514195c);z-index:2;pointer-events:none;}
.sp4-hero-visual img{width:120%;height:120%;object-fit:cover;object-position:center;max-width:none;mix-blend-mode:screen;opacity:.94;filter:contrast(1.1) saturate(.94);transform:translate(-1%,3%);animation:sp4Float 9s ease-in-out infinite alternate;}
.sp4-hero-edge{position:absolute;right:16px;top:40%;z-index:5;writing-mode:vertical-rl;letter-spacing:.3em;font-size:10px;color:#ded6d2;font-weight:900;display:flex;gap:25px;}
.sp4-hero-edge span:nth-child(2){color:#ff4655;}
@keyframes sp4Float{from{transform:translate(-1%,3%) scale(1)}to{transform:translate(1%,-1%) scale(1.045)}}
/* HOME SECTIONS / SIMULATION */
.sp4-layout .sp31-match-ribbon{border:1px solid #4b3437!important;border-left:3px solid #ff4655!important;background:linear-gradient(90deg,#32191f,#1c1b1f)!important;color:#f7e8e5!important;border-radius:0;margin-bottom:16px!important;}
.sp4-layout .sp31-match-ribbon>span{color:#ff7780!important;}
.sp4-layout .sp31-match-ribbon p{color:#d1bec0!important;}
.sp4-layout :is(.v26-lab-ribbon,.v23-home-alert,.v29-lab-warning){border-left-color:#ff4655!important;background:#23191e!important;border-color:#5d343e!important;}
.sp4-layout .stats{gap:11px!important;}
.sp4-layout .stat{background:linear-gradient(136deg,#25272a,#141a1f)!important;border:1px solid #454145!important;border-top:2px solid #ff4655!important;border-radius:0!important;}
.sp4-layout .stat b{font-family:var(--sp4-display)!important;color:#fff7f2!important;font-style:normal!important;font-weight:950!important;font-size:clamp(25px,3vw,38px)!important;}
.sp4-layout .stat span{color:#c9c3c2!important;}
.sp4-layout :is(.v23-home-feature,.v24-home-card,.v23-home-card,.sp30-home-card){background:#161d21!important;border-color:#3c4145!important;border-radius:0!important;}
.sp4-layout :is(.v23-home-feature,.v24-home-card):hover{border-color:#ff4655!important;}
.sp4-layout .sp31-section-head{border-bottom:1px solid #4a393b!important;}
.sp4-layout .sp31-section-head:before{content:'';height:3px;width:31px;background:#ff4655;position:absolute;bottom:-2px;left:0;}
.sp4-layout .sp31-section-head{position:relative;}
.sp4-layout .sp31-section-head h2{font-size:clamp(24px,2.7vw,38px)!important;}
/* COMPETITIONS / TEAMS / PLAYERS */
.sp4-layout .sp31-page-hero{background:linear-gradient(90deg,#17191eea 0%,#1c191de0 59%,#19131b9c),url('/visuals/arena-pattern-v4.svg') right center/cover no-repeat!important;
 border:1px solid #574148!important;border-left:4px solid #ff4655!important;min-height:270px!important;clip-path:polygon(0 0,calc(100% - 29px) 0,100% 29px,100% 100%,0 100%);padding:37px clamp(23px,4vw,57px)!important;}
.sp4-layout .sp31-page-hero:after{background:linear-gradient(90deg,#ff4655 0 45%,#fff1e6 45% 56%,transparent 56%)!important;height:4px!important;}
.sp4-layout .sp31-page-hero:before{background:linear-gradient(90deg,transparent,#ff465512);opacity:.65;transform:skewX(-22deg);right:0;left:auto;width:29%;}
.sp4-layout .sp31-page-hero h1{font-size:clamp(48px,5.5vw,88px)!important;color:#fff8f2!important;font-style:normal!important;margin:10px 0 12px;}
.sp4-layout .sp31-page-hero h1 em,.sp4-layout .sp31-title-dot{color:#ff4655!important;}
.sp4-layout .sp31-page-hero p{max-width:630px;color:#d1c3c0!important;line-height:1.64!important;font-size:13px;}
.sp4-layout .sp31-hero-tags>span:not(.sp31-game-badge){background:#30262a!important;border-color:#62444a!important;color:#ead6d2!important;}
.sp4-layout .sp31-toolbar{background:#151b1e!important;border-color:#454043!important;border-radius:0!important;padding:16px!important;}
.sp4-layout .sp31-toolbar label{color:#c8bec0!important;}
.sp4-layout .sp31-toolbar select,.sp4-layout .sp31-toolbar input{background:#22262b!important;border:1px solid #44454c!important;border-radius:0!important;color:#f7eee9!important;}
.sp4-layout .sp31-event-grid{gap:17px!important;}
.sp4-layout .sp31-event-card{overflow:hidden;position:relative;transition:transform .22s,border-color .22s,box-shadow .22s;}
.sp4-layout .sp31-event-card:hover{transform:translateY(-4px);border-color:#ef5361!important;box-shadow:0 18px 28px #0007!important;}
.sp4-layout .sp31-event-cover{background:linear-gradient(105deg,#12181fe5,#351a24bf),url('/visuals/arena-pattern-v4.svg') center/cover no-repeat!important;border:0!important;border-bottom:3px solid #ff4655!important;min-height:193px!important;}
.sp4-layout .sp31-event-cover:before{content:'';position:absolute;right:-54px;top:-58px;width:270px;height:280px;border:28px solid #ff46552a;transform:rotate(35deg);}
.sp4-layout .sp31-event-cover:after{content:'SP/04';position:absolute;right:14px;bottom:16px;color:#ff46557c;letter-spacing:.23em;font-family:var(--sp4-display);font-weight:900;font-size:31px;}
.sp4-layout .sp31-event-cover-inner{left:20px;bottom:26px;max-width:75%;}
.sp4-layout .sp31-event-number{color:#fb9a9c!important;}
.sp4-layout .sp31-event-cover-inner strong{font-family:var(--sp4-display)!important;color:#fff7ee!important;font-size:clamp(24px,2.2vw,37px)!important;line-height:1!important;letter-spacing:-.035em!important;font-style:normal!important;max-width:100%;overflow-wrap:anywhere;}
.sp4-layout .sp31-event-info{background:transparent!important;}
.sp4-layout .sp31-event-info h3{font-family:var(--sp4-display)!important;font-size:clamp(21px,2.1vw,29px)!important;color:#fff!important;font-style:normal!important;}
.sp4-layout .sp31-event-info h3 a:hover{color:#ff6872!important;}
.sp4-layout .sp31-event-type,.sp4-layout .sp31-event-meta{color:#bfc2c5!important;}
.sp4-layout .sp31-rank-limit{border-color:#454144!important;background:#151a1f!important;}
.sp4-layout .sp31-event-footer{border-color:#4a3b3e!important;}
.sp4-layout .sp31-squad{border-top:3px solid #ff4655!important;transition:transform .18s,border-color .18s;}
.sp4-layout .sp31-squad:hover{transform:translateY(-3px);border-color:#ff4655!important;}
.sp4-layout .sp31-squad-strip{color:#ff9299!important;border-color:#3d3537!important;}
.sp4-layout .sp31-team-mark{background:#2d2226!important;border-color:#ed5968!important;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%);}
.sp4-layout .sp31-squad-head h3{font-family:var(--sp4-display)!important;font-size:24px!important;letter-spacing:-.025em!important;text-transform:uppercase;}
.sp4-layout .sp31-squad-roster>a,.sp4-layout .sp31-squad-roster>span{background:#25282a!important;border-color:#4d4041!important;color:#f1e8e6!important;}
.sp4-layout .sp31-squad-roster>a:hover{border-color:#ff4655!important;background:#42242c!important;}
.sp4-layout .sp31-player-tile{background:linear-gradient(115deg,#24282d,#12191f)!important;border:1px solid #4b4045!important;border-left:3px solid #ff4655!important;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)!important;transition:transform .2s,border-color .2s;}
.sp4-layout .sp31-player-tile:hover{transform:translateY(-3px);background:#2d222a!important;border-color:#ff4655!important;}
.sp4-layout .sp31-player-photo{background:#3f2830!important;border-color:#fc5865!important;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%);}
.sp4-layout .sp31-player-info strong{font-size:15px!important;color:#fff4ec!important;}
.sp4-layout .sp31-player-tile>.sp31-svg{color:#ff6a72!important;}
/* PROFILE & ACCOUNT */
.sp4-layout .sp30-profile-hero{background:linear-gradient(125deg,#1d1c21,#13191e)!important;border:1px solid #514045!important;border-radius:0!important;box-shadow:none!important;}
.sp4-layout .sp30-profile-cover{background:linear-gradient(105deg,#12171bd9,#38212a55),url('/visuals/arena-pattern-v4.svg') center/cover no-repeat!important;border-bottom:3px solid #ff4655!important;border-radius:0!important;min-height:178px!important;}
.sp4-layout .sp30-profile-cover:before{content:'PLAYER FILE // SPOTD';color:#fe9b9f!important;letter-spacing:.24em!important;}
.sp4-layout .sp30-hero-avatar{background:#35303a!important;border-radius:0!important;border:3px solid #ff4655!important;box-shadow:0 12px 22px #0009!important;}
.sp4-layout .sp30-profile-identity h1{font-style:normal!important;color:#fff7f1!important;}
.sp4-layout .sp30-profile-identity h1 .sp4-rank-next{vertical-align:middle;}
.sp4-layout .sp30-rank-card{background:linear-gradient(136deg,#2a2328,#191e22)!important;border:1px solid #635057!important;border-bottom:2px solid #ff4655!important;border-radius:0!important;}
.sp4-layout .sp30-rank-card strong{color:#fff3eb!important;}
.sp4-layout .sp30-rank-platform,.sp4-layout .sp30-rank-source{color:#f2aeb3!important;}
.sp4-layout .sp30-rank-empty{background:#1c2024!important;border:1px dashed #72525b!important;}
.sp4-layout .sp30-settings-nav{background:#161b20!important;border:1px solid #454044!important;border-radius:0!important;}
.sp4-layout .sp30-settings-nav a{border-radius:0!important;color:#c8c4c3!important;}
.sp4-layout .sp30-settings-nav a.active{background:#382126!important;border-left:3px solid #ff4655!important;color:#fff!important;}
.sp4-layout .sp30-settings-nav a:hover{background:#2c2529!important;color:#fff!important;}
.sp4-layout .sp30-settings-tile{background:linear-gradient(126deg,#24262b,#151c1f)!important;border-color:#4a4247!important;}
.sp4-layout .sp30-settings-tile:hover{border-color:#ff4655!important;background:#30232b!important;}
.sp4-layout .sp30-settings-tile-icon{background:#3a242b!important;border-radius:0!important;color:#ff727b!important;}
.sp4-layout :is(.sp30-form input,.sp30-form textarea,.sp30-form select,.sp30-settings-layout input,.sp30-settings-layout select,.sp30-settings-layout textarea){background:#0e1419!important;border:1px solid #555055!important;border-radius:0!important;color:#fff1ec!important;}
.sp4-layout :is(input,select,textarea):focus-visible{outline:2px solid #ff4655!important;outline-offset:2px;}
/* RANKS — actual VALORANT tier emblems */
.sp4-rank-asset,.sp4-rank-mini{width:27px;height:27px;display:inline-block;flex-shrink:0;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px #0007);}
.sp4-rank-next{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:7px;width:32px;height:33px;position:relative;}
.sp4-rank-next:before{content:'';position:absolute;inset:2px;background:#fff8f00a;transform:rotate(45deg);border:1px solid #e3aaaa22;}
.sp4-rank-next>img{position:relative;z-index:1;}
.sp4-rank-next:has(img[src=""]) {display:none;}
.sp4-rank-compact{width:27px;height:27px;}
.sp4-layout .sp31-rank-emblem{width:29px;height:29px;}
.sp4-layout .sp31-rank-emblem img{width:100%!important;height:100%!important;object-fit:contain!important;}
.sp4-layout .sp31-personal-rank-icon{width:39px!important;height:39px!important;}
.sp4-layout .rank-preview img,.sp4-layout .sp30-rank-card img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;}
.sp4-layout .sp31-player-info strong{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sp4-layout .sp31-squad-roster a .sp4-rank-next{margin-left:1px;width:24px;height:25px;}
.sp4-layout .sp31-squad-roster a .sp4-rank-next img{width:22px;height:22px;}
/* TOURNAMENT DETAIL / MATCH CENTER / SOCIAL */
.sp4-layout .v28-tour-hero{background:linear-gradient(100deg,#101519ed,#302127d0),url('/visuals/arena-pattern-v4.svg') center/cover no-repeat!important;border:1px solid #574146!important;border-bottom:4px solid #ff4655!important;border-radius:0!important;}
.sp4-layout .v28-tour-hero h1{font-size:clamp(39px,4.7vw,74px)!important;}
.sp4-layout .v28-detail-tabs{border-color:#554249!important;}
.sp4-layout .v28-detail-tabs button{border-radius:0!important;color:#c7c3c2!important;}
.sp4-layout .v28-detail-tabs button.active{border-bottom:3px solid #ff4655!important;background:#3d242b!important;color:#fff!important;}
.sp4-layout .v28-real-participant,.sp4-layout .v28-bracket-match,.sp4-layout .v29-team-mini{background:#1c2225!important;border-color:#434447!important;border-radius:0!important;}
.sp4-layout .v28-real-participant:hover,.sp4-layout .v29-team-mini:hover{border-color:#ff4655!important;}
.sp4-layout :is(.v29-match,.v29-team-block,.v29-account,.v28-fact-grid>div){border-color:#4d4244!important;}
.sp4-layout .sp31-viewer{background:#11171b!important;border:1px solid #514044!important;border-radius:0!important;}
.sp4-layout .sp31-viewer-head{background:linear-gradient(90deg,#372127,#171a1f)!important;border-bottom:2px solid #ff4655!important;}
.sp4-layout .sp31-viewer-head h2{font-family:var(--sp4-display)!important;font-style:normal!important;}
.sp4-layout .sp31-tv-sidebar{background:#161b1f!important;}
.sp4-layout .sp31-video-wrap{background:repeating-linear-gradient(132deg,#12151b 0,#12151b 19px,#1d2026 20px,#1d2026 21px)!important;border-color:#3e4144!important;}
.sp4-layout .sp31-channel{border-color:#3e3a3f!important;color:#eee9e6!important;}
.sp4-layout .sp31-channel.selected{background:#39242b!important;border-left-color:#ff4655!important;}
.sp4-layout .sp31-channel:hover{background:#2e242b!important;}
.sp4-layout .sp31-channel-icon,.sp4-layout .sp31-mobile-stream{background:#2a2127!important;border-color:#6b4850!important;color:#ff8a91!important;}
.sp4-layout .sp31-tv-sidebar-head,.sp4-layout .sp31-external-twitch{color:#ff8a91!important;border-color:#544045!important;}
.sp4-layout .sp31-tv-disclaimer{background:#13181b!important;color:#aab1b3!important;}
.sp4-layout .sp31-after-live,.sp4-layout .sp31-stream-crosslink{background:linear-gradient(90deg,#322028,#131b20)!important;border-color:#68464e!important;border-left:4px solid #ff4655!important;border-radius:0!important;}
.sp4-layout .sp31-after-live h2{font-family:var(--sp4-display)!important;font-style:normal!important;}
.sp4-layout .sp31-stream-crosslink>span,.sp4-layout .sp31-stream-crosslink a{color:#ffb6ba!important;}
.sp4-layout .sp30-footer{border-top:1px solid #473a3f!important;color:#a7a0a0!important;}
.sp4-layout .sp30-footer a{color:#f4a3a8!important;}
/* AUTH: split full-screen dialog, working existing forms */
.sp4-auth-overlay.overlay{position:fixed!important;inset:0!important;background:rgba(3,5,7,.90)!important;backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(10px,3vw,45px)!important;z-index:7000!important;overflow-y:auto;}
.sp4-auth-dialog.dialog{position:relative!important;display:flex!important;flex-direction:column!important;width:min(100%,980px)!important;max-width:980px!important;max-height:min(94dvh,930px)!important;min-height:520px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#181e22!important;border:1px solid #654750!important;border-radius:0!important;box-shadow:0 36px 100px #000d!important;padding:48px 46px 44px min(50%,500px)!important;}
.sp4-auth-dialog.dialog:before{content:'';position:absolute;top:0;left:50%;right:0;height:4px;background:linear-gradient(90deg,#ff4655 0%,#ff4655 83%,#f0eee8 83%);}
.sp4-auth-dialog.dialog>.close{position:absolute!important;top:15px!important;right:16px!important;z-index:6;background:#35262b!important;border:1px solid #88525c!important;color:#fff!important;}
.sp4-auth-dialog.dialog>h3{font-family:var(--sp4-display)!important;font-size:clamp(28px,3.1vw,42px)!important;font-weight:900!important;line-height:1.1!important;color:#fff9f1!important;letter-spacing:-.04em!important;text-transform:uppercase!important;margin:15px 0 3px!important;}
.sp4-auth-form-caption{color:#b7b9b7;font-size:13px;line-height:1.6;margin:8px 0 24px;}
.sp4-auth-dialog.dialog>.stack,.sp4-auth-dialog.dialog>form{display:grid;gap:14px;}
.sp4-auth-dialog.dialog .field{color:#e7dfdc!important;font-size:12px;font-weight:750!important;}
.sp4-auth-dialog.dialog .field input,.sp4-auth-dialog.dialog .field select{background:#10161a!important;border:1px solid #61575a!important;border-radius:0!important;color:#fff!important;min-height:46px!important;}
.sp4-auth-dialog.dialog .field input:focus,.sp4-auth-dialog.dialog .field select:focus{border-color:#ff4655!important;outline:1px solid #ff4655!important;}
.sp4-auth-dialog.dialog .btn.btn-primary{min-height:49px!important;background:#ff4655!important;border:0!important;border-radius:0!important;color:#fff!important;text-transform:uppercase;font-weight:850!important;letter-spacing:.1em;}
.sp4-auth-dialog.dialog .password-forgot-link{color:#ffaeb4!important;}
.sp4-auth-dialog.dialog small{font-size:11px;color:#bbc0bf;}
.sp4-auth-art{position:absolute;top:0;left:0;bottom:0;width:46%;padding:28px 35px 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(90deg,#4c1926b9,#1d191ec0),url('/visuals/arena-v4.svg') center/auto 120% no-repeat,#251b22;border-right:4px solid #ff4655;color:#fff!important;}
.sp4-auth-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#210a13c9,transparent 67%);pointer-events:none;}
.sp4-auth-art>*{position:relative;z-index:2;}
.sp4-auth-logo{font-weight:950;font-family:var(--sp4-display);font-size:28px;letter-spacing:-.055em;}
.sp4-auth-logo span{font-size:10px;color:#ffb9be;letter-spacing:.21em;font-family:var(--sp4-body);}
.sp4-auth-caption{font-size:10px;font-weight:900;letter-spacing:.21em;color:#ffd9d7;margin:20px 0 auto;}
.sp4-auth-art h2{font-family:var(--sp4-display);font-size:clamp(44px,5vw,76px);font-weight:950;line-height:.88;letter-spacing:-.064em;margin:4px 0 14px;}
.sp4-auth-accent{font-family:var(--sp4-display);font-weight:900;font-size:27px;color:#ff8590;letter-spacing:-.03em;}
.sp4-auth-art p{font-size:12px;line-height:1.65;max-width:280px;color:#f3dbdc;}
.sp4-auth-bottom{font-size:9px;letter-spacing:.18em;color:#f6d6d4;font-weight:850;}
/* Entrances and accessibility */
.sp4-mounted .sp4-hero-main,.sp4-mounted .sp31-page-hero{animation:sp4Rise .35s ease-out both;}
@keyframes sp4Rise{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.sp4-layout a:focus-visible,.sp4-layout button:focus-visible,.sp4-auth-dialog button:focus-visible{outline:2px solid #ff4655!important;outline-offset:3px!important;}
/* RESPONSIVE */
@media(max-width:1280px){.sp4-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr);min-height:470px}.sp4-hero h1{font-size:clamp(54px,6vw,89px)!important}.sp4-hero-foot{gap:8px 17px;margin-top:29px}.sp4-hero-main{padding-left:33px}.sp4-hero-visual img{width:130%;height:125%}}
@media(max-width:1000px){.sp4-hero{min-height:430px;grid-template-columns:minmax(0,1fr) 34%}.sp4-hero-main{padding-right:3px}.sp4-hero h1{font-size:clamp(53px,7.4vw,82px)!important}.sp4-hero-visual img{height:100%;width:auto;min-width:140%;object-fit:cover}.sp4-hero-foot span{font-size:8px}.sp4-auth-dialog.dialog{padding-left:49%!important}.sp4-auth-art{width:45%}}
@media(max-width:860px){.sp4-layout .sp30-mobile-nav{background:#15191de8!important;border-top:2px solid #ff4655!important;backdrop-filter:blur(15px)}.sp4-layout .sp30-mobile-nav a.active{color:#ff6c76!important}.sp4-layout .sp30-main{padding-top:14px!important}.sp4-layout .sp30-topbar{height:61px!important;min-height:61px!important}.sp4-layout .sp30-crumb{margin-bottom:17px!important}.sp4-hero-top{padding-left:18px;padding-right:18px}.sp4-hero{grid-template-columns:1fr 38%}.sp4-hero h1{font-size:clamp(53px,8.1vw,75px)!important}.sp4-hero-buttons .btn{min-height:41px!important}.sp4-layout .sp31-page-hero{min-height:225px!important}}
@media(max-width:660px){.sp4-hero{min-height:525px;display:block}.sp4-hero-top{font-size:8px;padding:11px 16px}.sp4-hero-top span:last-child{display:none}.sp4-hero-main{padding:57px 20px 28px!important;min-height:500px;justify-content:flex-start}.sp4-hero h1{font-size:clamp(57px,11.7vw,82px)!important;line-height:.89!important}.sp4-hero-main>p{max-width:350px;font-size:13px!important}.sp4-hero-buttons{max-width:350px}.sp4-hero-buttons .btn{flex:1;justify-content:space-between;min-width:150px;padding:9px 12px!important;font-size:10px!important;gap:8px}.sp4-hero-foot{margin-top:auto;gap:12px 15px;max-width:360px}.sp4-hero-foot span{font-size:8px}.sp4-hero-visual{position:absolute;right:-55px;bottom:55px;width:70%;height:65%;opacity:.28;pointer-events:none}.sp4-hero-visual img{width:150%;height:110%;object-fit:cover;object-position:right}.sp4-hero-edge{right:8px;font-size:8px;gap:14px}.sp4-hero-top{position:relative}.sp4-layout .sp31-page-hero{padding:24px 18px!important;min-height:211px!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.sp4-layout .sp31-page-hero h1{font-size:clamp(39px,10vw,60px)!important}.sp4-layout .sp31-event-cover-inner strong{font-size:27px!important}.sp4-layout .sp31-event-cover{min-height:174px!important}.sp4-layout .sp30-profile-cover{min-height:145px!important}.sp4-layout .sp30-profile-identity h1{font-size:35px!important}.sp4-layout .sp30-pane{padding:17px!important}.sp4-layout .sp31-toolbar{padding:10px!important}.sp4-auth-overlay.overlay{padding:0!important;align-items:stretch!important}.sp4-auth-dialog.dialog{width:100%!important;max-height:100dvh!important;min-height:100dvh!important;border:none!important;padding:175px 22px 36px!important;overflow-y:auto!important}.sp4-auth-dialog.dialog:before{left:0}.sp4-auth-art{top:0;left:0;right:0;bottom:auto;width:100%;height:145px;padding:15px 20px;border-right:0;border-bottom:3px solid #ff4655;background-position:center 45%}.sp4-auth-art div,.sp4-auth-art p,.sp4-auth-art .sp4-auth-bottom{display:none}.sp4-auth-caption{margin:6px 0}.sp4-auth-dialog.dialog>h3{font-size:32px!important}.sp4-auth-dialog.dialog>.close{top:15px!important;right:13px!important}}
@media(max-width:375px){.sp4-hero h1{font-size:53px!important}.sp4-hero-buttons{display:grid}.sp4-hero-main{min-height:550px}.sp4-hero-foot{gap:8px}.sp4-layout .sp31-page-hero h1{font-size:39px!important}}
@media(prefers-reduced-motion:reduce){.sp4-layout *, .sp4-layout *:before,.sp4-layout *:after,.sp4-auth-dialog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* V4.0 final polish: replace legacy cobalt leftovers and clarify the cards */
.sp4-layout :is(.v28-lab-banner,.v29-lab-banner,.sp30-lab-strip,.v29-lab-callout){background:linear-gradient(103deg,#2f1d24 0%,#1a1d21 75%)!important;border:1px solid #6b4148!important;border-left:3px solid #ff4655!important;color:#f0e9e4!important;border-radius:0!important;}
.sp4-layout :is(.v28-lab-banner,.v29-lab-banner,.sp30-lab-strip,.v29-lab-callout) :is(.btn,.btn-primary,button){background:#ff4655!important;color:white!important;border-color:#ff4655!important;}
.sp4-layout :is(.v24-panel,.v24-metrics>div,.v27-steps,.v27-empty,.v27-empty-content,.v27-home-rail,.v27-home-card,.v27-home-panel,.v24-home-grid .v24-panel,.v24-home-box){background:linear-gradient(145deg,#1e2528,#11181c)!important;border:1px solid #484044!important;color:#f0e9e4!important;box-shadow:none!important;border-radius:0!important;}
.sp4-layout :is(.v24-panel,.v27-home-card,.v27-home-panel,.v24-home-box) :is(h2,h3,h4){color:#fff7ef!important;}
.sp4-layout :is(.v24-panel,.v24-home-grid,.v27-home-grid,.v24-metrics) :is(.v24-overline,.v27-kicker,.v24-panel-label,.v27-section-title){color:#ef7880!important;}
.sp4-layout :is(.v27-empty-symbol,.v24-empty-icon,.v24-metrics>div>span,.v27-step-icon){color:#ff5a66!important;background:#3b2329!important;border-color:#69424b!important;border-radius:0!important;}
.sp4-layout :is(.v24-metrics>div strong,.v27-stat strong){color:#fff8f1!important;}
.sp4-layout :is(.v24-metrics>div small,.v27-stat small){color:#d8b4b5!important;}
.sp4-layout :is(.v23-featured-grid,.v24-home-grid,.v27-home-columns,.v27-home-grid) .btn{border-radius:0!important;}
.sp4-layout :is(.v24-panel .btn.btn-primary,.v27-home-card .btn.btn-primary){background:#ff4655!important;color:#fff!important;}
.sp4-layout :is(.v24-tabs-static .active,.v27-tabs .active,.v28-tab.is-active){background:#ff4655!important;color:#fff!important;border-color:#ff4655!important;}
.sp4-layout :is(.v24-tabs-static,.v27-tabs,.v28-tab){color:#c4c0c0!important;}
.sp4-layout .sp31-toolbar:where(*),.sp4-layout .sp31-toolbar .sp31-search-label,.sp4-layout .sp31-toolbar>label{background:#161b1f!important;border-color:#444148!important;}
.sp4-layout .sp31-event-cover-inner{z-index:3!important;bottom:28px!important;left:24px!important;max-width:70%!important;}
.sp4-layout .sp31-event-cover-inner strong{font-size:clamp(25px,2.3vw,38px)!important;line-height:.95!important;display:block!important;text-shadow:0 4px 10px #000a;}
.sp4-layout .sp31-event-cover-inner strong em{color:#ff6470!important;-webkit-text-fill-color:#ff6470!important;}
.sp4-layout .sp31-event-cover-top{z-index:4!important;}
.sp4-layout .sp31-event-cover-bottom{z-index:4!important;}
.sp4-layout :is(.v24-empty,.v27-empty){border-radius:0!important;}
@media(max-width:660px){.sp4-layout .v24-metrics{gap:9px!important}.sp4-layout :is(.v24-panel,.v24-home-box){padding:14px!important}.sp4-hero h1{white-space:normal!important}.sp4-hero-main{padding-top:44px!important}.sp4-hero-foot{margin-top:38px!important}.sp4-layout .sp31-event-cover-inner{max-width:80%!important}}

/* Hard reset of older blue action rules: combined specificity beats V3.1 selectors. */
.sp30-layout.sp31-layout.sp4-layout .btn.btn-primary,
.sp30-layout.sp31-layout.sp4-layout a.btn.btn-primary,
.sp30-layout.sp31-layout.sp4-layout button.btn.btn-primary,
.sp30-layout.sp31-layout.sp4-layout :is(.sp4-hero-buttons,.v26-lab-peek,.v24-featured-teams,.v24-home-grid) .btn.btn-primary{
 background:#ff4655!important;border:1px solid #ff4655!important;color:#fff!important;border-radius:0!important;box-shadow:inset 0 -2px #b82e3e!important;
}
.sp30-layout.sp31-layout.sp4-layout .btn.btn-primary:hover{background:#ff6270!important;border-color:#ff6270!important;box-shadow:0 7px 16px #ff465524!important;}
.sp30-layout.sp31-layout.sp4-layout .btn:not(.btn-primary){background:#2d292b!important;border:1px solid #594449!important;color:#fff4ee!important;border-radius:0!important;}
.sp30-layout.sp31-layout.sp4-layout .sp4-hero-buttons .sp4-btn-light{background:#f2eae1!important;color:#16191c!important;border-color:#f2eae1!important;}
.sp30-layout.sp31-layout.sp4-layout .v26-lab-peek{background:linear-gradient(105deg,#35212a,#171c21)!important;border-color:#65404a!important;border-left:3px solid #ff4655!important;border-radius:0!important;}
.sp30-layout.sp31-layout.sp4-layout .v26-lab-badge{background:#48262e!important;border:1px solid #b34d5c!important;color:#fff0ea!important;}
.sp30-layout.sp31-layout.sp4-layout :is(.v24-tabs-static .active,.v27-tabs .active){background:#ff4655!important;border:1px solid #ff4655!important;color:white!important;}
.sp30-layout.sp31-layout.sp4-layout :is(.v24-featured-teams,.v24-metrics>div,.v27-home-grid,.v27-steps,.v27-home-panel,.v27-empty,.v24-empty){background:#171d22!important;border-color:#503a40!important;}
.sp30-layout.sp31-layout.sp4-layout :is(.v24-featured-teams a,.v24-featured-teams button,.v27-empty a.btn){background:#29282c!important;border:1px solid #674048!important;color:#fdf5f1!important;}
.sp30-layout.sp31-layout.sp4-layout :is(.v27-empty-content h3,.v24-empty h3){color:#f5f0e9!important;}
.sp30-layout.sp31-layout.sp4-layout .v24-metrics>div>span{background:#3f222a!important;border-color:#75444f!important;color:#ff6573!important;}
.sp30-layout.sp31-layout.sp4-layout .sp31-toolbar :is(input,select){background:#20252a!important;color:#f9eee8!important;border-color:#584850!important;}

/* V4 harmonization: legacy content widgets used to keep blue blocks after the new cover. */
.sp4-layout .v27-home-card,.sp4-layout .v27-home-module,.sp4-layout .v27-home-content,.sp4-layout .v27-section-card,
.sp4-layout .v27-stat-holder,.sp4-layout .v24-home-event,.sp4-layout .v24-home-team,.sp4-layout .v27-onboarding,
.sp4-layout .v24-metrics>div,.sp4-layout .v27-streams,
.sp4-layout .v27-home-card .v24-card,.sp4-layout .v27-home-card .v24-team-card {
 border-color:#434044!important;background:linear-gradient(148deg,#181b20,#121417)!important;box-shadow:inset 0 1px 0 #ffffff08!important;
}
.sp4-layout .v24-metrics>div:before,.sp4-layout .v27-home-card:before{background:#ff4655!important;}
.sp4-layout .v27-home-card button,.sp4-layout .v27-home-card a.btn,
.sp4-layout .v24-home-event .btn,.sp4-layout .v27-streams .btn,
.sp4-layout .v27-home-card a[data-action],.sp4-layout .v27-onboarding a.btn{
 background:#25272b!important;border-color:#4a4245!important;color:#f4efeb!important;border-radius:2px!important;
}
.sp4-layout .v27-home-card button:hover,.sp4-layout .v27-home-card a.btn:hover,
.sp4-layout .v27-home-card a[data-action]:hover{
 border-color:#ff4655!important;color:#ff6874!important;background:#302326!important;
}
.sp4-layout .v27-home-card .v24-kicker,.sp4-layout .v27-home-card .v24-label,
.sp4-layout .v27-home-card .v24-eyebrow{color:#ff737e!important;}
.sp4-layout .v27-home-card input,.sp4-layout .v27-home-card select{background:#0f1115!important;border:1px solid #4b4549!important;color:#fff!important;}
.sp4-layout .v27-onboarding-steps>*{background:#191b20!important;border-color:#3d3c41!important;}
.sp4-layout .v27-onboarding-steps>*:hover{border-color:#ff4655!important;background:#211c21!important;}
.sp4-layout .v23-tag,.sp4-layout .v27-tag{background:#281d23!important;border-color:#5a353f!important;color:#ffb7be!important;}
.sp4-layout .v27-home-card .v27-empty,.sp4-layout .v27-home-card .v24-empty{background:#131519!important;color:#bdb9b7!important;border-color:#403b3e!important;}
@media(max-width:640px){.sp4-layout .sp4-hero h1{white-space:normal!important;font-size:clamp(52px,13vw,68px)!important;}.sp4-layout .sp4-rank-next img{max-width:25px;max-height:25px;}}
@media(max-width:860px){
 .sp4-layout .sp30-mobile-nav a.active,.sp4-layout .sp30-mobile-nav .is-active{background:#382126!important;border-color:#ff4655!important;color:#ff9aa2!important;box-shadow:inset 0 3px #ff4655!important;}
 .sp4-layout .sp30-mobile-nav a:hover{background:#292127!important;color:#ff6873!important;}
}


/* --- source: client/css/30-tournaments-v41.css --- */
/* SPOTD V4.1 // COMPETITIVE EDITION. Distinct public tournament/match surfaces. */
:root{--sp41-red:#ff4655;--sp41-cream:#f1efec;--sp41-panel:#13191e;--sp41-line:rgba(226,230,232,.13);--sp41-muted:#9ca7b1;}
.sp41-app .sp30-main{max-width:1720px;margin:0 auto;padding-bottom:80px!important}
.sp41-app .sp30-main :is(h1,h2,h3){text-wrap:balance}
.sp41-app a,.sp41-app button{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .18s ease,box-shadow .18s ease}
.sp41-app a:focus-visible,.sp41-app button:focus-visible{outline:2px solid #ff7680!important;outline-offset:3px}
.sp41-app .sp30-crumb{margin-bottom:15px!important}
.sp41-app .sp4-hero{display:none}
/* Home cover is an original local WEBP, not a fake tournament screenshot. */
.sp41-hero{position:relative;isolation:isolate;overflow:hidden;min-height:410px;display:flex;align-items:stretch;background:#0b0f16 url('/visuals/spotd-arena-hero.webp') center 48%/cover no-repeat;border:1px solid #393d43;border-bottom:3px solid var(--sp41-red)}
.sp41-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,16,.96) 0,rgba(9,13,18,.84) 39%,rgba(10,12,17,.15) 78%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 70%)}
.sp41-hero:after{content:'';position:absolute;right:13px;top:12px;width:28px;height:28px;border-top:2px solid #ff4655;border-right:2px solid #ff4655;opacity:.75}
.sp41-hero-text{position:relative;z-index:1;width:min(100%,750px);padding:clamp(30px,5vw,65px) 42px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.sp41-kicker{font:800 10px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.19em;color:#e3babd;display:flex;align-items:center;gap:10px}
.sp41-kicker i{background:var(--sp41-red);display:inline-block;width:20px;height:3px}
.sp41-hero h1{font-size:clamp(52px,6vw,96px)!important;line-height:.93!important;letter-spacing:-.07em!important;color:#fff!important;font-weight:950!important;max-width:750px;margin:20px 0 12px!important;text-transform:uppercase;text-wrap:balance}
.sp41-hero h1 em{font-style:normal;color:#ff4655;white-space:nowrap}
.sp41-hero p{max-width:470px;line-height:1.65;color:#d5d7da;font-size:14px}
.sp41-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.sp41-actions .btn{border-radius:1px!important;min-height:44px!important;font-size:11px!important;letter-spacing:.055em!important;font-weight:900!important;padding-inline:21px!important}
.sp41-actions .btn.btn-primary{color:#fff!important;background:#ff4655!important;border-color:#ff4655!important;display:flex;align-items:center;gap:19px}
.sp41-actions .btn.btn-primary:hover{background:#f03242!important;box-shadow:0 7px 22px #ff46554a;transform:translateY(-2px)}
.sp41-quiet-btn{border-color:#eee2d8!important;color:#eee2d8!important;background:#15191caf!important}
.sp41-quiet-btn:hover{background:#f2eee8!important;color:#131719!important}
.sp41-hero-foot{display:flex;gap:25px;margin-top:40px;color:#bcbfc3;font-size:9px;letter-spacing:.1em;font-weight:750}
.sp41-hero-side{position:absolute;right:19px;bottom:16px;writing-mode:vertical-rl;color:#ebe5e3;font-size:9px;font-weight:900;letter-spacing:.2em;opacity:.77}
.sp41-home-quick{margin:12px 0 16px}.sp41-home-quick .v24-metrics{margin:0!important;gap:10px!important}.sp41-home-quick .v24-metrics>div{background:#151b20!important;border:1px solid #30383e!important;min-height:77px!important;border-radius:1px!important}.sp41-home-quick .v24-metrics strong{color:#fff!important}
.sp41-panel{background:linear-gradient(145deg,#161d22,#10161b);border:1px solid #343d43;box-shadow:0 15px 35px rgba(0,0,0,.08);min-width:0}
.sp41-panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:13px;padding:19px 21px 14px;border-bottom:1px solid var(--sp41-line)}
.sp41-panel-heading small{font-size:9px;letter-spacing:.17em;color:#ff858e;font-weight:900}
.sp41-panel-heading h2{font-size:21px!important;line-height:1.12!important;color:#f9f7f5;font-weight:900!important;margin:5px 0 0!important}
.sp41-panel-heading>a{color:#ededef;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap}
.sp41-panel-heading>a:hover{color:#ff6974}
.sp41-home-primary{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;align-items:stretch}
.sp41-home-side{display:grid;gap:14px;grid-template-rows:minmax(185px,auto) minmax(180px,auto)}
.sp41-panel-tournaments{min-height:380px;position:relative}
.sp41-home-events{padding:0 10px 10px!important}
.sp41-home-events .v24-home-event-list{display:grid;gap:0!important}
.sp41-home-events .v24-home-event{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px;min-height:86px;padding:14px 11px!important;border-bottom:1px solid #343a40!important;background:transparent!important;border-radius:0!important;text-decoration:none!important}
.sp41-home-events .v24-home-event>img,.sp41-home-events .v24-home-event .v24-home-event-cta{display:none!important}
.sp41-home-events .v24-home-event:before{content:'◈';color:#ff5d6a;font-size:24px;grid-column:1;grid-row:1;align-self:center;margin-right:5px}
.sp41-home-events .v24-home-event>div{grid-row:1;grid-column:1;padding-left:35px}
.sp41-home-events .v24-home-event>div strong{display:block;font-size:15px!important;color:#fff}
.sp41-home-events .v24-home-event>div small{display:block;margin-top:7px;color:#a6aeb6;font-size:10px}
.sp41-home-events .v24-home-event>span:not(.v24-home-event-cta){grid-row:1;grid-column:2;color:#d3c8c9;font-size:11px}
.sp41-home-events .v24-home-event:hover{background:#252026!important;border-left:3px solid #ff4655}
.sp41-empty-mini{padding:19px 18px;color:#a6b0ba;font-size:12px;line-height:1.7}
.sp41-home-primary #v24HomeLive{padding:14px 18px}
.sp41-home-primary #v24HomeLive .v27-empty-state,.sp41-home-primary #v24HomeLive .v24-empty{border:0!important;background:transparent!important;padding:9px!important;box-shadow:none!important}
.sp41-home-primary #v24HomeLive :is(p,h3){font-size:12px!important}
.sp41-home-stream #sp41StreamPreview{padding:8px 16px 13px}.sp41-stream-item{display:grid;position:relative;grid-template-columns:1fr auto;gap:4px;padding:11px 4px;text-decoration:none;border-bottom:1px solid var(--sp41-line)}
.sp41-stream-item .sp41-stream-role{display:block;color:#ff7882;font-size:9px;font-weight:850;letter-spacing:.13em;grid-column:1/-1}
.sp41-stream-item strong{color:#fff;font-size:13px}.sp41-stream-item small{color:#a7b1b8;font-size:10px;grid-column:1}.sp41-stream-arrow{grid-column:2;grid-row:2;color:#f0b9bc}
.sp41-stream-item:hover strong{color:#ff7680}
.sp41-community-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.sp41-community-row #v23FeaturedTeams{padding:15px 18px}.sp41-community-row .v24-spotlight-team{margin:0!important;min-height:65px;border-color:#343b42!important}
.sp41-community-peek{padding:16px 19px;color:#afb7bc;font-size:13px;line-height:1.6}.sp41-community-peek a{color:#f5c4c8;font-weight:850;display:inline-flex;margin-top:9px;text-decoration:none}
/* New media crops add depth but never override member-uploaded covers. */
.sp41-app .sp30-profile-cover:not([style]){background:#101319 url('/visuals/spotd-profile-cover.webp') center/cover!important}
.sp41-app .sp31-event-cover{background:linear-gradient(10deg,#110c12ae,#12171e62),url('/visuals/spotd-tournament.webp') 70% center/cover no-repeat!important;min-height:206px!important}
.sp41-app .sp31-event-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11151bd9,transparent 80%);pointer-events:none}
.sp41-app .sp31-event-cover-inner,.sp41-app .sp31-event-cover-top,.sp41-app .sp31-event-cover-bottom{position:relative;z-index:1}
.sp41-app .sp31-event-card{border:1px solid #394047!important;border-radius:1px!important;overflow:hidden}
.sp41-app .sp31-event-card:hover{border-color:#ff4655!important;transform:translateY(-3px);box-shadow:0 15px 34px #050607ad}
.sp41-app :is(.sp31-page-tournaments,.sp31-page-teams,.sp31-page-players,.sp31-page-live){background-image:linear-gradient(85deg,#11151bfa,#101116bc),url('/visuals/spotd-tournament.webp')!important;background-position:center!important;background-size:cover!important}
.sp41-app .sp31-page-hero{border-bottom:2px solid #ff4655!important}
.sp41-app .sp30-profile-cover{min-height:175px!important}
.sp41-app .sp30-profile-identity{background:linear-gradient(135deg,#17191d,#202023)!important}
/* Rank images always sized and aligned, even on very long Riot IDs. */
.sp41-app :is(.sp31-rank-emblem img,.sp4-rank-mini,.sp31-personal-rank-icon,.sp30-rank-card img,.sp30-account-name img){width:31px!important;height:31px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;flex-shrink:0}
.sp41-app .sp30-profile-identity h1 .sp4-rank-next img{width:43px!important;height:43px!important}
.sp41-app .sp4-rank-next{display:inline-flex!important;align-items:center;vertical-align:middle;transform:translateY(-2px);margin-left:7px!important}
.sp41-rank-fallback{filter:drop-shadow(0 0 4px #ff465528)}
/* Tournament: keep all existing forms and score actions, show one information mode at a time. */
.sp41-app .v29-tournament-hero{background:linear-gradient(90deg,#10141df6,#10131da0 72%,#10131940),url('/visuals/spotd-tournament.webp') center/cover!important;border:1px solid #55515a!important;border-bottom:3px solid #ff4655!important;min-height:248px!important;padding:31px!important}
.sp41-app .v29-tournament-hero h1{font-size:clamp(34px,4.5vw,68px)!important;letter-spacing:-.05em!important;max-width:850px}
.sp41-app .v29-event-layout{grid-template-columns:minmax(0,1fr) minmax(235px,310px)!important;gap:17px!important}
.sp41-tournament-tabs{display:flex;gap:1px;flex-wrap:wrap;margin:22px 0 12px;border-bottom:1px solid #384148;background:#151a20;max-width:100%;overflow-x:auto}
.sp41-tournament-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;color:#b3b9be;background:transparent;min-height:48px;padding:10px 22px;font-weight:850;font-size:12px;white-space:nowrap;cursor:pointer}
.sp41-tournament-tabs button[aria-selected="true"]{color:#fff;border-color:#ff4655;background:#ff46551f}
.sp41-tournament-tabs button:hover{color:#fff;background:#ff465512}
.sp41-tournament-panel[hidden],.sp41-mc-panel[hidden]{display:none!important}
.sp41-app .v29-section{min-width:0!important}.sp41-app .v29-section-top{border-bottom:1px solid #424951;padding-bottom:10px}
.sp41-bracket-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:8px 0 13px}
.sp41-bracket-head small,.sp41-mc-head small{letter-spacing:.14em;color:#ff7984;font-weight:900;font-size:9px}
.sp41-bracket-head h3{font-size:24px;color:#fff;margin:5px 0!important;font-weight:900;line-height:1.1}
.sp41-bracket-head p{margin:0;color:#a8b2bb;font-size:12px;line-height:1.4}
.sp41-bracket-controls{display:inline-flex;gap:2px;background:#222930;border:1px solid #41484e;padding:3px;flex-shrink:0}
.sp41-bracket-controls button{border:0;background:#151a20;color:#e6e5e3;width:34px;min-height:32px;cursor:pointer;font-size:15px;font-weight:900}
.sp41-bracket-controls button:nth-child(2){width:59px;font-size:11px}.sp41-bracket-controls button:hover{background:#ff4655}
.sp41-bracket-viewport{overflow:auto;max-width:100%;scrollbar-color:#ff5863 #1e262c;border:1px solid #3a434a;background:linear-gradient(#1a2229b5 1px,transparent 1px),linear-gradient(90deg,#1a2229a3 1px,transparent 1px),#0d1318;background-size:42px 42px;outline-offset:1px}
.sp41-bracket-map{display:flex;gap:44px;width:max-content;min-width:100%;padding:18px 25px 22px;align-items:flex-start}
.sp41-bracket-round{width:255px;flex:none}.sp41-bracket-round>header{min-height:56px;display:flex;flex-direction:column;gap:7px;padding-bottom:13px;border-bottom:1px solid #424a50}
.sp41-bracket-round>header span{font-size:10px;color:#f3e6e3;letter-spacing:.1em;font-weight:950}.sp41-bracket-round>header b{font-size:10px;font-weight:700;color:#84939d}
.sp41-bracket-round.last-round>header span{color:#ffc5c7}
.sp41-bracket-column{position:relative;min-width:0}
.sp41-bracket-slot{position:absolute;left:0;width:100%}
.sp41-match-card{width:100%;border:1px solid #515960;background:#182027;border-left:3px solid #59656f;min-height:164px;position:relative;box-shadow:0 10px 28px #0005}
.sp41-match-card.is-live{border-left-color:#f24a5b;box-shadow:0 0 0 1px #ff465535,0 12px 26px #0006}
.sp41-match-card:hover{border-color:#ff6876}
.sp41-match-top{display:flex;align-items:center;gap:6px;padding:7px 9px 6px;background:#252a30;font-size:9px;letter-spacing:.045em;font-weight:700;color:#b5bdc2;white-space:nowrap}
.sp41-state{display:inline-flex;align-items:center;gap:4px;font-size:8px;letter-spacing:.06em;font-weight:900;color:#d2d6d8;margin-left:auto}
.sp41-state.live{color:#ff747f}.sp41-state.live i{height:6px;width:6px;border-radius:50%;background:#ff4655;box-shadow:0 0 8px #ff4655}
.sp41-bo{color:#fff;background:#31373e;font-size:9px;padding:2px 4px}
.sp41-match-team{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:35px;padding:4px 11px;border-bottom:1px solid #31383d}
.sp41-match-team.sp41-winner{background:#ff465514;border-left:2px solid #ff5968}
.sp41-match-team>strong{min-width:22px;text-align:center;color:#fff;font-size:15px}
.sp41-match-team.sp41-tbd>strong{color:#8b969f}
.sp41-competitor{display:flex;align-items:center;gap:7px;overflow:hidden;color:#eee;text-decoration:none;font-size:11px;font-weight:850;min-width:0}
.sp41-competitor>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp41-competitor:hover{color:#ff8a90}
.sp41-team-crest{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid #55535a;background:#312129;color:#f7ccce;font-weight:900;clip-path:polygon(12% 0,88% 0,100% 15%,100% 88%,85% 100%,15% 100%,0 85%,0 12%);flex:none;font-size:10px}
.sp41-team-crest img{width:100%;height:100%;object-fit:cover}
.sp41-match-actions{display:flex;justify-content:flex-end;align-items:center;padding:6px 9px;gap:7px}
.sp41-match-actions button{border:0;background:none;color:#c5d0d6;cursor:pointer;font-size:9px;font-weight:800;padding:0}
.sp41-match-actions button:hover{color:#ff777e}
.sp41-match-actions .sp41-report{color:#ffb8bd}
.sp41-bracket-stem{position:absolute;right:-44px;top:81px;width:44px;border-top:1px solid #7c525b;opacity:.68}
.sp41-bracket-round.last-round .sp41-bracket-stem{display:none}
.sp41-bracket-legend{display:flex;gap:15px;flex-wrap:wrap;padding:11px 3px;color:#9ea8ae;font-size:10px}
.sp41-bracket-legend>span{display:inline-flex;gap:5px;align-items:center}.sp41-bracket-legend i{height:7px;width:7px;border-radius:2px;background:#ff4655}.sp41-bracket-legend .sp41-legend-winner{background:#bb8a91}
.sp41-bracket-empty,.sp41-mc-empty{padding:48px 20px;text-align:center;border:1px solid #394149;background:linear-gradient(135deg,#172028,#11161a);color:#b0bbc1}.sp41-bracket-empty>span{display:block;font-size:45px;color:#ff5360}.sp41-bracket-empty h3{font-size:22px;color:#fff}
.sp41-matches-list{display:grid;gap:8px}.sp41-match-result{border:1px solid #3b454b;background:#131b22;padding:15px;display:grid;grid-template-columns:170px 1fr auto;gap:14px;align-items:center}
.sp41-match-result>div:first-child small{display:block;color:#aab4bf;font-size:10px;margin-bottom:8px}.sp41-match-result button{background:transparent;border:1px solid #5a5257;padding:9px;color:#fff;font-weight:750;cursor:pointer}
.sp41-result-pair{display:grid;grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);align-items:center;gap:6px;text-align:center}
.sp41-result-pair>a,.sp41-result-pair>span{display:flex;align-items:center;gap:8px;text-decoration:none;color:#e7eaeb;font-weight:850;min-width:0;font-size:12px}
.sp41-result-pair>:last-child{justify-content:flex-end}
.sp41-result-pair strong{font-size:20px;color:#fff;white-space:nowrap}.sp41-result-pair strong i{font-size:13px;font-style:normal;color:#a6b0b7}
.sp41-test{font-size:8px;color:#ffd5d7;background:#6b2b35;padding:3px 5px}
.sp41-app .v28-bracket-scroll{min-width:0}.sp41-app .v28-detail-tabs{position:sticky;top:0;z-index:2;background:#181e24}
/* Match Center: status and results are separate, not a three-column table on one page. */
.sp41-mc-head{min-height:210px;background:linear-gradient(90deg,#13161de9,#11131789),url('/visuals/spotd-tournament.webp') 60% center/cover;border-bottom:3px solid #ff4655;padding:28px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}
.sp41-mc-head h1{font-size:clamp(35px,4vw,67px)!important;line-height:1!important;letter-spacing:-.055em!important;margin:10px 0!important;color:#fff}.sp41-mc-head h1 em{font-style:normal;color:#ff606c}.sp41-mc-head p{max-width:480px;color:#c6cbd0;line-height:1.6;font-size:12px}.sp41-mc-head>a{font-size:11px;font-weight:850;color:#ffacb2}
.sp41-mc-tabs{display:flex;gap:2px;margin-top:17px;background:#181d22;border-bottom:1px solid #495059}
.sp41-mc-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#d0d5d8;padding:15px 21px;cursor:pointer;font-size:12px;font-weight:900}.sp41-mc-tabs button b{margin-left:11px;background:#383f46;color:#fff;padding:2px 7px}.sp41-mc-tabs button[aria-selected="true"]{background:#ff46551a;color:#fff;border-bottom-color:#ff4655}
.sp41-mc-content{border:1px solid #3a4349;border-top:0;background:#121920;min-height:300px;padding:18px 22px 23px}
.sp41-mc-panel>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #3c4349}.sp41-mc-panel>header h2{font-size:20px!important;margin:0!important;color:#fff}.sp41-mc-panel>header span{color:#acb4ba;font-size:11px}
.sp41-mc-fixture{display:grid;grid-template-columns:185px minmax(0,1fr) 125px;align-items:center;gap:17px;border-bottom:1px solid #353c42;padding:16px 0}.sp41-mc-event>span{display:block;font-weight:850;font-size:12px;color:#fff}.sp41-mc-event>small{display:block;margin-top:8px;color:#c19aa0;font-size:10px}
.sp41-mc-score{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:8px;align-items:center;text-align:center;min-width:0}
.sp41-mc-score>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;overflow:hidden;font-size:12px}.sp41-mc-score>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp41-mc-score>span:last-child{flex-direction:row-reverse}
.sp41-mc-score>strong{font-size:26px;color:#fff;white-space:nowrap}.sp41-mc-score i{font-style:normal;color:#c4b5b7;font-size:16px}
.sp41-mc-fixture>a{color:#ffc7ca;font-size:11px;text-decoration:none;justify-self:end}.sp41-mc-fixture>a:hover{color:#fff}
.sp41-mc-empty{background:transparent;border:0;text-align:left}.sp41-mc-empty b{color:#fff;font-size:16px}.sp41-mc-empty p{font-size:12px}.sp41-mc-empty a{color:#ff99a1;font-size:12px;text-decoration:none}
/* Match details are real API-backed values, never guessed box-scores. */
.sp41-match-dialog{position:fixed;width:min(530px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:0;border:1px solid #fb6873;color:#fff;background:#12181d;box-shadow:0 20px 90px #000a}
.sp41-match-dialog::backdrop{background:#080b0ed9;backdrop-filter:blur(4px)}.sp41-dialog-inner{padding:24px}.sp41-dialog-inner>header{display:flex;justify-content:space-between;align-items:center;color:#ffa0a7;font-size:11px;letter-spacing:.1em}.sp41-dialog-inner>header button{background:#2e3338;border:1px solid #63666a;color:#fff;cursor:pointer;font-size:23px;width:34px;height:34px}
.sp41-dialog-inner h2{font-size:34px;color:#fff;margin:20px 0 9px}.sp41-dialog-facts{font-size:11px;color:#b8bfc4}.sp41-dialog-score{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:7px;margin:26px 0;background:#192129;padding:18px 10px}.sp41-dialog-score .sp41-match-team{border:0;flex-direction:column;gap:13px}.sp41-dialog-score .sp41-match-team>strong{font-size:26px}.sp41-dialog-score>strong{font-size:12px;color:#ff8e96}.sp41-dialog-inner>p{font-size:12px;color:#a3afb8;margin:15px 0 22px}
.sp41-app .sp31-viewer.full .sp31-tv-grid{grid-template-columns:minmax(400px,1fr) 260px!important}.sp41-app .sp31-page-live{min-height:208px!important}
.sp41-app .sp31-channel small{line-height:1.5!important}
.sp41-app .sp31-channel,.sp41-app .sp31-viewer{border-radius:2px!important}
/* Login and registration art - left pane uses original, cropped to portrait rather than blurry vector. */
.sp4-auth-art{background:linear-gradient(90deg,#22141acb,#26161ba9),url('/visuals/spotd-auth.webp') center/cover no-repeat!important}
.sp4-auth-art h2{filter:drop-shadow(0 1px 9px #0009)}
/* Readable form and responsive utility. */
@media(max-width:1150px){.sp41-home-primary{grid-template-columns:minmax(0,1fr) minmax(260px,.68fr)}.sp41-hero h1{font-size:clamp(49px,7vw,82px)!important}.sp41-app .v29-event-layout{grid-template-columns:minmax(0,1fr) 245px!important}.sp41-match-result{grid-template-columns:1fr}.sp41-match-result>button{justify-self:end}}
@media(max-width:940px){.sp41-home-primary{grid-template-columns:1fr}.sp41-home-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.sp41-community-row{grid-template-columns:1fr 1fr}.sp41-app .v29-event-layout{grid-template-columns:1fr!important}.sp41-app .sp31-viewer.full .sp31-tv-grid{grid-template-columns:1fr!important}.sp41-mc-fixture{grid-template-columns:1fr}.sp41-mc-score{max-width:720px;width:100%}.sp41-mc-fixture>a{justify-self:end}}
@media(max-width:680px){.sp41-app .sp30-main{padding-bottom:95px!important}.sp41-hero{min-height:420px;background-position:68% center}.sp41-hero:before{background:linear-gradient(90deg,#080b10fa,#0a0e13be 75%,#080a0bb0)}.sp41-hero-text{padding:34px 19px 27px}.sp41-hero h1{font-size:clamp(49px,10vw,71px)!important}.sp41-hero h1 em{white-space:normal}.sp41-hero p{font-size:12px}.sp41-hero-foot{gap:15px;font-size:8px;flex-wrap:wrap;margin-top:30px}.sp41-actions{width:100%}.sp41-actions .btn{min-width:0;flex:1;justify-content:center}.sp41-home-side,.sp41-community-row{grid-template-columns:1fr}.sp41-panel-heading{padding:15px 14px}.sp41-panel-heading h2{font-size:18px!important}.sp41-home-events{padding:0 8px 8px!important}.sp41-home-events .v24-home-event>span:not(.v24-home-event-cta){display:none!important}.sp41-mc-head{padding:25px 18px}.sp41-mc-head h1{font-size:42px!important}.sp41-mc-tabs{overflow-x:auto}.sp41-mc-tabs button{padding:13px 15px;white-space:nowrap}.sp41-mc-content{padding:12px}.sp41-mc-score{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}.sp41-mc-score>strong{font-size:20px}.sp41-mc-score>span{font-size:11px}.sp41-match-result{padding:12px}.sp41-result-pair{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr)}.sp41-result-pair strong{font-size:16px}.sp41-tournament-tabs button{padding:11px 13px;font-size:11px}.sp41-bracket-head{align-items:flex-start;flex-direction:column}.sp41-bracket-map{gap:36px;padding-inline:12px}.sp41-bracket-round{width:245px}.sp41-bracket-stem{right:-36px;width:36px}.sp41-app .v29-tournament-hero{padding:20px!important}}
@media(max-width:400px){.sp41-hero h1{font-size:48px!important}.sp41-actions{display:grid}.sp41-hero{min-height:450px}.sp41-panel-heading>a{font-size:10px}.sp41-home-quick .v24-metrics{grid-template-columns:1fr 1fr!important}.sp41-mc-score>span .sp41-team-crest{display:none}.sp41-bracket-legend{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sp41-app *,.sp41-app *::before,.sp41-app *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Final geometry: real elbow connectors align match lanes with their next round. */
.sp41-bracket-map{position:relative}.sp41-connectors{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}.sp41-connectors path{fill:none;stroke:#a66c79;stroke-width:1.35;opacity:.8;stroke-linecap:round;stroke-linejoin:round}.sp41-bracket-round{position:relative;z-index:1}.sp41-bracket-stem{display:none}
.sp41-panel-tournaments{min-height:285px}
#app.sp41-app .sp41-community-row #v23FeaturedTeams{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px}
#app.sp41-app .sp41-community-row .v24-spotlight-team{background:#192128!important;border:1px solid #394149!important;border-radius:2px!important;box-shadow:none!important;padding:12px 8px!important;min-height:125px!important;gap:6px!important}
#app.sp41-app .sp41-community-row .v24-spotlight-team:hover{border-color:#ff6c77!important;transform:translateY(-2px)!important}
#app.sp41-app .sp41-community-row .v24-spotlight-team>span{background:#2a2228!important;border:1px solid #6a444e!important;border-radius:0!important;clip-path:polygon(11% 0,89% 0,100% 12%,100% 88%,89% 100%,11% 100%,0 88%,0 12%);color:#ffced3!important;width:40px;height:40px;font-size:13px!important}
#app.sp41-app .sp41-community-row .v24-spotlight-team strong{color:#f6f5f2;font-size:12px!important}
#app.sp41-app .sp41-community-row .v24-spotlight-team small{color:#aeb6be!important}
#app.sp41-app .sp41-community-row .v24-spotlight-team b{display:none!important}
.sp41-hero h1 em{margin-left:.07em}
@media(max-width:650px){#app.sp41-app .sp41-community-row #v23FeaturedTeams{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* --- source: client/css/40-mobile-v42.css --- */
/* SPOTD 4.2 – verified local icon library, durable mobile layout and login-first journey */
.sp42-app .sp42-icon{display:inline-block;flex:none;width:1.18em;height:1.18em;vertical-align:-.16em;fill:currentColor;stroke:none;transition:color .15s ease}
.sp42-app :is(.sp30-side-link,.sp30-mobile-nav a,.sp30-mobile-more summary,.sp31-tv-shortcut,.sp30-mail-shortcut)>svg.sp42-icon{width:19px;height:19px;color:#aab4c0}
.sp42-app .sp30-side-link.is-active>svg.sp42-icon,.sp42-app .sp30-mobile-nav a.active>svg.sp42-icon{color:#ff606c}
.sp42-app :is(.sp30-side-link,.sp30-mobile-nav a):hover>svg.sp42-icon{color:#fff}
.sp42-app .sp30-crumb{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;padding-bottom:14px;line-height:1.6}
.sp42-app .sp30-crumb a{text-decoration:none;color:#ff7580;font-size:11px;font-weight:820;max-width:100%;overflow-wrap:anywhere}
.sp42-app .sp30-crumb strong{text-transform:none;overflow-wrap:anywhere;font-size:11px;font-weight:750}
.sp42-app .sp30-crumb svg{width:12px;height:12px;color:#74808a}
.sp42-app .sp30-topbar{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:visible;gap:10px!important}
.sp42-app .sp30-top-actions{min-width:0;max-width:100%;gap:8px!important;flex-shrink:1!important}
.sp42-app .sp30-auth{display:flex;min-width:0;flex:0 1 auto}
.sp42-app .sp42-auth-cta .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:40px;max-width:100%;padding:8px 13px!important;border:1px solid #ff5664!important;font-size:11px!important;letter-spacing:.01em!important;font-weight:850!important}
.sp42-cta-short{display:none}
.sp42-auth-switch{margin-top:21px;padding:16px 0 0;border-top:1px solid #465056;color:#b9c2c8;display:flex;align-items:center;flex-wrap:wrap;gap:7px;line-height:1.5;font-size:13px}
.sp42-auth-switch button{border:0;background:transparent;padding:4px 2px;color:#ff8c96;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:800 13px/1.4 inherit}
.sp42-auth-switch button:focus-visible{outline:2px solid #ff4655;outline-offset:3px}
.sp42-auth-dialog.dialog .check{font-size:13px!important;line-height:1.55!important;display:flex;align-items:flex-start;gap:12px;color:#d6d9de!important}
.sp42-auth-dialog.dialog .check input{width:20px;height:20px;min-width:20px;margin-top:3px;accent-color:#ff4655}
.sp42-auth-dialog.dialog input,.sp42-auth-dialog.dialog select{font-size:16px!important;max-width:100%!important}
.sp42-auth-dialog.dialog form,.sp42-auth-dialog.dialog .field{min-width:0}
.sp42-auth-dialog.dialog .field>small{font-size:12px!important;line-height:1.5;color:#9eabb5}
.sp42-app .sp30-main{min-width:0}
.sp42-app .sp30-profile-hero,.sp42-app .team-panel,.sp42-app .sp30-profile-identity{min-width:0}
.sp42-app .sp30-identity-text h1{overflow-wrap:anywhere}
.sp42-app .sp30-identity-text{min-width:0}
.sp42-app .sp30-rank-card img,.sp42-app .sp4-rank-mini{object-fit:contain}
.sp42-no-rank{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;color:#7a8995;border:1px dashed #55616a;background:#252e36;margin-inline:5px}
.sp42-team-media{border-color:#714850!important;scroll-margin-top:95px}
.sp42-team-guide{background:linear-gradient(125deg,#292129,#181e25);border-left:3px solid #ff4655;padding:14px;margin-bottom:12px}
.sp42-team-guide strong{font-size:13px;color:#f7f0ee;display:inline-flex;gap:9px;align-items:center}
.sp42-team-guide p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#bfc4cb}
.sp42-team-preview{min-height:78px;border:1px dashed #58626d;background:#111820;display:flex;align-items:center;gap:11px;padding:10px;color:#a9b5bd;font-size:12px;overflow:hidden}
.sp42-team-preview img{display:block;width:104px;height:70px;object-fit:contain;background:#202830;flex:none}
.sp42-team-preview span{min-width:0;overflow-wrap:anywhere}
.sp42-team-edit{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#24212a!important;color:#ffdae0!important;border:1px solid #96535c!important;margin:12px 0 3px}
.sp42-app .team-panel .profile-cover{background-size:cover;background-position:center}
.sp42-app .team-panel .avatar img{object-fit:cover}
@media(max-width:860px){
 .sp42-app .sp30-topbar{padding:0 13px!important;height:62px!important;min-height:62px!important;display:flex!important;flex-wrap:nowrap!important}
 .sp42-app .sp30-mobile-brand{display:inline-flex!important;align-items:center;min-width:0;flex:0 1 120px!important;width:120px!important;max-width:120px!important}
 .sp42-app .sp30-mobile-brand img{max-width:100%;height:auto;max-height:53px;object-fit:contain}
 .sp42-app .sp30-search{flex:1 1 160px!important;min-width:90px!important}
 .sp42-app .sp30-top-actions{flex:0 1 auto!important;justify-content:flex-end;min-width:0}
 .sp42-app .sp30-language>summary{padding:5px 7px!important;min-width:0}
 .sp42-app .sp30-language-list{right:0;max-width:min(230px,calc(100vw - 16px))}
 .sp42-app .sp30-mobile-nav{width:100%;max-width:100vw;box-sizing:border-box}
 .sp42-app .sp30-mobile-nav a,.sp42-app .sp30-mobile-more summary{min-width:0}
 .sp42-app .sp30-main{padding-bottom:max(112px,calc(env(safe-area-inset-bottom) + 94px))!important}
}
@media(max-width:660px){
 .sp42-auth-dialog.dialog{padding:154px 21px 36px!important;min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
 .sp42-auth-dialog .sp4-auth-art{height:130px!important}
 .sp42-auth-dialog.dialog>h3{margin-top:3px!important}
 .sp42-auth-dialog .sp4-auth-form-caption{margin-bottom:14px!important}
 .sp42-app .sp30-crumb{margin-bottom:14px!important}
 .sp42-app .sp30-main{padding-left:15px!important;padding-right:15px!important}
}
@media(max-width:540px){
 .sp42-app .sp30-topbar{padding:0 10px!important;gap:7px!important}
 .sp42-app .sp30-mobile-brand{flex:0 0 110px!important;width:110px!important;max-width:110px!important}
 .sp42-app .sp30-top-actions{gap:6px!important}
 .sp42-app .sp31-tv-shortcut{display:none!important}
 .sp42-app .sp30-mobile-search-trigger{width:36px;height:38px;min-width:36px}
 .sp42-app .sp30-language>summary{gap:3px!important;min-height:38px!important;font-size:11px}
 .sp42-app .sp30-language>summary svg:first-child{display:none!important}
 .sp42-app .sp30-auth .btn{min-height:38px!important;max-width:102px;padding:8px 8px!important;font-size:10px!important}
 .sp42-cta-wide{display:none}.sp42-cta-short{display:inline}
 .sp42-app .sp30-account-name{display:none}
 .sp42-app .sp30-account-menu>summary{padding:3px!important}
}
@media(max-width:360px){
 .sp42-app .sp30-mobile-brand{flex:0 1 96px!important;max-width:96px!important;width:96px!important}
 .sp42-app .sp30-top-actions{gap:4px!important}
 .sp42-app .sp30-language>summary svg:last-child{display:none!important}
 .sp42-app .sp30-language>summary{padding:4px 6px!important}
 .sp42-app .sp30-auth .btn{max-width:89px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.sp42-app *, .sp42-auth-dialog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Legacy v3 rule hid the first login action under 395 px. V4.2 has ONE action and it must remain visible. */
@media(max-width:600px){#app.sp42-app .sp30-auth .btn:first-child{display:inline-flex!important;visibility:visible!important;opacity:1!important}}

/* Compact team overview; editing is opt-in via the visible hero action. */
.sp42-app .v24-team-header{position:relative}
.sp42-app .v24-team-header>.sp42-team-edit{position:absolute;right:17px;bottom:15px;z-index:2;margin:0;padding:11px 13px;font-size:12px;max-width:calc(100% - 30px)}
.sp42-app #v24TeamManagement .v24-expand>summary{font-weight:800;letter-spacing:.012em;min-height:45px}
.sp42-app #v24TeamManagement .v24-expand:not([open]){border-color:#414a53}
@media(max-width:640px){.sp42-app .v24-team-header>.sp42-team-edit{position:static;align-self:flex-start;margin:13px 0 2px;white-space:normal;text-align:center}}

/* Maintenance diagnostics: distinguish an offline rank source from a failed server. */
.diagnostic-check .warn{color:#e9be7a;font-weight:700}


/* --- source: client/css/50-search-match-live.css --- */
/* SPOTD V4.4 — global autocomplete, match dossiers, contextual streaming */
.sp44-search{position:relative;isolation:isolate}
.sp44-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;width:min(590px,92vw);max-height:min(70vh,580px);overflow:auto;z-index:1000;background:#151a20;border:1px solid #444c55;box-shadow:0 24px 60px #000b;padding:9px;color:#f6f4f0;overscroll-behavior:contain}
.sp44-search-suggestions[hidden]{display:none!important}
.sp44-results-top{display:flex;justify-content:space-between;gap:8px;padding:7px 10px 10px;color:#ff6570;font-size:11px;font-weight:850;letter-spacing:.12em}
.sp44-results-top span{color:#919ca9;font-size:10px}
.sp44-result-group{border-top:1px solid #333b45;padding:9px 3px}
.sp44-result-group h3{font-size:11px!important;color:#b2b9c4!important;letter-spacing:.1em!important;margin:1px 9px 6px!important;font-weight:800!important;text-transform:uppercase}
.sp44-choice{display:flex;align-items:center;gap:10px;padding:9px;color:#f8f5f1;text-decoration:none;border-left:2px solid transparent}
.sp44-choice:is(:hover,:focus-visible),.sp44-choice[aria-selected=true]{background:#30313a;border-color:#ff4655;outline:none}
.sp44-choice-symbol{height:37px;width:37px;display:grid;place-items:center;flex:none;background:#272c35;color:#ff6570}
.sp44-choice-symbol img{width:100%;height:100%;object-fit:cover}
.sp44-choice>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.sp44-choice strong{font-size:13px;color:#f5f3f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp44-choice small{font-size:11px;color:#aab4bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp44-choice em{font-size:9px;font-style:normal;color:#cfacff;letter-spacing:.07em;white-space:nowrap}
.sp44-search-help,.sp44-no-results,.sp44-search-privacy{font-size:12px;line-height:1.6;color:#a9b3be;padding:12px;margin:0}
.sp44-search-privacy{border-top:1px solid #313844;font-size:10px;padding:9px 11px}
.sp44-match-view,.sp44-search-page,.sp44-twitch-setting{color:#e9e7e4;max-width:1400px;margin:0 auto}
.sp44-match-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #343942;font-size:12px;letter-spacing:.06em;color:#a5abb6}
.sp44-match-header a{color:#ece2db;text-decoration:none}.sp44-match-header a:hover{color:#ff6570}
.sp44-match-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:28px 30px;background:linear-gradient(125deg,#381e2b,#161b21 62%);border-left:4px solid #ff4655;min-height:170px}
.sp44-kicker{font-size:10px;font-weight:800;color:#ff6570;letter-spacing:.14em;text-transform:uppercase}
.sp44-match-hero h1,.sp44-search-page h1,.sp44-twitch-setting h1{margin:8px 0 12px;color:#f7f3ef;font-weight:950;text-transform:uppercase;line-height:1.05;font-size:clamp(25px,3.2vw,43px);letter-spacing:-.025em}
.sp44-match-hero p{font-size:13px;color:#b1bdc9;margin:0}
.sp44-live-count{color:#ffadb1;white-space:nowrap;font-size:12px;font-weight:800}
.sp44-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp44-side{background:#171d23;border:1px solid #343b42;min-width:0}
.sp44-side-title{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #303741;background:#1b222b}
.sp44-side-title>div{min-width:0;flex:1}.sp44-side-title h3{font-size:clamp(14px,1.7vw,21px);margin:6px 0 0;line-height:1.2;overflow-wrap:anywhere}.sp44-side-title h3 a{color:#fff;text-decoration:none}.sp44-side-title h3 a:hover{color:#ff6570}
.sp44-crest{width:49px;height:49px;flex:none;display:grid;place-items:center;background:#33313c;border:1px solid #ff465566;font-size:13px;font-weight:900;color:white}.sp44-crest img{width:100%;height:100%;object-fit:contain}
.sp44-side-score{font-size:31px;color:#faf6f1}.sp44-roster{padding:8px 14px 13px}
.sp44-player-row{display:flex;align-items:center;gap:8px;min-height:57px;border-bottom:1px solid #292e37}
.sp44-player-row:last-child{border:0}.sp44-player-link{min-width:0;flex:1;display:flex;align-items:center;gap:9px;color:#f4f0ea;text-decoration:none}
.sp44-player-link:hover b{color:#ff6570}.sp44-person-avatar{height:35px;width:35px;flex:none;display:grid;place-items:center;border:1px solid #4e5360;background:#28303b;font-size:11px;font-weight:900;color:#e2ebf7}.sp44-person-avatar img{width:100%;height:100%;object-fit:cover}
.sp44-person-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.sp44-person-identity b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.sp44-person-identity small{font-size:11px;color:#9caab7}
.sp44-rank-icon{width:23px;height:23px;flex:none;object-fit:contain}.sp44-demo-rank{font-size:10px;color:#cab0e5;white-space:nowrap}
.sp44-live-btn{background:#6a1a24!important;border:1px solid #ff5661!important;color:white!important;font-size:11px!important;font-weight:800!important;padding:8px 10px!important;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.sp44-live-btn:hover{background:#b42534!important}
.sp44-empty-roster,.sp44-hint{font-size:12px;line-height:1.65;color:#aab4c1;padding:12px 14px}.sp44-twitch-link{font-size:11px;color:#ad9bff;white-space:nowrap}
.sp44-match-streams{margin-top:16px;background:#171c22;border:1px solid #323942;padding:22px}.sp44-match-streams>header h2{font-size:23px;color:#fff;margin:7px 0 3px}.sp44-match-streams>header p{font-size:13px;color:#aab4bf;margin:0}
.sp44-stream-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0}
.sp44-stream-cards article{padding:15px;border:1px solid #42404a;background:linear-gradient(135deg,#251f29,#14181e);display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.sp44-stream-cards article strong{font-size:15px}.sp44-stream-cards article small{color:#b9bfca;font-size:11px}.sp44-live-dot{display:block;height:8px;width:8px;background:#f54b59;box-shadow:0 0 0 4px #ee49521c}
.sp44-match-streams>footer{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:15px;padding-top:15px;border-top:1px solid #343942}.sp44-match-streams>footer a{font-size:12px;color:#e7e6e7}
.sp44-editor{border-top:1px solid #373d49;padding:12px 0;color:#c5c5ce}.sp44-editor summary{cursor:pointer;font-size:12px}.sp44-editor-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 0}.sp44-editor-form label{font-size:12px;flex:1;min-width:150px;display:grid;gap:5px}.sp44-editor-form input,.sp44-editor-form select{background:#11161c;color:#fff;border:1px solid #595763;padding:10px}.sp44-admin-stream{display:flex;justify-content:space-between;gap:8px;padding:7px;border-bottom:1px solid #2c3340;font-size:12px}
.sp44-search-page{padding:22px 0}.sp44-search-page>p{font-size:13px;color:#a7b6c4}.sp44-search-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.sp44-search-sections>section{border:1px solid #353c44;padding:15px;background:#171d23;min-width:0}.sp44-search-sections h2{font-size:18px;color:white;border-bottom:1px solid #383a44;padding-bottom:12px}.sp44-search-sections h2 small{color:#ff6570}.sp44-search-result{display:flex;align-items:center;gap:10px;padding:11px 0;color:#fff;text-decoration:none;border-bottom:1px solid #303741}.sp44-search-result img,.sp44-search-result svg{width:28px;height:28px;object-fit:cover}.sp44-search-result>span{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.sp44-search-result strong{font-size:13px}.sp44-search-result small{font-size:11px;color:#b4bbc6}.sp44-search-result em{font-size:10px;color:#c2a9ef;font-style:normal}
.sp44-setting-card{background:#171c23;border:1px solid #3d424a;max-width:800px;padding:25px;margin-top:25px}.sp44-setting-card>p{font-size:13px;color:#b8c1cb;line-height:1.6}#sp44-link-twitch{display:grid;gap:17px;margin-top:20px}#sp44-link-twitch>label:first-child{display:grid;gap:7px;font-size:13px;font-weight:700}#sp44-link-twitch input[type=text],#sp44-link-twitch input:not([type]){min-width:0;width:100%;padding:12px;color:#fff;background:#10161d;border:1px solid #454753}#sp44-link-twitch small{font-size:12px;color:#b8bdc9;line-height:1.6}.sp44-checkbox{font-size:13px;line-height:1.55;display:flex;gap:10px;align-items:flex-start}#sp44-link-twitch>div{display:flex;gap:12px;flex-wrap:wrap}
.sp44-player-twitch{margin:12px 0}.sp44-player-twitch a{color:#b99cff}.sp44-lab-stamp{display:inline-block;font-size:11px;padding:7px 10px;color:#e1b9ff;border:1px solid #8b5fa1;background:#30203a}
.sp44-tv-match-first{background:#241b26;border:1px solid #773b44;padding:14px;margin:14px 0}.sp44-tv-match-first>div{display:flex;gap:10px;overflow:auto;margin-top:10px}.sp44-tv-match-first article{flex:0 0 210px;display:flex;flex-direction:column;gap:4px;background:#17191f;padding:12px}.sp44-tv-match-first article b{font-size:13px;color:#fff}.sp44-tv-match-first article small{color:#abb8c5}.sp44-tv-match-first article a{color:#ff9aa2}.sp44-tv-match-first button{color:white;background:#9b2737;border:0;padding:8px;cursor:pointer}
.sp44-twitch-dialog{width:min(1120px,calc(100vw - 28px));max-width:1120px;max-height:92dvh;margin:auto;background:#15191f;border:1px solid #ff465566;color:#fff;padding:0;box-shadow:0 30px 100px #000e}.sp44-twitch-dialog::backdrop{background:#050607e8}.sp44-watch-head{display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid #393d45;padding:12px 15px}.sp44-watch-head>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sp44-watch-head button,.sp44-watch-head a{font-size:12px;background:#252933;border:1px solid #444b55;color:white;text-decoration:none;padding:7px 10px;cursor:pointer}.sp44-watch-layout{display:flex;gap:10px;padding:10px;min-height:320px}.sp44-watch-layout>iframe{flex:1;min-width:400px;min-height:340px;border:0;aspect-ratio:16/9}.sp44-chat-slot{width:310px;flex:none}.sp44-chat-slot iframe{width:100%;min-height:340px;height:100%;border:0}.sp44-chat-slot[hidden]{display:none!important}
.sp44-error{padding:40px 20px}.sp44-error h1{color:#ff4655}
@media(max-width:1060px){.sp44-search-sections{grid-template-columns:1fr 1fr}.sp44-watch-layout{flex-direction:column}.sp44-chat-slot{width:100%;height:350px}}
@media(max-width:700px){.sp44-score-grid{grid-template-columns:1fr}.sp44-match-hero{padding:18px;min-height:125px}.sp44-search-sections{grid-template-columns:1fr}.sp44-match-streams{padding:15px}.sp44-search-suggestions{position:fixed;left:8px;right:8px;top:calc(64px + env(safe-area-inset-top,0px));width:auto;max-height:60dvh;z-index:10000}.sp44-live-count{white-space:normal}.sp44-match-hero{flex-direction:column;align-items:flex-start}.sp44-person-identity b{font-size:12px}}
@media(max-width:470px){.sp44-match-header{font-size:10px}.sp44-watch-layout iframe{min-width:400px}.sp44-twitch-dialog{display:none}}
@media(prefers-reduced-motion:reduce){.sp44-search-suggestions *{scroll-behavior:auto!important}}

/* V4.5: compact accessible filters for enabled game categories; no new legacy layer. */
.sp45-tv-filter{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.sp45-tv-filter button{cursor:pointer;border:1px solid #4a4952;background:#191d23;color:#e0e4eb;min-height:38px;padding:9px 13px;font-size:12px;font-weight:700;letter-spacing:.02em}.sp45-tv-filter button:hover,.sp45-tv-filter button:focus-visible{border-color:#ff6570;color:white}.sp45-tv-filter button[aria-pressed=true]{background:#ff4655;border-color:#ff4655;color:#0d1014}.sp31-channel small{white-space:normal}.sp44-player-twitch .sp44-live-btn{white-space:normal;text-align:left}


/* SPOTD 5.0.1 — PWA / authentication feedback hotfix. */
.sp50-login-feedback{margin:0;padding:11px 13px;background:#213039;border:1px solid #596776;color:#e8f0f6;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.sp50-login-feedback[hidden]{display:none!important}
.sp50-login-feedback[data-kind="error"]{background:#3b252b;color:#ffdce0;border-color:#d46775}
.sp50-login-feedback[data-kind="pending"]{background:#232d39;color:#d9e4f1;border-color:#536274}
/* Overlays are z-index 7000. A notification at 999 was invisible while the login modal was open. */
#toast .toast{z-index:10020!important;bottom:max(20px,env(safe-area-inset-bottom,0px) + 16px);max-width:min(430px,calc(100vw - 24px));}
@media(max-width:600px){#toast .toast{left:12px;right:12px;width:auto;max-width:none;bottom:max(20px,env(safe-area-inset-bottom,0px) + 16px)}}


/* --- source: client/css/60-notifications-v51.css --- */
/* SPOTD V5.1 — single scoped notifications layer; all previous design assets remain untouched. */
.sp51-mobile-bell,.sp51-desktop-bell{position:relative;flex:none;display:flex;align-items:center;justify-content:center}
.sp51-mobile-bell{display:none}.sp51-bell{display:inline-flex;align-items:center;justify-content:center;position:relative;width:39px;height:39px;min-width:39px;border:1px solid #464550;background:#191d25;color:#f3f0ef;border-radius:2px;cursor:pointer;transition:background .15s,border-color .15s}
.sp51-bell:hover,.sp51-bell:focus-visible{background:#332126;border-color:#ff4655;color:#fff}.sp51-bell svg{height:19px;width:19px}.sp51-bell-badge{position:absolute;top:-5px;right:-7px;display:block}.sp51-bell-badge:empty,.sp51-badge-holder:empty,.sp51-message-count:empty{display:none}
.sp51-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:16px;background:#ff4655;color:#fff;font-weight:800;font-size:10px;line-height:1;white-space:nowrap}
.sp51-badge-holder,.sp51-message-count{margin-left:auto}.sp51-dropdown{position:absolute;z-index:500;right:0;top:calc(100% + 12px);width:min(425px,calc(100vw - 24px));max-height:min(70vh,550px);overflow-y:auto;overscroll-behavior:contain;background:#15191f;border:1px solid #59515a;border-top:3px solid #ff4655;box-shadow:0 25px 70px #000d;color:#f5f3f0}
.sp51-dropdown-head,.sp51-dropdown-foot{padding:16px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}.sp51-dropdown-head{border-bottom:1px solid #34363d}.sp51-dropdown-head strong{font-family:inherit;font-size:17px}.sp51-dropdown-head small{color:#b8b3ba}.sp51-dropdown-foot{border-top:1px solid #34363d;flex-wrap:wrap}.sp51-dropdown-foot a{font-size:12px;font-weight:750;color:#ff7780}.sp51-dropdown .sp51-item{padding:13px 16px;gap:11px;border-bottom:1px solid #2e3037;grid-template-columns:29px minmax(0,1fr) auto}.sp51-dropdown .sp51-item-title{font-size:13px}.sp51-dropdown .sp51-item p{font-size:12px}.sp51-dropdown .sp51-item-icon{height:28px;width:28px}.sp51-dropdown-list .sp51-empty{padding:25px 18px}
.sp51-menu-search{width:100%;text-align:left!important;color:#e8f0fa;display:flex;align-items:center;gap:11px;cursor:pointer}.sp51-menu-search img,.sp51-side-notifications img,.sp30-mobile-panel a[href='#/notifications'] img,.sp30-account-panel a[href='#/notifications'] img{width:17px;height:17px;object-fit:contain}
.sp51-menu-search img,.sp51-side-notifications img{filter:brightness(0) invert(1)}.sp51-menu-search:hover{background:#2d2933!important}
.sp51-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:155px;padding:28px clamp(17px,2.6vw,36px);margin-bottom:17px;border:1px solid #393c45;border-bottom:3px solid #ff4655;background:linear-gradient(112deg,#22222b 0%,#171b22 54%,#3c232c 100%);overflow:hidden}.sp51-heading:before{content:'';position:absolute;right:8%;top:-65%;width:29%;height:220%;transform:skewX(-24deg);background:#ff46550c;pointer-events:none}.sp51-heading>div{position:relative;min-width:0}.sp51-heading span{font-size:10px;letter-spacing:.18em;font-weight:850;color:#fa8c94}.sp51-heading h1{font-size:clamp(26px,3.8vw,44px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 10px;color:#f9f6f1;word-break:normal;overflow-wrap:anywhere}.sp51-heading p{font-size:13px;color:#b8b9be;max-width:620px;margin:0;line-height:1.5}.sp51-heading .btn{position:relative;flex:none}.sp51-heading .sp51-dot-accent{color:#ff4655;font-size:inherit;letter-spacing:normal}
.sp51-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.3fr);align-items:start;gap:16px}.sp51-panel{background:linear-gradient(160deg,#1b2028,#14181e);border:1px solid #373a43;padding:22px;min-width:0;color:#eeeef0}.sp51-panel h2{color:#f3f2f1;margin:0 0 10px;letter-spacing:-.02em;font-size:19px}.sp51-panel p{color:#b4b8c2;line-height:1.55}.sp51-center-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sp51-controls{display:flex;gap:7px;flex-wrap:wrap}.sp51-controls .btn{font-size:11px;padding:7px 12px;min-height:35px}
.sp51-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:14px 0 15px;padding:3px 0 12px;scrollbar-width:thin;border-bottom:1px solid #373a43}.sp51-tabs a{white-space:nowrap;display:inline-flex;align-items:center;min-height:35px;padding:8px 11px;border:1px solid #3e444d;background:#191c24;color:#c5c5cb;text-decoration:none;font-size:11px;font-weight:800}.sp51-tabs a:hover,.sp51-tabs a:focus-visible{border-color:#e25464;color:#fff}.sp51-tabs a.active{background:#ff4655;border-color:#ff4655;color:#17191e}.sp51-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:start;gap:12px;padding:15px 12px;border-bottom:1px solid #34363d;min-width:0}.sp51-item:last-child{border-bottom:0}.sp51-item.is-unread{background:#ff465509}.sp51-item-icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;background:#46262e;border:1px solid #6b333d}.sp51-item-icon img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1)}.sp51-item-copy{min-width:0}.sp51-item-label{color:#ee818a;font-size:10px;font-weight:850;letter-spacing:.05em}.sp51-item-title{display:block;margin:4px 0;color:#f8f3f0;font-size:14px;font-weight:800;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.sp51-item-title:hover{color:#ff7f87;text-decoration:underline}.sp51-item-copy p{font-size:12px;line-height:1.5;margin:0;color:#aeb3bd;overflow-wrap:anywhere}.sp51-unread-dot{height:8px;width:8px;border-radius:50%;background:#ff4655;margin:8px 0}.sp51-item-actions{display:flex;gap:6px;align-items:center}.sp51-item-actions button{font-size:11px;font-weight:700;background:#282b32;border:1px solid #494a53;color:#d3d4dc;cursor:pointer;padding:7px 9px;min-height:29px}.sp51-item-actions button:hover{border-color:#ff6571;color:white}.sp51-aside{display:grid;gap:16px}.sp51-aside .sp51-panel{padding:20px}.sp51-aside a,.sp51-panel>a{color:#ff9199;font-weight:750;text-decoration:none}.sp51-aside a:hover{text-decoration:underline}.sp51-messages-number{display:block;font-size:39px;line-height:1.15;color:#fff}.sp51-empty-state{padding:40px 20px;text-align:center}.sp51-empty-state img{width:30px;height:30px;filter:brightness(0) invert(1)}.sp51-empty-state h3{margin:9px 0;color:#fff}.sp51-empty{margin:0;color:#aeb2be}.sp51-load-more{display:block;margin:20px auto 0}
.sp51-prefs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);gap:16px;align-items:start}.sp51-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #393a42;cursor:pointer}.sp51-toggle>span{min-width:0}.sp51-toggle strong{display:block;font-size:14px;color:#f5f3f2}.sp51-toggle small{display:block;font-size:11px;color:#9ca4af;margin-top:4px}.sp51-toggle input{appearance:none;-webkit-appearance:none;flex:0 0 43px;width:43px;height:24px;border-radius:14px;background:#383d47;border:1px solid #626572;position:relative;cursor:pointer;margin:0}.sp51-toggle input:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#f2f2f3;transition:transform .18s}.sp51-toggle input:checked{background:#c72b3d;border-color:#ff4655}.sp51-toggle input:checked:before{transform:translateX(19px)}.sp51-toggle input:focus-visible{outline:2px solid #fff;outline-offset:3px}.sp51-save{display:flex;align-items:center;gap:13px;margin-top:23px;flex-wrap:wrap}.sp51-small,.sp51-muted{font-size:12px!important;color:#a9b0b9!important}.sp51-news-list{display:grid;gap:13px;max-width:850px}.sp51-news time{font-size:11px;font-weight:800;color:#ff939c;letter-spacing:.1em}.sp51-news h2{font-size:22px;line-height:1.3;margin:8px 0 15px}.sp51-news p{white-space:pre-wrap;overflow-wrap:anywhere}
.sp51-preview-updating{border:2px solid #ff4655!important;animation:sp51Preview .4s ease-out}@keyframes sp51Preview{from{opacity:.6}to{opacity:1}}.sp42-team-preview img{max-width:100%;max-height:190px;object-fit:contain;border:1px solid #ff465555}.sp51-side-notifications{display:flex;align-items:center;gap:10px}
@media(max-width:1050px){.sp51-layout{grid-template-columns:minmax(0,1fr) 235px}.sp51-item{grid-template-columns:38px minmax(0,1fr) auto}.sp51-item-actions{grid-column:2 / -1;justify-content:flex-end}}
@media(max-width:860px){.sp51-layout,.sp51-prefs-layout{grid-template-columns:1fr}.sp51-aside{grid-template-columns:1fr 1fr}}
@media(max-width:670px){.sp51-mobile-bell{display:flex!important}.sp51-desktop-bell{display:none!important}.sp30-layout .sp30-mobile-search-trigger{display:none!important}.sp30-layout .sp30-top-actions{gap:5px!important}.sp51-bell{height:36px;width:36px;min-width:36px}.sp51-dropdown{position:fixed;top:62px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 165px)}.sp51-heading{padding:20px 16px;min-height:130px;display:block}.sp51-heading .btn{margin-top:15px}.sp51-panel{padding:14px}.sp51-tabs{margin-top:11px}.sp51-item{grid-template-columns:32px minmax(0,1fr) auto;gap:9px;padding:13px 6px}.sp51-item-icon{width:30px;height:30px}.sp51-item-icon img{height:15px;width:15px}.sp51-item-actions{grid-column:2/-1}.sp51-aside{grid-template-columns:1fr}.sp51-dropdown .sp51-item{grid-template-columns:28px minmax(0,1fr) auto}.sp51-heading h1{font-size:clamp(24px,6vw,31px)}.sp51-controls{width:100%}}
@media(max-width:370px){.sp51-bell{height:33px;width:33px;min-width:33px}.sp51-count{min-width:16px;font-size:9px}.sp51-heading .btn{width:100%}.sp51-controls .btn{flex:1}.sp51-toggle strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sp51-bell,.sp51-toggle input:before{transition:none}.sp51-preview-updating{animation:none}}