.player-performance{--player-green:#77ed9b;--player-red:#ff6d72;--player-grey:#9a9aa6;background:#09090d;border-bottom:1px solid var(--line)}.player-hq-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:35px;padding:70px 7vw 45px;background:radial-gradient(circle at 78% 5%,rgba(205,255,0,.11),transparent 27%),linear-gradient(180deg,#111117,#09090d)}.player-hq-hero>div>span,.player-panel-heading span,.player-overview-grid>section>header>span,.player-overview-grid>aside>span{color:var(--acid);font:800 9px 'DM Sans';letter-spacing:.17em}.player-hq-hero h2{margin:13px 0 19px;font-size:clamp(54px,8vw,110px)}.player-hq-hero h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px var(--acid)}.player-hq-hero p{max-width:630px;color:#9696a0;line-height:1.65}.player-hq-hero>button{display:flex;align-items:center;gap:14px;padding:15px 19px;border:0;border-radius:15px;background:var(--acid);color:#0a0a0d;box-shadow:0 16px 50px rgba(205,255,0,.14);cursor:pointer}.player-hq-hero>button>b{font:34px/1 'DM Sans'}.player-hq-hero>button>span{display:grid;text-align:left;font:900 13px 'Archivo Black'}.player-hq-hero>button small{margin-top:4px;font:700 8px 'DM Sans';letter-spacing:.08em}.player-stat-ribbon{display:grid;grid-template-columns:repeat(5,1fr);margin:0 7vw;border:1px solid #282830;border-radius:14px;background:#121217;overflow:hidden;transform:translateY(22px)}.player-stat-ribbon article{padding:20px;border-right:1px solid #282830}.player-stat-ribbon article:last-child{border:0}.player-stat-ribbon strong{display:block;font:27px 'Archivo Black'}.player-stat-ribbon span{display:block;margin-top:5px;color:#707079;font:700 8px 'DM Sans';letter-spacing:.1em;text-transform:uppercase}.player-stat-ribbon .win strong{color:var(--player-green)}.player-stat-ribbon .loss strong{color:var(--player-red)}.player-tabs{display:flex;gap:8px;padding:60px 7vw 13px;border-bottom:1px solid #282830}.player-tabs button{padding:10px 13px;border:0;border-radius:999px;background:transparent;color:#7c7c85;font:700 10px 'DM Sans';cursor:pointer}.player-tabs button b{padding-left:4px;color:#555}.player-tabs button.active{background:#24242b;color:#fff}.player-tab-panel{display:none;padding:32px 7vw 80px}.player-tab-panel.active{display:block}.player-overview-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.player-overview-grid>section,.player-overview-grid>aside{border:1px solid #292931;border-radius:14px;background:#111116;overflow:hidden}.player-overview-grid>section>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #292931}.player-overview-grid>section>header>strong{display:flex;gap:4px}.player-overview-grid>section>header i{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#24242b;color:#aaa;font:900 10px 'DM Sans';font-style:normal}.player-overview-grid i.w{background:rgba(119,237,155,.14);color:var(--player-green)}.player-overview-grid i.l{background:rgba(255,109,114,.14);color:var(--player-red)}.player-activity article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #24242b}.player-activity article:last-child{border:0}.player-activity b[class^=result],.match-history>b,.public-player-columns b[class^=result]{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font:900 12px 'Archivo Black'}.result-w{background:rgba(119,237,155,.14);color:var(--player-green)}.result-l{background:rgba(255,109,114,.14);color:var(--player-red)}.result-t{background:rgba(154,154,166,.14);color:var(--player-grey)}.player-activity strong,.player-activity span{display:block}.player-activity strong{font-size:12px}.player-activity span,.player-activity small{color:#74747e;font-size:9px}.player-activity small{text-align:right;line-height:1.45}.player-activity>p,.player-overview-grid aside>p{padding:25px;color:#777;font-size:11px}.player-overview-grid>aside{padding:20px}.player-overview-grid>aside>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #26262d}.player-overview-grid>aside>article div strong,.player-overview-grid>aside>article div small{display:block}.player-overview-grid>aside>article div strong{font-size:11px}.player-overview-grid>aside>article div small{margin-top:4px;color:#6e6e77;font-size:8px}.player-overview-grid>aside>article>b{font-size:10px}.player-overview-grid>aside>article>em{color:var(--acid);font:900 12px 'DM Sans';font-style:normal}.player-panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.player-panel-heading h3{margin:6px 0 0;font:clamp(38px,5vw,64px)/.9 'Archivo Black';letter-spacing:-.06em}.player-panel-heading button{padding:11px 14px;border:1px solid #4a4a54;border-radius:999px;background:#19191f;color:#fff;font-weight:800;cursor:pointer}.player-create-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;padding:18px;border:1px solid #303039;border-radius:14px;background:#131318}.player-create-form[hidden]{display:none}.player-create-form label{display:grid;gap:7px}.player-create-form label>span{color:#7d7d86;font:700 8px 'DM Sans';letter-spacing:.1em;text-transform:uppercase}.player-create-form input,.player-create-form select,.player-create-form textarea{width:100%;padding:11px;border:1px solid #36363f;border-radius:7px;background:#0d0d11;color:#eee;font:600 11px 'DM Sans'}.player-create-form .wide{grid-column:1/-1}.player-create-form textarea{min-height:90px;resize:vertical}.player-create-form>button{grid-column:1/-1;justify-self:start;padding:12px 16px;border:0;border-radius:7px;background:var(--acid);color:#111;font-weight:900;cursor:pointer}.personal-deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.personal-deck-grid>article{padding:18px;border:1px solid #292931;border-radius:13px;background:linear-gradient(145deg,#17171d,#101014)}.personal-deck-grid article>header{display:flex;justify-content:space-between;color:#73737c;font-size:8px}.personal-deck-grid article>header b{color:#8c8c96}.personal-deck-grid h4{margin:32px 0 7px;font:22px 'Archivo Black';text-transform:uppercase}.personal-deck-grid p{color:#7f7f88;font-size:10px}.personal-deck-grid article>div{display:flex;justify-content:space-between;margin:22px 0;padding-top:15px;border-top:1px solid #292931}.personal-deck-grid article>div strong{font:18px 'Archivo Black'}.personal-deck-grid article>div span{color:#777;font-size:9px}.personal-deck-grid footer{display:flex;flex-wrap:wrap;gap:5px;padding:0;border:0}.personal-deck-grid footer button{padding:7px 9px;border:1px solid #33333c;border-radius:6px;background:#1a1a20;color:#aaa;font-size:8px;cursor:pointer}.personal-deck-grid footer button:first-child{border-color:rgba(205,255,0,.35);color:var(--acid)}.player-empty{grid-column:1/-1;padding:30px;border:1px dashed #33333b;border-radius:11px;color:#777}.player-event-list{display:grid;border:1px solid #292931;border-radius:13px;overflow:hidden}.player-event-list article{display:grid;grid-template-columns:110px minmax(0,1fr) 90px auto;gap:15px;align-items:center;padding:16px 18px;border-bottom:1px solid #292931;background:#121217}.player-event-list article:last-child{border:0}.player-event-list time,.player-event-list span,.player-event-list small{color:#767680;font-size:9px}.player-event-list h4{margin:5px 0;font:15px 'Archivo Black';text-transform:uppercase}.player-event-list>article>strong{font:17px 'Archivo Black'}.player-event-list button{padding:8px 10px;border:1px solid #3b3b44;border-radius:6px;background:transparent;color:var(--acid);font-size:8px;cursor:pointer}.match-history{display:grid;border:1px solid #292931;border-radius:13px;overflow:hidden}.match-history article{display:grid;grid-template-columns:38px minmax(140px,1fr) 55px 170px minmax(130px,1fr) 24px;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #292931;background:#111116}.match-history article:last-child{border:0}.match-history strong,.match-history span{display:block}.match-history strong{font-size:11px}.match-history span,.match-history small,.match-history p{color:#73737d;font-size:9px}.match-history i{font-style:normal;color:#aaa;font-size:9px}.match-history p{margin:0}.match-history>article>button{border:0;background:none;color:#666;cursor:pointer}.round-composer{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:1fr minmax(340px,520px);visibility:hidden}.round-composer.open{visibility:visible}.round-scrim{grid-column:1;border:0;background:#000b;backdrop-filter:blur(8px);opacity:0;transition:.18s}.round-composer.open .round-scrim{opacity:1}.round-composer>form{grid-column:2;padding:28px;overflow:auto;background:#111116;border-left:1px solid #35353d;transform:translateX(100%);transition:.2s}.round-composer.open>form{transform:none}.round-composer form>header{display:flex;justify-content:space-between;margin-bottom:25px}.round-composer header span{color:var(--acid);font-size:8px;letter-spacing:.16em}.round-composer h2{margin-top:7px;font-size:45px}.round-close{border:0;background:none;color:#888;font-size:28px;cursor:pointer}.round-composer form>label,.round-two label{display:grid;gap:7px;margin-bottom:15px}.round-composer form label>span,.round-result-picker>span,.round-format>span{color:#797982;font:700 8px 'DM Sans';letter-spacing:.1em;text-transform:uppercase}.round-composer input,.round-composer select,.round-composer textarea{width:100%;padding:12px;border:1px solid #383841;border-radius:7px;background:#0b0b0f;color:#eee}.round-composer textarea{min-height:90px;resize:vertical}.round-result-picker{margin:17px 0}.round-result-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.round-result-picker label{position:relative;display:grid;place-items:center;min-height:90px;border:1px solid #33333c;border-radius:11px;background:#18181e;cursor:pointer}.round-result-picker input,.round-format input{position:absolute;opacity:0}.round-result-picker b{font:35px 'Archivo Black'}.round-result-picker small{font-size:8px}.round-result-picker label.win b{color:var(--player-green,#77ed9b)}.round-result-picker label.loss b{color:var(--player-red,#ff6d72)}.round-result-picker label.tie b{color:var(--player-grey,#9a9aa6)}.round-result-picker label:has(input:checked){border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.round-format{display:grid;grid-template-columns:1fr 85px 85px;gap:8px;align-items:center;margin-bottom:16px}.round-format label{position:relative;display:grid;place-items:center;height:42px;border:1px solid #33333c;border-radius:8px;background:#18181e;cursor:pointer}.round-format label:has(input:checked){border-color:var(--acid);color:var(--acid)}.round-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.round-save{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:14px;border:0;border-radius:8px;background:var(--acid);color:#111;font-weight:900;cursor:pointer}.round-status{color:var(--acid);font-size:10px}.public-player-lab{max-width:1040px;margin:0 auto;border:1px solid var(--line);border-top:0;background:#0e0e13}.public-player-lab>header{display:flex;justify-content:space-between;align-items:end;padding:25px;border-bottom:1px solid var(--line)}.public-player-lab>header>span{color:var(--acid);font-size:8px;letter-spacing:.14em}.public-player-lab>header div{text-align:right}.public-player-lab>header strong,.public-player-lab>header small{display:block}.public-player-lab>header strong{font:28px 'Archivo Black'}.public-player-lab>header small{color:#777;font-size:9px}.public-player-columns{display:grid;grid-template-columns:1fr 1fr}.public-player-columns>section{padding:25px;border-right:1px solid var(--line)}.public-player-columns>section:last-child{border:0}.public-player-columns h2{font-size:25px;margin-bottom:18px}.public-player-columns article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:12px 0;border-bottom:1px solid #282830}.public-player-columns article>span,.public-player-columns article>small{color:#777;font-size:8px}.public-player-columns article>strong{font-size:11px}.public-player-columns article>b{grid-row:1/3;grid-column:2;align-self:center}.public-player-columns section:last-child article{grid-template-columns:36px 1fr}.public-player-columns section:last-child article>b{grid-row:auto;grid-column:auto}.public-player-columns section:last-child article strong,.public-player-columns section:last-child article small{display:block}
@media(max-width:900px){.player-overview-grid{grid-template-columns:1fr}.personal-deck-grid{grid-template-columns:1fr 1fr}.player-create-form{grid-template-columns:1fr 1fr}.match-history article{grid-template-columns:38px 1fr 45px 120px 24px}.match-history article>p{display:none}.public-player-columns{grid-template-columns:1fr}.public-player-columns>section{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.player-hq-hero{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}.player-hq-hero>button{justify-self:start}.player-stat-ribbon{grid-template-columns:repeat(2,1fr);margin:0 5vw}.player-stat-ribbon article{border-bottom:1px solid #282830}.player-tabs{padding-left:5vw;padding-right:5vw;overflow:auto}.player-tab-panel{padding-left:5vw;padding-right:5vw}.personal-deck-grid,.player-create-form{grid-template-columns:1fr}.player-create-form .wide{grid-column:auto}.player-event-list article{grid-template-columns:1fr auto}.player-event-list time{grid-column:1/-1}.player-event-list button{grid-column:1/-1}.match-history article{grid-template-columns:34px 1fr 38px 20px}.match-history article>small,.match-history article>p{display:none}.round-composer{display:block}.round-scrim{position:absolute;inset:0}.round-composer>form{position:absolute;inset:7vh 0 0;border-radius:20px 20px 0 0;transform:translateY(100%)}.round-two{grid-template-columns:1fr}.public-player-lab>header{align-items:flex-start;gap:10px;flex-direction:column}.public-player-lab>header div{text-align:left}}