.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}}.recruit-builder-page{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px;overflow-x:clip}.recruit-builder-layout{display:grid;grid-template-areas:"title" "kind" "preview" "templates" "controls";gap:18px;min-width:0}.recruit-builder-heading{grid-area:title}.recruit-builder-eyebrow{display:block;color:#8798d6;font-size:9px;font-weight:800;letter-spacing:.16em}.recruit-builder-heading h1{margin:7px 0 5px;font-size:clamp(25px,5.7vw,34px);letter-spacing:-.055em;line-height:1.12}.recruit-builder-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.recruit-kind-switch{grid-area:kind;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#0c1120b8}.recruit-kind-switch button{min-width:0;min-height:46px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.recruit-kind-switch button.active{border-color:#7891ff57;background:linear-gradient(110deg,#5277ff33,#7b4dff29);color:var(--text);box-shadow:inset 0 0 0 1px #5277ff14}.recruit-preview-section{grid-area:preview;min-width:0}.recruit-preview-caption{display:flex;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:7px;color:#b6c1ef;font-size:10px;font-weight:700}.recruit-preview-caption small{color:var(--muted-2);font-size:9px;font-weight:500}.recruit-card-stage{position:relative;width:100%;aspect-ratio:1200 / 630;overflow:hidden;border:1px solid rgba(157,173,221,.16);border-radius:clamp(10px,2.8vw,18px);background:#101630;box-shadow:0 18px 48px #00000047}.recruit-card-scaled{position:absolute;inset:0 auto auto 0;width:1200px;height:630px;transform-origin:top left}.recruit-card-artboard{position:relative;isolation:isolate;width:1200px;height:630px;overflow:hidden;padding:48px 62px 34px;color:#fff;background:radial-gradient(ellipse at 78% 35%,rgba(71,98,191,.62),transparent 45%),linear-gradient(122deg,#10162e,#1b2250 57%,#44266b);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recruit-card-poster:before,.recruit-card-stats:before,.recruit-card-prestige:before{position:absolute;z-index:-1;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 100%);background-size:54px 54px;-webkit-mask-image:linear-gradient(110deg,rgba(0,0,0,.56),transparent 76%);mask-image:linear-gradient(110deg,rgba(0,0,0,.56),transparent 76%)}.recruit-card-glow{position:absolute;z-index:-1;right:135px;top:-258px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(132,97,255,.4),rgba(74,98,201,.12) 48%,transparent 70%)}.recruit-card-topline,.recruit-card-bottomline{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#e7ebffb3;font-size:16px;font-weight:750;letter-spacing:.16em}.recruit-card-brand{display:inline-flex;align-items:center;gap:11px;color:#f7f8ff;font-size:21px;font-weight:900;letter-spacing:.1em}.recruit-card-brand i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:linear-gradient(140deg,var(--primary),var(--primary-2));box-shadow:0 8px 24px #5277ff59;font-size:21px;font-style:normal;letter-spacing:-.05em}.recruit-card-poster-content{display:grid;grid-template-columns:1fr 405px;align-items:center;gap:50px;height:440px}.recruit-card-main-copy{min-width:0}.recruit-card-kicker{color:#aabaff;font-size:15px;font-weight:800;letter-spacing:.18em}.recruit-card-main-copy h2,.recruit-card-stats-values h2{max-width:660px;margin:11px 0 9px;font-size:61px;line-height:1.14;font-weight:850;letter-spacing:-.055em;text-wrap:pretty}.recruit-card-main-copy p{margin:0;color:#e0e6ffba;font-size:23px}.recruit-card-map-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;border:1px solid rgba(211,219,255,.2);border-radius:34px;background:linear-gradient(148deg,#0f1838b3,#1d285466);box-shadow:inset 0 1px #ffffff1a,0 24px 70px #05081c4d;transform:rotate(2deg)}.recruit-card-profile-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;overflow:hidden;border:1px solid rgba(248,205,255,.24);border-radius:34px;background:linear-gradient(148deg,#321844c2,#4a255380);box-shadow:inset 0 1px #ffffff1a,0 24px 70px #05081c4d;transform:rotate(2deg)}.recruit-card-profile-halo{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(246,197,255,.16);border-radius:50%;box-shadow:0 0 0 28px #f6c5ff09,0 0 0 58px #f6c5ff06}.recruit-card-profile-emblem{position:relative;display:grid;place-items:center;width:190px;height:190px;margin-bottom:22px;border:1px solid rgba(255,255,255,.28);border-radius:54px;background:linear-gradient(145deg,#cf78e76b,#6353b957);box-shadow:0 16px 45px #01051959,inset 0 1px #fff3}.recruit-card-profile-avatar{width:150px!important;height:150px!important;border-radius:42px!important}.recruit-card-profile-mark{color:#f7dcff;font-size:82px;line-height:1;text-shadow:0 8px 30px rgba(246,197,255,.36)}.recruit-card-profile-label{position:relative;color:#f0c8ff;font-size:15px;font-weight:800;letter-spacing:.2em}.recruit-card-profile-art>strong{position:relative;margin-top:8px;color:#ffffffdb;font-size:18px;letter-spacing:.16em}.recruit-card-map-halo{position:absolute;top:34px;right:42px;bottom:100px;left:42px;border-radius:50%;background:radial-gradient(circle,rgba(121,157,255,.28),rgba(123,77,255,.13) 45%,transparent 72%)}.recruit-card-mode-icon{position:relative;z-index:1;width:154px!important;height:154px!important;margin-bottom:26px;border-radius:38px!important;box-shadow:0 16px 45px #01051959}.recruit-card-map-art .mode-icon-fallback{color:#d5dcff;border:1px solid rgba(196,208,255,.42);background:linear-gradient(145deg,#314b91,#6653b4 55%,#ac65bf);font-size:18px}.recruit-card-map-label{position:relative;font-size:32px;font-weight:850;letter-spacing:-.035em;text-align:center}.recruit-card-mode-label{position:relative;margin-top:8px;color:#b4c0ed;font-size:16px;letter-spacing:.12em}.recruit-card-bottomline{padding-top:20px;border-top:1px solid rgba(221,226,255,.18);font-size:14px;letter-spacing:.06em}.recruit-card-invite{color:#bec9ef}.recruit-card-invite.is-ready{color:#b7f2d0}.recruit-card-invite b{display:inline-grid;place-items:center;width:27px;height:27px;margin-left:8px;border-radius:50%;color:#fff;background:#ffffff26;font-size:16px}.recruit-card-identity{display:flex;align-items:center;gap:13px;margin-top:8px;color:#fff}.recruit-card-identity>div{display:grid;gap:5px}.recruit-card-identity strong{font-size:22px;letter-spacing:.02em}.recruit-card-identity span{color:#b8c3ee;font-size:16px}.recruit-card-avatar{width:84px!important;height:84px!important;border-width:2px!important}.recruit-card-avatar.brawler-avatar-fallback{font-size:30px}.recruit-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;max-width:680px}.recruit-card-metric{display:grid;align-content:center;gap:6px;min-width:0;min-height:72px;padding:9px 14px;border:1px solid rgba(219,226,255,.2);border-radius:15px;background:#060b1f57}.recruit-card-metric span{overflow:hidden;color:#b4c1ee;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.recruit-card-metric strong{overflow:hidden;font-size:32px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.recruit-card-friend{background:radial-gradient(ellipse at 80% 30%,rgba(187,93,181,.54),transparent 43%),linear-gradient(122deg,#14162f,#29214f 58%,#663169)}.recruit-card-stats{background:radial-gradient(ellipse at 88% 42%,rgba(61,161,199,.38),transparent 42%),linear-gradient(124deg,#101a31,#162e49 55%,#1e4662)}.recruit-card-stats-content{display:grid;grid-template-columns:395px 1fr;align-items:center;gap:60px;height:423px}.recruit-card-stats-person{min-width:0;padding:30px;border:1px solid rgba(221,243,255,.18);border-radius:26px;background:#030f1d52}.recruit-card-stats-person .recruit-card-identity{min-height:105px;margin:0 0 28px}.recruit-card-stats-caption{display:block;margin-bottom:13px;color:#9fdcf0;font-size:15px;letter-spacing:.1em}.recruit-card-stats-map{display:block;font-size:33px;letter-spacing:-.04em}.recruit-card-mode-chip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#d6e5ff;font-size:16px}.recruit-card-mode-chip .mode-icon{width:31px;height:31px}.recruit-card-stats-values{min-width:0}.recruit-card-stats-values h2{margin:11px 0 25px;font-size:47px}.recruit-card-stats-values .recruit-card-metrics{margin-top:0}.recruit-card-stats-values .recruit-card-metric{min-height:104px}.recruit-card-stats .recruit-card-bottomline{color:#b6dce9}.recruit-card-stat-orb{position:absolute;z-index:-1;border:1px solid rgba(164,226,249,.12);border-radius:50%}.recruit-card-stat-orb-one{right:-240px;top:-440px;width:850px;height:850px}.recruit-card-stat-orb-two{right:-135px;top:-335px;width:640px;height:640px}.recruit-card-prestige{background:radial-gradient(ellipse at 73% 35%,rgba(224,170,83,.3),transparent 42%),linear-gradient(125deg,#21172d,#382344 58%,#59402c)}.recruit-card-prestige-shine{position:absolute;z-index:-1;top:50px;left:600px;width:570px;height:570px;border:1px solid rgba(255,217,153,.12);border-radius:50%;box-shadow:0 0 0 45px #ffd28b06,0 0 0 90px #ffd28b05}.recruit-card-prestige-content{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;height:423px}.recruit-card-prestige-heading h2{margin:14px 0 11px;font-size:59px;line-height:1.08;letter-spacing:-.06em}.recruit-card-prestige-heading .recruit-card-prestige-tag{display:block;margin:-2px 0 11px;color:#dfc9e7;font-size:17px;letter-spacing:.04em}.recruit-card-prestige-heading>span:last-child:not(.recruit-card-prestige-tag){color:#f1d6b3;font-size:20px}.recruit-card-prestige-values .recruit-card-metrics{margin:0}.recruit-card-prestige-values .recruit-card-metric{min-height:104px;border-color:#ffdaa83d;background:#21132259}.recruit-card-prestige-values .recruit-card-metric strong{color:#ffe0a5;font-size:29px}.recruit-card-prestige-content>.recruit-card-identity{display:none}.recruit-preview-section .recruit-card-stage,.recruit-sheet-card .recruit-card-stage{contain:layout paint}.recruit-template-section{grid-area:templates;min-width:0;padding-top:2px}.recruit-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.recruit-section-heading h2{margin:4px 0 0;font-size:18px;letter-spacing:-.035em}.recruit-section-heading>span{padding-bottom:2px;color:var(--muted-2);font-size:10px;white-space:nowrap}.recruit-template-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;overflow:visible;padding:2px 1px 5px}.recruit-template-choice{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:68px;padding:7px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:#0c1120a3;text-align:left}.recruit-template-choice.active{border-color:#7b96ffb8;color:var(--text);background:#5277ff1a;box-shadow:0 0 0 2px #5277ff14}.recruit-template-choice>span:last-child{min-width:0;display:grid;gap:3px}.recruit-template-choice strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recruit-template-description{margin:3px 1px 0;color:var(--muted-2);font-size:10px;line-height:1.45}.recruit-template-mini{position:relative;display:block;width:64px;height:43px;overflow:hidden;border:1px solid rgba(212,221,255,.16);border-radius:6px;background:linear-gradient(140deg,#141a38,#433174)}.recruit-template-mini i{position:absolute;left:6px;width:22px;height:3px;border-radius:4px;background:#eff2ffd1}.recruit-template-mini i:nth-child(1){top:9px;width:10px;height:2px;background:#90a7ff}.recruit-template-mini i:nth-child(2){top:16px;width:25px;height:5px}.recruit-template-mini i:nth-child(3){top:25px;width:18px;height:3px;background:#eff2ff7a}.recruit-template-mini b,.recruit-template-mini em,.recruit-template-mini strong{position:absolute;display:block;font-style:normal}.recruit-template-mini-game-poster b{right:8px;top:9px;width:20px;height:25px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:linear-gradient(145deg,#8baaff,#8c55c6)}.recruit-template-mini-player-stats{background:linear-gradient(140deg,#102439,#27617a)}.recruit-template-mini-player-stats em{right:7px;top:8px;width:16px;height:25px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#47a1b5}.recruit-template-mini-player-stats i:nth-child(2){width:13px}.recruit-template-mini-prestige{background:linear-gradient(140deg,#25172c,#774c36)}.recruit-template-mini-prestige strong{right:6px;top:8px;width:25px;height:25px;border:1px solid rgba(255,221,171,.45);border-radius:50%;box-shadow:inset 0 0 0 4px #ffdc9b1f}.recruit-builder-controls{grid-area:controls;display:grid;align-content:start;gap:23px;min-width:0}.recruit-minimum-section,.recruit-additional-section{min-width:0}.recruit-minimum-section{padding:17px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#11182ae0,#0c1120d1)}.recruit-minimum-section .recruit-section-heading,.recruit-additional-section .recruit-section-heading{margin-bottom:16px}.recruit-field{display:grid;gap:7px;margin:0 0 14px;color:var(--muted);font-size:12px}.recruit-field>span,.recruit-field>label{color:#cad2ee;font-size:12px;font-weight:650}.recruit-field input,.recruit-field select,.recruit-invite-field textarea{display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--border-strong);border-radius:10px;outline:none;background:#060914b8;color:var(--text);font:inherit;font-size:14px}.recruit-field input,.recruit-field select{padding:11px 13px}.recruit-field input:focus,.recruit-field select:focus,.recruit-invite-field textarea:focus{border-color:#718dffdb;box-shadow:0 0 0 3px #5277ff21}.recruit-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}.recruit-field>small{color:var(--muted-2);font-size:10px;line-height:1.5}.recruit-invite-field .field{gap:7px;margin:0}.recruit-invite-field .field>label{color:#cad2ee;font-size:12px;font-weight:650}.recruit-invite-field textarea{min-height:68px;max-height:120px;resize:vertical;padding:10px 12px;line-height:1.45}.recruit-invite-field .field small{font-size:10px;line-height:1.45}.recruit-invite-field .invite-success{color:var(--green)!important}.recruit-invite-field .invite-error{color:var(--orange)!important}.recruit-sample-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;max-width:100%;padding:0 12px;border:1px solid rgba(123,150,255,.36);border-radius:9px;background:#5277ff17;color:#c1ceff;font-size:11px;font-weight:700}.recruit-sample-button:hover{border-color:#7b96ffad;background:#5277ff29}.recruit-field .recruit-sample-button{justify-self:start}.recruit-additional-section>.recruit-section-heading{margin-bottom:11px}.recruit-addon{overflow:hidden;margin-top:9px;border:1px solid var(--border);border-radius:12px;background:#0c11209e;transition:border-color .15s ease,background .15s ease}.recruit-addon.open{border-color:#7b96ff66;background:#0e1427c7}.recruit-addon-toggle{display:flex;align-items:center;gap:11px;width:100%;min-height:67px;padding:9px 12px;border:0;background:transparent;color:var(--text);text-align:left}.recruit-addon-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(123,150,255,.32);border-radius:10px;color:#bdcaff;background:#5277ff1a;font-size:20px;font-weight:400}.recruit-addon-title{display:grid;flex:1;min-width:0;gap:4px}.recruit-addon-title strong{font-size:12px}.recruit-addon-title small{overflow:hidden;color:var(--muted-2);font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.recruit-addon-chevron{color:var(--muted-2);font-size:16px;transition:transform .15s ease}.recruit-addon.open .recruit-addon-chevron{transform:rotate(180deg)}.recruit-addon-body{padding:4px 13px 14px 57px}.recruit-addon-body .recruit-field{margin-bottom:10px}.recruit-addon-body .recruit-field input{min-height:44px}.recruit-addon-confirm,.recruit-addon-hint{margin:10px 0 0;color:var(--muted-2);font-size:10px;line-height:1.55}.recruit-addon-confirm{color:var(--green)}.recruit-metric-options{display:grid;gap:7px}.recruit-metric-option{display:flex;align-items:center;gap:9px;min-height:38px;color:#d2d9f1;font-size:11px}.recruit-metric-option input{width:17px;height:17px;accent-color:var(--primary)}.recruit-metric-options>small{color:var(--muted-2);font-size:9px}.recruit-card-cap-note{margin:10px 0 0;color:var(--muted-2);font-size:10px}.recruit-finish-section{display:grid;gap:10px}.recruit-finish-button{width:100%;min-height:50px;border:0;border-radius:11px;color:#fff;background:linear-gradient(105deg,var(--primary),var(--primary-2));box-shadow:0 10px 25px #5277ff3b;font-size:13px;font-weight:750}.recruit-finish-button:hover{filter:brightness(1.07)}.recruit-preview-notice{margin:0;padding:11px 12px;border:1px solid rgba(123,150,255,.24);border-radius:9px;color:#c5d0ff;background:#5277ff14;font-size:11px;line-height:1.5}.recruit-floating-preview{position:fixed;z-index:90;right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:linear-gradient(110deg,#496df1,#7448dc);box-shadow:0 11px 32px #04071580;font-size:12px;font-weight:750}.recruit-floating-preview span{font-size:16px}.recruit-sheet-backdrop{position:fixed;z-index:250;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:center;padding:16px 12px env(safe-area-inset-bottom);background:#02040dbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recruit-preview-sheet{width:min(720px,100%);max-height:min(82dvh,720px);overflow-y:auto;overscroll-behavior:contain;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--border-strong);border-radius:19px 19px 8px 8px;background:#0c1120;box-shadow:0 -18px 70px #0006}.recruit-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.recruit-sheet-header h2{margin:4px 0 0;font-size:20px}.recruit-sheet-close{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:#ffffff09;color:var(--text);font-size:24px}.recruit-sheet-note{margin:12px 0 0;color:var(--muted-2);font-size:10px;text-align:center}@media(min-width:920px){.recruit-builder-page{padding-top:48px}.recruit-builder-layout{grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);grid-template-areas:"title controls" "kind controls" "preview controls" "templates controls";gap:20px 30px;align-items:start}.recruit-builder-heading{padding:0 5px}.recruit-kind-switch{max-width:530px}.recruit-preview-caption{margin-bottom:10px}.recruit-template-choices{grid-template-columns:1fr;overflow:visible}.recruit-template-choice{grid-template-columns:86px 1fr;min-height:78px;padding:9px}.recruit-template-mini{width:86px;height:56px}.recruit-template-mini i{left:8px}.recruit-template-mini b{right:10px;width:26px;height:36px}.recruit-template-mini em{right:11px;width:22px;height:35px}.recruit-template-mini strong{right:9px;width:35px;height:35px}.recruit-template-choice strong{font-size:12px}.recruit-template-choice small{font-size:9px}.recruit-builder-controls{gap:25px}.recruit-minimum-section{padding:22px}.recruit-preview-sheet{max-height:min(80vh,850px)}}@media(min-width:920px)and (max-width:1120px){.recruit-builder-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.94fr);gap:18px}.recruit-template-choice{grid-template-columns:70px 1fr}.recruit-template-mini{width:70px;height:48px}}@media(max-width:600px){.recruit-builder-page{width:calc(100% - 32px);padding:18px 0 calc(50px + env(safe-area-inset-bottom))}.recruit-builder-layout{gap:13px}.recruit-builder-heading h1{font-size:27px}.recruit-builder-heading p{max-width:34em;font-size:11px}.recruit-kind-switch button{min-height:47px;font-size:12px}.recruit-preview-caption{min-height:19px;margin-bottom:5px}.recruit-card-stage{border-radius:12px}.recruit-card-main-copy h2{font-size:66px}.recruit-card-main-copy p{font-size:24px}.recruit-card-metric{min-height:82px;padding:10px}.recruit-template-section{margin-top:1px}.recruit-section-heading{margin-bottom:9px}.recruit-section-heading h2{font-size:16px}.recruit-section-heading>span{font-size:9px}.recruit-template-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.recruit-template-choice{grid-template-columns:1fr;grid-template-rows:37px auto;justify-items:center;align-content:center;min-height:69px;gap:4px;padding:5px 3px;text-align:center}.recruit-template-mini{width:54px;height:36px}.recruit-template-choice>span:last-child{display:block;width:100%}.recruit-template-choice strong{font-size:10px}.recruit-template-description{margin-top:2px;font-size:9px}.recruit-minimum-section{padding:14px}.recruit-minimum-section .recruit-section-heading,.recruit-additional-section .recruit-section-heading{margin-bottom:13px}.recruit-additional-section>.recruit-section-heading{margin-bottom:9px}.recruit-builder-controls{gap:21px}.recruit-invite-field .field{margin-bottom:0}.recruit-addon{margin-top:8px}.recruit-addon-toggle{min-height:65px;padding:8px 10px}.recruit-addon-body{padding-left:54px}.recruit-floating-preview{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.recruit-sheet-backdrop{padding:8px 8px env(safe-area-inset-bottom)}.recruit-preview-sheet{max-height:min(84dvh,700px);padding:13px 12px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 7px 7px}.recruit-sheet-header{margin-bottom:9px}.recruit-sheet-header h2{font-size:18px}.recruit-sheet-close{flex-basis:44px;width:44px;height:44px}}@media(max-width:360px){.recruit-builder-page{width:calc(100% - 24px)}.recruit-builder-heading h1{font-size:25px}.recruit-kind-switch{gap:3px;padding:3px}.recruit-kind-switch button{min-height:46px;font-size:11px}.recruit-template-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.recruit-template-choice{min-height:67px}.recruit-template-mini{width:50px}}: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}.guide-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#abf;font-size:13px;font-weight:650;transition:color .15s ease}.guide-link:hover{color:#d1d9ff}.guide-link span{font-size:15px}.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:303px;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}.quick-start-actions{display:grid;gap:10px;margin-top:4px}.quick-start-actions .button-secondary{width:100%}.analyze-card .text-link{justify-self:center;margin-top:3px;text-align:center}.browse-analyze{display:grid;gap:12px;margin:0 0 28px;padding:17px 18px;border:1px solid var(--border);border-radius:12px;background:#0c112075}.browse-analyze-copy{display:grid;gap:4px}.browse-analyze-copy strong{font-size:13px}.browse-analyze .analyze-inline-note{margin:0;color:#bfcbff;font-size:11px;line-height:1.6}.analyze-inline{display:flex;gap:8px}.analyze-inline input{flex:1;min-width:0;border:1px solid var(--border);background:#060914a8;color:var(--text);border-radius:9px;padding:13px 14px;font:inherit;outline:none}.analyze-inline input:focus{border-color:#5277ffcc;box-shadow:0 0 0 3px #5277ff1f}.analyze-inline .button{width:auto;flex:0 0 auto;white-space:nowrap}.match-header:has(+.browse-analyze){margin-bottom:22px}.analysis-field{display:grid;gap:7px;margin-bottom:12px}.analysis-field input{border:1px solid var(--border);background:#060914a8;color:var(--text);border-radius:9px;padding:13px 14px;font:inherit;outline:none}.analysis-field input:focus{border-color:#5277ffcc;box-shadow:0 0 0 3px #5277ff1f}.analysis-field small{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{font-size:17px}.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:none}.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}.map-options{max-height:275px}.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:13px 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:12px 0;border:0;background:transparent;color:#abf;font-size:12px;font-weight:700;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}button.text-link{padding:0;border:0;background:transparent;cursor:pointer;text-align:left}button.text-link:disabled{opacity:.5;cursor:not-allowed}.visitor-join{display:grid;gap:12px;justify-items:center;margin-top:20px;padding:22px;text-align:center}.visitor-join p{color:var(--muted);font-size:13px}.visitor-join .button{width:100%;max-width:380px;text-decoration:none}