.pro-match{margin:18px 0 24px;padding:22px;border:1px solid #b994573d;border-radius:18px;background:linear-gradient(130deg,#1c222d,#111823);color:#e7ecf4}
.pro-section-head,.pro-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pro-section-head h3{margin:5px 0;font-size:22px}.pro-eyebrow{font-size:10px;letter-spacing:2px;color:#d2b779;font-weight:700}.pro-count{font-size:11px;color:#bdc5d1}.pro-intro,.pro-random-note,.pro-footnote{color:#a6b2c4;line-height:1.65;font-size:12px}.pro-footnote{font-size:11px;margin-bottom:0}
.pro-match button,.pro-dialog button{font:inherit;cursor:pointer;min-height:44px;border-radius:10px;color:inherit}.pro-match button:focus-visible,.pro-dialog button:focus-visible{outline:2px solid #efcf91;outline-offset:3px}.pro-match-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-match-modes button{background:#ffffff05;border:1px solid #495265;padding:12px;text-align:left;font-size:14px}.pro-match-modes small{display:block;color:#a6b2c4;font-size:11px;margin-top:5px}.pro-match-modes [aria-pressed=true]{border-color:#d2b779;background:#c6a66513}.pro-match #proBrowse,.pro-match #proEditLineup{background:none;color:#dec18b;border:0;padding:8px 0}
.pro-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #6c5d43;border-radius:20px;background:#111823;color:#ecf0f6;box-shadow:0 25px 90px #0009}.pro-dialog::backdrop{background:#030710bc;backdrop-filter:blur(8px)}.pro-dialog h2{margin:8px 0;font-size:26px}.pro-dialog-head p{color:#aeb9ca;font-size:13px;margin:4px 0}.pro-dialog-head>button,.pro-x{background:#ffffff0a;border:1px solid #ffffff18;font-size:26px!important;width:44px;flex-shrink:0}.pro-x{float:right}.pro-filter{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin:20px 0 12px}.pro-dialog input,.pro-dialog select{min-height:44px;box-sizing:border-box;width:100%;background:#1a2332;color:#edf2f9;border:1px solid #4c5668;border-radius:9px;padding:10px;font:inherit;font-size:13px}.pro-dialog input:focus,.pro-dialog select:focus{outline:2px solid #d2b779}.pro-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:56dvh;overflow:auto;padding:4px 3px 14px;overscroll-behavior:contain}.pro-card{background:linear-gradient(155deg,#202a39,#151e2b);border:1px solid #ffffff16;border-radius:14px;padding:14px;min-width:0}.pro-card.is-selected{border-color:#dfc18a;box-shadow:inset 0 0 0 1px #dfc18a55}.pro-card-top{display:flex;gap:12px;align-items:center}.pro-card-top>div{min-width:0}.pro-card h3{margin:5px 0;font-size:14px;overflow-wrap:anywhere}.pro-card p{font-size:11px;color:#abb8cd;line-height:1.65;margin:4px 0}.pro-face{display:block;position:relative;overflow:hidden;width:70px;height:70px;flex:0 0 70px;border-radius:14px;background:#1b2532;border:1px solid #dcc69c40;padding:0}.pro-portrait{display:block;width:100%;height:100%;background-image:url('/players/pro-portraits.webp');background-size:500% 800%;background-repeat:no-repeat}.pro-custom-portrait{display:block;width:100%;height:100%;object-fit:cover}.avatar{overflow:hidden}.pro-style-tag{display:inline-block;font-size:10px;color:#e6ca94;background:#d4b7780d;padding:4px 6px;border-radius:5px}.pro-card-body{display:flex;align-items:center;gap:4px}.pro-radar{display:block;flex-shrink:0;width:138px;height:138px}.pro-radar-grid{fill:none;stroke:#6d7a914d;stroke-width:1}.pro-radar-fill{fill:#ceb37b36;stroke:#e8c889;stroke-width:1.5}.pro-radar text{fill:#bac8d9;font-size:10px}.pro-select{width:100%;background:#ffffff06;border:1px solid #49556a;color:#d8e2f1!important;font-size:12px!important}.is-selected .pro-select{background:#e2c58f;color:#1b2029!important;border-color:transparent}.pro-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid #ffffff15;font-size:12px;color:#c4ccda}.pro-dialog-footer button,.pro-save{padding:12px 22px;border:0;background:#e3c58a;color:#191d26!important;font-weight:700!important}.pro-dialog button:disabled{opacity:.45;cursor:default}.pro-selected-chips{display:flex;gap:6px;flex-wrap:wrap;padding:5px 0 12px}.pro-selected-chips button{font-size:11px;background:#dcc08b15;border:1px solid #dcc08b60;padding:6px 10px;min-height:34px}.pro-lineup{display:flex;gap:8px;margin:18px 0 0;flex-wrap:wrap}.pro-lineup button{padding:0;background:none;border:0;max-width:85px;min-width:44px}.pro-lineup .pro-portrait{width:44px;height:44px;border-radius:50%;margin:auto}.pro-lineup span:not(.pro-portrait){display:block;font-size:10px;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pro-detail{max-width:570px}.pro-detail-heading{display:flex;gap:20px;align-items:center;padding:20px 0}.pro-detail-heading .pro-face{width:100px;height:100px;flex-basis:100px}.pro-detail-heading p{font-size:13px;color:#afbed2}.pro-detail-heading strong{color:#e3c58a;font-size:13px}.pro-detail>p{font-size:14px;line-height:1.7;color:#afbed2}.pro-detail-stats{display:flex;align-items:center;justify-content:center;gap:20px}.pro-detail-stats .pro-radar{width:230px;height:230px}.pro-detail dl{flex:1;font-size:13px}.pro-detail dl>div{display:flex;justify-content:space-between;margin:13px 0}.pro-detail dd{color:#dfc18a;font-weight:700;margin:0}.pro-appearance{max-width:550px}.pro-appearance>p{font-size:13px;color:#aeb9ca;line-height:1.7}.pro-appearance label{display:block;font-size:13px;margin:14px 0;color:#becbde}.pro-appearance label input,.pro-appearance label select{display:block;margin-top:7px}.pro-profile-row{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.pro-own-face{width:90px;height:90px;margin:15px auto}.pro-appearance small{color:#a5b3c7;line-height:1.6;font-size:11px}.pro-save{width:100%;margin-top:14px}.pro-upload input{font-size:12px}#appearanceStatus{color:#e6cb91;font-size:13px;line-height:1.6}
@media(max-width:850px){.pro-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pro-match{padding:16px;margin:14px 0 20px}.pro-section-head{align-items:flex-start}.pro-section-head h3{font-size:19px}.pro-count{max-width:75px;line-height:1.5;text-align:right;font-size:10px}.pro-dialog{padding:16px;border-radius:16px}.pro-dialog h2{font-size:21px}.pro-filter{grid-template-columns:1fr 1fr;margin-top:15px}.pro-filter input{grid-column:1/-1}.pro-roster{gap:9px;max-height:52dvh}.pro-card{padding:10px}.pro-card-top{display:block}.pro-card-top .pro-face{width:60px;height:60px;margin-bottom:9px}.pro-card h3{font-size:12px;min-height:30px;margin:6px 0}.pro-card-body{display:block}.pro-card-body p{display:none}.pro-card .pro-radar{width:100%;height:126px}.pro-card p{font-size:10px}.pro-eyebrow{font-size:9px;letter-spacing:1.3px}.pro-dialog-footer{font-size:11px;gap:8px}.pro-dialog-footer button{padding:10px 14px;font-size:12px}.pro-detail-heading{gap:14px}.pro-detail-heading .pro-face{width:82px;height:82px;flex-basis:82px}.pro-detail-stats{gap:10px}.pro-detail-stats .pro-radar{width:180px;height:180px}.pro-detail dl{font-size:12px}.pro-selected-chips{max-height:90px;overflow:auto}.pro-match-modes button{font-size:12px;padding:10px}.pro-match-modes small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pro-dialog::backdrop{backdrop-filter:none}}
.pro-dialog{margin:auto}.pro-detail-heading>div:last-child{min-width:0}.pro-detail-heading h2{overflow-wrap:anywhere}
.avatar[role=button]{cursor:pointer}
.elite-portrait{background-image:url('/players/elite-portraits-v2.webp');background-size:400% 200%}
.elite-refreshed-portrait{background-image:url('/players/elite-refreshed-v4.webp');background-size:200% 100%}
.player-portrait{display:block;width:100%;height:100%;background-image:url('/players/player-portraits-v3.webp');background-size:500% 200%;background-repeat:no-repeat}
#setup .pro-home-intro{min-height:0;display:block;padding:22px 0 16px}
#setup .pro-home-intro .home-scene,#setup .pro-home-intro .home-capabilities{display:none}
#setup .pro-home-intro h1{font-size:32px;line-height:1.25;margin:0 0 6px;letter-spacing:-.035em}
#setup .pro-home-intro .home-eyebrow{margin-bottom:6px;font-size:9px}
#setup .pro-home-intro .sub{font-size:13px}
#setup .pro-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;max-width:none;margin:0;width:100%}
#homeProStage{min-width:0}
#setup .pro-home-stage{margin:0;padding:22px;border-color:#42566d;background:linear-gradient(145deg,#172538,#0e1726)}
#setup .home-match{padding:22px;position:sticky;top:14px;min-width:0}
#setup .home-match h2{font-size:21px}
#setup .home-match .home-section-badge{display:none}
#setup .home-match .field{margin-bottom:18px}
#setup .home-match .lvlcards{display:grid;grid-template-columns:1fr}
.pro-home-stage h2{font-size:24px;margin:5px 0}
.pro-home-stage .pro-intro{margin:8px 0 14px}
.pro-seat-quick{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#b8c8da}
.pro-seat-quick button{border:1px solid #475b72;background:#203049;width:34px;min-height:36px;padding:0}
.pro-seat-quick button[aria-pressed=true]{background:#d9bb80;color:#17202b;border-color:#d9bb80}
.pro-seat-quick button[aria-disabled=true]{border-style:dashed;color:#8291a4}
.pro-seat-quick small{color:#8396ae}.pro-seat-quick>span{margin-right:4px}
.pro-home-stage .pro-match-modes button{padding:10px 12px}
.pro-home-stage .pro-match-modes small{margin-top:3px}
.pro-tier-tabs{display:flex;gap:6px;padding:14px 0 0}
.pro-tier-tabs button{background:none;border:1px solid #41516a;color:#b9c7d8;flex:1;font-size:12px;padding:8px}
.pro-tier-tabs button[aria-pressed=true]{border-color:#e2c78f;color:#efd59f;background:#d6bc8120}
.pro-tier-tabs button:last-child{color:#e6c68d}
.pro-home-stage .pro-filter{margin:12px 0;grid-template-columns:1.2fr 1fr 1fr;gap:7px}
.pro-home-stage input,.pro-home-stage select{width:100%;min-width:0;min-height:42px;border:1px solid #40516a;background:#101d2e;color:#d2deed;font:inherit;font-size:12px;border-radius:9px;padding:9px;box-sizing:border-box}
.home-pro-roster{max-height:620px;overflow:auto;padding:0 5px 5px 0;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-pro-roster .pro-card{padding:14px;background:linear-gradient(155deg,#26354a,#152235)}
.home-pro-roster .pro-card-top{display:block;text-align:center}
.home-pro-roster .pro-face{width:100px;height:100px;margin:0 auto 10px}
.home-pro-roster .pro-card h3{font-size:14px;line-height:1.35;min-height:38px;margin:5px 0}
.home-pro-roster .pro-card-top p{min-height:18px}
.home-pro-roster .pro-card-body{justify-content:center}
.home-pro-roster .pro-card-body p{display:none}
.home-pro-roster .pro-radar{width:126px;height:126px}
.pro-card.is-elite{border-color:#9c784b;background:linear-gradient(155deg,#423725,#211d1a)}
.pro-card.is-elite .pro-eyebrow{color:#ffe0a3}
.pro-card.is-locked .pro-select{color:#c6a979!important;border-style:dashed}
.pro-card.is-selected{border-color:#efcc88;box-shadow:inset 0 0 0 1px #efcc8860}
.pro-home-stage .pro-selected-chips{max-height:none;overflow:visible;padding:12px 0}
.pro-selected-chips button{display:flex;align-items:center;gap:7px;max-width:100%}
.pro-selected-chips .pro-portrait{width:28px;height:28px;flex:0 0 28px;border-radius:50%}
.pro-selected-chips span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-roster-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:#d9c398;min-height:38px}
.pro-roster-footer button{background:#dec28b;border:0;color:#162133;padding:8px 12px;font-size:12px}
.pro-elite-preview{padding:16px 0;border-top:1px solid #d3b77b35;margin-top:12px}
.pro-elite-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#edcb92}
.pro-elite-preview>div:first-child button{background:none;border:0;font-size:11px;padding:0;color:#d9bb85}
.pro-elite-faces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.pro-elite-faces button{background:none;border:0;padding:0;font-size:11px;color:#bca780;min-width:0}
.pro-elite-faces .pro-face{width:100%;height:auto;aspect-ratio:1;min-width:0;margin-bottom:5px}
.pro-lock-note{color:#edc58b!important;background:#d4b97b13;padding:12px;border-radius:10px}
.pro-mobile-launch{display:none}
.regular-mode .pro-match-modes,.regular-mode .pro-tier-tabs,.regular-mode .pro-filter,.regular-mode #proRoster,.regular-mode #proSelected,.regular-mode .pro-roster-footer,.regular-mode .pro-elite-preview{display:none}
.regular-mode #proAccessSummary{font-size:16px;color:#d3dde8}
.member-option-locked{border-style:dashed!important}
.player-avatar-options{border:0;padding:0;margin:18px 0}
.player-avatar-options legend{font-size:13px;color:#bfccd9;margin-bottom:10px}
.player-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.player-avatar-grid button{border:1px solid #3e4d63;background:#1c293a;padding:7px 5px;font-size:10px;line-height:1.6;min-width:0}
.player-avatar-grid .pro-face{width:100%;height:auto;aspect-ratio:1;margin:0 0 5px}
.player-avatar-grid button[aria-pressed=true]{border-color:#f0d393;background:#8d744533;box-shadow:0 0 0 1px #f0d393}
#setup .home-match .supreme-home-pass{padding:12px;margin:0 0 20px;gap:8px}
#setup .home-match .supreme-crest{width:32px;height:32px;flex-basis:32px}
#setup .home-match .supreme-crest svg{width:26px;height:26px}
#setup .home-match .supreme-pass strong{font-size:16px}
#setup .home-match .supreme-pass p,#setup .home-match .supreme-pass-seal{display:none}
.pro-seat-quick button{width:44px;min-height:44px}
@media(max-width:540px){.home-pro-roster{max-height:54dvh}.pro-seat-quick button{width:44px;min-height:44px}}
@media(max-width:1100px){#setup .pro-home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.home-pro-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#setup .pro-home-grid{grid-template-columns:1fr}#setup .home-match{position:static}#setup .pro-home-stage{padding:18px}.home-pro-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-mobile-launch{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0c1727f5;backdrop-filter:blur(10px);border-top:1px solid #6b624e;z-index:25;font-size:12px;color:#c0cad9}.pro-mobile-launch button{padding:12px 20px;background:#e4c58d;border:0;color:#142033;font-weight:750}#setup{padding-bottom:100px!important}#setup:has(+ #rotateTip + #app.on) .pro-mobile-launch{display:none}}
@media(max-width:540px){#setup .pro-home-intro{padding:15px 0 12px}#setup .pro-home-intro h1{font-size:25px}#setup .pro-home-intro .sub{font-size:11px;line-height:1.6}#setup .pro-home-stage{padding:14px}.pro-home-stage h2{font-size:21px}.pro-home-stage .pro-section-head{gap:8px}.pro-count{max-width:74px;font-size:10px}.pro-home-stage .pro-intro{font-size:11px;margin-bottom:8px}.pro-home-stage .pro-filter{grid-template-columns:1fr 1fr}.pro-home-stage .pro-filter input{grid-column:1/-1}.pro-home-stage input,.pro-home-stage select{font-size:16px;min-height:40px}.pro-seat-quick{gap:4px;font-size:11px;margin:10px 0}.pro-seat-quick button{width:28px;min-height:36px}.pro-seat-quick>span{margin-right:0}.pro-seat-quick small{font-size:10px}.pro-tier-tabs{gap:4px}.pro-tier-tabs button{font-size:11px;padding:7px 3px}.pro-home-stage .pro-match-modes{gap:7px}.home-pro-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-pro-roster .pro-card{padding:11px}.home-pro-roster .pro-face{width:88px;height:88px}.home-pro-roster .pro-card h3{font-size:13px;min-height:34px}.home-pro-roster .pro-radar{width:116px;height:116px}.pro-elite-preview>div:first-child{display:block}.pro-elite-faces{gap:5px}.pro-elite-faces button{font-size:10px}.player-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
@media(max-width:1100px) and (orientation:portrait){
  html.portrait .seat{padding-top:19px}
  html.portrait .seat .avatar{display:block;position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:44px;height:44px;z-index:4;background:#17202d;box-shadow:0 0 0 2px #d3b777}
  html.portrait .seat .sinfo{width:100%;flex:1 1 100%}
  html.portrait .seat .sname{max-width:100%}
  html.portrait[data-players="7"] #tablewrap,html.portrait[data-players="8"] #tablewrap{min-height:600px;flex-basis:600px}
  html.portrait[data-players="8"] #tablewrap{min-height:700px;flex-basis:700px}
  .pro-card-top .pro-face{width:80px;height:80px}
  .pro-dialog input,.pro-dialog select{font-size:16px}
}

@media(max-width:540px){.pro-seat-quick button{width:44px;min-height:44px}}

.pro-filters>summary{display:none}.pro-filters:not([open])>.pro-filter{display:grid}
@media(max-width:540px){.pro-filters{margin:10px 0}.pro-filters>summary{display:block;cursor:pointer;font-size:12px;color:#bbcadc;padding:10px 12px;border:1px solid #41516b;border-radius:9px;min-height:44px;box-sizing:border-box}.pro-filters:not([open])>.pro-filter{display:none}.home-pro-roster .pro-card{display:flex;flex-direction:column}.home-pro-roster .pro-card-top{order:0}.home-pro-roster .pro-select{order:1;margin-top:8px}.home-pro-roster .pro-card-body{order:2}.pro-home-stage .pro-section-head .pro-eyebrow{display:none}#setup .pro-home-intro{padding:9px 0}#setup .pro-home-intro .sub{margin-bottom:6px}}

@media(max-width:540px){#setup .pro-home-intro{display:none}.pro-home-stage .pro-match-modes small{display:none}.home-pro-roster .pro-card h3{min-height:0}}

.pro-seat-label{font-size:12px;color:var(--tier-muted,#bbcadc);margin-top:12px}.pro-seat-label small{font-size:10px;margin-left:6px}.pro-seat-quick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:430px;margin:7px 0 12px}.pro-seat-quick button{width:auto;min-height:44px}.pro-seat-quick button[aria-disabled=true]{opacity:.42;cursor:pointer}.pro-index{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.pro-home-stage .pro-filter{grid-template-columns:1.3fr 1fr}.pro-avatar-hint{font-size:10px;color:var(--tier-muted,#a7b8ce);margin:7px 0}.pro-epithet{display:block;color:var(--tier-accent,#edce94);font-size:12px;font-weight:750;letter-spacing:.09em;line-height:1.5;margin:3px 0}.pro-wealth{color:var(--tier-accent,#edce94)!important;border-left:2px solid currentColor;padding:6px 12px;font-size:12px!important}.pro-elite-faces{grid-template-columns:repeat(8,minmax(0,1fr))}.regular-mode .pro-index,.regular-mode .pro-filters,.regular-mode .pro-avatar-hint{display:none}@media(max-width:540px){.pro-seat-quick button{width:auto;min-height:44px}.pro-home-stage .pro-filter{grid-template-columns:1fr 1fr}.pro-home-stage .pro-filter input{grid-column:auto}.pro-elite-faces{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-index select{min-height:40px;font-size:14px}.pro-filters{margin:5px 0}.pro-filters>summary{padding:5px 10px;min-height:32px}.home-pro-roster .pro-card h3{font-size:12px}.pro-epithet{font-size:11px;letter-spacing:.02em}}@media(max-width:360px){.pro-index{gap:5px}.pro-home-stage h2{font-size:19px}.home-pro-roster .pro-style-tag{display:none}.home-pro-roster .pro-face{width:76px;height:76px}.pro-section-head .pro-count{font-size:9px}.pro-seat-quick{gap:3px}}

.pro-dialog.pro-appearance{position:fixed;inset:var(--safe-top,env(safe-area-inset-top,0px)) var(--safe-right,env(safe-area-inset-right,0px)) 0 var(--safe-left,env(safe-area-inset-left,0px));width:min(700px,calc(100vw - var(--safe-left,env(safe-area-inset-left,0px)) - var(--safe-right,env(safe-area-inset-right,0px)) - 24px));max-height:calc(100dvh - var(--safe-top,env(safe-area-inset-top,0px)) - 16px)}