.home-pulse{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin:0 0 22px}.home-pulse .campaign-widget{background:linear-gradient(120deg,var(--tint),var(--surface) 80%);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));padding:19px 22px;position:relative}.campaign-top .eyebrow{display:flex;align-items:center;gap:8px;font-size:12px}.campaign-top .eyebrow svg{width:18px;height:18px}.campaign-top .text-link{background:none;border:0;font-size:14px;padding:0}.campaign-compact{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.campaign-compact h3{font-size:18px;margin:10px 0 4px}.campaign-compact p{margin:0;font-size:14px;line-height:1.5}.campaign-total{margin:10px 0 8px;gap:10px}.campaign-total strong{font-size:25px;white-space:nowrap}.campaign-total>span{font-size:12px;white-space:nowrap}.home-pulse .campaign-period{margin:9px 0 0;font-size:12px}.home-pulse .campaign-caption{font-size:12px;margin:5px 0 0}.pulse-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:19px 20px;display:flex;flex-direction:column;justify-content:center}.pulse-card>.eyebrow{font-size:12px}.pulse-card .online-strip{border:0;background:none;box-shadow:none;margin:8px 0 0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.pulse-card .online-strip>button{padding:4px 14px;gap:4px;border-radius:8px;min-width:0;background:none}.pulse-card .online-strip>button:first-child{padding-left:0}.pulse-card .online-strip strong{font-size:28px;font-weight:650}.pulse-card .stat-label,.pulse-card .online-strip small{font-size:13px;min-height:0}.pulse-card .stat-label{white-space:nowrap}.pulse-card .online-strip small{line-height:1.5}.pulse-card .online-strip>button:hover{background:var(--tint)}
#featured-carousel{display:block;position:relative;min-height:365px;isolation:isolate;overflow:hidden}#featured-slide{min-height:365px}#featured-slide .feature-copy{position:relative;z-index:2;width:53%;padding:32px 30px 66px}#featured-slide h2{font-size:clamp(30px,3vw,43px);line-height:1.1;margin:24px 0 18px}#featured-slide p{font-size:16px;line-height:1.65;max-width:360px;margin-bottom:24px}#featured-slide .feature-visual{position:absolute;inset:0 0 0 43%;opacity:1;z-index:-1}#featured-slide .feature-visual:after{background:linear-gradient(90deg,#f2e6db,#f2e6db30 45%,transparent)}body[data-mode=dark] #featured-slide .feature-visual:after{background:linear-gradient(90deg,#313034,#31303435 45%,transparent)}.carousel-controls{position:absolute;bottom:17px;left:28px;z-index:3;display:flex;gap:9px;align-items:center}.carousel-controls .icon-button{width:30px;height:30px;font-size:22px;background:var(--surface);border-color:var(--line)}.carousel-controls [data-carousel-pause]{font-size:15px;margin-left:6px}#carousel-dots{display:flex;gap:7px}#carousel-dots button{width:9px;height:9px;padding:0;background:var(--muted);opacity:.5;border:0;border-radius:8px;transition:width .25s,background .25s}#carousel-dots button.active{width:24px;background:var(--accent);opacity:1}.slide-enter{animation:slide-reveal .5s ease both}@keyframes slide-reveal{from{opacity:.2;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
.news-rail-controls,.news-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:16px 0}.news-rail-controls span,.news-pagination span{font-size:14px;color:var(--muted)}.news-rail-controls .secondary,.news-pagination .secondary{font-size:14px;padding:8px 14px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card p{font-size:16px;line-height:1.7}.news-top{font-size:13px}.news-archive-tools{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:26px 0}.news-archive-tools .search{flex:1;min-width:210px;max-width:none}.news-archive-tools>label:not(.search){font-size:14px;display:flex;flex-direction:column;gap:7px;color:var(--muted)}.news-archive-tools select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px;font-size:14px}.news-pagination button:disabled,.news-rail-controls button:disabled{cursor:default}
.profile-art{position:absolute;inset:0;pointer-events:none;z-index:0}.profile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10151ef0,#10151e9c 55%,#10151e18)}.profile-hero{position:relative;isolation:isolate}.profile-hero>*:not(.profile-art){position:relative;z-index:1}.profile-hero.banner-forest,.profile-hero.banner-racing,.profile-hero.banner-kingdom{color:#fff;min-height:250px}.banner-forest .role-label,.banner-racing .role-label,.banner-kingdom .role-label,.banner-forest .username,.banner-racing .username,.banner-kingdom .username,.banner-forest .bio,.banner-racing .bio,.banner-kingdom .bio{color:#e2e5eb}.profile-hero:has(.profile-art) .secondary{background:#131922aa;color:#fff;border-color:#ffffff40}.shop-visual:has(.profile-art){position:relative;isolation:isolate;color:#fff}.shop-visual .sample-background-label{position:relative;z-index:1}.shop-visual .profile-art:after{background:linear-gradient(0deg,#10151ea0,transparent)}.shop-collection{display:block;font-size:13px;color:var(--accent);margin-bottom:5px}.shop-type{font-size:12px}.shop-body p{font-size:16px;line-height:1.65;min-height:80px}.shop-body h3{font-size:20px}.try-style{font-size:14px}.nameplate-gold{color:#94621c;text-shadow:0 1px #ffffff30}.nameplate-neon{color:#4365ad;text-shadow:0 0 14px #6390ff35}.profile-hero:has(.profile-art) .nameplate-gold,body[data-mode=dark] .nameplate-gold,.card-royal .nameplate-gold{color:#edc67c}.profile-hero:has(.profile-art) .nameplate-neon,body[data-mode=dark] .nameplate-neon,.card-royal .nameplate-neon{color:#b0c6ff;text-shadow:0 0 12px #6295ff70}.name-sample{font-size:34px}.avatar.frame-pulse{border:3px solid #65acb9;box-shadow:0 0 0 4px #65acb922,0 0 20px #65acb940;animation:avatar-pulse 4s ease-in-out infinite}.avatar.frame-prism{border:3px solid #9e8fe5;box-shadow:0 0 0 3px #9e8fe522;animation:prism-color 9s ease-in-out infinite}@keyframes avatar-pulse{50%{box-shadow:0 0 0 6px #65acb918,0 0 24px #65acb960}}@keyframes prism-color{33%{border-color:#70b8b4;box-shadow:0 0 0 3px #70b8b422}66%{border-color:#e7ae81;box-shadow:0 0 0 3px #e7ae8122}}
.card-royal{background:linear-gradient(125deg,#202733,#35322b)!important;border:1px solid #ad864a!important;color:#fff;box-shadow:inset 0 0 0 4px #ffffff05}.card-royal small,.card-royal>svg{color:#c7c4bc}.card-holo{background:linear-gradient(120deg,var(--surface) 20%,#969fff22 45%,#69bbaa22 65%,var(--surface) 90%)!important;background-size:250% 100%!important;animation:holo-light 12s ease-in-out infinite;border-color:#969fff66!important}@keyframes holo-light{50%{background-position:100% 0}}.badge-leaf{background:#39886a25;color:#318368}.badge-diamond{background:#747cda25;color:#6972c7}.player-card strong{font-size:16px}.player-card small{font-size:13px}
.profile-showcase{margin:24px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.showcase-heading h2{font-size:25px;margin:5px 0 0}.showcase-heading .small-note{font-size:12px}.showcase-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcase-game{padding:0;background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;text-align:left;overflow:hidden;color:inherit}.showcase-art{position:relative;height:140px;overflow:hidden}.showcase-game strong{display:block;font-size:16px;padding:14px 14px 2px}.showcase-game small{display:block;font-size:13px;color:var(--muted);padding:0 14px 16px}.showcase-gallery .showcase-art{height:190px}.showcase-gallery .showcase-game{border:0}.showcase-museum{background:#202733;color:#f8f3e6;border-color:#a27e47}.showcase-museum .showcase-game{background:#2a303b;border-color:#ffffff15}.showcase-museum .eyebrow,.showcase-museum .small-note{color:#e4bf7b}.showcase-museum small{color:#c4c5cb}.showcase-museum .collectible{border-color:#ffffff20}.showcase-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px}.collectible{border:1px solid var(--line);border-radius:12px;padding:14px 8px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.collectible span{font-size:13px;overflow-wrap:anywhere}.collectible-icon{height:54px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.collectible-icon>svg{width:29px;height:29px}.collectible-icon .avatar{height:48px;width:48px}.collectible-icon .avatar svg{width:25px;height:25px}.collectible-banner{position:relative;width:60px;height:45px;border-radius:6px;overflow:hidden}.collectible-banner .profile-art:after{display:none}#showcase-editor{border:1px solid var(--line);border-radius:12px;padding:20px;margin:25px 0}#showcase-editor legend{font-size:19px;font-weight:600;padding:0 8px}#showcase-editor h3{font-size:16px;margin:22px 0 12px}.showcase-choices{display:flex;flex-wrap:wrap;gap:10px}.showcase-choices>label{display:flex;align-items:center;gap:8px;font-size:14px;background:var(--surface-alt);border:1px solid var(--line);padding:9px 12px;border-radius:9px;margin:0}.showcase-choices input{width:17px;height:17px;margin:0;accent-color:var(--accent)}#showcase-editor .text-link{display:inline-flex;margin-top:18px;font-size:14px}#showcase-editor .small-note{font-size:14px;line-height:1.7}.showcase-sample{gap:8px;padding:20px;align-items:center}.showcase-sample-art{position:relative;width:30%;height:80px;border-radius:6px;overflow:hidden}.showcase-sample.showcase-museum{background:#202733;margin:0;border-radius:0}.style-preview-panel .profile-hero:has(.profile-art){min-height:200px}.style-preview-panel .profile-showcase{padding:20px}.style-preview-panel .showcase-heading h2{font-size:20px}.style-preview-panel .showcase-art{height:130px}.preview-heading p{font-size:14px;max-width:650px;line-height:1.7}
@media(max-width:1200px){.campaign-compact{grid-template-columns:1fr;gap:0}.home-pulse .campaign-total{margin-top:8px}.home-pulse .campaign-widget{padding:16px 20px}.home-pulse{grid-template-columns:1.15fr 1fr}.pulse-card{padding:16px}.pulse-card .online-strip>button{padding:8px}.pulse-card .stat-label,.pulse-card .online-strip small{font-size:12px}#featured-slide .feature-copy{width:60%;padding:28px 25px 68px}#featured-slide p{font-size:15px}.showcase-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.home-pulse{grid-template-columns:1fr;gap:12px}.campaign-compact{grid-template-columns:1fr 1fr;gap:12px}.pulse-card .online-strip>button{padding:0 16px}.pulse-card .stat-label,.pulse-card .online-strip small{font-size:14px}.pulse-card{padding:16px 20px}.pulse-card .online-strip{margin-top:8px}.news-grid{grid-template-columns:1fr}.profile-showcase{padding:20px}.showcase-games{gap:10px}.showcase-art,.showcase-gallery .showcase-art{height:110px}.showcase-game strong{font-size:14px;padding:10px 10px 3px}.showcase-game small{font-size:12px;padding:0 10px 12px}.showcase-heading{flex-wrap:wrap}.profile-hero:has(.profile-art){min-height:230px}}
@media(max-width:600px){.sidebar nav a{min-width:36px;width:36px;padding:8px}.sidebar{overflow:visible}.sidebar nav{gap:1px}.campaign-compact{grid-template-columns:1fr;gap:0}.campaign-compact h3{font-size:18px}.campaign-compact p{font-size:14px}.home-pulse .campaign-widget{padding:17px 20px}.home-pulse .campaign-caption{font-size:12px}.home-pulse .campaign-total strong{font-size:24px}.home-pulse .campaign-total>span{font-size:13px}.pulse-card .online-strip strong{font-size:25px}#featured-slide .feature-copy{width:100%;padding:24px 22px 68px}#featured-slide .feature-visual{inset:0 0 0 22%;opacity:.55}#featured-slide .feature-visual:after{background:linear-gradient(90deg,#f2e6db,#f2e6db85 60%)}body[data-mode=dark] #featured-slide .feature-visual:after{background:linear-gradient(90deg,#313034,#31303485 60%)}#featured-slide h2{font-size:34px;max-width:290px}#featured-slide p{max-width:280px;font-size:15px}.carousel-controls{left:22px}.news-archive-tools{gap:12px}.news-archive-tools .search{width:100%;flex-basis:100%}.news-archive-tools>label:not(.search){width:calc(50% - 6px)}.news-archive-tools select{max-width:100%;padding:10px;font-size:13px}.showcase-games{grid-template-columns:1fr}.showcase-art,.showcase-gallery .showcase-art,.style-preview-panel .showcase-art{height:160px}.showcase-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-game strong{font-size:16px}.showcase-game small{font-size:13px}.profile-showcase,.style-preview-panel .profile-showcase{padding:18px}.shop-body p{font-size:14px;min-height:115px}.shop-body h3{font-size:18px}.shop-collection{font-size:12px}.shop-type{font-size:11px}.shop-visual .sample-background-label{font-size:14px}.shop-body .try-style{font-size:14px}.name-sample{font-size:27px}.showcase-sample{padding:15px;gap:5px}.showcase-sample-art{height:68px}#showcase-editor{padding:14px}.showcase-choices{gap:7px}.showcase-choices>label{padding:8px;font-size:13px}.news-top{font-size:13px}.news-card p{font-size:15px}.news-rail-controls{justify-content:space-between;gap:8px}.news-rail-controls .secondary{font-size:13px;padding:8px 12px}.shop-price-row button{font-size:13px}.preview-heading p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.slide-enter,.avatar.frame-pulse,.avatar.frame-prism,.card-holo{animation:none!important}#carousel-dots button{transition:none}html{scroll-behavior:auto}}
.shop-visual:has(.profile-art) .sample-background-label{background:#10151ecc;color:#fff;padding:7px 12px;border-radius:7px}.banner-noir .nameplate-gold{color:#edc67c}.banner-noir .nameplate-neon{color:#b0c6ff}
.profile-lookbook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.look-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.look-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;height:150px;isolation:isolate}.look-scene>.avatar,.look-scene>span{position:relative;z-index:1}.look-scene:has(.profile-art){color:#fff}.look-scene .avatar{height:65px;width:65px}.look-scene span{font-size:24px;font-weight:650}.look-scene:has(.profile-art) .nameplate-neon{color:#b0c6ff}.look-copy{padding:20px}.look-copy h3{margin:0 0 8px;font-size:20px}.look-copy p{font-size:15px;line-height:1.65;color:var(--muted);min-height:50px}.look-copy>div{display:flex;flex-direction:column;gap:12px}.look-copy small{font-size:13px;color:var(--muted)}.look-copy .secondary{font-size:14px;justify-content:center}.collection-toolbar label{display:flex;align-items:center;gap:14px;font-size:14px}.collection-toolbar select{max-width:100%;background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:9px;color:var(--text);font-size:14px}.look-pieces{margin-top:20px;border-top:1px solid var(--line)}.look-pieces>div{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.look-pieces span{flex:1}.look-pieces small{color:var(--muted);font-size:13px}.look-pieces .secondary{font-size:13px;min-width:96px;justify-content:center}@media(max-width:1000px){.profile-lookbook{grid-template-columns:1fr}.look-card{display:grid;grid-template-columns:1fr 1.4fr}.look-scene{height:100%;min-height:160px}.look-copy p{min-height:0}.look-copy>div{flex-direction:row;align-items:center;flex-wrap:wrap}.look-scene span{font-size:22px}.look-scene .avatar{height:52px;width:52px}}@media(max-width:600px){.look-card{display:block}.look-scene{height:150px}.look-pieces>div{flex-wrap:wrap;gap:8px}.look-pieces small{margin-right:8px}.look-pieces span{flex-basis:60%}.look-pieces .secondary{margin-left:auto}.collection-toolbar label{flex-wrap:wrap}.look-copy p{font-size:15px}.look-copy h3{font-size:20px}}
.showcase-explanation{font-size:14px;color:var(--muted);line-height:1.7;margin:-7px 0 22px;max-width:740px}.showcase-museum .showcase-explanation{color:#c4c5cb}#showcase-count{font-weight:600}

/* Keep the compact horizontal cards; position each composition within its crop. */
.showcase-art .game-art{--cover-position:50%}
.showcase-art .art-forest{--cover-position:44%}
.showcase-art .art-racing{--cover-position:65%}
.showcase-art .art-town{--cover-position:12%}
.showcase-art .cover-art{height:auto;aspect-ratio:1;inset:auto 0;top:var(--cover-position);transform:translateY(calc(-1 * var(--cover-position)))}
.showcase-art .game-art img{object-fit:cover;object-position:50% 40%}

/* Leave room around the highlight and give every counter equal inner spacing. */
.pulse-card .online-strip>button,
.pulse-card .online-strip>button:first-child{position:relative;isolation:isolate;padding:10px 12px;background:transparent}
.pulse-card .online-strip>button:before{content:'';position:absolute;inset:3px 5px;z-index:-1;border-radius:8px;background:var(--tint);opacity:0;transition:opacity .2s ease;pointer-events:none}
.pulse-card .online-strip>button:hover,
.pulse-card .online-strip>button:focus-visible{background:transparent}
.pulse-card .online-strip>button:hover:before,
.pulse-card .online-strip>button:focus-visible:before{opacity:1}
@media(max-width:480px){.pulse-card .online-strip>button,.pulse-card .online-strip>button:first-child{padding:10px 8px}.pulse-card .stat-label,.pulse-card .online-strip small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pulse-card .online-strip>button:before{transition:none}}