.handle-picker{--handle-display:var(--font-dela),"Dela Gothic One","Arial Black",sans-serif;min-width:0;width:100%;display:flex;flex-direction:column;gap:20px;padding:34px;background:#fbf8f1;color:#141414;border:3px solid #141414;border-radius:0;box-shadow:9px 9px 0 #d6283b;font-family:var(--font-zen-kaku),"Zen Kaku Gothic New",system-ui,sans-serif;font-size:16px;line-height:normal;color-scheme:light}.handle-picker,.handle-picker *,.handle-picker :after,.handle-picker :before{box-sizing:border-box}.handle-picker__paper{display:flex;flex-direction:column;gap:20px;min-width:0}.handle-picker__label{font-family:var(--handle-display);font-size:18px;font-weight:400}.handle-picker__field{display:flex;align-items:stretch;height:70px;border:3px solid #141414;background:#fff}.handle-picker[data-state=available] .handle-picker__field,.handle-picker__field:focus-within{box-shadow:0 0 0 3px #ffd84a}.handle-picker[data-state=invalid] .handle-picker__field{border-color:#d6283b;box-shadow:none}.handle-picker__prefix{flex:0 0 58px;display:flex;align-items:center;justify-content:center;font-family:var(--handle-display);font-size:28px;background:#141414;color:#ffd84a}.handle-picker__field input{flex:1 1;min-width:0;width:0;border:0;border-radius:0;padding:0 16px;font-family:var(--handle-display);font-weight:400;font-size:26px;color:#141414;background:transparent;outline:none;box-shadow:none}.handle-picker__field input:focus-visible{outline:none}.handle-picker__counter{display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:700;color:#5b544d}.handle-picker__status{display:flex;align-items:center;gap:10px;min-height:24px;margin:0;font-size:16px;font-weight:900;color:#1f7a3a}.handle-picker__status svg{flex:none}.handle-picker[data-state=invalid] .handle-picker__status{color:#b3172a}.handle-picker[data-state=pending] .handle-picker__status{color:#5b544d}.handle-picker__rules{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.45;color:#3a3330;list-style:disc}.handle-picker__preview{display:flex;flex-direction:column;gap:8px}.handle-picker__preview-label{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5b544d}.handle-picker__fight{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#1a1614;color:#fbf8f1;border:3px solid #141414}.handle-picker__player{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;font-weight:900}.handle-picker__avatar{flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#ffd84a;color:#141414;border:2px solid #141414}.handle-picker__avatar,.handle-picker__versus{font-family:var(--handle-display);font-size:14px}.handle-picker__versus{color:#d6283b}.handle-picker__opponent{flex-shrink:0;font-weight:900;color:#a39b8d}.handle-picker__submit{flex-shrink:0;width:100%;min-height:58px;padding:8px 12px;border:3px solid #141414;border-radius:0;background:#d6283b;color:#fbf8f1;font-family:var(--handle-display);font-size:19px;font-weight:400;line-height:normal;box-shadow:5px 5px 0 #141414;cursor:pointer}.handle-picker__submit:enabled:hover{background:#b3172a}.handle-picker__submit:enabled:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #141414}.handle-picker__submit:disabled{background:#5b544d;color:#c9c2b6;box-shadow:none;cursor:not-allowed}.handle-picker__mobile-copy,.handle-picker__submit-short{display:none}@media (max-width:640px){.handle-picker{padding:18px;gap:14px;box-shadow:6px 6px 0 #d6283b}.handle-picker__paper{gap:14px}.handle-picker__label{font-size:15px}.handle-picker__field{height:62px}.handle-picker__prefix{flex-basis:46px;font-size:22px}.handle-picker__field input{padding:0 12px;font-size:21px}.handle-picker__counter{padding:0 12px;font-size:13px}.handle-picker__status{align-items:flex-start;gap:8px;font-size:15px;min-height:22px}.handle-picker__status svg{width:18px;height:18px;margin-top:2px}.handle-picker__rules{gap:4px;font-size:14px}.handle-picker__desktop-copy,.handle-picker__preview,.handle-picker__unique{display:none}.handle-picker__mobile-copy{display:inline}.handle-picker__submit{min-height:54px;font-size:16px}.handle-picker__submit:disabled .handle-picker__submit-full{display:none}.handle-picker__submit:disabled .handle-picker__submit-short{display:inline}}