:root{font-family:Inter,system-ui,sans-serif;color:#092037;background:#f6fafb;--teal:#0bb7a7;--navy:#071426}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}button,a,label.upload-button{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(22px,calc((100% - 1040px)/2));background:#fff;border-bottom:1px solid #dce8ec}.brand{font:800 25px 'Barlow Condensed',sans-serif}.brand span{color:#069d91}.home{font-size:13px;color:#5b7380}main{width:min(960px,calc(100% - 44px));margin:38px auto 58px}.intro{position:relative;padding-right:100px}.eyebrow{color:#078d83;font-size:11px;font-weight:800;letter-spacing:1.7px}h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1.05}h1{font-size:clamp(40px,7vw,64px);margin:10px 0}h2{font-size:clamp(30px,5vw,40px);margin:0 0 12px}.intro p{color:#627b88;line-height:1.5;margin:0}.ai-badge{position:absolute;right:0;top:40px;padding:8px 12px;background:#dff9f3;color:#087f75;border-radius:24px;font-size:10px;font-weight:800;letter-spacing:1px}.progress{display:flex;gap:20px;border-bottom:1px solid #d4e5e9;padding:28px 0 20px;margin-bottom:28px}.progress>span{display:flex;align-items:center;gap:7px;font-weight:800;color:#8ba1ac}.progress small{font-size:10px;letter-spacing:1px}.progress .active{color:#071426}.progress .done{color:#07988d}.hint{color:#607985;font-size:14px;line-height:1.55;margin:0 0 23px}.compact{font-size:12px;margin:14px 0}.search-label,.field{display:block;font-size:13px;font-weight:700;margin-bottom:20px}.search-label input{display:block;margin-top:8px;width:100%;max-width:440px;background:white;border:1px solid #cddfe6;border-radius:10px;padding:13px 15px;color:#092037}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.team-button{border:0;border-bottom:1px solid #dbe7eb;display:flex;align-items:center;gap:10px;background:transparent;text-align:left;padding:16px 4px;color:#092037;min-width:0;min-height:112px;border-radius:0}.team-button img{width:66px;height:78px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.team-button strong{font-size:13px;line-height:1.35;display:block}.team-button small{font-size:10px;color:#78909c;display:block;margin-top:5px}.team-button.selected{background:#e0faf5;border-bottom:2px solid var(--teal);border-radius:9px 9px 0 0}.team-button.selected small{color:#087d73}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,label.upload-button:focus-within{outline:3px solid #25cdbd;outline-offset:3px}.jersey-reference{position:relative;width:100%;max-width:380px;margin:10px auto 24px}.jersey-reference img{display:block;width:100%;height:320px;object-fit:contain;mix-blend-mode:multiply}.number-tag{position:absolute;bottom:12px;right:12px;padding:10px 13px;background:#071426;color:#fff;border-radius:12px;font:800 27px 'Barlow Condensed',sans-serif}.field input{display:block;max-width:150px;width:100%;font:800 32px 'Barlow Condensed',sans-serif;padding:10px 15px;border:1px solid #cddfe6;border-radius:10px;background:#fff;margin:8px 0;color:#092037}.field small{font-size:12px;color:#66808d;font-weight:400}.custom-jersey{margin:24px 0;font-size:13px}.custom-jersey summary{cursor:pointer;font-weight:600;color:#087f75}.source{font-size:11px;color:#69818d;display:inline-block;line-height:1.5}.photo-direction{display:flex;max-width:340px;padding:4px;border-radius:10px;background:#e8f0f3;gap:4px}.photo-direction button{border:0;border-radius:8px;background:transparent;color:#607785;padding:11px 16px;flex:1;font-size:12px;font-weight:700}.photo-direction .selected{color:#092037;background:#fff;box-shadow:0 2px 8px #09203712}.photo-empty{min-height:210px;background:#edf5f7;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:14px;max-width:500px;margin:20px auto}.photo-empty svg{width:64px;fill:none;stroke:#71929f;stroke-width:3;stroke-linejoin:round}.photo-empty p{font-size:12px;color:#6b8490;text-align:center;padding:0 18px}.person-preview{display:block;max-height:440px;width:100%;object-fit:contain;margin:20px auto;border-radius:12px}.upload-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 24px}.upload-button,.actions button,.result-actions button{border:0;background:#071426;color:white;border-radius:10px;padding:14px 18px;font-weight:700;font-size:13px;display:inline-block;cursor:pointer}.upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.secondary,.upload-button.secondary{background:#e5eef1!important;color:#234453!important}.text-button,.result-actions .text-button{border:0;background:transparent;color:#07867b;font-size:12px;padding:10px 4px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;max-width:560px;margin-top:26px}.consent input{accent-color:#079b8c;margin:3px 0 0;flex-shrink:0;width:17px;height:17px}.privacy{font-size:11px;color:#7a909c;line-height:1.6;max-width:560px}.actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d9e5e9;padding-top:23px;margin-top:30px}.actions #nextButton{margin-left:auto}.actions button:disabled{opacity:.35;cursor:not-allowed}#lookStatus{font-size:13px;line-height:1.5;color:#ac4834;margin:16px 0 0}.creating{text-align:center;padding:40px 10px}.creating p{font-size:14px;color:#627985}.spinner{width:46px;height:46px;border:4px solid #d3ece6;border-top-color:#08aa99;border-radius:50%;margin:0 auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result h2{margin-top:10px}.result-image{position:relative;width:min(100%,600px);margin:24px auto}.result-image img{display:block;width:100%;border-radius:15px}.result-image>span{position:absolute;right:12px;bottom:12px;color:white;background:#071426ba;border-radius:18px;font-size:9px;letter-spacing:1px;padding:7px 10px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.result-actions .text-button{width:100%;text-align:left}footer{max-width:760px;margin:0 auto;padding:0 22px 28px;text-align:center;color:#7a919d;font-size:11px;line-height:1.5}footer p{margin:7px 0}@media(max-width:760px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.team-button{gap:7px}.team-button img{width:56px}}@media(max-width:540px){header{padding:16px 20px}main{width:calc(100% - 40px);margin:26px auto 40px}.intro{padding-right:0}.ai-badge{position:static;display:inline-block;margin-top:15px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.team-button{padding:13px 2px;min-height:106px}.team-button img{width:55px;height:72px}.team-button strong{font-size:12px}.progress{gap:24px}.upload-button{padding:13px 15px}.jersey-reference img{height:280px}.result-actions button{flex-grow:1}.source{font-size:10px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

.access-gate{margin:32px 0;padding-top:24px;border-top:1px solid #d9e5e9}.access-gate .field input{max-width:340px;font:600 18px Inter,system-ui,sans-serif;text-transform:uppercase}.access-gate button{border:0;background:#071426;color:#fff;border-radius:10px;padding:14px 18px;font-weight:700;font-size:13px}.access-gate button:disabled{opacity:.4}.access-gate #accessStatus{font-size:13px;color:#ac4834;line-height:1.5}
