.character-onboarding{box-sizing:border-box;color:#f7f2e6;text-align:left;--character-gold:#e7c36c;width:min(540px,100%);margin:auto}.character-onboarding *{box-sizing:border-box}.character-stepper{color:#777;justify-content:center;gap:clamp(12px,4vw,28px);margin:0 0 28px;font:600 11px/1.4 Arial,sans-serif;display:flex}.character-stepper span{align-items:center;gap:7px;display:flex}.character-stepper b{border:1px solid #ffffff24;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.character-stepper .current{color:var(--character-gold)}.character-stepper .current b,.character-stepper .complete b{border-color:var(--character-gold);color:var(--character-gold)}.character-onboarding>header{text-align:center;margin-bottom:24px}.character-onboarding>header>small{letter-spacing:.17em;color:var(--character-gold);font:700 10px/1.4 Arial,sans-serif}.character-onboarding>header h1{letter-spacing:-.04em;outline:none;margin:12px 0;font:750 clamp(25px,6vw,35px)/1.12 Arial,sans-serif}.character-onboarding>header p{color:#a8a8a4;text-wrap:balance;margin:0;font:400 14px/1.5 Arial,sans-serif}.character-choices{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.character-choices>button{cursor:pointer;color:#bdbeb8;touch-action:manipulation;background:radial-gradient(at 50% 60%,#e7c36c0d,#0000 65%),#111211;border:1px solid #fff2;border-radius:20px;flex-direction:column;align-items:center;min-width:0;padding:14px 8px 18px;transition:border-color .16s,background .16s;display:flex;position:relative}.character-choices>button.selected{border-color:var(--character-gold);color:#f6e6b6;background:radial-gradient(#e7c36c22,#0000 70%),#17160e;box-shadow:inset 0 0 0 1px #e7c36c33}.character-choices img{object-fit:contain;object-position:center;filter:drop-shadow(0 12px 15px #0008);width:100%;height:clamp(180px,43vw,260px);margin:0;display:block}.character-choices b{text-align:center;font:700 clamp(12px,3vw,15px)/1.3 Arial,sans-serif}.character-choice-mark{border:1px solid #ffffff25;border-radius:50%;place-items:center;width:21px;height:21px;font:700 12px Arial,sans-serif;display:grid;position:absolute;top:10px;right:10px}.selected .character-choice-mark{background:var(--character-gold);border-color:var(--character-gold);color:#15130b}.character-onboarding .character-primary{border:1px solid var(--character-gold);background:var(--character-gold);color:#16140e;text-align:center;cursor:pointer;text-wrap:balance;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin:0;padding:15px 16px;font:750 14px/1.35 Arial,sans-serif;text-decoration:none;display:flex}.character-primary>span{font-size:20px}.character-google svg{background:#fff;border-radius:50%;flex:none;width:21px;height:21px;padding:2px}.character-primary:disabled,.character-primary[aria-disabled=true]{opacity:.6;cursor:wait}.character-onboarding .character-field{color:#d5cba9;text-align:left;gap:8px;margin:0 0 16px;font:650 12px/1.4 Arial,sans-serif;display:grid}.character-onboarding .character-field input{color:#f5f3ed;letter-spacing:normal;text-transform:none;background:#101110;border:1px solid #ffffff28;border-radius:12px;outline:none;width:100%;min-width:0;height:53px;padding:13px 15px;scroll-margin-block:110px 35px;font:400 16px/1.4 Arial,sans-serif}.character-field input:focus{border-color:var(--character-gold);box-shadow:0 0 0 2px #e7c36c18}.character-nickname{background:#101110;border:1px solid #ffffff28;border-radius:12px;align-items:center;display:flex}.character-nickname>span{color:var(--character-gold);padding-left:15px;font-size:18px}.character-onboarding .character-nickname input{box-shadow:none;background:0 0;border:0}.character-nickname:focus-within{border-color:var(--character-gold)}.character-actions{align-items:center;gap:12px;display:flex}.character-actions .character-primary{flex:1}.character-back{color:#aaa;cursor:pointer;background:0 0;border:0;padding:15px 8px;font:600 13px Arial,sans-serif}.character-preview{background:radial-gradient(at 20% 60%,#e7c36c15,#0000 70%),#101211;border:1px solid #e7c36c35;border-radius:20px;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);align-items:center;gap:18px;margin-bottom:22px;padding:18px;display:grid}.character-preview img{object-fit:contain;width:100%;height:210px;margin:0;display:block}.character-preview>div{min-width:0}.character-preview b{overflow-wrap:anywhere;color:#fff;margin:7px 0;font:750 clamp(19px,5vw,28px)/1.2 Arial,sans-serif;display:block}.character-preview small{color:#a9a79d;font:500 11px/1.4 Arial,sans-serif}.character-preview span{color:var(--character-gold);font:500 13px/1.4 Arial,sans-serif}.character-preview button{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #7776;margin-top:20px;padding:0;font:500 11px/1.5 Arial,sans-serif;display:block}.character-preview.compact{grid-template-columns:70px minmax(0,1fr);padding:12px 18px}.character-preview.compact img{height:100px}.character-preview.compact b{font-size:22px}.character-onboarding .character-note{text-align:center;color:#858781;text-wrap:balance;margin:13px 0 18px;font:400 11px/1.6 Arial,sans-serif}.character-onboarding .character-note a{color:#b9b8ad;font:inherit;background:0 0;border-radius:0;padding:0;text-decoration:underline;display:inline}.character-onboarding .character-existing{text-align:center;color:#a3a59e;background:0 0;margin:12px 0 0;padding:18px 0 0;font:400 12px/1.5 Arial,sans-serif;text-decoration:none;display:block}.character-existing b{color:var(--character-gold);font-weight:650}.character-onboarding .character-error{color:#e8b2a4;overflow-wrap:anywhere;background:#c782700d;border:1px solid #c7827045;border-radius:12px;margin:16px 0;padding:12px 14px;font:400 13px/1.5 Arial,sans-serif}.character-onboarding button:focus-visible,.character-onboarding a:focus-visible{outline:2px solid var(--character-gold);outline-offset:4px}.mg-portal-gate-content:has(.character-onboarding){text-align:left;padding:106px 20px 32px;display:block}@media (width<=360px){.character-stepper{gap:12px;font-size:10px}.character-choices{gap:9px}.character-preview{gap:12px;padding:14px}.character-preview img{height:180px}.character-onboarding .character-google{font-size:13px}}@media (prefers-reduced-motion:reduce){.character-choices>button{transition:none}}.character-preview>div{container-type:inline-size}.character-preview b,.character-preview.compact b{font-size:clamp(12px,calc(100cqw / var(--character-nick-units,12)),26px);white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.character-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.character-stepper>span{justify-content:center;min-width:0}.character-preview.review img{height:160px}.character-contact-review{gap:10px;margin:0 0 20px;padding:0 2px;font:400 12px/1.4 Arial,sans-serif;display:grid}.character-contact-review>div{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:10px;display:grid}.character-contact-review span{color:#888b84}.character-contact-review b{color:#e6e7df;overflow-wrap:anywhere;font-weight:550}.character-contact-review>button{color:#aaa;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7776;justify-self:end;padding:2px 0;font:500 11px/1.5 Arial,sans-serif}.character-saving{color:#e7c36c;text-align:center;flex-direction:column;align-items:center;gap:18px;font:500 13px/1.5 Arial,sans-serif;display:flex}.character-saving img{object-fit:contain;width:180px;height:240px;margin:0;display:block}@media (width<=420px){.character-stepper>span{flex-direction:column;gap:6px;font-size:10px}.character-stepper{margin-bottom:24px}}.character-onboarding .character-nickname{isolation:isolate;gap:0;overflow:hidden}.character-onboarding .character-nickname>span{flex:none;padding:0 0 0 15px;line-height:1}.character-onboarding .character-nickname input,.character-onboarding .character-nickname input:focus{flex:1 1 0;width:0;min-width:0;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;padding:13px 12px 13px 8px!important}.character-onboarding .character-nickname:focus-within{border-color:var(--character-gold);box-shadow:0 0 0 2px #e7c36c18}.character-field>small{color:#858781;font-size:10px;font-weight:400}.character-nickname-status{color:#94958e;min-height:18px;margin:-7px 0 17px;font:500 11px/1.5 Arial,sans-serif}.character-nickname-status.available{color:#d8c388}.character-nickname-status.taken{color:#e8b2a4}.character-choices>button:first-child img,.character-choices>button:last-child img{transform:none}.character-onboarding img[src*=milo-grumete]{transform:none!important}.character-onboarding .character-actions{flex-direction:column;gap:4px}.character-onboarding .character-actions .character-primary{flex:none}.character-onboarding .character-back{width:100%;min-height:40px;padding:10px}.mg-portal-gate-content:has(.character-onboarding){min-height:100dvh;padding:calc(var(--mg-portal-top,76px) + 12px) 16px max(8px,env(safe-area-inset-bottom));align-items:flex-start;display:flex}.mg-portal-gate-content .character-onboarding{width:min(420px,100%);margin:0 auto}.character-onboarding .character-stepper{margin-bottom:12px}.character-onboarding>header{margin-bottom:14px}.character-onboarding>header h1{margin:6px 0 8px;font-size:clamp(23px,5.8vw,32px)}.character-onboarding>header p{margin:0;font-size:13px;line-height:1.4}.character-onboarding .character-choices{margin-bottom:14px}.character-onboarding .character-choices>button{padding:10px 6px}.character-onboarding .character-choices img{height:clamp(110px,100dvh - 370px,245px);margin:0}.character-onboarding .character-preview{margin-bottom:12px;padding:10px 14px}.character-onboarding .character-preview.compact img{height:clamp(44px,12dvh,85px);margin:0}.character-onboarding .character-preview.review img{height:clamp(60px,17dvh,120px);margin:0}.character-onboarding .character-field{gap:5px;margin-bottom:12px}.character-onboarding .character-nickname-status{min-height:16px;margin:-4px 0 8px}.character-onboarding .character-contact-review{gap:6px;margin-bottom:12px}.character-onboarding .character-existing{margin:4px 0 0;padding:8px 0 0}.character-onboarding .character-note{margin:8px 0 0;line-height:1.4}@media (height<=650px){.character-onboarding .character-stepper{margin-bottom:8px}.character-onboarding>header{margin-bottom:10px}.character-onboarding .character-primary{min-height:44px;padding:10px 12px}.character-onboarding .character-field input{height:44px;padding:9px 12px}.character-onboarding .character-preview button{margin-top:8px}.character-onboarding .character-preview.review img{height:70px}}@media (height<=480px){.mg-portal-gate-content:has(.character-onboarding){padding-top:calc(var(--mg-portal-top,76px) + 4px)}.character-onboarding .character-stepper,.character-onboarding .character-preview.compact{display:none}.character-onboarding>header p{font-size:12px}.character-onboarding .character-existing{padding-top:4px}.character-onboarding .character-choices img{height:70px}}.mg-portal-shell{--mg-portal-top:130px;--mg-portal-bottom:0px;min-height:100dvh}.mg-portal-header{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#090909f5;border-bottom:1px solid #ffffff12;position:fixed;inset:0 0 auto}.mg-portal-header .cap-menu-bar{min-height:76px;margin-inline:auto}.cap-menu-tools{flex-shrink:0;justify-content:center;align-items:center;display:flex}.mg-portal-header .cap-menu-tools .mg-portal-menu-toggle{color:#e7c36c;cursor:pointer;background:#191919;border:1px solid #ffffff20;border-radius:12px;place-items:center;min-width:42px;min-height:44px;font:22px/1 Arial,sans-serif;display:grid}.mg-portal-header .cap-menu-select{margin-right:auto}.mg-portal-header .mg-desktop-nav{justify-content:center;max-width:980px;height:54px;margin:auto}.mg-portal-shell .mg-page{box-sizing:border-box;min-height:100dvh;overflow:visible;padding-top:var(--mg-portal-top)!important;padding-bottom:var(--mg-portal-bottom)!important}.mg-portal-shell .mg-page>main{box-sizing:border-box;min-height:calc(100dvh - var(--mg-portal-top) - var(--mg-portal-bottom))!important}.mg-portal-shell .mg-active-order-strip{top:var(--mg-portal-top)!important}.mg-portal-shell .mg-portal-drawer-tools{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:10px;display:flex}.mg-portal-shell .mg-portal-drawer-tools button{color:#e7c36c;background:#191919;border:1px solid #ffffff20;border-radius:10px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid;width:auto!important;height:44px!important;box-shadow:none!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.mg-portal-drawer-tools svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.mg-portal-shell .mg-portal-drawer-tools .notification-bell b{position:absolute;top:-4px;right:-4px}.mg-portal-shell .mg-page :is(input,textarea,select){scroll-margin-top:calc(var(--mg-portal-top) + 16px);scroll-margin-bottom:calc(var(--mg-portal-bottom) + 16px)}@media (width<=760px){.mg-portal-shell{--mg-portal-top:76px;--mg-portal-bottom:calc(72px + env(safe-area-inset-bottom))}.mg-portal-header .mg-desktop-nav{display:none}.mg-portal-header .cap-menu-bar{gap:8px}.mg-portal-header .cap-menu-select{flex:140px;max-width:190px}.mg-portal-header .cap-menu-bar>a{padding-inline:11px}.mg-portal-shell .mg-page{overflow-x:clip}.keyboard-field-active .mg-portal-shell .mg-mobile-nav{display:none!important}.keyboard-field-active .mg-portal-shell{--mg-portal-bottom:0px}}.mg-portal-shell{--mg-order-strip:0px}.mg-portal-shell:has(.mg-active-order-strip){--mg-order-strip:44px}.mg-portal-shell .mg-page{padding-top:calc(var(--mg-portal-top) + var(--mg-order-strip))!important}.mg-portal-shell .mg-page>main{min-height:calc(100dvh - var(--mg-portal-top) - var(--mg-portal-bottom) - var(--mg-order-strip))!important}.mg-portal-shell .mg-page :is(input,textarea,select){scroll-margin-top:calc(var(--mg-portal-top) + var(--mg-order-strip) + 16px)}.mg-portal-gate{--mg-portal-top:76px;--mg-portal-bottom:0px}.mg-portal-gate-content{box-sizing:border-box;text-align:center;place-items:center;min-height:100dvh;padding:110px 24px 40px;display:grid}.mg-portal-gate-content section{width:min(420px,100%)}.mg-portal-gate-content img{object-fit:contain;margin:0 auto 24px}.mg-portal-gate-content h1{color:#f2f2f2;font:700 clamp(26px,6vw,36px)/1.15 Arial,sans-serif}.mg-portal-gate-content p{color:#aaa;text-wrap:balance;margin:16px auto 24px;line-height:1.6}.mg-portal-gate-content a{color:#151515;background:#e7c36c;border-radius:14px;padding:17px;font-weight:700;text-decoration:none;display:block}@media (width<=760px){.mg-portal-shell:has(.mg-active-order-strip){--mg-order-strip:42px}}.mg-portal-header .cap-menu-tools{gap:8px;margin-left:auto}.mg-portal-header .cap-menu-tools :is(.member-search-button,.notification-bell){box-sizing:border-box;color:#e7c36c;cursor:pointer;background:#191919;border:1px solid #ffffff20;border-radius:12px;place-items:center;min-width:44px;min-height:44px;width:44px!important;height:44px!important;box-shadow:none!important;margin:0!important;padding:10px!important;display:grid!important;position:relative!important;inset:auto!important;transform:none!important}.mg-portal-header .cap-menu-tools svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mg-portal-header .cap-menu-tools .notification-bell b{color:#151515;text-align:center;background:#e7c36c;border-radius:20px;min-width:18px;height:18px;padding:2px;font:700 10px/14px Arial,sans-serif;position:absolute;top:0;right:0}.mg-portal-header .cap-menu-bar .cap-menu-select{flex:140px;width:auto;min-width:0;max-width:190px}.mg-portal-shell.mg-route-conta{--mg-portal-top:76px;--mg-portal-bottom:env(safe-area-inset-bottom,0px)}
