body.ob-active{background:#090909;color:#eee}body.ob-active #app{display:none}.ob-wrap{min-height:100dvh;max-width:500px;margin:auto;background:#050505;color:#f2f2f2;padding:0 26px;font-family:'Golos Text',sans-serif;color-scheme:dark}.ob-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:15px}.ob-brand{font-size:26px;font-weight:800;letter-spacing:-1.5px}.ob-brand i{font-style:normal;color:#e75143}.ob-lang{background:#1e1e1e;padding:4px;border-radius:30px;display:flex;gap:2px}.ob-lang button{border-radius:50px;font-size:12px;color:#8f8f8f;padding:8px 13px}.ob-lang button.sel{color:#161616;background:#ededed}.ob-back{width:40px;height:40px;display:grid;place-items:center;background:#1e1e1e;border-radius:50%}.ob-count{color:#8b8b8b;font:12px ui-monospace,monospace;letter-spacing:2px;margin-left:auto}.ob-progress{display:flex;gap:5px;margin:0 0 31px}.ob-progress span{height:3px;border-radius:3px;background:#292929;flex:1}.ob-progress span.done{background:#ededed}.ob-progress span.current{background:#e75143}.ob-content{min-height:calc(100dvh - 220px);display:flex;flex-direction:column;padding-bottom:24px}.ob-kicker{font:12px ui-monospace,monospace;color:#888;letter-spacing:2px;margin-bottom:17px;text-transform:uppercase}.ob-title{font-size:37px;font-weight:500;letter-spacing:-1.6px;line-height:1.15;margin:0 0 14px}.ob-sub{color:#939393;font-size:15px;line-height:1.6;margin:0 0 30px}.ob-field{display:grid;gap:10px;margin-bottom:22px}.ob-field label,.ob-label{font-size:14px;color:#b2b2b2}.ob-field input,.ob-field select,.ob-game-search{color:#f1f1f1;background:#202020;border:1px solid transparent;border-radius:18px;width:100%;padding:20px 18px;min-height:60px;outline:none;font-size:16px}.ob-field input:focus,.ob-field select:focus,.ob-game-search:focus{border-color:#929292}.ob-field input::placeholder,.ob-game-search::placeholder{color:#696969}.ob-note{color:#808080;font-size:12px;line-height:1.6}.ob-footer{position:sticky;bottom:0;background:linear-gradient(0deg,#050505 85%,#05050500);padding:16px 0 max(24px,env(safe-area-inset-bottom));z-index:3}.ob-next{background:#ededed;color:#111;border-radius:50px;min-height:58px;width:100%;font-weight:600;letter-spacing:.1px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:12px}.ob-next:disabled{background:#333;color:#777;opacity:1}.ob-next.red{background:#d8493c;color:white}.ob-step-help{text-align:center;font-size:11px;letter-spacing:.5px;color:#777;margin-top:13px}.ob-error{font-size:13px;color:#ff9287;line-height:1.6;margin:10px 0}.ob-welcome .ob-content{min-height:calc(100dvh - 282px);padding-bottom:0}.ob-welcome .ob-title{text-align:center;font-size:44px;letter-spacing:-2px;margin:14px 0}.ob-welcome .ob-sub{text-align:center;max-width:330px;margin:0 auto 20px;font-size:15px}.ob-art{flex:1;min-height:225px;border:1px dashed #353535;border-radius:130px 130px 22px 22px;display:flex;align-items:center;justify-content:center;position:relative;margin:8px 22px 20px;color:#545454}.ob-art>span{font:11px ui-monospace,monospace;letter-spacing:2px;text-align:center;line-height:2}.ob-art small{display:block;letter-spacing:1px;font-size:10px;color:#444}.ob-art:before,.ob-art:after{content:'+';position:absolute;font:20px monospace;color:#555}.ob-art:before{top:20px;left:20px}.ob-art:after{right:20px;bottom:20px}.ob-press{text-align:center;font-size:11px;color:#777;line-height:1.8;padding:10px 0}.ob-press-boxes{display:flex;justify-content:center;gap:18px;color:#444;font:14px ui-monospace,monospace;margin:8px 0 0;letter-spacing:3px}.ob-legal{text-align:center;color:#777;font-size:11px;line-height:1.65;margin:14px 4px 0}.ob-legal button{display:inline;color:#aaa;text-decoration:underline;padding:0;font-size:inherit}.ob-handle{color:#565656;text-align:center;font:11px ui-monospace,monospace;letter-spacing:2px;margin-top:15px}.ob-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 25px}.ob-choice{background:#202020;border-radius:24px;padding:19px;text-align:left;display:flex;flex-direction:column;position:relative;gap:8px;min-height:137px;border:1px solid transparent;transition:background .15s}.ob-choice.selected{background:#e6e6e6;color:#171717}.ob-choice.selected .ob-option-sub{color:#686868}.ob-choice .ob-option-title{font-size:15px;line-height:1.4}.ob-option-sub{font-size:12px;color:#929292;line-height:1.5}.ob-choice .ob-radio{width:17px;height:17px;border:1px solid #6c6c6c;border-radius:50%;align-self:flex-end;margin-top:auto}.ob-choice.selected .ob-radio{border:5px solid #d8493c}.ob-languages{display:flex;gap:10px;margin:10px 0 24px}.ob-language{background:#202020;border:1px solid transparent;border-radius:17px;padding:16px;flex:1;display:flex;align-items:center;justify-content:space-between;font-size:15px}.ob-language.selected{border-color:#d6d6d6;background:#282828}.ob-language span{color:#d8493c}.ob-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.ob-toggle{background:#202020;border-radius:23px;padding:20px;display:flex;align-items:center;gap:15px;width:100%;text-align:left;min-height:88px;margin:9px 0}.ob-switch{flex-shrink:0;width:49px;height:28px;background:#545454;border-radius:40px;position:relative;margin-left:auto}.ob-switch:after{content:'';position:absolute;width:22px;height:22px;top:3px;left:3px;border-radius:50%;background:#151515;transition:.2s}.ob-toggle[aria-checked=true] .ob-switch{background:#e7e7e7}.ob-toggle[aria-checked=true] .ob-switch:after{left:24px;background:#d8493c}.ob-section{margin:23px 0 11px;font-size:17px;font-weight:500}.ob-search-box{position:relative}.ob-game-search{padding-left:47px}.ob-search-box>svg{position:absolute;left:17px;top:21px;color:#777;width:19px}.ob-games{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 10px}.ob-game{border:1px solid transparent;background:#202020;border-radius:15px;padding:0;overflow:hidden;text-align:left;position:relative;min-width:0}.ob-game.selected{border-color:#eaeaea}.ob-game img{width:100%;aspect-ratio:460/215;object-fit:cover;display:block;background:#292929}.ob-game-cover-fallback{display:grid;place-items:center;aspect-ratio:460/215;background:#292929;font-size:24px;color:#777}.ob-game-name{padding:10px 12px;font-size:12px;display:block}.ob-game.selected:after{content:'✓';position:absolute;right:8px;top:8px;width:23px;height:23px;border-radius:50%;background:#e3e3e3;color:#111;display:grid;place-items:center;font-size:13px}.ob-selected-game{margin-top:12px;display:flex;align-items:center;gap:12px;padding:10px;border-radius:15px;background:#242424}.ob-selected-game img{width:86px;border-radius:8px}.ob-selected-game span{font-size:14px}.ob-selected-game button{margin-left:auto;color:#999}.ob-avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px;margin:24px 0 27px}.ob-avatar{border-radius:50%;background:#252525;border:2px solid transparent;aspect-ratio:1;display:grid;place-items:center;font-size:33px;color:#eee;position:relative}.ob-avatar.selected{border-color:#eee}.ob-avatar.selected:after{content:'✓';font-size:12px;background:#d8493c;border:3px solid #050505;position:absolute;right:-2px;bottom:0;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.ob-avatar-preview{width:128px;height:128px;margin:8px auto 0;border-radius:50%;background:#202020;display:grid;place-items:center;font-size:58px;overflow:hidden}.ob-avatar-preview img{width:100%;height:100%;object-fit:cover}.ob-upload{border:1px dashed #454545;border-radius:22px;padding:19px;display:flex;gap:17px;align-items:center;cursor:pointer;width:100%;text-align:left;background:#121212}.ob-upload-circle{height:42px;width:42px;display:grid;place-items:center;background:#292929;border-radius:50%;font-size:23px;flex-shrink:0}.ob-remove{display:block;color:#b5b5b5;text-decoration:underline;font-size:12px;margin:14px auto}.ob-birth{display:grid;grid-template-columns:1fr 1.5fr 1.25fr;gap:10px}.ob-birth .ob-field input,.ob-birth .ob-field select{padding:19px 12px}.ob-birthday-note{background:#1d1d1d;padding:22px;border-radius:24px;margin-top:9px;display:flex;gap:15px;line-height:1.6;font-size:14px;color:#a5a5a5}.ob-birthday-note b{font:22px ui-monospace,monospace;color:#f0f0f0;flex-shrink:0}.ob-key-visual{font:72px ui-monospace,monospace;color:#333;letter-spacing:8px;margin:35px 0 55px;line-height:1.1}.ob-name-big{font-size:24px!important;padding:26px 22px!important;border-radius:24px!important}.ob-legal-modal{color:#ddd;background:#1b1b1b}.ob-legal-modal::backdrop{background:#000b}.ob-legal-modal p{color:#aaa}.ob-legal-modal .close{background:#333;color:white}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ob-badge{font:11px ui-monospace,monospace;letter-spacing:1px;color:#777;border:1px solid #333;border-radius:6px;padding:5px 7px}.ob-welcome .ob-header{height:76px}@media(min-width:700px){.ob-wrap{border-left:1px solid #191919;border-right:1px solid #191919;min-height:100dvh}.ob-content{min-height:calc(100dvh - 220px)}.ob-welcome .ob-content{min-height:calc(100dvh - 282px)}.ob-art{max-height:420px}.ob-header{height:91px}}@media(max-width:380px){.ob-wrap{padding:0 20px}.ob-title{font-size:33px}.ob-welcome .ob-title{font-size:38px}.ob-choice{padding:15px}.ob-avatars{gap:12px}.ob-avatar{font-size:29px}.ob-art{min-height:190px}.ob-header{height:76px}.ob-birth{gap:7px}.ob-birth .ob-field select{padding-left:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Shared select geometry: one inset arrow on every select. */
select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8b8b8' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:18px 18px!important;background-position:right 18px center!important;padding-right:48px!important}.ob-birth .ob-field select{padding-right:36px!important;background-position:right 12px center!important}.ob-language{cursor:pointer}.ob-language input[type=checkbox]{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:1.5px solid #666;border-radius:5px;background:#171717;display:grid;place-items:center;cursor:pointer;margin:0;flex-shrink:0}.ob-language input[type=checkbox]:checked{background:#e9e9e9;border-color:#e9e9e9}.ob-language input[type=checkbox]:checked:after{content:'';width:8px;height:4px;border:2px solid #171717;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}.ob-language input[type=checkbox]:focus-visible{outline:3px solid #d8493c;outline-offset:4px}.ob-combo{position:relative}.ob-field .ob-combo input{padding-right:50px}.ob-combo-chevron{position:absolute;right:9px;top:9px;height:42px;width:36px;display:grid;place-items:center;color:#b8b8b8;cursor:pointer}.ob-combo-options{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:250px;overflow-y:auto;background:#252525;border:1px solid #414141;border-radius:17px;z-index:15;box-shadow:0 14px 34px #0009;padding:7px;overscroll-behavior:contain;scrollbar-width:thin}.ob-combo-option{padding:13px 12px;font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:space-between;gap:7px;border-radius:10px;cursor:pointer;overflow-wrap:anywhere}.ob-combo-option:hover,.ob-combo-option.highlight{background:#3b3b3b}.ob-combo-option[aria-selected=true]{color:#fff;background:#353535}.ob-combo-option span{color:#d8493c}.ob-combo-empty{padding:15px;color:#999;font-size:14px}.ob-key-visual{display:none}.ob-birth{margin-top:7px}.ob-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.ob-field input::-webkit-inner-spin-button,.ob-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}