/* Scoped player-creation screen. No career/review styles are changed here. */
.identity-studio { width:min(1280px,calc(100% - 40px)); min-height:0; margin:20px auto 30px; border:1px solid #bccdb91c; border-radius:20px; background:#14241ffe; box-shadow:0 22px 60px #06140e59; --shirt-primary:#20302a; --shirt-secondary:#b64c48; --shirt-tertiary:#cfb36e; }
.identity-studio .identity-top { min-height:94px; padding:23px 32px 21px; border:0; background:none; align-items:center; }
.identity-studio .brand-kicker { font-size:10px; color:#b4c8b8; font-weight:600; letter-spacing:.13em; }
.identity-studio .identity-top h1 { font-size:clamp(27px,3vw,39px); font-weight:700; color:#f2f0e7; letter-spacing:-.045em; margin-top:5px; }
.identity-studio .identity-top-actions { gap:14px; flex-wrap:wrap; justify-content:flex-end; }
.identity-studio .identity-top-actions .achievements-link { background:none; border:0; padding:0; min-height:36px; gap:8px; }
.identity-studio .challenge-emblem { background:none; border:0; width:24px; height:24px; color:#b7caba; }
.identity-studio .challenge-access-copy small { display:none; }.identity-studio .challenge-access-copy strong { font-size:12px; font-weight:500; color:#c2cfc5; }
.identity-studio .achievements-link>b { font-size:13px; margin:0; color:#c2cfc5; }.identity-studio .admin-toggle { background:none; border:0; color:#99afa2; padding:8px; min-height:36px; font-size:11px; }
.identity-studio .identity-form { grid-template-columns:1.32fr .9fr .94fr; grid-template-rows:auto auto; gap:0; }
.identity-studio .identity-column { padding:14px 30px 25px; border:0; }
.identity-studio .identity-column h2 { text-align:left; font-size:18px; font-weight:650; letter-spacing:-.025em; margin-bottom:20px; }
.identity-studio .jersey-column { padding:10px 34px 25px; background:radial-gradient(ellipse at 50% 35%,#83977d19,transparent 68%); }
.identity-studio .jersey-column h2 { text-align:center; font-size:26px; line-height:1.2; margin-bottom:0; overflow-wrap:anywhere; min-height:32px; }
.identity-studio .jersey-preview { flex:none; min-height:0; height:262px; position:relative; padding:8px 0; }
.identity-studio .jersey-preview>svg { height:100%; width:auto; max-height:none; max-width:100%; filter:drop-shadow(0 10px 12px #040d0833); }
.identity-studio .jersey-preview svg>path { display:block; }.identity-studio .jersey-preview svg text { fill:#20352e; font-family:var(--club-font); font-weight:750; }
.identity-studio .jersey-primary { stroke:var(--shirt-primary); }.identity-studio .jersey-secondary { stroke:var(--shirt-secondary); }.identity-studio .jersey-tertiary { stroke:var(--shirt-tertiary); }
.identity-studio .jersey-trim path,.identity-studio .jersey-number-detail { transition:stroke 180ms ease; }.identity-studio .jersey-number-detail { opacity:.65; }
.identity-studio .jersey-nation-detail { position:absolute; top:76%; left:calc(50% + 42px); transform:rotate(-2deg); opacity:.75; }.identity-studio .jersey-nation-detail .flag { width:14px; min-width:14px; height:9px; box-shadow:none; border-radius:0; }
.identity-studio .identity-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; }
.identity-studio .identity-fields>label { gap:0; padding:7px 11px 3px; border:1px solid #a9cdb13d; border-radius:8px; background:linear-gradient(140deg,#263f323d,#10241d82); text-transform:none; letter-spacing:0; font-size:11px; font-weight:500; color:#bad0bf; box-shadow:inset 0 -2px 0 #91b69a50; transition:border-color 160ms,background 160ms,box-shadow 160ms; }
.identity-fields label>span { display:flex; align-items:center; gap:6px; min-height:16px; }
.identity-studio .identity-fields>label:hover { border-color:#b5ddbe73; background:#1b3429bd; }
.identity-studio .identity-fields>label:focus-within { border-color:#a8e5cc; background:#1e392d; box-shadow:inset 0 -2px 0 #a8e5cc,0 0 0 2px #a8e5cc12; }
.identity-edit-icon { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.5; opacity:.5; margin-left:auto; }
.identity-fields label:hover .identity-edit-icon,.identity-fields label:focus-within .identity-edit-icon { opacity:1; color:#b4ddc5; }
.identity-fields .identity-shirt-edit>span>.ui-art { width:15px; height:15px; }
.identity-studio .identity-number { display:flex; flex-direction:column; align-items:flex-end; padding-top:7px!important; }
.identity-number-picker { display:flex; align-items:center; width:132px; }
.identity-studio .identity-number-picker button { display:grid; place-items:center; width:44px; height:44px; flex:none; padding:0; border:0; border-radius:50%; background:none; color:#8da697; }
.identity-number-picker button>.ui-art { width:17px; height:17px; }
.identity-studio .identity-number-picker button:hover { background:#b4ddc512; color:#dceedd; }
.identity-studio .identity-number-picker button:focus-visible { outline:2px solid #b4ddc5; outline-offset:-3px; }
.identity-studio .foot-control { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; text-align:left; }
.identity-studio .foot-control>span { color:#b7c4b8; font-size:12px; font-weight:500; letter-spacing:0; }
.identity-studio .segmented { display:flex; gap:8px; margin:0; padding:0; background:none; border-radius:0; }
.identity-studio .segmented button { display:flex; align-items:center; gap:7px; border:0; border-bottom:2px solid transparent; background:none; color:#a2b5a8; min-height:40px; padding:8px 5px; font-size:12px; font-weight:550; border-radius:0; transition:color 160ms,border-color 160ms; }
.identity-studio .segmented button.active { border-bottom-color:#b3ddc6; color:#e4eadc; background:none; }.identity-studio .segmented button:hover { color:#cee1d3; }
.identity-boot { width:26px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; }.boot-left { transform:scaleX(-1); }
.identity-studio .nation-column { padding-top:14px; background:#0c1b141d; }
.identity-studio .identity-selected-nation { display:flex; align-items:center; gap:13px; min-height:57px; margin:0 0 20px; }
.identity-studio .identity-selected-nation .flag { width:38px; min-width:38px; height:25px; border-radius:2px; }.identity-studio .identity-selected-nation strong { font-size:21px; line-height:1.15; font-weight:650; overflow-wrap:anywhere; color:#f0f0e5; }
.identity-studio .search-field { border:0; border-bottom:1px solid #acc2b336; border-radius:0; height:43px; background:none; padding:0 2px; gap:10px; }
.identity-studio .search-field>svg { width:18px; height:18px; fill:none; stroke:#a0b7a5; stroke-width:1.6; }.identity-studio .search-field input { font-size:13px; color:#e9ede4; }.identity-studio .search-field input::placeholder { color:#9eafa2; }
.identity-nations-caption { margin:21px 0 6px; font-size:11px; color:#8fa694; }
.identity-studio .nation-grid { background:none; border:0; border-radius:0; padding:0; margin:0; gap:3px 5px; max-height:none; overflow:visible; }
.identity-studio .nation-grid.is-browsing { max-height:245px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#6d8f7970 transparent; }
.identity-studio .nation-choice { min-height:46px; padding:7px 4px; gap:8px; border:0; border-radius:5px; color:#c4d0c3; }
.identity-studio .nation-choice .flag { width:23px; min-width:23px; height:15px; }.identity-studio .nation-choice b { font-size:12px; font-weight:500; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.2; overflow-wrap:anywhere; }
.identity-studio .nation-choice.active { background:#9ac3a420; color:#f0f4e9; border:0; }.identity-studio .nation-choice:hover { background:#a4d3b01b; }.identity-studio .nation-choice>svg { width:14px; height:14px; flex:none; margin-left:auto; fill:none; stroke:#b3ddc6; stroke-width:1.6; }
.identity-browse { display:flex; align-items:center; gap:8px; width:100%; border:0; border-top:1px solid #aec5b51c; border-radius:0; background:none; margin-top:13px; padding:13px 2px 4px; color:#c4d6c6; font-size:12px; text-align:left; }
.identity-browse>.ui-art { width:17px; height:17px; }.identity-browse>.ui-art:last-child { margin-left:auto; width:15px; }.identity-browse:hover { color:#e3efde; }
.identity-no-results { grid-column:1/-1; padding:20px 0; color:#b4c2b4; font-size:13px; }
.identity-studio .pitch-column { padding-left:29px; padding-right:29px; }
.identity-studio .pitch { width:100%; max-width:290px; aspect-ratio:.78; margin-top:0; border:1px solid #9bbb9e69; border-radius:7px; background:linear-gradient(#123c2ce8,#0b2b22eb),url('./assets/backgrounds/pitch-grass-v1.webp') center/290px; box-shadow:inset 0 0 28px #02190a25; }
.identity-studio .pitch-middle,.identity-studio .pitch-center,.identity-studio .pitch-box { border-color:#bac8af7a; }.identity-studio .pitch-middle { background:#bac8af7a; }.identity-studio .pitch-center { top:41%; }
.identity-studio .pitch-position { display:grid; place-items:center; min-width:52px; width:20%; min-height:44px; height:11%; padding:0; border-radius:6px; border:0; background:none; color:#b7cabb; font-family:var(--club-font); font-size:12px; font-weight:600; box-shadow:none; transition:background 150ms,color 150ms; }
.identity-studio .pitch-position>span { display:grid; place-items:center; min-width:32px; height:27px; border-radius:50%; transition:background 150ms,color 150ms,box-shadow 150ms; }
.identity-studio .pitch-position:hover { background:#abc6aa12; color:#f4f3e7; }.identity-studio .pitch-position.active { background:none; color:#172e25; box-shadow:none; }.identity-studio .pitch-position.active>span { background:#e1eddd; box-shadow:0 0 0 4px #b9dbb41a; }
.identity-position-name { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:13px; min-height:20px; color:#a4b9a9; font-size:12px; }.identity-position-name strong { color:#dde8d9; font-size:12px; font-weight:650; }
.identity-studio .identity-footer { min-height:82px; padding:17px 32px; border-top:1px solid #bdcebd20; background:#0b1b1538; gap:20px; }
.identity-commitment { display:flex; align-items:center; gap:13px; min-width:0; }.identity-commitment>.flag,.identity-commitment>span>.flag { width:28px; height:19px; min-width:28px; }.identity-commitment>div { min-width:0; }.identity-commitment strong { display:block; font-size:16px; font-weight:600; color:#e9ece0; overflow-wrap:anywhere; }.identity-commitment>div>span { display:block; margin-top:5px; color:#a8bcae; font-size:12px; line-height:1.4; }
.identity-studio .identity-start { display:flex; align-items:center; justify-content:center; gap:27px; min-height:48px; min-width:217px; padding:12px 21px; border-radius:7px; background:#b4ddc5; font-size:14px; font-weight:700; color:#142c22; transition:background 160ms,box-shadow 160ms; }
.identity-studio .identity-start>.ui-art { width:20px; height:20px; }.identity-studio .identity-start:hover { background:#c9e7d4; box-shadow:0 4px 14px #06190d29; }.identity-studio .identity-start:active { background:#9bc9ad; }
.identity-studio .admin-start-controls { margin-top:16px; }
@media(min-width:1000px) and (max-height:800px) {
  .identity-studio { margin-top:12px; }.identity-studio .identity-top { min-height:81px; padding-top:16px; padding-bottom:16px; }.identity-studio .jersey-preview { height:235px; }.identity-studio .identity-column { padding-bottom:20px; }.identity-studio .jersey-column h2 { font-size:24px; }.identity-studio .pitch { max-width:267px; }.identity-studio .identity-footer { min-height:76px; padding-top:14px; padding-bottom:14px; }
}
@media(max-width:1050px) and (min-width:761px) {
  .identity-studio { width:calc(100% - 28px); }.identity-studio .identity-form { grid-template-columns:1.25fr .95fr 1fr; }.identity-studio .identity-column { padding-left:20px; padding-right:20px; }.identity-studio .jersey-preview { height:225px; }.identity-studio .identity-top { padding-left:24px; padding-right:24px; }.identity-studio .nation-grid { grid-template-columns:1fr; }.identity-studio .nation-choice { min-height:35px; }.identity-studio .pitch-position { min-width:42px; width:24%; }
}
@media(max-width:760px) {
  .identity-studio { width:calc(100% - 20px); margin:14px auto 20px; border-radius:15px; }.identity-studio .identity-top { padding:20px 22px 14px; min-height:0; gap:12px; }.identity-studio .identity-top h1 { font-size:29px; line-height:1.1; }.identity-studio .identity-top>div:first-child { width:auto; flex:1 1 220px; }.identity-studio .identity-top-actions { gap:14px; justify-content:flex-start; }.identity-studio .identity-form { display:flex; flex-direction:column; }.identity-studio .identity-column { padding:20px 22px 24px; }.identity-studio .jersey-column { padding-top:12px; }.identity-studio .jersey-column h2 { font-size:25px; }.identity-studio .jersey-preview { height:267px; }.identity-studio .nation-column { background:#0c1b142f; }.identity-studio .identity-column h2 { margin-bottom:16px; }.identity-studio .jersey-column h2 { margin-bottom:0; }.identity-studio .identity-selected-nation { min-height:44px; margin-bottom:12px; }.identity-studio .identity-selected-nation strong { font-size:21px; }.identity-studio .nation-grid { grid-template-columns:1fr 1fr; }.identity-studio .nation-grid.is-browsing { max-height:245px; }.identity-studio .identity-nations-caption { margin-top:18px; }.identity-studio .pitch { max-width:300px; }.identity-studio .pitch-column { padding-top:24px; }.identity-studio .identity-footer { align-items:stretch; flex-direction:column; padding:21px 22px; gap:18px; }.identity-studio .identity-start { width:100%; min-height:52px; justify-content:space-between; }.identity-studio .identity-top .challenge-access-copy small { display:none; }
}
@media(prefers-reduced-motion:reduce) { .identity-studio *, .identity-studio *::before,.identity-studio *::after { transition:none!important; animation:none!important; } }
@media(max-width:360px) { .identity-studio .nation-choice>svg { display:none; }.identity-studio .nation-grid.is-browsing { grid-template-columns:1fr; } }