html:root .account-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:36px;max-width:1240px;margin:40px auto 72px;display:grid}.account-sidebar{top:calc(var(--header-height) + 24px);min-width:0;position:sticky}.account-identity{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 64%, transparent);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;display:flex}html:root .account-identity-avatar{background:var(--brand-soft);border-radius:22px;width:66px;height:66px;margin-bottom:8px}.account-identity b{overflow-wrap:anywhere;font-size:18px}.account-identity small,.account-sidebar-note{color:var(--muted);font-size:12px}.accountnav{flex-direction:column;gap:6px;margin-top:24px;display:flex}.accountnav-item{min-height:48px;color:var(--muted);transition:background var(--motion), color var(--motion);border-radius:14px;align-items:center;gap:12px;padding:12px 15px;font-weight:500;display:flex}.accountnav-item svg{stroke-width:1.7px;flex-shrink:0;width:19px;height:19px}.accountnav-item:hover{background:var(--surface);color:var(--ink)}.accountnav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.account-sidebar-note{padding:16px 12px;line-height:1.8}.account-content{min-width:0}.account-placeholder{background:var(--surface-3);border-radius:6px;display:block}.account-identity-placeholder{background-clip:content-box;width:124px;height:1lh;padding-block:7px}.account-loading-content{gap:20px;min-height:740px;display:grid}.account-loading-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;align-items:start;gap:18px;min-width:0;min-height:274px;padding:25px;display:flex}.account-loading-card .is-icon{border-radius:15px;width:44px;height:44px}.account-loading-card .is-title{width:48%;height:26px}.account-loading-card .is-line{width:80%;height:16px}.account-loading-card .is-value{width:56%;height:32px;margin-top:auto}html:root .account-content .container{width:100%;max-width:none;margin:0;padding-inline:0}html:root .account-content .page-banner{box-shadow:none;background:0 0;border:0;padding:0 0 28px}html:root .account-content .page-banner h1{margin:0;font-size:clamp(28px,3vw,36px)}html:root .account-content .page-content{padding-top:0;padding-bottom:0}html:root .account-content .page-banner-description{max-width:600px;margin-top:10px;font-size:14px;line-height:1.8}.account-section-stack{gap:22px;display:grid}html:root .account-content .profile-section-card{padding:24px}.account-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.account-overview-card{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:274px;box-shadow:var(--shadow-sm);transition:border-color var(--motion), box-shadow var(--motion);border-radius:24px;flex-direction:column;align-items:start;padding:25px;display:flex}.account-overview-card:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:var(--shadow-md)}.account-overview-header{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-block-end:18px;display:flex}.account-overview-header-action{z-index:1;flex-shrink:0;position:relative}.account-overview-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:15px;flex-shrink:0;place-items:center;display:grid}html:root .account-overview-card h2{margin:0 0 8px;font-size:21px}.account-overview-card>p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.8}.account-overview-value{gap:6px;min-width:0;max-width:100%;margin-block:auto 12px;display:grid}.account-overview-value strong{overflow-wrap:anywhere;font-size:16px;font-weight:600}.account-value-placeholder{background-clip:content-box;width:150px;max-width:100%;height:1lh;padding-block:5px}.account-overview-value small{color:var(--muted);overflow-wrap:anywhere}.account-overview-meta{color:var(--muted);gap:9px;margin-bottom:12px;font-size:15px;line-height:1.7;display:flex}.account-overview-meta i{font-style:normal}.account-overview-card>.ui-divider{margin-block-start:12px}.account-overview-link{width:100%;color:var(--brand);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:13px;font-weight:600;display:flex}.account-overview-card.is-wallet{background:linear-gradient(135deg, var(--brand-soft), var(--surface))}.account-overview-card.is-wallet .account-overview-value strong{min-height:78px;font-size:30px;line-height:1.3}.account-status-success{color:var(--success)}html:root .account-content .wallet-dashboard{grid-template-columns:1fr;gap:24px}html:root .account-content .wallet-summary-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}html:root .account-content .wallet-balance-card strong{font-size:36px}html:root .account-content .wallet-rule-card{height:100%;margin:0}html:root .account-content .passkey-management-page{padding:0}@media (max-width:900px){html:root .account-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}.account-overview,html:root .account-content .wallet-summary-column{grid-template-columns:1fr}.accountnav-item{padding-inline:12px;font-size:13px}}@media (max-width:680px){html:root .account-layout{margin-top:20px;margin-bottom:36px;display:block}.account-sidebar{margin-bottom:24px;position:static}.account-identity,.account-sidebar-note{display:none}.accountnav{overscroll-behavior-x:contain;scrollbar-width:thin;flex-direction:row;gap:6px;margin:0;padding-bottom:8px;overflow-x:auto}.accountnav-item{white-space:nowrap;flex-shrink:0;gap:8px;min-height:44px;padding:10px 12px;font-size:12px}.accountnav-item svg{width:17px;height:17px}html:root .account-content .page-banner{padding-bottom:22px}html:root .account-content .profile-section-card{padding:20px}.account-overview{gap:16px}.account-overview-card{min-height:240px;padding:22px}}.account-welcome{border:1px solid var(--line);background:linear-gradient(110deg, var(--brand-soft), var(--canvas));border-radius:24px;align-items:center;min-height:134px;margin-bottom:28px;padding:26px;display:flex;position:relative;overflow:hidden}.account-welcome>div{z-index:1;max-width:70%;position:relative}html:root .account-welcome h2{margin:0 0 8px;font-size:20px}.account-welcome p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.account-welcome img{object-fit:contain;inset-inline-end:-22px;pointer-events:none;width:215px;height:135px;position:absolute;bottom:-5px}.linked-list-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}html:root .linked-list-heading h2{margin:0;font-size:18px}.linked-list-heading>span{color:var(--muted);background:var(--surface-2);border-radius:99px;padding:3px 10px;font-size:12px}.linked-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.linked-account-card{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.linked-account-card>.ui-divider{margin:0}.linked-account-summary{min-inline-size:0;padding:18px 20px 14px}.linked-account-top{align-items:center;gap:12px;min-inline-size:0;display:flex}html:root .linked-account-avatar{background:var(--brand-soft);border-radius:18px;flex-shrink:0;width:52px;height:52px}.linked-account-top>div{flex:1;min-width:0}html:root .linked-account-top h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px;font-size:18px;display:-webkit-box;overflow:hidden}.linked-account-top small{text-overflow:ellipsis;color:var(--muted);font-size:12px;display:block;overflow:hidden}.linked-icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;place-items:center;margin-inline-start:auto;display:grid}.linked-icon-button:hover{background:var(--surface-2);color:var(--brand)}.linked-account-status{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block-start:14px;display:flex}.linked-account-status>small{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:3px;font-size:11px;display:flex}.linked-access{white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:10px;flex:none;align-self:center;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.linked-access>span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.linked-access.is-verified{background:color-mix(in srgb, var(--success) 8%, var(--surface));color:var(--success)}.linked-access.is-stale{background:color-mix(in srgb, var(--warning) 9%, var(--surface));color:var(--warning)}.linked-access.is-rejected{background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.linked-account-actions{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-block-start:8px;display:flex}.linked-account-actions button:not(.button){min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.linked-account-actions button svg{flex-shrink:0;width:15px;height:15px}.linked-account-actions button.linked-refresh{color:var(--brand)}.linked-account-actions .linked-unlink svg{width:18px;height:18px}.linked-account-actions .linked-unlink{min-width:36px;margin-inline-start:auto}.linked-account-actions button:not(.button):hover:not(:disabled){background:var(--surface-2);color:var(--brand)}.linked-account-actions button:disabled{opacity:.5;cursor:not-allowed}.linked-empty{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;align-items:center;padding:48px 26px;display:flex}.linked-empty>svg,.linked-empty-icon{width:56px;height:56px;color:var(--brand);margin-bottom:16px}.linked-empty-icon{background:var(--brand-soft);border-radius:20px;place-items:center;display:grid}.linked-empty-icon svg{width:30px;height:30px}html:root .linked-empty h2,html:root .linked-empty h3{margin:4px 0 12px;font-size:22px}.linked-empty p{color:var(--muted);max-width:420px;margin:0 0 24px;line-height:1.8}.linked-boundary{color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.9}.linked-error{border:1px solid color-mix(in srgb, var(--danger) 18%, var(--line));background:color-mix(in srgb, var(--danger) 5%, var(--surface));color:var(--ink);border-radius:16px;align-items:start;gap:10px;margin-block:16px;padding:14px 16px;font-size:13px;display:flex}.linked-error>svg{color:var(--danger);flex-shrink:0;margin-top:3px}.linked-error p{margin:0;line-height:1.8}.linked-error button{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;font-weight:600;display:inline-flex}.linked-success{color:var(--success);align-items:center;gap:8px;font-size:13px;display:flex}.linked-dialog{z-index:140;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);width:min(520px,100vw - 28px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:28px;padding:32px;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 90px #17142035}.linked-dialog:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:translate(50%,-50%)}html:root .linked-dialog h2{margin:20px 0 12px;padding-inline-end:12px;font-size:26px;line-height:1.45}.linked-dialog>p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.9}.linked-dialog>.dialog-close{position:absolute;inset-block-start:14px;inset-inline-end:14px}.linked-dialog-mark{width:48px;height:48px;color:var(--brand);background:var(--brand-soft);border-radius:16px;place-items:center;display:grid}.linked-dialog-mark svg{width:25px;height:25px}.linked-dialog-account{background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.linked-dialog-account>div{text-align:start;overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.linked-dialog-account small{color:var(--muted);font-size:12px}.linked-dialog-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.linked-dialog-actions>.button{white-space:normal;text-align:center;overflow-wrap:anywhere;flex:1;min-inline-size:0}.linked-dialog-actions>.text-button{margin-inline:auto}.linked-unlink-dialog{text-align:start;gap:20px;display:grid}.linked-unlink-heading{align-items:center;gap:12px;padding-inline-end:30px;display:flex}.linked-unlink-mark{background:color-mix(in srgb, var(--danger) 9%, var(--surface));width:44px;height:44px;color:var(--danger);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.linked-unlink-mark svg{width:23px;height:23px}html:root .linked-unlink-dialog h2{margin:0;padding:0;font-size:23px;line-height:1.5}.linked-unlink-dialog>.linked-dialog-account{border:1px solid var(--line);margin:0}.linked-unlink-dialog>.linked-unlink-description{margin:0;line-height:1.85}.linked-unlink-blocker{border:1px solid color-mix(in srgb, var(--warning) 24%, var(--line));background:color-mix(in srgb, var(--warning) 7%, var(--surface));border-radius:16px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.linked-unlink-blocker>svg{width:20px;height:20px;color:var(--warning);margin-block-start:3px}.linked-unlink-blocker p{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:500;line-height:1.85}.linked-unlink-dialog>.ui-divider{margin:0}.linked-unlink-dialog>.linked-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.linked-facts{margin:0}.linked-facts>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;padding:13px 0;font-size:13px;display:grid}.linked-facts dt{color:var(--muted)}.linked-facts dd{overflow-wrap:anywhere;margin:0}.linked-methods{gap:12px;display:grid}.linked-methods>button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:start;cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:18px;display:flex}.linked-methods>button:hover{border-color:var(--brand);background:var(--surface-2)}.linked-methods>button>svg:first-child{width:26px;height:26px;color:var(--brand);flex-shrink:0}.linked-methods>button>svg:last-child{color:var(--muted);flex-shrink:0;margin-inline-start:auto}.linked-methods span{gap:4px;display:grid}.linked-methods small{color:var(--muted);font-size:12px;line-height:1.7}.linked-cookie-label{margin-bottom:10px;font-size:13px;font-weight:600;display:block}.linked-cookie-input{border:1px solid var(--line);background:var(--surface-2);min-block-size:112px;max-block-size:280px;inline-size:100%;color:var(--ink);font:inherit;overflow-wrap:anywhere;resize:vertical;-webkit-text-security:disc;border-radius:14px;padding:12px 14px;font-size:16px;line-height:1.75;display:block}.linked-field-note{color:var(--muted);margin:12px 0 20px;font-size:12px;line-height:1.8}.linked-link-dialog form>.button{width:100%}.linked-text-button{color:var(--brand);cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:13px;display:block}.linked-link-dialog>.linked-secret-note{color:var(--muted);align-items:flex-start;gap:8px;margin:24px 0 0;font-size:11px;line-height:1.9;display:flex}.linked-secret-note svg{color:var(--brand);flex-shrink:0;margin-top:4px}.linked-code{background:var(--brand-soft);color:var(--brand);border-radius:20px;justify-items:center;gap:8px;margin-bottom:20px;padding:22px 14px;display:grid}.linked-code>span{font-size:12px}.linked-code strong{letter-spacing:5px;overflow-wrap:anywhere;max-width:100%;font-size:30px}.linked-code-timing{flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;line-height:1.8;display:flex}.linked-code strong{-webkit-user-select:all;user-select:all}.linked-roblox-login{color:var(--brand);text-underline-offset:4px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.linked-login-options{flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:4px;display:flex}.linked-login-options>a{min-height:36px}.linked-login-hint{color:var(--muted);font-size:12px;line-height:1.7;display:block}.linked-roblox-login svg{flex:none;width:15px;height:15px}:lang(ar) .linked-instructions{list-style-type:arabic-indic}.linked-instructions{padding-inline-start:22px;font-size:13px;line-height:1.8;list-style:decimal}.linked-instructions li{margin-bottom:8px}.linked-quick-state{color:var(--muted);align-items:center;gap:10px;margin-block:20px;font-size:13px;line-height:1.8;display:flex}.linked-quick-state svg{color:var(--brand);flex-shrink:0}.linked-quick-state p{margin:0}.linked-quick-state.is-complete,.linked-quick-state.is-complete svg{color:var(--success)}.linked-completed{justify-items:center;gap:24px;display:grid}.linked-completed>svg{width:46px;height:46px;color:var(--success)}@media (max-width:1040px){.linked-account-grid{grid-template-columns:1fr}}@media (max-width:680px){.account-welcome{min-height:126px;padding:20px}.account-welcome img{width:155px;height:108px;inset-inline-end:-25px}html:root .account-welcome h2{font-size:18px}.account-welcome p{font-size:12px}.linked-dialog{padding:24px 20px}html:root .linked-dialog h2{font-size:24px}.linked-dialog-actions{flex-direction:column}.linked-dialog-actions>.button{width:100%}.linked-account-actions button:not(.button){font-size:12px}}@media (max-width:480px){.linked-unlink-dialog{gap:16px}html:root .linked-unlink-dialog h2{font-size:20px}.linked-unlink-dialog>.linked-dialog-actions{grid-template-columns:minmax(0,1fr)}}.account-overview-value small{font-size:15px;line-height:1.7}.account-overview-email{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.account-overview-methods{align-items:center;gap:6px;display:inline-flex}.auth-method-icon{background:var(--surface-2);width:25px;height:25px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:inline-grid}.auth-method-icon :is(svg,img,.provider-brand-logo){width:16px;height:16px}html:root .account-overview-card.is-wallet .cart-money-primary{font-size:38px;font-weight:600;line-height:1.3}html:root .account-overview-card.is-wallet .cart-money-secondary{white-space:normal;font-size:16px;font-weight:500;line-height:1.6}.account-overview-card.has-header-action{position:relative}.account-overview-card.has-header-action .account-overview-link:after{content:"";border-radius:24px;position:absolute;inset:0}.account-overview-logout{width:38px;height:38px;color:var(--muted);background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.account-overview-logout:hover{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger)}.account-overview-logout:disabled{opacity:.5;cursor:progress}.account-overview-logout svg{width:18px;height:18px}html:root[data-theme=dark] .accountnav-item.active{color:var(--ink);background:color-mix(in srgb, var(--brand) 8%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 18%, var(--line))}html:root[data-theme=dark] .accountnav-item.active svg{color:var(--brand)}html:root[data-theme=dark] :is(.wallet-balance-card,.profile-wallet-card,.balance-card){background:linear-gradient(140deg, #302b42, var(--surface));color:var(--ink);border:1px solid var(--line)}html:root[data-theme=dark] .wallet-balance-card .wallet-shop-link{background:color-mix(in srgb, var(--brand) 12%, var(--surface));color:var(--ink)}html:root[data-theme=dark] .account-overview-card.is-wallet{background:linear-gradient(140deg, #2b263b, var(--surface))}
