.roo-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border-radius:50%;background:#1c3048;border:3px solid transparent;font-size:28px;line-height:1;vertical-align:middle;box-sizing:border-box}.roo-avatar.bg-ocean{background:#106ab2}.roo-avatar.bg-sunset{background:linear-gradient(135deg,#d44b41,#e9b345)}.roo-avatar.bg-forest{background:#176541}.roo-avatar.bg-galaxy{background:linear-gradient(140deg,#593da4,#273477)}.roo-avatar.frame-gold{border-color:#f4c454;box-shadow:0 0 0 2px #8c632b}.roo-avatar.frame-ice{border-color:#93deff;box-shadow:0 0 0 2px #5279a3}.roo-avatar.frame-coral{border-color:#ff897e;box-shadow:0 0 0 2px #a24c67}.roo-avatar.frame-aurora{border-color:#56e3c2;animation:roo-aurora 5s ease-in-out infinite}@keyframes roo-aurora{0%,100%{border-color:#56e3c2;box-shadow:0 0 0 3px #56e3c230,0 0 18px #56e3c230}50%{border-color:#c099ff;box-shadow:0 0 0 3px #c099ff30,0 0 18px #c099ff50}}@media(prefers-reduced-motion:reduce){.roo-avatar.frame-aurora{animation:none;box-shadow:0 0 0 3px #56e3c230}}.account-bar b{display:inline-flex;gap:8px;align-items:center}.account-bar>span:last-child{flex-wrap:wrap}.roo-wallet-link{color:#ffd77c!important}.roo-result{border:1px solid #c89a4560;background:#342b1833;padding:18px 22px;border-radius:12px;margin:18px 0}.roo-result strong{color:#ffd77c;font-size:22px}.roo-result p{font-size:14px;line-height:1.6}.roo-result a{color:#56e3c2}.roo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0}.roo-heading h1{font-size:38px;line-height:1.2;margin:12px 0}.roo-balance{padding:24px 28px;background:#2e281b;border:1px solid #d6aa4f;border-radius:16px}.roo-balance>span{font-size:14px;letter-spacing:.06em;color:#edcd8a}.roo-balance strong{display:block;font-size:40px;color:#ffd77c;margin-top:10px}.roo-balance small{font-size:16px}.roo-dashboard{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:18px}.roo-dashboard .panel{padding:22px;min-width:0}.roo-dashboard h2{font-size:20px;margin:0 0 16px}.roo-dashboard p{font-size:14px;line-height:1.65}.roo-dashboard small{font-size:14px;color:#adbad0}.roo-metric{font-size:36px!important;font-weight:750;line-height:1.3!important;margin:0 0 16px;color:#56e3c2}.roo-metric span{font-size:16px;font-weight:400;color:#c3cee0}.roo-daily{display:flex;gap:10px;margin-bottom:16px}.roo-daily>div{display:flex;gap:10px;align-items:center;border:1px solid #465872;border-radius:10px;padding:10px;flex:1;font-size:14px}.roo-daily strong{display:block;margin-top:5px;font-size:14px}.roo-daily .earned{border-color:#56e3c2;color:#56e3c2}.roo-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.roo-week>div{text-align:center;font-size:14px;min-width:0}.roo-week b{display:grid;place-items:center;border:1px solid #465872;border-radius:50%;aspect-ratio:1;margin-top:8px;max-width:40px;font-size:14px}.roo-week .earned b{background:#56e3c2;color:#0b192c;border-color:#56e3c2}.roo-week .today b{outline:2px solid #ffd77c;outline-offset:2px}.roo-current{text-align:center}.roo-avatar-large .roo-avatar{width:110px;height:110px;min-width:110px;font-size:66px;border-width:5px}.roo-avatar-large{margin:18px 0}.roo-current>strong{display:block}.roo-small-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.roo-small-actions button,.roo-small-actions a{font:inherit;font-size:14px;background:none;border:0;color:#56e3c2;text-decoration:underline;cursor:pointer;padding:0}.roo-shop-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.roo-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.roo-filters button{background:#14253c;border:1px solid #435b7b;border-radius:8px;padding:10px 18px;font:inherit;font-size:14px;color:#dce7f8;cursor:pointer}.roo-filters button[aria-current]{background:#56e3c2;color:#09192c;border-color:#56e3c2}.roo-shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.roo-item{padding:22px;text-align:center;border:1px solid #ffffff20;background:#111f33;border-radius:14px}.roo-item small{font-size:14px;color:#adbad0;text-transform:capitalize}.roo-item h3{font-size:18px;margin:8px 0}.roo-item p{font-size:14px;color:#ffd77c}.roo-item-preview{display:grid;place-items:center;min-height:112px;margin-bottom:16px;background:#0b1728;border-radius:10px}.roo-item-preview .roo-avatar{width:76px;height:76px;font-size:45px;border-width:4px}.roo-item button{width:100%}.roo-rules,.roo-history{margin:24px 0;padding:20px;border:1px solid #ffffff25;border-radius:12px}.roo-rules summary,.roo-history summary{cursor:pointer;font-size:16px;font-weight:600}.roo-rules li{font-size:14px;line-height:1.7;margin:10px 0}.roo-history ol{padding:0;list-style:none}.roo-history li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #ffffff15;font-size:14px}.roo-history small{display:block;color:#adbad0;margin-top:6px}.roo-positive{color:#56e3c2}.roo-login{max-width:600px;margin:40px auto}.roo-login p{line-height:1.7}#roo-preview{background:#101f34;color:#edf3ff;border:1px solid #526888;border-radius:20px;padding:30px;width:min(440px,calc(100vw - 32px));max-height:85vh;overflow:auto;text-align:center;box-sizing:border-box}#roo-preview::backdrop{background:#030a16d9}#roo-preview p{font-size:16px;line-height:1.6}.roo-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#ecf3ff;font-size:30px;cursor:pointer}.roo-preview-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#roo-message,#preview-message{color:#ffd77c;font-size:14px;line-height:1.6}#rewards-app button:disabled{opacity:.5;cursor:default}#rewards-app button:focus-visible{outline:2px solid white;outline-offset:4px}.team-avatar:has(.roo-avatar){background:none!important;border:0!important;width:auto!important;height:auto!important}.team-avatar .roo-avatar{width:48px;height:48px;font-size:30px}@media(max-width:1000px){.roo-dashboard{grid-template-columns:1fr 1fr}.roo-current{grid-column:1/-1}.roo-shop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.roo-heading{align-items:flex-start;flex-direction:column}.roo-heading h1{font-size:32px}.roo-balance{width:100%;box-sizing:border-box}.roo-dashboard{grid-template-columns:1fr}.roo-current{grid-column:auto}.roo-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roo-item{padding:14px}.roo-shop-head{align-items:flex-start;flex-direction:column}.roo-week b{width:36px}}@media(max-width:360px){.roo-shop{grid-template-columns:1fr}.roo-week b{width:auto}}

.roo-item-preview.cosmetic-art-preview .roo-avatar{width:120px;height:120px;min-width:0;max-width:100%;aspect-ratio:1}
.roo-cosmetic-full .roo-avatar{width:220px;height:220px;min-width:0;max-width:100%;aspect-ratio:1}
.roo-cosmetic-note{font-size:13px;line-height:1.7;color:#cad9e8;margin:8px 0 18px}
.compact-header .compact-profile-trigger>.roo-illustrated{border-radius:50%!important;background-color:#1c3048}
