/* Collecto approved silver-blue metallic accent, November 2026 */
:root{--collecto-silverblue:#a9dcfa;--collecto-silverblue-dark:#6daed7;--collecto-silverblue-light:#f0fbff;--collecto-green-silver:#a9c9bd}
body::after{content:"";position:fixed;inset:3px;border:1px solid rgba(157,199,224,.38);border-radius:12px;pointer-events:none;z-index:9000;box-shadow:inset 0 0 7px rgba(137,188,220,.12)}
header .top-actions{display:flex;align-items:center;justify-content:center}
header .top-actions>a.icon-btn:has([data-login-name]){color:var(--collecto-silverblue)!important;border-color:rgba(163,206,232,.58)!important}
.collecto-account-identity{display:flex;justify-content:center;align-items:center;gap:10px;max-width:100%;margin:0 auto}
.collecto-account-identity>a{flex:0 1 auto;min-width:0}
.collecto-account-avatar{width:38px;height:38px;flex:none;display:none;border-radius:50%;border:1.5px solid var(--collecto-silverblue);background:#0b2543;object-fit:cover;box-shadow:0 0 7px #b8d8eb33}
.collecto-account-avatar[src]{display:block}
.hero .hero-sub{color:var(--collecto-green-silver)!important}
.how-page>.title{color:var(--collecto-silverblue)!important;text-shadow:0 0 8px #a6d4f01c}
.how-page>.title .collecto-title-last{display:block;text-align:center}
.how-page .btn.primary{background:#091c35!important;color:var(--collecto-silverblue)!important;border:1.5px solid var(--collecto-silverblue-dark)!important;box-shadow:none!important}
body:has(.how-page) header .top-actions>a.icon-btn{background:#091c35!important;color:var(--collecto-silverblue)!important;border:1.5px solid var(--collecto-silverblue-dark)!important;box-shadow:none!important}
@media(max-width:600px){.collecto-account-identity{width:min(100%,370px)}.collecto-account-identity>a{max-width:calc(100% - 50px)}.collecto-account-avatar{width:35px;height:35px}.how-page>.title{overflow-wrap:normal}}

/* Subtle polished blue-silver highlights, no glitter or neon */
header .top-actions>a.icon-btn:has([data-login-name]),body:has(.how-page) header .top-actions>a.icon-btn,.how-page .btn.primary{border-color:#84bee1!important;color:#b9e6ff!important;box-shadow:inset 0 1px 0 #e5f8ff55,0 1px 5px #4b94c32b!important;text-shadow:0 1px 0 #ecfaff30}
.how-page>.title{color:#c3e9ff!important;text-shadow:0 1px 0 #f3fbff88,0 2px 8px #3b91c455!important}
.collecto-account-avatar{border-color:#a9dcfa;box-shadow:0 0 0 1px #e4f8ff55,0 2px 8px #63a8d466}
body::after{border-color:rgba(137,199,235,.58);box-shadow:inset 0 0 6px rgba(172,220,249,.22),0 0 3px rgba(126,185,223,.16)}
.collecto-support-money{display:inline-block;margin-left:9px;font-size:1.05em;vertical-align:baseline;filter:saturate(.92)}

/* Real brushed-metal blue/silver gradient for the classic appearance */
html:not([data-collecto-skin]):not([data-collecto-skin-active]) .how-page > .title,
html[data-collecto-skin="default"] .how-page > .title,
html[data-collecto-skin="classic"] .how-page > .title{
  background:linear-gradient(172deg,#ffffff 0%,#c9f0ff 17%,#65b4e9 38%,#e8faff 55%,#7eb7dc 73%,#f3fbff 93%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:#b9e6ff!important;text-shadow:none!important;
}
.how-page > .title .collecto-title-last{display:block!important;width:100%!important;text-align:center!important;margin:0 auto!important}
header .top-actions:has(>a [data-login-name]){justify-content:center!important;gap:10px!important}
header .top-actions .collecto-account-avatar{display:block!important;width:38px!important;height:38px!important;object-fit:cover!important;border-radius:50%!important}
header .top-actions .collecto-account-avatar:not([src]){visibility:hidden!important}
body:has(.how-page) header .top-actions > a.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
.collecto-support-money{display:inline-block!important;font-size:1.1em!important;margin-left:5px!important}


/* Account page redesign: approved classic metallic headings and matte-gold actions.
   Scoped to account page and classic skin only; preserve all other skins. */
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) main > .section .title,
html[data-collecto-skin="default"] body:has(#accountStatus) main > .section .title,
html[data-collecto-skin="classic"] body:has(#accountStatus) main > .section .title {
  background:linear-gradient(172deg,#ffffff 0%,#c9f0ff 17%,#65b4e9 38%,#e8faff 55%,#7eb7dc 73%,#f3fbff 93%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#b9e6ff!important;
  text-shadow:none!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) main .mini-cta .btn.primary,
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) main .mini-cta .btn.gold,
html[data-collecto-skin="default"] body:has(#accountStatus) main .mini-cta .btn.primary,
html[data-collecto-skin="default"] body:has(#accountStatus) main .mini-cta .btn.gold,
html[data-collecto-skin="classic"] body:has(#accountStatus) main .mini-cta .btn.primary,
html[data-collecto-skin="classic"] body:has(#accountStatus) main .mini-cta .btn.gold {
  background:#091c35!important;color:#d9b978!important;
  border:1.5px solid #b99a5c!important;
  box-shadow:inset 0 1px 0 rgba(244,218,158,.10)!important;
  -webkit-text-fill-color:#d9b978!important;text-shadow:none!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) main .mini-cta [data-signout],
html[data-collecto-skin="default"] body:has(#accountStatus) main .mini-cta [data-signout],
html[data-collecto-skin="classic"] body:has(#accountStatus) main .mini-cta [data-signout] {
  color:#b9e6ff!important;border:1.5px solid #84bee1!important;
  -webkit-text-fill-color:#b9e6ff!important;
  box-shadow:inset 0 1px 0 rgba(229,248,255,.15)!important;
  text-shadow:none!important;
}


/* Account: green-silver name, crimson admin label, matte-gold owned worlds. */
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .collecto-account-name-accent,
html[data-collecto-skin="default"] body:has(#accountStatus) .collecto-account-name-accent,
html[data-collecto-skin="classic"] body:has(#accountStatus) .collecto-account-name-accent {
  font-weight:750!important;color:#b4d6c9!important;-webkit-text-fill-color:#b4d6c9!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .collecto-admin-label-accent,
html[data-collecto-skin="default"] body:has(#accountStatus) .collecto-admin-label-accent,
html[data-collecto-skin="classic"] body:has(#accountStatus) .collecto-admin-label-accent {
  color:#bf4560!important;-webkit-text-fill-color:#bf4560!important;font-weight:700!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .collecto-admin-free-intro,
html[data-collecto-skin="default"] body:has(#accountStatus) .collecto-admin-free-intro,
html[data-collecto-skin="classic"] body:has(#accountStatus) .collecto-admin-free-intro {
  color:#d9b978!important;-webkit-text-fill-color:#d9b978!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .account-world:has(input:disabled:checked),
html[data-collecto-skin="default"] body:has(#accountStatus) .account-world:has(input:disabled:checked),
html[data-collecto-skin="classic"] body:has(#accountStatus) .account-world:has(input:disabled:checked) {
  background:#091c35!important;border:1px solid #b99a5c!important;color:#d9b978!important;
  -webkit-text-fill-color:#d9b978!important;box-shadow:none!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .account-world input:disabled:checked,
html[data-collecto-skin="default"] body:has(#accountStatus) .account-world input:disabled:checked,
html[data-collecto-skin="classic"] body:has(#accountStatus) .account-world input:disabled:checked {
  appearance:none!important;-webkit-appearance:none!important;opacity:1!important;
  display:inline-grid!important;place-items:center!important;flex:none!important;
  width:19px!important;height:19px!important;margin-right:8px!important;
  background:#091c35!important;border:1.5px solid #b99a5c!important;border-radius:3px!important;
}
html:not([data-collecto-skin]):not([data-collecto-skin-active]) body:has(#accountStatus) .account-world input:disabled:checked::after,
html[data-collecto-skin="default"] body:has(#accountStatus) .account-world input:disabled:checked::after,
html[data-collecto-skin="classic"] body:has(#accountStatus) .account-world input:disabled:checked::after {
  content:"✓";font-size:15px;font-weight:900;line-height:1;color:#009b77!important;
  -webkit-text-fill-color:#009b77!important;
}


/* Account profile: user-approved metallic classic redesign; other skins untouched. */
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profilePhotoPanel > h2,
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profileSocialSettings > h3 {background:linear-gradient(172deg,#ffffff 0%,#c9f0ff 17%,#65b4e9 38%,#e8faff 55%,#7eb7dc 73%,#f3fbff 93%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#b9e6ff!important;text-shadow:none!important;}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profileAdminBadge{background:#091c35!important;border:1px solid #b99a5c!important;color:#d9b978!important;-webkit-text-fill-color:#d9b978!important;box-shadow:none!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profileAdminBadge .collecto-profile-admin-role{color:#bf4560!important;-webkit-text-fill-color:#bf4560!important;font-weight:750!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profileNameForm > label{color:#b9d7eb!important;-webkit-text-fill-color:#b9d7eb!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profileNickname{background:#091c35!important;border:1px solid #b99a5c!important;color:#c9efff!important;-webkit-text-fill-color:#c9efff!important;font-weight:600!important;box-shadow:inset 0 1px 0 #e5f8ff18!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) #profilePhoto{width:152px!important;height:152px!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) .collecto-social-field-title{display:inline-flex;align-items:center;gap:9px;color:#b9d7eb!important;-webkit-text-fill-color:#b9d7eb!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) .collecto-social-field-title img{width:22px!important;height:22px!important;object-fit:contain!important;flex:none}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) .season-site-links .btn{color:#b9e6ff!important;-webkit-text-fill-color:#b9e6ff!important}

/* Avatar picker: approved matte gold outlines with navy interiors. */
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) body:has(#profilePhotoPanel) .profile-avatar-choice{background:#091c35!important;border:1.5px solid #b99a5c!important;color:#d9b978!important}

/* 2026-11-12: approved home, worlds and card catalogue polish; classic skin only. */
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]){
 --c-matte-gold:#b99a5c;--c-gold-ink:#d9b978;--c-navy:#091c35;--c-emerald:#20bc83;--c-pine:#247d65;
}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .hero .hero-sub{color:var(--collecto-green-silver)!important}
.hero .collecto-pine-line{color:#398c73!important;-webkit-text-fill-color:#398c73!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .collecto-counter-strip>span{border:1.5px solid #b99a5c!important;box-shadow:inset 0 1px 0 #f3d89d18!important}
.collecto-counter-strip .collecto-thumb{color:#f5c342!important;font-size:1.05em;vertical-align:middle}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .statsbar{box-sizing:border-box!important;width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:16px auto!important;border:1.5px solid #b99a5c!important;overflow:hidden!important;background:#08192f!important}
.statsbar .stat{min-width:0!important}
.statsbar .stat>strong{display:block;line-height:1.3}
.statsbar .stat>strong.collecto-stat-icon{font-size:0!important;line-height:1.4!important}
.statsbar .stat>strong.collecto-stat-icon::after{content:attr(data-collecto-icon);font-size:32px;display:inline-block;filter:drop-shadow(0 2px 2px #0007)}
.statsbar .stat>strong.collecto-stat-emerald{color:#20bc83!important;-webkit-text-fill-color:#20bc83!important}
.statsbar .stat>strong.collecto-stat-orange{color:#ff952e!important;-webkit-text-fill-color:#ff952e!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .statsbar .stat>span{color:#b9d7eb!important;-webkit-text-fill-color:#b9d7eb!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) #temata>.title,
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .topic-hero.catalog-world-hero h1.title,
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .catalog-card-section .title,
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) h2.collecto-card-list-title{
 background:linear-gradient(172deg,#fff 0%,#c9f0ff 17%,#65b4e9 38%,#e8faff 55%,#7eb7dc 73%,#f3fbff 93%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#b9e6ff!important;text-shadow:none!important
}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) #temata .catalog-search-label{color:#b9d7eb!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) #temata .catalog-search{border:1.5px solid #9ac9e6!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) #worldCount{color:#20bc83!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .directory-world{border:1.5px solid #b99a5c!important;overflow:hidden}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .directory-world h3{color:#d9b978!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .directory-world [data-world-count]{color:#20bc83!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .directory-world .btn{background:#091c35!important;border:1px solid #b99a5c!important;color:#b9d7eb!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .topic-hero.catalog-world-hero .mini-cta .btn{background:#091c35!important;border:1.5px solid #b99a5c!important;color:#d9b978!important;box-shadow:none!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .catalog-card-grid>article{border:1.5px solid #b99a5c!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .catalog-card-grid>article>.btn{display:block!important;margin-top:9px!important;border:1px solid #b99a5c!important;background:#091c35!important;color:#b9d7eb!important;box-shadow:none!important}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .catalog-card-grid>article>button.btn[data-save-id]{color:#20bc83!important}

/* Final micro-polish: single unframed thumbs-up and satin gold dividers. */
.collecto-counter-strip .collecto-thumb{
 display:inline!important;min-width:0!important;min-height:0!important;
 padding:0!important;margin:0 3px 0 0!important;border:0!important;
 border-radius:0!important;background:transparent!important;
 box-shadow:none!important;outline:0!important;cursor:default!important;
 pointer-events:none!important;color:#f5c342!important
}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .statsbar .stat{
 border-color:rgba(185,154,92,.72)!important
}
:is(html:not([data-collecto-skin]):not([data-collecto-skin-active]),html[data-collecto-skin="default"],html[data-collecto-skin="classic"]) .statsbar{
 --line:rgba(185,154,92,.72);
}
.statsbar .stat>strong.collecto-stat-icon{font-size:initial!important;line-height:1.3!important}
.statsbar .stat>strong.collecto-stat-icon::after{content:none!important}
.statsbar .collecto-metal-icon{display:block;width:48px;height:48px;margin:0 auto 4px;filter:drop-shadow(0 3px 3px #0008)}
.statsbar .collecto-metal-icon svg{display:block;width:100%;height:100%}

/* Collecto motto: polished pine green; only the opening phrase is emphasized. */
.hero .collecto-pine-line{
 font-weight:800!important;letter-spacing:.015em!important;
 background:linear-gradient(165deg,#d0f7e7 0%,#67d4a8 23%,#1f8667 52%,#87e6bc 76%,#236c57 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;color:#398c73!important;
 text-shadow:0 1px 1px rgba(12,51,39,.12)!important
}
/* Live counter values only: orange visits, emerald likes, crimson registrations. */
.collecto-counter-strip>span:first-child b,
.collecto-counter-strip #localVisits{
 color:#ff982e!important;-webkit-text-fill-color:#ff982e!important;font-weight:800!important
}
.collecto-counter-strip>span:nth-child(2) b,
.collecto-counter-strip #localLikes{
 color:#31dca0!important;-webkit-text-fill-color:#31dca0!important;font-weight:800!important
}
.collecto-counter-strip>span:nth-child(3) b{
 color:#df4165!important;-webkit-text-fill-color:#df4165!important;font-weight:800!important
}

/* App section and new album shortcuts, 2026-11-12 */
#app .panel-body>.title{
 background:linear-gradient(165deg,#f8fdff 0%,#a5d6f4 22%,#5b9dcb 40%,#e7f8ff 58%,#7bb9e0 78%,#eefaff 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
#app .feature-item{border:1.5px solid #b99a5c!important;background:#0b1d36!important}
#app .feature-item>b{display:flex!important;align-items:center!important;gap:12px!important;color:#d9b978!important;font-weight:750!important}
#app .feature-item .collecto-app-metal-icon{flex:none;width:42px;height:42px;filter:drop-shadow(0 2px 3px #0009)}
#app .feature-item .collecto-app-feature-label{color:#d9b978!important}
#app .collecto-app-download{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 background:#091c35!important;color:#d9b978!important;border:1.5px solid #b99a5c!important;
 box-shadow:none!important;text-shadow:none!important
}
#app .collecto-app-download-dot{display:inline-block;width:.62em;height:.62em;flex:none;border-radius:50%;background:#21c887;box-shadow:inset 0 1px 1px #d4ffed66}
.hero .actions .collecto-hero-album{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;
 border:1.5px solid #b99a5c!important;background:#091c35!important;color:#d9b978!important;
 box-shadow:none!important;text-shadow:none!important
}
.hero .actions .collecto-hero-album-dot{
 display:inline-block;width:30px;height:30px;flex:none;border-radius:50%;
 border:5px solid #b99a5c;box-shadow:0 0 0 1px #6b552d44,inset 0 1px 2px #0008;
}
.hero .actions .collecto-hero-album-dot.brown{background:#885537}
.hero .actions .collecto-hero-album-dot.ice{background:#83d8f5}

/* Match the original hero navigation marker: gold outer ring, navy gap, colored core. */
.hero .actions a.collecto-hero-album .collecto-hero-album-dot{display:none!important}
.hero .actions a.collecto-hero-album::before{
 content:""!important;display:inline-block!important;
 flex:0 0 30px!important;width:30px!important;height:30px!important;
 min-width:30px!important;min-height:30px!important;
 box-sizing:border-box!important;border:3px solid #c5a56b!important;
 border-radius:50%!important;
 background:radial-gradient(circle,#885537 0 7px,#091c35 7.5px 100%)!important;
 box-shadow:none!important;margin:0!important;padding:0!important;transform:none!important;
}
.hero .actions a.collecto-hero-album[href="/kids-album.html"]::before{
 background:radial-gradient(circle,#83d8f5 0 7px,#091c35 7.5px 100%)!important;
}
.hero .actions a.collecto-hero-album{gap:13px!important}