/* Player hub shares the original website's type and navy/cyan/pink identity. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hub-page{background:#081327;color:#f0f6ff;min-height:100vh}.hub-nav{display:flex;align-items:center;gap:24px;padding:22px max(5vw,20px);border-bottom:1px solid #27415b;background:#09172b}.hub-nav>.logo{margin-right:auto}.hub-nav>a:not(.logo):not(.btn){font-size:10px;letter-spacing:.08em;color:#adbed4}.account-pill{background:#102740;color:#a3f5ff;border:1px solid #32536c;padding:12px 15px;border-radius:6px;font-size:10px;font-weight:700}.hub-shell{max-width:1220px;margin:auto;padding:50px 30px 70px}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:28px}.hub-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,8vw,112px);line-height:.88;margin:16px 0 20px}.hub-heading h1 span,.hub-view h2 span,dialog h2 span{color:var(--cyan)}.hub-heading p:not(.kicker){color:#a6bad4;font-size:14px}.hub-portrait{width:225px;height:225px;object-fit:cover;border-radius:24px;border:1px solid #28768d;box-shadow:0 0 60px #18c4ff14}.hub-tabs{display:flex;gap:12px;border-bottom:1px solid #29405a;margin-bottom:32px}.hub-tabs a{padding:18px 16px;color:#a8bad0;letter-spacing:.08em;font-weight:700;font-size:11px;border-bottom:3px solid transparent}.hub-tabs a[aria-current=page]{color:var(--cyan);border-bottom-color:var(--cyan)}.hub-view h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,5vw,70px);line-height:.95;margin:12px 0 18px}.panel{background:linear-gradient(125deg,#102440,#0c1a30);border:1px solid #2a4260;border-radius:14px;padding:28px}.guest-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.guest-panel p{max-width:490px;color:#a8bbd4;line-height:1.8;margin-bottom:24px;font-size:13px}.guest-preview{padding:35px;border-radius:12px;background:radial-gradient(ellipse at top right,#30e8ff20,transparent 70%),#09182c;border:1px solid #27455b;display:flex;flex-direction:column;justify-content:center;gap:22px}.guest-preview>span{font-size:10px;color:var(--cyan);letter-spacing:.15em}.guest-preview b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:1.05}.guest-preview small{color:#839bb8;font-size:12px;line-height:1.6}.text-link{display:inline-block;background:none;border:none;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;padding:12px 0}.guest-panel .text-link{margin-left:20px}.player-summary{display:flex;align-items:center;gap:25px;margin-bottom:20px}.player-summary img{width:100px;height:125px;object-fit:contain;filter:drop-shadow(0 0 15px #30e8ff20)}.player-summary h2{font-size:48px;margin:8px 0}.player-summary p:not(.kicker){font-size:12px;color:#a5bad4}.player-summary>.btn{margin-left:auto}.status-chip{display:inline-block;font-size:9px;color:#91f5d2;border:1px solid #338568;background:#143b35;border-radius:30px;padding:6px 9px;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}.stat-card{padding:22px 16px;background:#10253c;border:1px solid #284562;border-radius:10px}.stat-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;color:var(--cyan);display:block}.stat-card span{font-size:9px;color:#9db2cb;letter-spacing:.09em}.dashboard-columns{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.panel-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}.panel h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin:0}.panel-heading>span{font-size:8px;color:#819bb8}.jersey{margin:22px 0}.jersey-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:700;gap:12px}.jersey-heading small{color:#a1bdd4;font-size:10px}.jersey progress{width:100%;height:7px;border:0;border-radius:6px;margin-top:10px;accent-color:var(--cyan)}.jersey progress::-webkit-progress-bar{background:#24374b;border-radius:6px}.jersey progress::-webkit-progress-value{background:var(--cyan);border-radius:6px}.jersey p{font-size:10px;color:#91a8c4;margin-top:7px}.match-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #263b55;padding:15px 0;align-items:center}.match-row strong{font-size:12px}.match-row small{display:block;font-size:9px;color:#91a9c6;margin-top:7px}.match-score{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;white-space:nowrap}.match-row[data-result=win] .match-score{color:#7aefd2}.match-row[data-result=loss] .match-score{color:#ff8aba}.profile-settings{margin-top:20px}.profile-settings>p{font-size:11px;color:#94abc6;line-height:1.7}.hub-page form{display:flex;align-items:end;gap:15px;margin-top:22px;flex-wrap:wrap}.hub-page label{display:flex;flex-direction:column;gap:10px;font-size:9px;color:#9bb9d0;letter-spacing:.09em}.hub-page input,.hub-page select{background:#071527;color:#f0f6ff;border:1px solid #375675;border-radius:6px;padding:14px;font:inherit;font-size:13px;letter-spacing:0;min-width:190px}.hub-page input:focus,.hub-page select:focus{outline:2px solid var(--cyan);outline-offset:3px}.link-existing{margin-top:30px;padding-top:24px;border-top:1px solid #28415d}.link-existing p{font-size:12px;color:#a6bad3;margin-bottom:14px;line-height:1.7}.link-existing small{display:block;font-size:10px;color:#9ab1cc;margin-top:12px}.message{font-size:12px;color:#97eaff;margin:15px 0;line-height:1.7}.message[data-error=true]{color:#ffa2be}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.board-heading p:not(.kicker){color:#a3bad5;font-size:12px;line-height:1.7;max-width:540px}.board-filters{display:flex;gap:12px}.board-filters select{min-width:140px}.board-note{font-size:11px;color:#8ba8c5;margin:22px 0}.table-scroll{overflow-x:auto}.leaderboard-panel{padding:18px 24px}.leaderboard-panel table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.leaderboard-panel th{color:#86a5c2;font-size:9px;letter-spacing:.09em;padding:18px 15px;border-bottom:1px solid #34536e}.leaderboard-panel td{padding:19px 15px;border-bottom:1px solid #203b55;font-size:13px}.leaderboard-panel td:first-child{color:var(--cyan);font-weight:700}.leaderboard-panel tr[data-mine=true]{background:#20bfe515}.leaderboard-panel td:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:160px}.board-disclaimer{color:#7d96b3;font-size:10px;line-height:1.7;margin-top:15px}.character-intro{color:#a3b8d1;font-size:13px;line-height:1.8;max-width:650px}.character-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:28px 0}.character-choice{padding:14px 8px;background:#10233c;border:1px solid #2b4562;border-radius:8px;color:#9eb5cf;cursor:pointer}.character-choice img{width:100%;height:80px;object-fit:contain}.character-choice span{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;margin-top:12px}.character-choice[aria-pressed=true]{border-color:var(--cyan);background:#14324b;color:var(--cyan)}.character-detail{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;min-height:380px;align-items:center}.character-art{background:radial-gradient(ellipse,#30e8ff15,transparent 65%);display:flex;align-items:center;justify-content:center;min-height:300px}.character-art img{width:100%;max-width:350px;height:340px;object-fit:contain;filter:drop-shadow(0 12px 30px #0008)}.character-detail h2{font-size:80px;margin:10px 0;color:var(--character-accent,var(--cyan))}.character-role{color:#eff6ff;font-size:12px;font-weight:700;letter-spacing:.12em}.character-detail blockquote{font-size:19px;font-style:italic;color:#f5fcff;margin:23px 0;padding-left:18px;border-left:2px solid var(--character-accent,var(--cyan));line-height:1.6}.character-detail p:not(.kicker):not(.character-role){color:#a9bed7;font-size:12px;line-height:1.9}.character-trait{display:inline-block;font-size:10px;border:1px solid #354e69;padding:9px 12px;border-radius:4px;margin:15px 0 22px;color:#cce5ff}.hub-footer{display:flex;justify-content:space-between;gap:25px;padding:28px 5vw;border-top:1px solid #27405a;font-size:10px;color:#8ca7c3}.hub-footer a{color:var(--cyan)}dialog{background:#0c1e36;border:1px solid #3a6780;border-radius:16px;color:#eaf4ff;padding:38px;width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto;margin:auto}dialog::backdrop{background:#020916dd;backdrop-filter:blur(5px)}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:58px;line-height:.95;margin:14px 0 20px}dialog p{font-size:12px;color:#a6bcd5;line-height:1.8}.dialog-close{position:absolute;right:16px;top:14px;background:none;border:0;color:#b6d4e6;padding:8px;font-size:18px;cursor:pointer}.hub-page dialog form{display:block}.hub-page dialog input{width:100%;box-sizing:border-box;margin-bottom:16px}.hub-page dialog .btn{width:100%}.privacy-note{font-size:10px!important;margin-top:24px!important;border-top:1px solid #2a435e;padding-top:18px}.hub-page button:disabled{opacity:.55;cursor:default}
.play-page{background:#081327;margin:0;overflow:hidden}.play-nav{height:62px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#d8edff;border-bottom:1px solid #2b4664;font-size:11px;gap:12px}.play-nav a{color:#81f2ff;text-decoration:none}.play-nav strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px}.play-stage{position:relative;height:calc(100dvh - 62px)}.play-stage iframe{width:100%;height:100%;border:0;display:block}.play-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#081327;z-index:2;flex-direction:column;gap:18px;padding:20px;text-align:center;color:#b6cfe9}.play-status p{max-width:450px;line-height:1.8;font-size:13px}.play-status button{background:#30e8ff;color:#071527;border:none;padding:14px 18px;border-radius:6px;font-weight:bold;cursor:pointer}.play-nav span{color:#a5b9d0;font-size:10px}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(3,1fr)}.character-picker{grid-template-columns:repeat(4,1fr)}.dashboard-columns{grid-template-columns:1fr}.board-heading{display:block}.board-filters{margin-top:25px}.character-detail{gap:20px}.hub-nav{gap:14px}}
@media(max-width:600px){.hub-nav{padding:16px;gap:10px}.hub-nav>a:not(.logo):not(.btn){display:none}.hub-nav .logo{font-size:20px}.hub-nav .btn{padding:12px;font-size:9px}.account-pill{font-size:8px;padding:11px}.hub-shell{padding:30px 16px 45px}.hub-heading{gap:12px;align-items:start}.hub-portrait{width:100px;height:100px;border-radius:12px}.hub-heading h1{font-size:65px}.hub-heading .kicker{font-size:8px;max-width:180px}.hub-heading p:not(.kicker){font-size:11px;max-width:215px;line-height:1.7}.hub-tabs{gap:0;justify-content:space-between}.hub-tabs a{font-size:8px;padding:16px 7px}.panel{padding:20px}.guest-panel{grid-template-columns:1fr;gap:20px}.guest-preview{padding:25px}.guest-preview b{font-size:32px}.guest-panel .text-link{margin-left:0;display:block}.player-summary{flex-wrap:wrap;gap:15px}.player-summary img{width:70px;height:95px}.player-summary h2{font-size:36px;overflow-wrap:anywhere}.player-summary>div{max-width:calc(100% - 85px)}.player-summary>.btn{margin-left:0;width:100%;text-align:center}.stat-grid{gap:8px}.stat-card{padding:17px 12px}.stat-card strong{font-size:35px}.stat-card span{font-size:8px}.panel-heading>span{display:none}.character-detail{grid-template-columns:1fr;gap:5px}.character-art{min-height:220px}.character-art img{height:230px}.character-detail h2{font-size:60px}.character-choice img{height:65px}.character-choice{padding:12px 5px}.character-choice span{font-size:17px}.board-filters{gap:10px}.board-filters label{flex:1}.board-filters select{min-width:0;width:100%}.hub-footer{flex-direction:column;font-size:9px;padding:24px 18px}.hub-page form>label{width:100%}.hub-page form input{width:100%;box-sizing:border-box}.hub-page form .btn{width:100%;text-align:center}.play-nav{padding:0 12px;font-size:9px}.play-nav strong{font-size:20px}.play-nav span{max-width:130px;font-size:8px}}

.hub-portrait{margin:0;flex-shrink:0;box-sizing:border-box;padding:12px;background:radial-gradient(ellipse at center,#30e8ff13,transparent 75%),#0b1b31}.hub-portrait img{display:block;width:100%;height:calc(100% - 24px);object-fit:contain;border-radius:12px}.hub-portrait figcaption{font-family:"Barlow Condensed",Impact,sans-serif;font-size:18px;letter-spacing:.13em;text-align:center;line-height:24px;color:var(--cyan)}@media(max-width:600px){.hub-portrait{padding:6px}.hub-portrait img{height:calc(100% - 17px);border-radius:7px}.hub-portrait figcaption{font-size:11px;line-height:17px}}