:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#26212a;background:#f4f2f4;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{background:linear-gradient(120deg,#842a88 0%,#742277 58%,#5d1769 100%);color:#fff;padding:calc(19px + env(safe-area-inset-top)) 20px 22px}.topbar-inner,.app-main{max-width:760px;margin:auto}.topbar-inner{display:flex;align-items:center;gap:12px}.topbar h1{font-size:1.14rem;font-weight:700;letter-spacing:.02em;margin:0}.brand-mark{width:33px;height:33px;border-radius:10px;background:#ffffff20;color:#f7d971;display:grid;place-items:center;font-size:1.4rem}.sample-badge{margin-left:auto;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#f8e8fa;border:1px solid #ffffff58;border-radius:999px;padding:5px 10px}.app-main{padding:26px 18px 60px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.eyebrow{margin:0 0 3px;font-size:.67rem;font-weight:800;letter-spacing:.22em;color:#9a619f}.section-heading h2{font-size:1.65rem;line-height:1.25;margin:0;letter-spacing:-.03em}.result-count{color:#827a84;font-size:.86rem;padding-bottom:3px}.search-field{height:54px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;box-shadow:0 3px 16px #2415250c;padding:0 16px;border:1px solid #eae5ea}.search-field:focus-within{border-color:#9b47a2;box-shadow:0 0 0 3px #9b47a224}.search-field svg{width:21px;height:21px;color:#a265a7;flex:none}.search-field input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:1rem;color:#2b2430}.search-field input::placeholder{color:#a59da6}.sort-row{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:18px 0 20px}.sort-row::-webkit-scrollbar{display:none}.sort-chip{white-space:nowrap;border:1px solid #e7dee8;background:#fff;border-radius:999px;color:#6b626d;font-size:.84rem;font-weight:600;min-height:39px;padding:0 15px}.sort-chip.active{color:#822884;background:#f6eaf5;border-color:#edd3eb}.player-list{display:grid;gap:12px}.player-card{width:100%;display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #eee8ed;border-radius:18px;background:#fff;box-shadow:0 4px 18px #2b172b0b;padding:15px;min-height:122px;color:inherit}.player-card:hover,.player-card:focus-visible{border-color:#b97dbe;box-shadow:0 8px 22px #65346a21;outline:0}.avatar{width:65px;height:74px;flex:none;border-radius:13px;background:linear-gradient(155deg,#e8d8e9,#b7a7c7);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:1.4rem;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-info{min-width:0;flex:1}.player-name{display:flex;align-items:baseline;gap:6px;min-width:0}.player-name strong{font-size:1rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name small{font-size:.77rem;color:#8d858f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta{display:flex;align-items:center;gap:6px;margin:8px 0;color:#777079;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.position{background:#f6eaf6;color:#892c8b;padding:4px 7px;border-radius:7px;font-weight:700;max-width:46%;overflow:hidden;text-overflow:ellipsis}.dot{color:#beb6bf}.ratings{display:flex;gap:15px;font-size:.87rem;font-weight:800;color:#615965}.ratings b{color:#6d2775}.ratings .ca b{color:#8d6b1d}.card-chevron{color:#b5a6b6;font-size:1.3rem;align-self:center}.empty-state{text-align:center;padding:46px 14px;color:#857b86}.list-section{padding-bottom:env(safe-area-inset-bottom)}@media(min-width:780px){.app-main{padding-top:34px}.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{min-height:132px}}@media(max-width:380px){.player-card{gap:10px;padding:12px}.avatar{width:58px;height:68px}.player-name{display:block}.player-name small{display:block;margin-top:2px}.player-meta{gap:4px}}

[hidden]{display:none!important}
.back-button{width:38px;height:38px;padding:7px;margin-left:-8px;border:0;background:transparent;color:#fff;display:grid;place-items:center}
.back-button svg{width:24px;height:24px}
.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.filter-toggle{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid #eadbe9;background:#fff;color:#812b85;border-radius:11px;padding:0 14px;font-size:.88rem;font-weight:700}
.filter-toggle svg{width:19px;height:19px}
.filter-toggle[aria-expanded="true"]{background:#f3e7f4;border-color:#dcb9dc}
.reset-filters{border:0;background:transparent;color:#817782;padding:10px;font-size:.88rem}
.filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px;margin-bottom:15px;background:#fff;border:1px solid #ebe4eb;border-radius:15px}
.filter-panel label{display:grid;gap:6px;font-size:.83rem;color:#7a6e7b;font-weight:700}
.filter-panel select{width:100%;height:41px;border:1px solid #e4dce4;background:#faf8fa;border-radius:9px;padding:0 9px;color:#342a35;outline-color:#8d368f;font-size:.88rem}
.site-footer{margin:34px 0 0;border-top:1px solid #e6dfe7;padding:21px 2px 0;color:#8a808c;font-size:.78rem;line-height:1.65}
.site-footer p{margin:0 0 9px}
.site-footer summary{cursor:pointer;max-width:max-content}
.site-footer details p{margin-top:8px}
.site-footer a{color:#7f2a84}
.detail-view{padding-bottom:4px}
.detail-heading{margin-bottom:17px}
.detail-heading h2{margin:0;font-size:1.65rem;line-height:1.25}
.detail-heading-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 12px}
.player-id-field{display:flex;align-items:center;gap:7px;min-width:0;color:#837684;font-size:.78rem;font-weight:700;white-space:nowrap}
.player-id-field output{border:1px solid #e4dce4;border-radius:9px;background:#fff;padding:8px 9px;color:#503b54;font-size:.77rem;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.profile-card{display:flex;gap:15px;background:#fff;border:1px solid #eee8ed;border-radius:19px;padding:17px;box-shadow:0 4px 18px #2b172b0b}
.profile-avatar{width:88px;height:106px;flex:none;overflow:hidden;border-radius:14px;background:#e4d8e5}
.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.profile-identity{min-width:0;align-self:center}
.profile-identity h3{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}
.profile-identity p{margin:3px 0 9px;color:#867d87;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-tags{display:flex;flex-wrap:wrap;gap:6px}
.profile-tags span{background:#f6ecf6;color:#842b87;border-radius:7px;padding:5px 8px;font-size:.79rem;font-weight:700}
.profile-club{margin-top:8px;color:#685c69;font-size:.88rem;font-weight:600}
.rating-hero{margin:16px 0 18px;border:1px solid #d2ac43;background:linear-gradient(125deg,#f9ecc5,#f4d982 51%,#dcb342);border-radius:17px;box-shadow:0 7px 15px #9c741c29;display:flex;align-items:center;padding:14px 20px;gap:17px;color:#533f13}
.rating-hero>div{flex:1;display:flex;align-items:baseline;justify-content:center;gap:10px;min-width:0}
.rating-hero span:not(.rating-divider){font-size:.75rem;white-space:nowrap;color:#6f591d;font-weight:700}
.rating-hero strong{font-size:1.75rem;letter-spacing:-.06em;line-height:1}
.rating-divider{height:32px;width:1px;background:#aa832e7a}
.detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #eee8ed;border-radius:14px;padding:4px;gap:3px;margin-bottom:14px;position:sticky;top:8px;z-index:3;box-shadow:0 3px 12px #2513260d}
.detail-tabs button{min-height:41px;border:0;background:transparent;border-radius:10px;color:#807681;font-size:.91rem;font-weight:700}
.detail-tabs button.active{color:#81277f;background:#f5eaf5}
.detail-stack{display:grid;gap:13px}
.detail-panel{background:#fff;border:1px solid #eee8ed;border-radius:16px;padding:19px;box-shadow:0 3px 15px #2b172b08}
.detail-panel h3{margin:0 0 17px;font-size:1rem;line-height:1.3;color:#2e2830}
.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:20px}
.fact{display:grid;gap:4px;min-width:0}
.fact span{font-size:.79rem;color:#a198a2}
.fact strong{font-size:.9rem;font-weight:600;color:#302a31;overflow-wrap:anywhere}
.role-list{display:flex;flex-wrap:wrap;gap:8px}
.role-list span{padding:8px 11px;border-radius:9px;background:#f6eff6;color:#7c377e;font-size:.84rem;font-weight:700}
.panel-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.panel-title-line h3{margin-bottom:10px}
.text-action{border:0;background:transparent;color:#822d86;font-size:.82rem;font-weight:700;padding:6px 0}
.career-peek-row{display:flex;align-items:center;gap:11px;margin-top:4px}
.career-dot{width:11px;height:11px;border:3px solid #963b98;border-radius:50%}
.career-peek-row div{display:grid;gap:3px}
.career-peek-row strong{font-size:.91rem}
.career-peek-row small{color:#928693;font-size:.79rem}
.tab-note{margin:1px 2px 0;color:#877c87;font-size:.79rem;line-height:1.5}
.attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}
.attribute{display:grid;grid-template-columns:minmax(42px,auto) minmax(36px,1fr) 22px;align-items:center;gap:7px;min-width:0}
.attribute-label{font-size:.81rem;white-space:nowrap}
.meter{height:7px;border-radius:999px;background:#eeedef;overflow:hidden}
.meter-fill{height:100%;display:block;border-radius:999px}
.level-high{background:#4ed777}.level-mid{background:#ffc22c}.level-low{background:#ff9d30}.level-muted{background:#cfcfd1}
.score{font-size:.83rem;text-align:right}.level-text-high{color:#28a651}.level-text-mid{color:#db9810}.level-text-low{color:#e07d1c}.level-text-muted{color:#a7a1a8}
.timeline{display:grid}
.timeline-item{display:flex;gap:14px;min-height:91px}
.timeline-item:last-child{min-height:66px}
.timeline-rail{width:15px;flex:none;display:flex;justify-content:center;position:relative}
.timeline-rail::after{content:"";position:absolute;top:16px;bottom:0;width:2px;background:#e9dfea}
.timeline-item:last-child .timeline-rail::after{display:none}
.timeline-rail i{width:12px;height:12px;border-radius:50%;background:#a04ba1;border:3px solid #f0dcf0;position:relative;z-index:1;box-sizing:content-box}
.timeline-body{display:grid;gap:2px;align-content:start;padding-bottom:20px;position:relative;min-width:0}
.timeline-years{color:#8d4c8f;font-size:.76rem;font-weight:800}
.timeline-body strong{font-size:.97rem}.timeline-body small{color:#958995;font-size:.8rem}
.timeline-body em{position:absolute;left:calc(100% + 10px);top:23px;white-space:nowrap;background:#f1e3f3;color:#843b86;font-style:normal;font-size:.7rem;font-weight:700;padding:3px 6px;border-radius:5px}
@media(max-width:400px){.profile-card{gap:11px;padding:14px}.profile-avatar{width:75px;height:95px}.profile-identity h3{font-size:1.12rem}.rating-hero{gap:9px;padding:14px 9px}.rating-hero>div{gap:5px}.rating-hero span:not(.rating-divider){font-size:.67rem}.rating-hero strong{font-size:1.5rem}.attribute-grid{gap:13px 9px}.attribute{grid-template-columns:36px minmax(20px,1fr) 19px;gap:5px}.attribute-label{font-size:.76rem}.detail-panel{padding:16px}}

.role-hint{margin:-8px 0 15px;color:#928793;font-size:.8rem;line-height:1.45}
.role-ranking{list-style:none;display:grid;gap:9px;margin:0;padding:0}
.role-ranking li{display:flex;align-items:center;gap:10px;min-height:49px;padding:8px 11px;background:#faf7fa;border:1px solid #eee6ef;border-radius:10px}
.role-ranking li:first-child{background:#fbf4df;border-color:#efdc9c}
.role-ranking strong{font-size:.9rem;white-space:nowrap}
.role-rank{width:24px;height:24px;border-radius:7px;background:#e8d7e9;color:#7e3882;display:grid;place-items:center;flex:none;font-size:.78rem;font-weight:800}
.role-ranking li:first-child .role-rank{background:#eac46a;color:#62470e}
.role-score{margin-left:auto;color:#958995;font-size:.75rem;white-space:nowrap}
.role-score b{color:#8b6722;font-size:1rem;margin-left:4px}
.attribute{grid-template-columns:minmax(54px,auto) minmax(18px,1fr) 22px}
@media(max-width:400px){.attribute{grid-template-columns:minmax(54px,auto) minmax(18px,1fr) 19px}.attribute-label{font-size:.77rem}}

.header-action{margin-left:0;border:1px solid #ffffff70;border-radius:999px;background:#ffffff1c;color:#fff;padding:6px 10px;font-size:.76rem;white-space:nowrap}.header-action:hover{background:#ffffff31}.topbar-inner .sample-badge{margin-left:auto}.topbar-inner{gap:8px}.detail-edit-button{margin-top:12px}.avatar-placeholder{font-size:1.6rem;font-weight:800;color:#fff}.editor-avatar{display:inline-flex;width:56px;height:64px;border-radius:9px;overflow:hidden;vertical-align:middle}.editor-avatar img{width:100%;height:100%;object-fit:cover}.modal{width:min(96vw,720px);max-height:min(92vh,960px);border:0;border-radius:18px;padding:0;box-shadow:0 18px 60px #28182c55;color:#2c2530}.modal::backdrop{background:#2011269c}.modal-body{padding:20px;display:grid;gap:15px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-heading h2{font-size:1.2rem;margin:0}.icon-button{border:0;background:#f3edf3;color:#704475;width:35px;height:35px;border-radius:50%;font-size:1.4rem;line-height:1}.modal label{display:grid;gap:6px;font-size:.84rem;font-weight:700;color:#695f6b}.modal input,.modal select{width:100%;min-height:42px;border:1px solid #dcd2de;border-radius:10px;background:#fff;color:#2c2530;padding:8px 10px;font-size:1rem}.modal input:focus,.modal select:focus{outline:2px solid #b584b9;outline-offset:1px}.modal input[type=file]{font-size:.8rem}.primary-action,.secondary-action{border-radius:10px;min-height:43px;padding:8px 15px;font-weight:700}.primary-action{background:#812a85;border:1px solid #812a85;color:#fff}.primary-action:disabled{opacity:.55}.secondary-action{background:#fff;border:1px solid #d8cbd9;color:#763d7b}.form-error{margin:0;color:#b32634;background:#fff0f1;border-radius:9px;padding:9px 11px;font-size:.84rem}.editor-modal{width:min(96vw,760px)}.editor-hint{margin:0;color:#8a7d8d;font-size:.79rem;line-height:1.5}.editor-section{display:grid;gap:13px;border-top:1px solid #e8e0e8;padding-top:16px}.editor-section h3{margin:0;font-size:1rem}.editor-grid,.editor-attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-attribute-group{border:1px solid #eee5ee;border-radius:11px;padding:11px}.editor-attribute-group summary{cursor:pointer;color:#7c367f;font-weight:700}.editor-attribute-grid{padding-top:13px}.career-editor-row{border:1px solid #ece3ec;border-radius:11px;padding:12px;display:grid;gap:10px;margin-bottom:10px}.career-editor-row .secondary-action{justify-self:start;min-height:35px;font-size:.8rem}.editor-actions{display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:-20px;background:#fff;padding:13px 0 18px;border-top:1px solid #eee7ee}.filter-toolbar{flex-wrap:wrap}.filter-toolbar #reset-filters{margin-left:auto}@media(max-width:420px){.topbar{padding-left:12px;padding-right:12px}.topbar h1{font-size:1rem}.header-action{font-size:.7rem;padding:5px 8px}.sample-badge{font-size:.65rem;padding:4px 7px}.modal-body{padding:16px}.editor-grid,.editor-attribute-grid{gap:9px}.editor-attribute-grid label{font-size:.75rem}}
.import-preview-list{max-height:35vh;overflow:auto;border:1px solid #eee5ee;border-radius:10px;padding:10px 14px;font-size:.85rem}.import-preview-list p{margin:6px 0;font-weight:700}.import-preview-list ul{margin:0 0 10px;padding-left:20px}.import-skipped{color:#9a5960}
.player-card-wrap{display:flex;align-items:stretch;gap:8px;min-width:0}.player-card-wrap .player-card{flex:1;min-width:0}.card-edit-button{align-self:center;border:1px solid #e5d6e7;background:#fff;color:#812a85;border-radius:9px;padding:8px 10px;font-size:.8rem;font-weight:700}.card-edit-button:hover{background:#f8eef8}.import-report-wrap{max-height:40vh;overflow:auto;border:1px solid #eee5ee;border-radius:10px}.import-report{border-collapse:collapse;width:100%;font-size:.78rem;text-align:left}.import-report th,.import-report td{padding:8px;border-bottom:1px solid #eee5ee;vertical-align:top}.import-report th{position:sticky;top:0;background:#f8f5f8;white-space:nowrap}.import-report td:nth-child(2){text-align:center}.import-report td:last-child{min-width:190px;overflow-wrap:anywhere}
.modal textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #dcd2de;border-radius:10px;background:#fff;color:#2c2530;padding:10px;font:inherit;font-size:.94rem;line-height:1.5}.modal textarea:focus{outline:2px solid #b584b9;outline-offset:1px}.player-bio{margin-top:18px;border-top:1px solid #eee7ee;padding-top:14px}.player-bio h4{margin:0 0 8px;font-size:.9rem}.player-bio p{margin:0;color:#655d67;line-height:1.65;overflow-wrap:anywhere}