dialog:has(.club-record-view){width:min(1380px,96vw);max-width:96vw;padding:0;background:#09151f;color:#eff6fa;border:1px solid #385369;border-radius:10px}
.club-record-view{--record-accent:#55d2ef;--record-red:#ff4965;--record-line:#2b4153;--record-muted:#a9bdcc;padding:28px;background:radial-gradient(ellipse at 92% 0,#123146 0,transparent 48%),#09151f;font-size:14px}
.club-record-view *{box-sizing:border-box;min-width:0}.club-record-view button,.club-record-view select,.club-record-view summary{min-height:44px}.club-record-view button:focus-visible,.club-record-view select:focus-visible{outline:3px solid var(--record-accent);outline-offset:3px}.club-record-view p{line-height:1.6}.record-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.record-heading h2{font-size:30px;letter-spacing:.04em;margin:4px 0 8px}.record-heading p{margin:0;color:var(--record-muted)}.record-kicker{font-size:10px!important;letter-spacing:.18em;color:var(--record-accent)!important;font-weight:800}.record-navigation{display:flex;gap:8px;border-bottom:1px solid var(--record-line);padding:18px 0;margin-bottom:18px}.record-navigation button{min-width:155px;font-size:14px}.record-navigation button[aria-current]{background:#173c50;border-color:var(--record-accent);box-shadow:inset 0 -3px var(--record-accent);color:white}.record-scope,.record-note{font-size:11px;color:var(--record-muted);margin:10px 0}.record-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 12px}.record-section-title h3{margin:0;font-size:20px;border-left:3px solid var(--record-red);padding-left:10px}.record-section-title span{font-size:11px;color:var(--record-muted)}.record-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.record-map{border:1px solid var(--record-line);background:#0e202e;border-radius:7px;overflow:hidden}.record-map-art{height:190px;position:relative;isolation:isolate;background:#132534}.record-map-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#08151fe8);z-index:-1}.record-map-art img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.record-map-art h3{position:absolute;bottom:15px;left:14px;margin:0;font-size:20px}.record-map-art>span{position:absolute;bottom:43px;left:14px;letter-spacing:.1em;font-size:10px;color:#cce9f4}.record-map-art>b{position:absolute;top:12px;right:12px;background:#071522df;border:1px solid #6f9ab3;padding:5px 9px;border-radius:3px;font-size:11px}.record-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:16px}.record-stats dt{font-size:10px;color:var(--record-muted);white-space:normal}.record-stats dd{margin:4px 0 0;font-size:27px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.record-stats dd small{font-size:10px;margin-left:3px;font-weight:400}.record-ring{border-top:1px solid var(--record-line);padding:12px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.record-ring>span{font-size:12px}.record-ring small{display:block;font-size:9px;color:var(--record-muted)}.record-ring>small{grid-column:1/-1}.record-ring strong{font-size:23px;color:var(--record-accent)}.record-empty{padding:24px 15px;color:var(--record-muted);text-align:center}.record-formations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.record-formation{border:1px solid var(--record-line);background:#11202c;border-radius:6px;padding:12px}.record-trio{display:flex;gap:8px}.record-trio>div{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.record-trio strong{font-size:13px;overflow-wrap:anywhere}.record-face{width:55px;height:62px;flex:none;overflow:hidden;position:relative;background:#172c3b;border:1px solid #395569;border-radius:4px}.record-face .record-portrait{width:100%;height:100%;position:absolute;inset:0}.record-formation .record-stats{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 0 8px}.record-formation>p{font-size:10px;color:var(--record-muted);margin:4px 0}.record-next{margin-top:25px;border-top:1px solid var(--record-line);padding-top:18px;display:flex;align-items:center;gap:14px}.record-next>div{margin-right:auto}.record-next p{font-size:11px;color:var(--record-muted);margin:5px 0}.record-next strong{font-size:16px}.record-warning{font-size:12px;color:#ffd497;padding:10px;border-left:3px solid #efa44c;background:#40301e66}.club-record-view details{border:1px solid var(--record-line);padding:12px;border-radius:5px;margin-top:15px}.club-record-view summary{display:flex;align-items:center;cursor:pointer;font-size:13px}.club-record-view summary:before{content:'▸';margin-right:7px}.club-record-view details[open]>summary:before{content:'▾'}
.plan-current{display:flex;gap:18px;align-items:center;margin:22px 0;padding:12px 16px;background:#10212e;border-left:3px solid var(--record-accent)}.plan-current>span{font-size:12px;color:var(--record-muted)}.plan-current .record-trio{max-width:580px;flex:1}.plan-current>strong{font-size:27px;color:var(--record-accent)}.plan-current .record-face{width:42px;height:46px}.plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.plan-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-player{border:1px solid var(--record-line);border-top:3px solid var(--record-red);background:#10212e;border-radius:5px;padding:13px;display:flex;flex-direction:column}.plan-slot-number{font-size:9px;letter-spacing:.18em;color:var(--record-muted);font-weight:700;margin-bottom:12px}.plan-player-top{display:flex;align-items:center;gap:12px}.plan-player-top .record-face{width:70px;height:88px}.plan-player-top h3{margin:0 0 7px;font-size:20px;overflow-wrap:anywhere}.plan-player-top span{font-size:11px;font-weight:700;color:var(--record-accent)}.plan-player-top small{display:block;color:var(--record-muted);font-size:9px;margin-top:6px}.plan-abilities{display:flex;gap:8px;margin:17px 0}.plan-abilities>div{flex:1}.plan-abilities dt{font-size:10px;color:var(--record-muted)}.plan-abilities dd{margin:5px 0 0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.plan-abilities dd>span{font-size:13px}.plan-abilities small{font-size:8px;color:var(--record-muted)}.plan-grade{font-size:23px;line-height:1;color:var(--record-accent)}.plan-grade.grade-S{color:#ffdd72}.plan-grade.grade-A{color:#ff8395}.plan-grade.grade-B{color:#f9b06b}.plan-legends,.plan-contract{font-size:10px;color:var(--record-muted);margin:0 0 9px}.plan-legends{color:#d1e8ef}.plan-picker{display:block;margin-top:auto;font-size:10px;color:var(--record-muted)}.plan-picker select{display:block;width:100%;margin-top:6px;border:1px solid #456174;background:#061420;color:#eff6fa;border-radius:4px;padding:8px;font-size:12px}.plan-vacancy{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--record-muted);gap:12px}.plan-vacancy b{font-size:36px}.plan-reserve{grid-column:1/-1;border-top-color:#4fa1bb;display:grid;grid-template-columns:180px 1fr 210px;gap:10px 18px;align-items:center}.plan-reserve .plan-slot-number{grid-column:1/-1;margin:0}.plan-reserve .plan-player-top{grid-row:2/5}.plan-reserve .record-face{width:55px;height:70px}.plan-reserve .plan-vacancy{min-height:65px;grid-column:1/3;flex-direction:row}.plan-reserve .plan-picker{grid-column:3;grid-row:2/5;align-self:end}.plan-reserve .plan-abilities{margin:0}.plan-reserve .plan-legends,.plan-reserve .plan-contract{margin:0}.plan-budget{background:#142634;border:1px solid #36546b;border-radius:6px;padding:20px;align-self:start}.plan-budget h3{font-size:18px;margin:7px 0 20px}.plan-budget dl{margin:0}.plan-budget dl>div{padding:12px 0;border-bottom:1px solid var(--record-line)}.plan-budget dt{font-size:11px;color:var(--record-muted)}.plan-budget dd{font-size:32px;font-weight:800;margin:5px 0 0;font-variant-numeric:tabular-nums}.plan-budget dd small{font-size:13px;margin-left:5px;color:var(--record-muted)}.plan-budget dl>div:nth-child(3) dd{color:var(--record-accent)}.plan-budget>p,.plan-budget details p{font-size:10px;color:var(--record-muted)}.plan-budget button{width:100%;margin-top:14px}.plan-budget .primary{background:linear-gradient(120deg,#ba1435,#f23356);border:1px solid #ff6b83;color:white;min-height:48px;font-weight:800}.plan-safe{border-top:1px solid var(--record-line);padding-top:10px}.plan-chemistry{margin-top:18px;padding:16px;border:1px solid var(--record-line);background:#10202c;border-radius:5px}.plan-chemistry h3{font-size:15px;margin:0 0 14px}.plan-chemistry>div{display:grid;grid-template-columns:1fr auto 100px;gap:12px;align-items:center;margin:12px 0;font-size:11px}.plan-chemistry i{font-style:normal;color:var(--record-accent)}.plan-chemistry b{font-size:11px}.plan-pair-track{height:5px;background:#314454}.plan-pair-track i{display:block;height:100%;background:var(--record-accent)}
.album-team{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.album-team>article{border:1px solid #6d603f;border-left:3px solid #e2be64;padding:20px;background:linear-gradient(130deg,#282a26,#102331)}.album-team h3{font-size:17px;margin:6px 0 18px}.album-team>article>p:last-child{font-size:11px;color:var(--record-muted)}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.album-player{border:1px solid var(--record-line);background:#112230;border-radius:6px;overflow:hidden}.album-player>header{padding:18px;display:flex;gap:16px;align-items:center;background:linear-gradient(130deg,#253040,#102230)}.album-player>header .record-face{width:90px;height:108px}.album-player h3{font-size:25px;margin:5px 0}.album-player header span{font-size:10px;letter-spacing:.12em;color:var(--record-accent)}.album-player header small{font-size:10px;color:var(--record-muted)}.album-player .record-stats{grid-template-columns:1fr 1fr}.album-player .record-stats dd{font-size:25px}.album-player>.record-note{padding:0 16px}.album-timeline{list-style:none;padding:0 18px 10px;margin:15px 0}.album-timeline li{display:flex;gap:12px;align-items:center;border-top:1px solid var(--record-line);padding:13px 0}.record-medal{font-size:25px;color:#efd084}.album-timeline strong{display:block;font-size:12px}.album-timeline small{display:block;color:var(--record-muted);font-size:9px;margin-top:5px}
@media(max-width:1100px){.record-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-layout{grid-template-columns:1fr}.plan-budget{display:block}.plan-budget dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plan-budget button{max-width:340px}.plan-current>span:last-child{display:none}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.club-record-view{padding:18px}.record-heading h2{font-size:23px}.record-heading>button{padding-inline:10px}.record-heading p{font-size:11px}.record-navigation{gap:5px}.record-navigation button{min-width:0;flex:1;padding:8px 3px;font-size:12px}.record-map-grid,.record-formations,.album-team,.album-grid{grid-template-columns:1fr}.record-map-art{height:190px}.record-section-title{align-items:flex-start;gap:10px}.record-section-title span{text-align:right;font-size:10px}.record-stats dd{font-size:25px}.record-next{flex-wrap:wrap}.record-next>div{width:100%}.record-next button{flex:1}.plan-current{display:block;padding:12px}.plan-current .record-trio{margin-top:12px}.plan-current>strong{display:none}.record-trio .record-face{width:36px;height:46px}.record-trio>div{gap:5px;flex-direction:column;align-items:flex-start}.record-trio strong{font-size:11px}.plan-slots{grid-template-columns:1fr}.plan-player{display:block}.plan-player-top .record-face{width:80px;height:92px}.plan-picker{margin-top:12px}.plan-reserve{display:block;grid-column:auto}.plan-reserve .plan-slot-number{margin-bottom:12px}.plan-reserve .plan-abilities{margin:14px 0}.plan-budget dl{grid-template-columns:1fr 1fr;gap:10px}.plan-budget dd{font-size:26px}.plan-chemistry>div{grid-template-columns:1fr auto}.plan-pair-track{grid-column:1/-1}.plan-current .record-trio>div{flex-direction:row;flex-wrap:wrap}.album-player>header .record-face{width:80px;height:100px}.record-heading{gap:8px}.record-kicker{font-size:8px!important;letter-spacing:.1em}.club-record-view{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.club-record-view *{animation:none!important;transition:none!important}}

.record-heading>button{flex-shrink:0;white-space:nowrap}.album-team:empty{display:none}