.accountArea{display:flex;align-items:center;gap:16px;margin-left:auto}.steelBalance{text-align:right;min-width:98px;white-space:nowrap}.steelBalance span{display:block;font-size:9px;font-weight:750;letter-spacing:2px;color:var(--muted)}.steelBalance strong{font:30px Bangers,Impact;color:var(--gold);letter-spacing:1px;font-variant-numeric:tabular-nums}.accountMenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:400px;margin-top:20px}.accountMenu button{font:18px Bangers,Impact;letter-spacing:.5px;padding:10px 6px;background:#34223f}.lobbyEconomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;grid-column:1/-1;margin:8px 0}.lobbyEconomy button{min-width:0;padding:8px 4px;font-size:13px}.toolWallet{color:var(--gold);font-variant-numeric:tabular-nums}
#accountShop{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:calc(100dvh - 24px);padding:24px;overscroll-behavior:contain}#accountShop .close{position:sticky;top:0;z-index:3;background:#25192e}.shopHeader h2{margin-bottom:4px}.shopHeader>p:last-child{margin:6px 0 20px;color:var(--gold);font-size:18px;font-variant-numeric:tabular-nums}#accountStats{color:var(--muted);font-size:12px;margin-left:12px}.shopTabs{display:flex;gap:7px;position:sticky;top:-24px;background:#25192ef5;padding:8px 0;z-index:2}.shopTabs button{flex:1;min-width:0}.shopTabs [aria-pressed=true]{color:#291b32;background:var(--gold);border-color:var(--gold)}#shopFilters{display:grid;grid-template-columns:2fr 1fr;gap:12px}#shopFilters label{margin:12px 0 20px}#shopMessage{color:var(--gold);font-size:13px;margin:8px 0;min-height:21px}.accountCatalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.accountRacer{border:1px solid #674c78;border-top:3px solid var(--rarity,#ad87c9);border-radius:12px;background:linear-gradient(150deg,#38263f,#201728);padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.accountRacer img{width:100px;height:100px;object-fit:contain;border-radius:50%;background:radial-gradient(#70546f,#281c34);border:1px solid var(--rarity,#ad87c9);margin-bottom:12px}.accountRacer h3{font-size:23px;margin:7px 0;line-height:1.05;overflow-wrap:anywhere}.accountRacer>small{color:var(--rarity);font-size:10px;text-transform:uppercase;letter-spacing:1px}.accountRacer p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 14px}.accountRacer .standName{color:var(--gold);font-size:12px;margin:4px 0}.accountRacer button{margin-top:auto;width:100%;padding:10px 4px;font-size:12px;min-height:44px}.accountRacer .ownedTag{color:#b9e497}.accountBanners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pullBanner{padding:22px 16px;border:1px solid #795889;border-radius:12px;background:linear-gradient(145deg,#49305c,#25182f);display:flex;flex-direction:column}.pullBanner h3{font-size:33px;margin:0 0 8px;color:var(--gold)}.pullBanner p{font-size:12px}.pullBanner .odds{color:var(--muted);font-size:11px}.pullBanner button{margin-top:auto;font-size:13px}.pullBanner .pullPrice{font:25px Bangers,Impact}.pullBanner .pity{color:#e4c4f2}.accountEmpty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px}.shopTabs button,.accountMenu button,.lobbyEconomy button{touch-action:manipulation}
#onlineUnlock{position:fixed;inset:var(--unlock-y,50dvh) auto auto var(--unlock-x,50vw);width:var(--unlock-size,320px);aspect-ratio:400/380;max-width:none;max-height:none;transform:translate(-50%,-50%);padding:0;margin:0;border:0;background:transparent;overflow:hidden;pointer-events:none;color:#fff4d9;z-index:10001;text-align:center;container-type:inline-size}#onlineUnlock::backdrop{background:transparent;pointer-events:none}#onlineUnlock canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.onlinePrize{position:absolute;inset:3% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .35s,transform .4s;transform:scale(.8);background:radial-gradient(ellipse,#24162ff5,#24162fba 55%,transparent 73%);text-shadow:1px 2px 3px #000}.onlinePrize img{width:45%;aspect-ratio:1;object-fit:contain;border:2px solid var(--unlock-color,#ddb574);border-radius:50%;background:#382441;margin:7px 0}.onlinePrize small{font-size:clamp(9px,3.4cqw,12px);letter-spacing:1px}.onlinePrize span{color:var(--unlock-color);font:18px Bangers,Impact;letter-spacing:1px}.onlinePrize strong{font:clamp(15px,7cqw,28px) Bangers,Impact;line-height:1.1;margin:4px}.onlinePrize p{font-size:clamp(9px,3.5cqw,13px);margin:5px;line-height:1.3}#onlineUnlock.revealed .onlinePrize{opacity:1;transform:scale(1)}
@media(max-width:800px){.menuHeader{gap:10px}.menuHeader .wordmark{flex:1;min-width:150px}.accountArea{order:0;margin-left:auto;flex-direction:column;align-items:flex-end;gap:3px;max-width:48%}.accountArea #account{min-height:30px;padding:4px 6px;font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuHeader nav{order:1;flex:1}.menuHeader #menuSound{order:2}.steelBalance strong{font-size:28px}.accountMenu{margin:18px auto 0}.roomSidebar .lobbyEconomy{grid-row:2}.accountCatalog{grid-template-columns:repeat(2,minmax(0,1fr))}.accountBanners{grid-template-columns:1fr}.pullBanner{padding:18px}.pullBanner p{margin:6px 0 14px}#accountShop{padding:18px 12px}.shopTabs{top:-18px}.shopTabs button{padding:8px 4px;font-size:12px}.accountRacer{padding:12px 8px}.accountRacer img{width:80px;height:80px}.accountRacer h3{font-size:21px}.accountRacer p{font-size:10px}.accountMenu button{font-size:16px}#accountStats{display:block;margin:3px 0 0}#shopFilters{grid-template-columns:1.5fr 1fr;gap:8px}#shopFilters input,#shopFilters select{padding:9px}}
@media(prefers-reduced-motion:reduce){.onlinePrize{transition:none}}
#accountShop{max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))}

/* Keep hats, hair and face contour inside portrait frames. */
.accountRacer img,.onlinePrize img{object-fit:contain;background:#fffdf2;padding:6%;}
.member img{object-fit:contain;background:#fffdf2;padding:3px;}

/* Saved receipt remains visible after the animation, including menu pulls. */
.lastPull{display:flex;gap:16px;align-items:center;padding:16px;margin:14px 0 20px;border:2px solid var(--rarity,var(--gold));border-radius:14px;background:linear-gradient(125deg,#49305c,#211728);scroll-margin-top:64px}.lastPull img{width:84px;height:84px;flex-shrink:0;object-fit:contain;padding:4px;border-radius:50%;background:#fffdf2}.lastPull h3{margin:5px 0;font-size:27px}.lastPull small{color:var(--gold);font-size:11px;letter-spacing:1px}.lastPull p{margin:4px 0;font-size:12px;line-height:1.5}.pullRequirement{color:#ffd995;font-weight:700}#pullHistory{margin:20px 0;border-top:1px solid var(--line);padding-top:16px}#pullHistory summary{cursor:pointer;color:var(--gold);padding:8px 0}#pullHistoryList{padding-left:22px;font-size:12px;line-height:1.6}#pullHistoryList li{margin:10px 0}
@media(max-width:600px){.lastPull{gap:10px;padding:12px}.lastPull img{width:66px;height:66px}.lastPull h3{font-size:23px}.lastPull p{font-size:11px}}