.my-data-page{width:min(920px,calc(100% - 48px));margin:0 auto;padding:52px 0 80px}.my-data-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px;flex-wrap:wrap}.my-data-header-left h1{margin:6px 0 4px;font-size:32px;letter-spacing:-.05em}.my-data-player-tag{color:var(--muted-2);font-size:12px;margin:0}.sync-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--border-strong);background:#5277ff14;color:#bfcbff;font-size:13px;font-weight:600;transition:transform .15s ease,filter .15s ease,border-color .15s ease;white-space:nowrap}.sync-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);border-color:#5277ff80}.sync-button:disabled{opacity:.5;cursor:not-allowed}.sync-button .sync-icon{font-size:14px;display:inline-block;transition:transform .5s ease}.sync-button.syncing .sync-icon{transform:rotate(180deg);animation:spin .8s linear infinite}.sync-status{font-size:12px;margin-top:6px;min-height:18px}.sync-status.success{color:var(--green)}.sync-status.error{color:var(--orange)}.my-data-section{margin-bottom:40px}.my-data-section .section-label{display:block;color:#8496d4;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.mydata-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden}.mydata-metrics .metric{min-height:82px;padding:14px;background:var(--surface)}.trophy-chart{position:relative}.trophy-chart-total{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.trophy-chart-total-value{font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1}.trophy-chart-total-value.positive{color:var(--green)}.trophy-chart-total-value.negative{color:var(--orange)}.trophy-chart-total-value.neutral{color:var(--muted)}.trophy-chart-total-label{color:var(--muted-2);font-size:12px}.trophy-chart-svg-wrap{width:100%;aspect-ratio:4 / 1;min-height:120px}.trophy-chart-svg{width:100%;height:100%}.trophy-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted-2);font-size:13px}.mode-performance{display:flex;flex-direction:column;gap:14px}.mode-row{position:relative;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.mode-row-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.mode-name{font-size:14px;font-weight:600}.mode-sample-limited{font-size:10px;color:var(--muted-2);border:1px solid rgba(157,173,221,.15);border-radius:99px;padding:1px 7px}.mode-row-stats{display:flex;align-items:center;gap:16px;margin-bottom:6px;position:relative;z-index:1}.mode-battle-count{font-size:12px;color:var(--muted)}.mode-win-rate{font-size:15px;font-weight:700;color:var(--text)}.mode-win-rate.limited{color:var(--muted);font-weight:500}.mode-win-bar{position:absolute;left:14px;right:14px;bottom:12px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:99px;opacity:.35}.mode-row-sub{display:flex;gap:16px;font-size:11px;color:var(--muted-2);margin-top:4px;position:relative;z-index:1}.text-green{color:var(--green)!important}.text-orange{color:var(--orange)!important}.recent-form-dots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.recent-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.recent-dot-win{background:var(--green);box-shadow:0 0 8px #61d39a66}.recent-dot-loss{background:var(--orange);box-shadow:0 0 8px #e39a644d}.recent-dot-draw{background:var(--gray)}.recent-form-summary{display:flex;gap:16px;font-size:13px;color:var(--muted)}.recent-win-rate{color:var(--text);font-weight:600}.recent-form-empty,.mode-performance-empty{padding:24px;text-align:center;color:var(--muted-2);font-size:13px;border:1px dashed var(--border);border-radius:10px}.data-info{font-size:11px;color:var(--muted-2);line-height:1.6}.data-info strong{color:var(--muted)}.my-data-empty-state{text-align:center;padding:60px 24px}.my-data-empty-state h2{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.my-data-empty-state p{margin:0 auto 24px;color:var(--muted);font-size:13px;max-width:360px;line-height:1.7}@media(max-width:600px){.my-data-page{padding:36px 0 60px}.my-data-header{flex-direction:column;align-items:flex-start;gap:12px}.my-data-header-left h1{font-size:26px}.sync-button{width:100%;justify-content:center}.mydata-metrics{grid-template-columns:1fr}.recent-form-dots{gap:5px}.recent-dot{width:12px;height:12px}.mode-row-stats{gap:10px}.mode-row-sub{flex-wrap:wrap;gap:8px}}:root{--bg: #060914;--surface: #0c1120;--surface-elevated: #11182a;--surface-hover: #162039;--border: rgba(157, 173, 221, .14);--border-strong: rgba(157, 173, 221, .28);--primary: #5277ff;--primary-2: #7b4dff;--activity-rgb: 120, 145, 255;--text: #f7f9ff;--muted: #8f99ad;--muted-2: #606b83;--green: #61d39a;--yellow: #e8c76a;--orange: #e39a64;--gray: #7c879c;--shadow: 0 20px 70px rgba(0, 0, 0, .24);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(82,119,255,.1),transparent 34%),radial-gradient(circle at 8% 50%,rgba(123,77,255,.06),transparent 28%);z-index:-1}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:76px;width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(157,173,221,.09)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.03em;font-size:19px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:850;box-shadow:0 7px 22px #5277ff47}.main-nav{display:flex;gap:30px;margin-left:82px;color:var(--muted);font-size:13px}.main-nav a.active,.main-nav a:hover{color:var(--text)}.header-login{color:var(--muted);font-size:13px;border:1px solid var(--border);padding:10px 14px;border-radius:9px}.header-login:hover{color:var(--text);border-color:var(--border-strong)}.main-content{flex:1}.site-footer{width:min(1180px,calc(100% - 48px));margin:50px auto 0;padding:22px 0 28px;border-top:1px solid rgba(157,173,221,.09);display:flex;justify-content:space-between;gap:30px;color:var(--muted-2);font-size:11px;line-height:1.6}.home-page{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero{min-height:600px;display:grid;grid-template-columns:1fr 430px;gap:110px;align-items:center;padding:74px 38px 60px}.pill{display:inline-flex;align-items:center;gap:8px;color:#a8b7ea;font-size:10px;letter-spacing:.18em;font-weight:700}.pulse{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary);animation:pulse 1.9s infinite}.hero h1{margin:20px 0;font-size:clamp(39px,5vw,66px);line-height:1.08;letter-spacing:-.065em;font-weight:720}.hero h1 span{background:linear-gradient(110deg,#7f9dff,#a073ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.panel{background:linear-gradient(145deg,#11182aed,#0c1120f5);border:1px solid var(--border);box-shadow:var(--shadow)}.analyze-card{border-radius:16px;padding:27px;animation:float-in .55s ease both}.card-heading{margin-bottom:25px}.eyebrow{display:block;color:#8496d4;font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.card-heading h2,.summary-heading h2,.section-heading h2{margin:8px 0 0;font-size:20px;letter-spacing:-.035em}.field{display:grid;gap:8px;margin-bottom:17px;color:var(--muted);font-size:12px}.field small{color:var(--muted-2);font-size:11px}.field input,.field select{width:100%;border:1px solid var(--border);background:#060914a8;color:var(--text);border-radius:9px;padding:13px 14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field input:focus,.field select:focus{border-color:#5277ffcc;box-shadow:0 0 0 3px #5277ff1f}.map-options{display:grid;gap:9px;max-height:264px;overflow-y:auto;padding-right:2px}.map-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-legend{display:inline-flex;align-items:center;gap:7px;color:var(--muted-2);font-size:10px;white-space:nowrap}.activity-legend-rail{width:24px;height:4px;border-radius:99px;background:rgba(var(--activity-rgb),.72);box-shadow:0 0 9px rgba(var(--activity-rgb),.18)}.map-option{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 56px auto;align-items:center;gap:12px;width:100%;padding:8px;text-align:left;color:var(--text);background:#060914a8;border:1px solid var(--border);border-radius:10px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.map-option:hover{background:#162039b8;border-color:var(--border-strong);transform:translateY(-1px)}.map-option-selected{background:#5277ff1c;border-color:#7891ffb8;box-shadow:0 0 0 2px #5277ff1a}.map-option-copy{display:grid;gap:5px;min-width:0}.map-option-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.map-option-copy small{overflow:hidden;color:var(--muted-2);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.map-option-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--text);background:var(--primary);font-size:12px}.activity-level-1{--activity-alpha: .16}.activity-level-2{--activity-alpha: .3}.activity-level-3{--activity-alpha: .5}.activity-level-4{--activity-alpha: .72}.activity-level-5{--activity-alpha: 1}.activity-rail{display:block;width:56px;height:4px;border-radius:99px;background:rgba(var(--activity-rgb),var(--activity-alpha, .16));box-shadow:0 0 rgba(var(--activity-rgb),0);transition:background .2s ease,box-shadow .2s ease}.activity-level-4 .activity-rail,.activity-level-5 .activity-rail{box-shadow:0 0 9px rgba(var(--activity-rgb),.18)}.mode-icon{display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:9px;object-fit:contain;background:#5277ff1a}.mode-icon-small{width:30px;height:30px}.mode-icon-large{width:74px;height:51px;border-radius:7px}.mode-icon-fallback{color:#9fb1f8;border:1px solid rgba(120,145,255,.28);background:linear-gradient(135deg,#263e7d,#3d5ca0 55%,#607cc5);font-size:8px;font-weight:800;letter-spacing:.12em}.mode-icon-fallback span{opacity:.8}.brawler-avatar{display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:50%;object-fit:cover;border:1px solid rgba(120,145,255,.3);background:#5277ff1f}.brawler-avatar-small{width:36px;height:36px}.brawler-avatar-medium{width:48px;height:48px}.brawler-avatar-large{width:66px;height:66px}.brawler-avatar-fallback{color:#abf;background:linear-gradient(145deg,#5277ff59,#7b4dff47);font-size:18px}.player-identity{display:inline-flex;align-items:center;gap:10px}.player-identity>:last-child{min-width:0}.player-identity h3{margin:0}.player-identity small{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.player-identity-large{margin-top:10px}.player-identity-large h1{margin:0 0 7px}.condition-chip{display:inline-flex;align-items:center;gap:8px}.field-note,.guest-note,.data-note,.supporting-copy{color:var(--muted-2);font-size:11px;line-height:1.6}.guest-note{display:flex;justify-content:center;align-items:center;gap:6px;margin:15px 0 0}.guest-note span{color:var(--green)}.form-error{color:var(--orange);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;border-radius:9px;padding:0 17px;color:var(--text);transition:transform .15s ease,filter .15s ease,border-color .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{width:100%;background:linear-gradient(105deg,var(--primary),var(--primary-2));box-shadow:0 10px 25px #5277ff3b;font-size:13px;font-weight:700}.button-primary span{margin-left:auto;font-size:18px}.button-secondary{background:#5277ff1a;border:1px solid rgba(82,119,255,.32);color:#bfcbff}.value-strip{border-top:1px solid rgba(157,173,221,.1);border-bottom:1px solid rgba(157,173,221,.1);display:grid;grid-template-columns:repeat(3,1fr);padding:26px 30px}.value-strip>div{display:flex;gap:16px;align-items:center;border-right:1px solid rgba(157,173,221,.09);padding:0 34px}.value-strip>div:first-child{padding-left:0}.value-strip>div:last-child{border-right:0}.value-number{color:#6175b6;font-size:11px;letter-spacing:.1em}.value-strip strong,.value-strip small{display:block}.value-strip strong{font-size:13px;margin-bottom:4px}.value-strip small{color:var(--muted-2);font-size:11px}.activity-section{margin:52px 0 20px;padding:0 30px 10px}.activity-section-heading h2{margin:8px 0 6px;font-size:22px;letter-spacing:-.04em}.activity-section-heading p{margin:0;color:var(--muted-2);font-size:12px}.activity-chips{display:flex;gap:7px;margin:24px 0 18px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.activity-chip{flex:0 0 auto;border:1px solid var(--border);border-radius:99px;padding:8px 12px;background:#06091473;color:var(--muted);font-size:11px;transition:border-color .15s ease,color .15s ease,background .15s ease}.activity-chip:hover{border-color:var(--border-strong);color:var(--text)}.activity-chip-selected{color:#c6d0ff;border-color:rgba(var(--activity-rgb),.58);background:rgba(var(--activity-rgb),.12)}.activity-heatmap-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#0c11208c;padding:16px}.activity-heatmap{min-width:450px;display:grid;grid-template-columns:56px repeat(7,minmax(28px,1fr));gap:7px;align-items:center}.activity-heatmap-corner{display:block}.activity-weekday{color:var(--muted-2);font-size:10px;text-align:center}.activity-heatmap-row{display:contents}.activity-time-block{color:var(--muted-2);font-size:10px;white-space:nowrap}.activity-cell{display:block;width:100%;min-height:27px;border:1px solid rgba(var(--activity-rgb),.08);border-radius:5px;background:rgba(var(--activity-rgb),var(--activity-alpha, .16));box-shadow:0 0 rgba(var(--activity-rgb),0)}.activity-level-4.activity-cell,.activity-level-5.activity-cell{box-shadow:0 0 9px rgba(var(--activity-rgb),.16)}.activity-level-5.activity-cell{border-color:rgba(var(--activity-rgb),.32)}.activity-heatmap-state-empty .activity-cell,.activity-heatmap-failed .activity-cell{background:rgba(var(--activity-rgb),.055);border-color:rgba(var(--activity-rgb),.055);box-shadow:none}.activity-section-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:14px}.activity-data-note{color:var(--muted-2);font-size:11px}.content-width{width:min(920px,calc(100% - 48px));margin:0 auto}.matching-page{padding:52px 0 18px}.page-back{display:flex;align-items:center;gap:20px;color:var(--muted-2);font-size:12px;margin-bottom:34px}.page-back a:hover{color:var(--text)}.page-back span{color:var(--muted)}.match-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.match-header h1{margin:10px 0 7px;font-size:32px;letter-spacing:-.05em}.match-header h1 small{color:var(--muted-2);font-size:13px;font-weight:400;letter-spacing:0}.match-header p{color:var(--muted);margin:0}.text-link{color:#abf;font-size:12px}.performance-summary{border:1px solid var(--border);background:#0c1120b8;border-radius:14px;padding:23px;margin-bottom:50px}.summary-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden}.metric{min-height:82px;padding:14px;background:var(--surface)}.metric-label{display:block;color:var(--muted-2);font-size:11px;margin-bottom:9px}.metric strong{display:block;font-size:14px}.metric-sub{display:block;color:var(--muted);font-size:11px;margin-top:5px}.metric-empty{color:var(--muted-2)!important;font-size:13px!important;font-weight:500}.data-note{margin:15px 0 0}.confidence{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap;cursor:help}.confidence-dot{width:7px;height:7px;border-radius:50%}.confidence-high .confidence-dot{background:var(--green);box-shadow:0 0 10px #61d39a9e}.confidence-medium .confidence-dot{background:var(--yellow);box-shadow:0 0 10px #e8c76a80}.confidence-low .confidence-dot{background:var(--orange);box-shadow:0 0 10px #e39a6480}.confidence-none .confidence-dot{background:var(--gray)}.matches-section{margin-bottom:25px}.match-count{color:var(--muted-2);font-size:12px}.match-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:19px}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .15s ease,transform .15s ease}.match-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.match-card-top{display:flex;justify-content:space-between;align-items:start}.match-card h3{margin:8px 0 0;font-size:16px}.slots{color:var(--green);font-size:11px}.similarity{display:flex;justify-content:space-between;align-items:end;margin:22px 0 7px;color:var(--muted);font-size:11px}.similarity strong{color:#a6b6ff;font-size:32px;line-height:1;letter-spacing:-.06em}.match-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:17px 0;background:var(--border);border:1px solid var(--border);border-radius:7px;overflow:hidden}.match-metrics .metric{min-height:66px;padding:10px}.match-metrics .metric strong{font-size:12px}.match-card .button{width:100%;margin-top:18px;font-size:12px}.empty-recruitment{text-align:center;margin-top:19px;padding:48px 24px;border-radius:14px}.empty-spark{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 16px;border:1px solid rgba(123,77,255,.35);border-radius:50%;color:#a073ff}.empty-recruitment h3{margin:0 0 8px;font-size:18px}.empty-recruitment p{margin:0 auto 23px;color:var(--muted);font-size:13px}.empty-recruitment .button{width:auto}.supporting-copy{text-align:center}.alternate-matches-section{margin-top:34px;padding-top:29px;border-top:1px solid rgba(157,173,221,.1)}.alternate-match-label{display:inline-flex;width:fit-content;padding:5px 8px;border:1px solid rgba(120,145,255,.28);border-radius:99px;color:#abf;background:#5277ff14;font-size:10px}.alternate-match-description{margin:9px 0 0;color:var(--muted-2);font-size:12px;line-height:1.6}.alternate-map-context{display:grid;gap:9px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid rgba(157,173,221,.09)}.alternate-map-context-line{display:flex;align-items:center;gap:9px}.alternate-map-context-line strong,.alternate-map-context-line small{display:block}.alternate-map-context-line strong{font-size:13px}.alternate-map-context-line small{margin-top:3px;color:var(--muted-2);font-size:11px}.alternate-match-note{margin:17px 0 0;color:var(--muted-2);font-size:11px;line-height:1.7;text-align:center}.state-page{min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px}.state-page h1{margin:13px 0;font-size:clamp(27px,4vw,43px);letter-spacing:-.055em}.state-page p{color:var(--muted);line-height:1.8;font-size:14px}.state-page .button{margin-top:18px}.loading-orb{width:40px;height:40px;border:2px solid rgba(82,119,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.state-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(227,154,100,.45);color:var(--orange);border-radius:50%;font-size:20px}.recruitment-page{padding:52px 0}.recruitment-detail{border-radius:14px;padding:26px}.recruitment-detail h1{margin:8px 0 0;font-size:28px;letter-spacing:-.05em}.recruitment-heading{display:flex;align-items:center;gap:10px}.muted{color:var(--muted);font-size:13px}.status{border-radius:99px;padding:7px 10px;font-size:11px}.status-open{color:var(--green);background:#61d39a1a}.member-list{display:grid;gap:8px;margin-top:25px}.member-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:13px}.member-row span:last-child{color:var(--muted)}.member-row .player-identity{min-width:0}.member-empty{color:var(--muted-2);border-style:dashed}.recruitment-actions{text-align:center;margin-top:25px}.recruitment-actions p{color:var(--muted-2);font-size:12px}.player-selector-display{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#060914a8;border-radius:9px;padding:13px 14px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:14px}.player-selector-display:hover:not(:disabled){border-color:var(--border-strong)}.player-selector-display:focus{border-color:#5277ffcc;box-shadow:0 0 0 3px #5277ff1f;outline:none}.player-selector-display:disabled{cursor:not-allowed;opacity:.6}.player-selector-display .player-selector-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.player-selector-display .player-selector-tag{color:var(--muted-2);font-size:12px;white-space:nowrap}.player-selector-display .player-selector-chevron{color:var(--muted);font-size:11px;flex-shrink:0;transition:transform .15s ease}.player-selector-display[aria-expanded=true] .player-selector-chevron{transform:rotate(180deg)}.player-selector-locked{cursor:default;pointer-events:none}.player-selector-back-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:44px;border:1px solid var(--border);background:#060914a8;color:var(--muted);border-radius:9px;font-size:16px;transition:border-color .15s ease,color .15s ease}.player-selector-back-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.player-selector-back-btn:disabled{opacity:.4;cursor:not-allowed}.player-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:100;border-radius:12px;padding:8px;min-width:240px;animation:float-in .2s ease;max-height:320px;overflow-y:auto}.player-selector-dropdown-header{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);padding:6px 10px 4px}.player-selector-list{display:grid;gap:2px}.player-selector-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease}.player-selector-item:hover{background:#5277ff14}.player-selector-item-active{background:#5277ff1c}.player-selector-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-selector-item-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-selector-item-tag{font-size:11px;color:var(--muted-2)}.player-selector-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--muted-2);border-radius:5px;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.player-selector-remove:hover{background:#e39a6426;color:var(--orange)}.player-selector-divider{height:1px;background:var(--border);margin:6px 4px}.player-selector-new{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px dashed var(--border-strong);background:transparent;color:var(--primary);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.player-selector-new:hover{background:#5277ff0f;border-color:var(--primary)}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:38px;padding:56px 0 44px;min-height:0}.hero h1{font-size:49px}.analyze-card{max-width:520px;width:100%}.main-nav{margin-left:0}.value-strip{padding:20px 0}.value-strip>div{padding:0 18px}}@media(max-width:600px){.site-header,.site-footer,.home-page,.content-width{width:min(100% - 32px,1180px)}.site-header{height:68px}.main-nav{display:flex;flex:1;justify-content:center;gap:10px;margin-left:8px}.main-nav a{font-size:10px;white-space:nowrap}.header-login{font-size:11px;padding:8px 10px}.site-footer{flex-direction:column;gap:8px;margin-top:25px}.hero{padding-top:43px}.hero h1{font-size:39px}.hero-copy p{font-size:14px}.analyze-card{padding:21px}.value-strip{display:block}.value-strip>div,.value-strip>div:first-child{padding:12px 0;border-right:0}.activity-section{margin-top:38px;padding:0}.activity-section-heading h2{font-size:19px}.activity-heatmap-wrap{padding:12px}.activity-heatmap{min-width:430px;grid-template-columns:50px repeat(7,minmax(25px,1fr));gap:5px}.activity-cell{min-height:24px}.map-option{grid-template-columns:58px minmax(0,1fr) 45px auto;gap:8px}.mode-icon-large{width:58px;height:44px}.activity-rail{width:45px}.match-header{display:block}.match-header .text-link{display:block;margin-top:20px}.metrics-grid,.match-list{grid-template-columns:1fr}.performance-summary{padding:17px}.summary-heading{align-items:start;flex-direction:column}.match-card{padding:17px}.page-back{flex-wrap:wrap}.recruitment-detail{padding:19px}}.section-heading-actions{display:flex;align-items:center;gap:12px}.create-recruitment-cta{width:auto;white-space:nowrap}.streak{display:inline-block;margin-top:12px;color:var(--yellow);font-size:11px}.recruitment-condition{margin-top:12px;padding:5px 8px;border:1px solid rgba(120,145,255,.24);border-radius:99px;color:#abf;font-size:10px}.confidence{align-items:flex-start;flex-wrap:wrap}.confidence-explanation{flex-basis:100%;margin-left:14px;color:var(--muted-2);font-size:10px;font-weight:400}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:end center;padding:20px;background:#03050eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{width:min(520px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;padding:25px;animation:float-in .2s ease}.dialog-small{width:min(390px,100%)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-heading h2{margin:7px 0 0;font-size:24px}.dialog-close{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.dialog-close:hover{color:var(--text);border-color:var(--border-strong)}.choice-row{display:flex;gap:8px}.choice-button{flex:1;min-height:44px;border:1px solid var(--border);border-radius:9px;background:#060914a8;color:var(--muted);cursor:pointer}.choice-button-selected{border-color:#7891ffb8;background:#5277ff24;color:var(--text)}.game-room-input textarea{width:100%;resize:vertical;border:1px solid var(--border);background:#060914a8;color:var(--text);border-radius:9px;padding:12px 14px;font:inherit;line-height:1.5;outline:none}.game-room-input textarea:focus{border-color:#5277ffcc;box-shadow:0 0 0 3px #5277ff1f}.invite-success{color:var(--green)!important}.invite-error{color:var(--orange)!important}.advanced-toggle{width:100%;padding:10px 0 17px;border:0;background:transparent;color:#abf;text-align:left;cursor:pointer}.advanced-settings{padding:13px 14px 2px;margin-bottom:12px;border:1px solid var(--border);border-radius:9px}.advanced-settings select,.dialog select{width:100%;border:1px solid var(--border);background:#060914a8;color:var(--text);border-radius:9px;padding:12px 14px}.radio-list{display:grid;gap:13px;margin:22px 0}.radio-list label{display:flex;align-items:center;gap:10px;color:var(--muted);cursor:pointer}.radio-list input{accent-color:var(--primary)}.recruitment-condition-block{display:grid;gap:5px;margin-top:21px;padding:14px;border:1px solid var(--border);border-radius:9px;background:#0609145c;color:var(--muted);font-size:12px}.recruitment-condition-block strong{color:var(--text);font-size:11px}.member-row .player-identity small+small{margin-top:2px}.owner-room-tools{display:grid;gap:14px;margin-top:15px;padding:17px;border:1px solid var(--border);border-radius:12px;background:#0c112075}.owner-room-tools .button{width:auto}.join-issue-warning{padding:12px 14px;border:1px solid rgba(227,154,100,.32);border-radius:9px;color:var(--orange);font-size:12px;line-height:1.6}.join-issue-warning small{color:var(--muted)}.game-room-actions{display:grid;gap:10px;margin-top:20px}.game-room-actions .button{width:100%;text-decoration:none}.button-disabled{opacity:.5;cursor:not-allowed}.rating-card{max-width:520px;margin:0 auto;padding:28px;text-align:center}.rating-card h2{margin:0 0 8px}.rating-card p{color:var(--muted)}.rating-options{display:grid;gap:9px;margin-top:22px}.rating-options .button{width:100%}.rating-skip{margin-top:18px;border:0;background:transparent;cursor:pointer}