/* Required signup profile questions and license reveal. */
.signup-reveal.is-welcoming{animation:license-blackout .4s ease both}
@keyframes license-blackout{from{opacity:0}to{opacity:1}}
html.signup-reveal-open{overflow:hidden}
.signup-reveal[hidden],.signup-reveal [hidden]{display:none!important}
.signup-reveal{--license-gold:#c4ad80;position:fixed;inset:0;z-index:50000;min-height:100svh;overflow:auto;isolation:isolate;background:#080a0c;color:#f1f0ed;font-family:Arial,'Malgun Gothic',sans-serif;outline:none;color-scheme:dark}
.signup-reveal:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#242a2b55,transparent 65%)}
.license-screen-head{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:5}
.license-screen-brand{font-size:16px;font-weight:900;letter-spacing:-.5px;opacity:.85}
.is-running .license-screen-brand{visibility:hidden}
.license-back{border:0;background:transparent;color:#aeb1b5;font-size:12px;padding:10px 0;cursor:pointer}
.signup-reveal button:focus-visible,.signup-reveal a:focus-visible,.signup-reveal input:focus-visible{outline:2px solid var(--license-gold);outline-offset:5px}
.license-content{width:100%;min-height:100svh;display:grid;align-items:center;justify-items:center;padding:110px 32px 64px}
.license-welcome,.license-recognition{width:min(100%,580px);text-align:center}
.license-welcome h1,.license-recognition h2{font-size:clamp(32px,4vw,48px);line-height:1.4;letter-spacing:-1.5px;font-weight:700;margin:0;outline:none}
.license-welcome>p:not(.license-eyebrow){color:#9da5a8;font-size:14px;line-height:1.9;margin:24px 0 38px}
.license-welcome-symbol{display:grid;place-items:center;width:55px;height:64px;clip-path:polygon(50% 0,100% 18%,92% 68%,50% 100%,8% 68%,0 18%);background:#bfa97c13;color:#c4ad80;margin:0 auto 32px;font-size:15px;font-weight:800;font-style:italic;border-top:1px solid #c4ad8060}
.license-welcome .license-next{max-width:250px;margin:0 auto}
.license-eyebrow{color:var(--license-gold);font-size:10px;letter-spacing:2.2px;margin:0 0 18px;line-height:1.5}
.license-welcome,.license-recognition,.license-questions.is-changing{animation:license-panel-in .45s ease both}
@keyframes license-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.license-questions{width:min(100%,520px);min-width:0}
.license-progress-head{display:flex;justify-content:space-between;gap:12px;color:#aba493;font-size:11px;letter-spacing:.5px}
.license-progress-head>span:last-child{color:#b9b7b0;font-variant-numeric:tabular-nums;letter-spacing:1px}
.license-progress{height:2px;background:#303331;margin:14px 0 44px;overflow:hidden}
.license-progress>span{display:block;width:0;height:100%;background:var(--license-gold);transition:width .3s}
.license-question-copy h2{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.4;letter-spacing:-1.1px;margin:0;outline:none;white-space:pre-line;word-break:keep-all}
.license-question-copy>p:last-child{color:#9da5a8;font-size:13px;line-height:1.8;margin:18px 0 30px;word-break:keep-all}
.license-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.license-choices-wide{grid-template-columns:minmax(0,1fr)}
.license-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;text-align:left;border:1px solid #353d41;border-radius:8px;padding:17px 19px;background:#171d20;color:#d3d7d7;cursor:pointer;transition:background .16s,border-color .16s}
.license-choice:hover{border-color:#8e8066;background:#202624}
.license-choice[aria-pressed=true]{border-color:#c4ad80;background:#c4ad8015;color:#e8d7b5}
.license-choice strong{display:block;font-size:15px;font-weight:600}
.license-choice small{display:block;font-size:11px;color:#959fa3;margin-top:6px;line-height:1.4}
.license-choice[aria-pressed=true] small{color:#b5a98e}
.license-choice-check{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0;border:1px solid #657074;border-radius:50%;font-size:10px;color:transparent}
.license-choice[aria-pressed=true] .license-choice-check{border-color:var(--license-gold);background:var(--license-gold);color:#161918}
[data-step=positions] .license-choice-check{border-radius:4px}
.license-field input{display:block;width:100%;min-width:0;min-height:66px;padding:17px 19px;color:#eeeae2;background:#171d20;border:1px solid #515950;border-radius:8px;font:inherit;font-size:21px}
.license-field input::placeholder{color:#747e82;font-size:15px}
.license-field-error{min-height:18px;margin:12px 0 0;color:#e9b991;font-size:12px;line-height:1.6}
.license-question-actions{display:flex;align-items:center;gap:28px;margin-top:14px}
.license-next{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;min-height:50px;border:1px solid #c2ab80;border-radius:5px;padding:13px 18px;background:#c4ad80;color:#111716;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}
.license-next:hover{background:#d4bf99}
.license-next:disabled{background:#242a2b;border-color:#363d3c;color:#879090;cursor:not-allowed;opacity:1}
.license-back{white-space:nowrap;min-width:52px;text-align:left}
.license-login-recovery{display:block;margin-top:22px;font-size:13px;color:var(--license-gold)}
.license-stage{width:min(100%,560px);min-width:0}
.license-card-wrap{min-width:0}
.volleyball-license{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;width:100%;border:1px solid #a698754f;border-top-color:#d0bf8f8c;border-radius:18px;background:linear-gradient(130deg,#262d31 0%,#11171b 54%,#1c2327 100%);padding:27px 30px 22px;box-shadow:0 28px 60px #0009,0 1px 0 #fff1 inset;color:#eeeae2;transform-origin:50% 80%;backface-visibility:hidden}
.license-card-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.16;background:repeating-linear-gradient(115deg,#ffffff0b 0 1px,transparent 1px 5px)}
.license-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:900;letter-spacing:-.3px}
.license-member-label{color:#aaa591;font-size:8px;font-weight:400;letter-spacing:2px;white-space:nowrap}
.license-card-body{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin:25px 0 22px}
.license-card-body>div{min-width:0;flex:1}
.volleyball-license h2{margin:0 0 18px;font-size:32px;line-height:1.02;font-weight:800;letter-spacing:.03em;color:#e0d2b4}
.license-holder-label{margin:0 0 6px;font-size:8px;letter-spacing:1.8px;color:#a6adad}
.license-holder{display:block;font-size:27px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.5px}
.license-emblem{width:25%;max-width:108px;flex-shrink:0;fill:none;stroke:#c5b694;stroke-width:1;opacity:.6}
.license-attributes,.license-personal{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:16px 0;border-top:1px solid #cbbd9c2b;gap:18px}
.license-personal{grid-template-columns:.7fr 1fr 1.3fr}
.license-attributes>div,.license-personal>div{min-width:0}
.license-attributes dt,.license-personal dt{margin:0 0 7px;font-size:7px;letter-spacing:1.2px;color:#a6adad}
.license-attributes dd,.license-personal dd{margin:0;font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;color:#e8e1d2}
.license-card-foot{display:flex;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #cbbd9c2b;font-size:7px;letter-spacing:1.3px;color:#949c99}
.license-ready{color:#b2a180}
.license-card-caption{text-align:center;font-size:13px;color:#a3aaa9;letter-spacing:.02em;line-height:1.8;margin:26px 0 0}
.license-enter{display:block;text-align:center;color:#c4ad80;font-size:12px;padding:12px;margin:8px 0 -48px}
.license-intro-logo{position:fixed;z-index:4;top:46%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap;opacity:0;pointer-events:none}
.license-intro-logo span{display:block;margin-top:12px;font-size:8px;font-weight:400;letter-spacing:3.2px;text-align:center;color:#b6aea0}
.license-sweep{position:fixed;inset:-20% auto -20% -50%;width:24%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#ded6c414,#e7ddc82a,transparent);transform:skewX(-18deg)}
.is-running .license-intro-logo{animation:license-logo 1.45s .15s both}
.is-running .license-sweep{animation:license-screen-sweep .6s .85s cubic-bezier(.22,.65,.3,1) both}
.is-running .volleyball-license{animation:license-card-arrive 1.1s 1.25s cubic-bezier(.16,.75,.2,1) both}
@keyframes license-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}25%,58%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(.98)}}
@keyframes license-screen-sweep{0%{left:-50%;opacity:0}18%{opacity:1}100%{left:130%;opacity:0}}
@keyframes license-card-arrive{from{opacity:0;transform:perspective(1000px) translateY(42px) rotateX(9deg) rotateZ(-2deg) scale(.95)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0) rotateZ(0) scale(1)}}
.license-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.license-content{padding:95px 24px 40px}.license-screen-head{left:24px;right:24px;top:22px}.license-screen-brand{font-size:13px}.license-progress{margin-bottom:32px}.license-question-copy h2{font-size:29px}.volleyball-license{padding:22px;border-radius:14px}.volleyball-license h2{font-size:27px}.license-holder{font-size:24px}.license-card-foot{font-size:6px;letter-spacing:.8px}}
@media(max-width:380px){.license-content{padding:88px 20px 36px}.license-question-copy h2{font-size:26px}.license-choice{padding:15px;min-height:60px}.license-choice strong{font-size:14px}.license-choice small{font-size:10px}.volleyball-license{padding:19px}.volleyball-license h2{font-size:23px}.license-card-head{font-size:11px}.license-member-label{font-size:6px}.license-personal{gap:9px}.license-personal dt{font-size:6px;letter-spacing:.5px}.license-personal dd,.license-attributes dd{font-size:11px}}
@media(prefers-reduced-motion:reduce){.signup-reveal.is-welcoming,.license-welcome,.license-recognition,.license-questions.is-changing,.is-running .volleyball-license{animation:none}.license-intro-logo,.license-sweep{display:none}.license-progress>span{transition:none}}