:root{font-family:Arial,sans-serif;color:#285b66;background:#087fb9}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a,label,input{touch-action:manipulation}button{cursor:pointer}a{color:#18788d}input{min-width:0}input:focus-visible,button:focus-visible,a:focus-visible{outline:5px solid #22a7bb;outline-offset:4px}.human-onboarding-frame{position:absolute;overflow:hidden;background:#a9d5cd}.human-onboarding-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;background:center/cover url('./assets/login-v1/village-gateway.png');direction:rtl}.play-onboarding-shell{position:absolute;inset:60px 100px;padding:36px 58px 40px;border:32px solid transparent;border-image:url('./assets/login-v3/gateway-frame.png') 17.5% / 1.65 stretch;background:#f2fcf4;background-clip:padding-box;display:flex;flex-direction:column;gap:20px;overflow:auto}.play-onboarding-header{padding-bottom:15px;border-bottom:3px solid #bad9cd;flex-shrink:0}.play-onboarding-header h1{font-size:46px;line-height:1.15;margin:7px 0 8px;color:#24576a}.play-onboarding-header p{margin:0;font-size:27px;color:#4e807a}.play-onboarding-header>div>span{font-size:22px;color:#738879}.play-onboarding-form{display:grid;grid-template-columns:520px minmax(0,1fr);direction:ltr;gap:60px;flex:1;min-height:0}.play-onboarding-form>section{direction:rtl}.play-onboarding-preview-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#dceee7;border:3px solid #bedacf;border-radius:70% 70% 26px 26px}.play-character-preview{height:500px;width:100%;display:grid;place-items:center;overflow:visible}.play-character-preview .play-character.is-human-rig{transform:scale(3.6)!important;transform-origin:center}.play-character-greeting{padding:12px 24px 36px;display:flex;flex-direction:column;gap:12px}.play-character-greeting strong{font-size:32px}.play-character-greeting span{font-size:25px;line-height:1.5}.human-preview-status{margin:0;font-size:22px;color:#507f77;max-width:90%}.play-onboarding-controls{display:flex;flex-direction:column;gap:16px;overflow:auto;padding:2px 8px 8px}.play-onboarding-card{border:0;padding:0;margin:0}.play-onboarding-card legend{font-size:29px;font-weight:700;padding:0;margin-bottom:13px}.play-onboarding-card:first-child:has(input[name="username"]){display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.play-onboarding-card label:not(.human-tone-option){font-size:23px}.play-onboarding-card input:not([type="radio"]){width:100%;height:54px;border:2px solid #9cbeb6;border-radius:12px;background:#fffdf6;color:#2a555c;padding:4px 14px;margin-top:6px}.play-onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;grid-column:1/-1}.play-onboarding-card small{grid-column:1/-1;font-size:20px;color:#66857d}.play-character-gender-options{display:flex;gap:15px}.play-character-gender-options label{display:flex;gap:10px;align-items:center;border:2px solid #a7c9bc;border-radius:12px;padding:10px 25px;background:#fffdf4;cursor:pointer}.play-character-gender-options label:has(:checked){background:#bfeae7;border-color:#398a8d}.play-character-gender-options input{width:24px;height:24px;accent-color:#237e86}.play-character-colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.human-tone-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;cursor:pointer;font-size:18px}.human-tone-option input{position:absolute;top:20px;width:25px;height:25px;opacity:0}.human-tone-option i{width:64px;height:64px;border-radius:50%;border:3px solid #85644f;background:var(--character-color);display:block}.human-tone-option:has(:checked) i{outline:5px solid #278a92;outline-offset:4px}.human-tone-option:has(:focus-visible) i{outline:5px dashed #154c64;outline-offset:4px}.play-color-lock-note{font-size:20px;color:#557d75;margin:16px 0 0}.play-onboarding-consent{display:flex;gap:12px;align-items:center;font-size:23px}.play-onboarding-consent input{width:26px;height:26px;accent-color:#278b8c}.play-onboarding-submit{display:flex;align-items:center;justify-content:center;gap:25px;border:0;background:transparent url('./assets/login-v2/button.svg') center/100% 100% no-repeat;min-height:76px;color:#fff6df;font-size:30px;font-weight:bold;text-shadow:0 1px #28545e;padding:14px 26px}.play-onboarding-submit:hover{background-image:url('./assets/login-v2/button-hover.svg')}.play-onboarding-submit:active{background-image:url('./assets/login-v2/button-pressed.svg')}.play-onboarding-submit:disabled{opacity:.7;cursor:wait}.play-onboarding-submit b{font-size:36px}.play-existing-account{font-size:22px;text-align:center;margin:0}.play-onboarding-alert{padding:15px 25px;border:2px solid #bd8255;border-radius:10px;background:#fff0d6;color:#874e32;font-size:24px;display:flex;gap:20px}.play-illustrated-icon{display:none}

.play-onboarding-shell{inset:42px 100px;padding:27px 58px 28px;gap:16px}.play-onboarding-header{padding-bottom:12px}.play-onboarding-header h1{font-size:43px}.play-onboarding-header p{font-size:25px}.play-onboarding-controls{gap:12px}.play-onboarding-card legend{margin-bottom:9px;font-size:27px}.play-onboarding-card input:not([type="radio"]){height:48px}.play-character-preview{height:460px}

/* A compact painted action badge; its art keeps the authored proportions. */
.play-onboarding-submit{width:560px;max-width:100%;height:104px;min-height:104px;align-self:center;flex-shrink:0;gap:14px;padding:12px 48px 24px;color:#F4FFED;text-shadow:0 2px #246A70;background-image:url('./assets/onboarding-v2/create-account-normal.svg');background-size:100% 100%;font-size:30px;line-height:1.15;transition:translate .12s ease;}
.play-onboarding-submit:hover{background-image:url('./assets/onboarding-v2/create-account-hover.svg');translate:0 -2px;}
.play-onboarding-submit:active{background-image:url('./assets/onboarding-v2/create-account-pressed.svg');translate:0 2px;}
.play-onboarding-submit:disabled{translate:none;}
.play-onboarding-submit-icon{width:36px;height:34px;flex:0 0 36px;pointer-events:none;}
.play-onboarding-controls{gap:8px;}
.play-onboarding-card legend{margin-bottom:7px;}
.play-color-lock-note{margin-top:14px;}
.play-character-preview{transform-origin:50% 96%;}
.human-tone-option:has(:checked) i{animation:onboarding-swatch-pick .35s ease-out;}
@keyframes onboarding-swatch-pick{0%{transform:scale(.92)}50%{transform:scale(1.10)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.play-onboarding-submit{transition:none}.play-onboarding-submit:hover,.play-onboarding-submit:active{translate:none}.human-tone-option:has(:checked) i{animation:none}}

.play-onboarding-submit:active>span,.play-onboarding-submit:active>.play-onboarding-submit-icon{translate:0 4px;}