.account-bar{max-width:1160px;margin:0 auto;padding:12px 24px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;font-size:14px}.account-bar small{display:block;color:#aebbd0;margin-top:4px}.account-bar>span:last-child{display:flex;align-items:center;gap:16px}.account-bar a,.account-bar button{color:#56e3c2;font-size:14px}.account-bar button{background:none;border:0;padding:0;cursor:pointer}.account-notice{max-width:1100px;margin:10px auto;padding:12px 20px;background:#41311d;color:#ffe0a1;border-radius:8px}.account-grid{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:24px;align-items:start}.account-profile label{display:block;margin:18px 0 8px}.account-profile input{width:100%}.account-avatar{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:12px;cursor:pointer}.account-avatar:has(input:checked){border-color:#56e3c2;background:#56e3c220}.account-avatar input{position:absolute;opacity:0;width:1px}.account-avatar:focus-within{outline:2px solid white}.account-avatars{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.account-stats{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.account-stats>div{padding:16px;border:1px solid #ffffff25;border-radius:12px;flex:1;min-width:110px}.account-stats strong{display:block;font-size:28px;color:#56e3c2}.account-stats span{font-size:13px;color:#b9c5d8}.account-history{padding:16px;border:1px solid #ffffff20;border-radius:12px;margin:12px 0}.account-history summary{cursor:pointer;line-height:1.6}.account-history small{display:block;color:#b9c5d8}.account-history ul{padding-left:22px;line-height:1.8}.account-history .account-correct{color:#56e3c2}.account-history .account-wrong{color:#ffb5a3}.account-login{max-width:580px;margin:40px auto}.account-login h1{font-size:36px}.account-login p{line-height:1.7}.account-table{overflow:auto}.account-table table{width:100%;font-size:14px}.account-table td,.account-table th{text-align:left;padding:10px;border-bottom:1px solid #ffffff15}.account-google{min-height:44px;margin:24px 0}.account-email{overflow-wrap:anywhere;font-size:13px;color:#aebbd0}.account-profile button[type=submit]{width:100%}#account-app>h1{font-size:38px}.account-profile fieldset{border:0;padding:0;margin-top:18px}.account-profile legend{margin-bottom:10px}@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-bar{padding:12px 16px;align-items:flex-start}.account-bar>span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.account-stats strong{font-size:24px}.account-notice{margin:10px 16px}.account-login h1{font-size:30px}}

.account-divider{display:flex;align-items:center;gap:14px;color:#b2c0d1;font-size:14px;margin:24px 0}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#425069}#email-signin button{width:100%;margin-top:16px}.signin-methods{border-top:1px solid #425069;margin-top:24px;padding-top:24px}.signin-methods h2{font-size:22px}.signin-methods p{font-size:14px}.account-google{max-width:100%;overflow-x:auto}.account-login small{font-size:14px}.email-confirm-address{overflow-wrap:anywhere;color:#56e3c2;font-weight:700}.email-confirm button{width:100%;margin:12px 0}.account-email{font-size:14px}@media(max-width:400px){.account-login{padding:20px}#account-app{padding-inline:16px}}

/* Account thumbnails must not rely on a page loading the shop stylesheet. */
.account-bar .roo-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;overflow:hidden;vertical-align:middle;flex:none;line-height:1}
.account-bar .roo-avatar .pixel-avatar{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;flex:none}
.account-bar .roo-avatar .pixel-avatar img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}
.account-bar .roo-avatar .animal-avatar{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;font-size:24px;line-height:1;margin:0}

/* Shared artwork layers preserve circular crops at every avatar size. */
.roo-avatar.roo-illustrated{position:relative;isolation:isolate;border-radius:50%!important;overflow:visible!important}
.roo-avatar.roo-art-frame{border:0!important;box-shadow:none}
.roo-avatar .roo-avatar-scene{position:absolute;inset:4.5%;width:91%;height:91%;border-radius:50%;object-fit:cover;z-index:0;pointer-events:none}
.roo-avatar .roo-avatar-character{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;clip-path:circle(44% at 50% 50%);z-index:1;border-radius:50%;overflow:hidden}
.roo-avatar .roo-avatar-character>.pixel-avatar{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.roo-avatar .roo-avatar-character>.animal-avatar{font-size:inherit}
.roo-avatar .roo-avatar-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;image-rendering:auto}