.onboard-page{--onboard-accent:#f4f4f1;background:#0c0d11;color:#f2f2ef;padding-bottom:116px!important}.onboard-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:calc(14px + var(--safe-top)) 16px 10px;gap:12px}.onboard-header>span{text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:#96989e}.onboard-header .icon-btn{border-radius:12px;font-size:29px;background:#15161c;width:40px;height:40px}.onboard-progress{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 16px}.onboard-progress i{height:4px;border-radius:4px;background:#2a2b32}.onboard-progress i.done{background:#f2f2ef}.onboard-intro{padding:22px 0 16px}.onboard-intro h1{font-size:29px;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px}.onboard-intro>p{font-size:13px;line-height:1.5;color:#97999f;margin:0}.onboard-page .field{margin:0 0 19px;gap:8px}.onboard-page .field>span,.onboard-page legend{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#9b9ca3}.onboard-page .field input,.onboard-page .field select,.onboard-page .field textarea{min-height:48px;padding:12px 13px;border:1px solid #2b2d34;border-radius:12px;background:#17181f;color:#f2f2ef;font-size:16px}.onboard-page .field textarea{min-height:94px;resize:vertical}.onboard-field-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.onboard-field-title small{font-size:10px;letter-spacing:0;font-weight:400;color:#989aa1}.onboard-field-title h3{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a1a3aa}.onboard-page .onboarding-photo-field{padding:13px;grid-template-columns:76px minmax(0,1fr);border:1px solid #292b32;border-radius:18px;margin:0 0 20px;gap:14px;background:#15171c}.onboard-page .onboarding-photo-preview{width:76px;height:84px;border:1px dashed #444650;border-radius:14px}.onboard-page .onboarding-photo-field p{font-size:10px;margin:5px 0 10px}.onboard-page .onboarding-photo-field strong{font-size:14px}.onboard-page .onboarding-photo-field .btn{min-height:34px;font-size:11px;border-radius:9px;margin:2px 0;padding:0 10px}.onboard-age-gender{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px}.onboard-age-gender>fieldset,.onboard-fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.onboard-age-gender legend,.onboard-fieldset legend{margin-bottom:10px;width:100%;display:flex;justify-content:space-between}.onboard-choices{display:flex;gap:4px;padding:4px;border:1px solid #2b2d34;background:#17181f;border-radius:12px;min-height:48px}.onboard-choices label{position:relative;flex:1;min-width:0;cursor:pointer}.onboard-choices input{position:absolute;width:1px;height:1px;opacity:0;top:50%;left:50%;margin:0}.onboard-choices label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:38px;height:100%;padding:7px 5px;border-radius:9px;color:#9c9fa7;text-align:center;font-size:12px;line-height:1.35}.onboard-choices label:has(input:checked)>span{background:#f3f3f0;color:#101116}.onboard-choices label:has(input:focus-visible){outline:2px solid #f4cb77;border-radius:9px}.onboard-regions{padding:0;background:none;border:0;gap:8px}.onboard-regions label>span{min-height:63px;font-size:15px;border:1px solid #30323b;border-radius:12px;background:#16171d;color:#f0f0ee}.onboard-regions label:has(input:checked)>span{background:#22242c;border-color:#f0f0ee;color:#f0f0ee}.onboard-regions small{font-size:10px;color:#9c9fa7;margin-top:4px}.onboard-roles{flex-wrap:wrap;background:none;border:0;padding:0;gap:7px}.onboard-roles label{flex:0 1 auto}.onboard-roles label>span{padding:10px 12px;background:#17181f;border:1px solid #2b2d34}.onboard-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.onboard-game-grid>button{position:relative;min-height:91px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:11px;background:#16171d;border:1px solid #292b32;border-radius:14px;color:#f2f2ef;text-align:left}.onboard-game-grid>button.active{border-color:var(--game-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--game-accent) 9%,transparent)}.onboard-game-grid .game-code{background:var(--game-accent);width:29px;height:29px;border-radius:7px}.onboard-game-grid .game-logo-wrap{width:24px;height:24px}.onboard-game-grid strong{font-size:12px}.onboard-game-grid i{position:absolute;right:9px;top:9px;background:var(--game-accent);color:#111;border-radius:50%;font-size:10px;width:17px;height:17px;display:grid;place-items:center;font-style:normal}.onboard-game-page #rank-fields .field>span{font-size:10px}.onboard-page #onboarding-rank-preview{margin:0 0 18px}.onboard-schedule>.onboard-field-title{margin:20px 0 12px}.onboard-schedule-grid{padding:12px 9px;background:#16171d;border:1px solid #2b2d34;border-radius:16px;overflow:hidden}.onboard-page .schedule-grid{grid-template-columns:30px repeat(7,minmax(0,1fr));gap:5px}.onboard-page .schedule-cell{min-height:32px;height:32px;border-radius:9px;background:#15161d;border-color:#2b2d34;font-size:12px}.onboard-page .schedule-cell.selected{background:#f3f3f0;color:#121318;border-color:#f3f3f0}.onboard-page .schedule-label{font-size:9px}.onboard-page .schedule-flexible-choice{background:#17181f;border-radius:12px;font-size:11px;padding:11px}.onboard-presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.onboard-presets button{min-height:37px;flex:1;white-space:nowrap;padding:8px;background:#17181f;border:1px solid #2b2d34;border-radius:10px;color:#ececea;font-size:11px}.onboard-help{font-size:11px;line-height:1.5;margin:15px 0}.onboard-legal{font-size:11px;color:#a0a2ab;line-height:1.6}.onboard-legal a{display:block;margin:8px 0;text-decoration:underline;text-underline-offset:3px}.onboard-page .check{font-size:11px;align-items:flex-start}.onboard-footer{position:fixed;bottom:0;left:0;right:0;width:min(100%,390px);margin:auto;z-index:110;padding:12px 16px calc(12px + var(--safe-bottom));background:#0e0f13;border-top:1px solid #2b2d34}.onboard-footer .btn{height:50px;border-radius:13px;background:#f4f4f1;color:#101114;font-size:15px;box-shadow:none;margin:0!important}.onboard-added-games{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.onboard-added-games>span{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1b1d25;border:1px solid #30323b;border-radius:8px;font-size:11px}.onboard-added-games button{background:none;border:0;color:#ddd;font-size:18px}.onboard-page input,.onboard-page select{scroll-margin-bottom:120px}@media(max-width:350px){.onboard-age-gender{grid-template-columns:72px minmax(0,1fr);gap:8px}.onboard-choices label>span{font-size:11px}.onboard-intro h1{font-size:26px}.onboard-page .schedule-grid{gap:3px}.onboard-game-grid>button{padding:9px}}