*{box-sizing:border-box}html{min-width:990px}body{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#ea4498}#background{position:fixed;inset:0;z-index:0;background-color:#fff;background-image:var(--site-wallpaper-image,none);background-repeat:repeat;background-size:260px 260px;background-position:top left;pointer-events:none}.site{width:990px;margin:0 auto}.header{position:relative;width:990px;height:210px;background:url('/images/header/nav_background_new.jpg') no-repeat}#navigation{position:absolute;left:0;top:98px;width:820px;height:100px}.language{position:absolute;left:835px;top:152px;width:155px;font-size:10px}.language label{display:block;font-weight:bold;margin-bottom:5px}.language>div{display:flex;align-items:center;gap:4px}.language select{width:103px;height:20px;border:1px solid #eb4d97;color:#cf2f7e;background:white;font-size:10px}.language button{background:#e94492;color:#fff;border:1px solid white;border-radius:50%;width:27px;height:27px;font-size:9px;font-weight:bold;cursor:pointer}ruffle-player{display:block;width:100%;height:100%}.home-hero{width:910px;height:520px}.promos{margin:38px 0 0 70px;width:725px;height:180px}footer{text-align:center;font-size:11px;line-height:16px;padding:20px 0 25px}footer div{color:#d60986}footer span{color:#999}.section-stage{position:relative;width:810px;min-height:520px}.restoration-page{width:810px;min-height:520px;padding:100px 30px;text-align:center;background:rgba(255,255,255,.9)}h1{font-size:28px}a{color:#d63080}.pink-button{display:inline-block;padding:10px 24px;border:2px solid white;border-radius:20px;background:linear-gradient(#ff8bc7,#e93694);box-shadow:0 2px 4px #a6377355;color:white;font-size:14px;font-weight:bold;cursor:pointer;text-decoration:none}dialog{width:410px;text-align:center;border:5px solid #f793c5;border-radius:18px;color:#dc3787;background:#fff3f9;padding:35px 20px}dialog::backdrop{background:#65234966}.close{position:absolute;right:10px;top:4px;background:none;border:0;font-size:28px;color:#df3688;cursor:pointer}.site-map{padding:35px;background:#fff5fa;width:810px;min-height:520px}.site-map li{padding:7px}.fallback-links{position:absolute;left:-10000px}.fallback-links:focus-within{left:0;z-index:10;background:white;padding:10px}
.language{font:11px Verdana,Arial,sans-serif}.language label{margin:0;height:34px}.language label img{width:130px;height:34px}.language>div{position:relative;display:block;height:27px}.language .language-globe{position:absolute;left:-28px;top:-6px;width:35px;height:35px;pointer-events:none}.language select{appearance:none;width:133px;height:22px;padding:3px 23px 0 6px;border:0;border-radius:0;color:#fff;background:url('/images/header/language_dropdown/bg.png') no-repeat;font:11px Verdana,Arial,sans-serif;cursor:pointer}.language select:hover,.language select:focus{background-position:0 -22px}.language option{color:#333;background:#fff}.language button{position:absolute;left:124px;top:-3px;width:28px;height:27px;border:0;border-radius:0;background:url('/images/header/language_dropdown/go.png') no-repeat}.language button:hover,.language button:focus-visible{background-position:0 -27px}
.interstitial-page .site{display:none}.interstitial-page #background{display:none}.interstitial{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.interstitial img{width:600px;height:310px;border:0}
.dreamhouse-game{width:990px;background:#fff}
.restored-game{display:flex;justify-content:center;align-items:flex-start;width:990px;min-height:var(--game-height,500px);padding:20px 0;background:#fff}
.hero-game-page{width:990px;min-height:520px;padding:55px 0 45px;text-align:center;background:#fff5fa}.hero-game-page>img{width:260px;max-height:180px;object-fit:contain}.hero-game-page h1{margin:20px 0 8px}.hero-game-page p{margin:0 0 16px}.hero-game-page nav{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px auto}
.hero-game-note{max-width:760px;margin:0 auto 16px!important;font-size:14px;color:#90476c}
.hero-game-art{position:relative;width:300px;height:180px;margin:0 auto}
.puppy-water-sliders-player{width:800px;height:455px;margin:20px auto 22px;background:#fff}
.hero-destination-page{width:990px;min-height:520px;padding:52px 90px;text-align:center;background:#fff5fa}.hero-destination-page>img{width:160px;max-height:140px;object-fit:contain}.hero-destination-page h1{margin:14px 0}.hero-destination-page p{max-width:620px;margin:12px auto}.hero-destination-capture{color:#74435d;background:#fff;padding:14px 20px;border-radius:12px;border:1px solid #f1c5da}.hero-destination-page nav{display:flex;justify-content:center;gap:14px;margin-top:28px}.hero-destination-page nav a{padding:10px 18px;border-radius:18px;background:#eb4395;color:white;text-decoration:none;font-weight:bold}
.hero-destination-reconstruction{margin:26px 0 0;text-align:left}.hero-destination-reconstruction-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid #f1c5da;border-bottom:0;border-radius:14px 14px 0 0}.hero-destination-reconstruction-label{margin:0!important;color:#74435d;font-weight:bold}.hero-destination-reconstruction-heading>a,.hero-destination-sources>a{color:#b62770;font-weight:bold}.hero-destination-frame{display:block;width:100%;height:var(--destination-frame-height,900px);border:1px solid #f1c5da;border-radius:0 0 14px 14px;background:#fff}.hero-destination-sources{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:18px auto 0!important;font-size:13px}.hero-destination-sources>span{color:#74435d;font-weight:bold}.hero-destination-sources>a{padding:6px 0!important;background:none!important;color:#b62770!important;text-decoration:underline}
.dreamhouse-status{width:990px;padding:8px 16px;background:#fff5fa;color:#a51c68;font-size:13px;text-align:center}

/* Home page bottom buttons */
.bottom-pages{width:910px;max-width:100%;margin:34px auto 12px;padding:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;text-align:left}
.bottom-pages-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 14px}
.bottom-page-button{display:block;width:160px;flex:0 0 160px;padding:5px;border:0;border-radius:20px;background:#fff;box-shadow:0 2px 0 #f6c4b4,0 5px 14px #a9676652;cursor:pointer;color:#783f4e;text-align:left;text-decoration:none;animation:bottom-arrive .55s both;animation-delay:calc(var(--button-index)*90ms);transition:transform .22s ease,box-shadow .22s ease}
.bottom-page-button:hover,.bottom-page-button:focus-visible{transform:translateY(-7px) scale(1.035);box-shadow:0 5px 0 #f6c4b4,0 12px 22px #a9676670;outline:2px solid #d57d7c;outline-offset:3px}
.bottom-page-button:active{transform:translateY(-2px) scale(.99)}
.bottom-page-art{display:block;width:100%;height:98px;border-radius:15px 15px 5px 5px;background-size:cover;background-position:center}
.bottom-page-label{min-height:43px;margin-top:5px;padding:3px 7px 3px 11px;border-radius:6px 6px 14px 14px;background:#E62083;color:#fff;box-shadow:inset 0 2px 2px #ffffffa6,inset 0 -2px 1px #a85b5961;display:flex;align-items:center;justify-content:space-between;gap:2px;font-weight:bold;font-size:15px;line-height:1.08;text-shadow:0 1px 1px #95135366}
.bottom-page-arrow{width:27px;height:27px;flex:0 0 27px;position:relative;display:grid;place-items:center;border:2px solid #fff9f0;border-radius:50%;background:#E62083;color:#fff;font-size:0;line-height:1;transition:transform .22s ease}
.bottom-page-arrow::before{content:"";position:absolute;inset:0;margin:auto;width:16px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M5 3 L11 9 L5 15' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 18px no-repeat}
.bottom-page-button:hover .bottom-page-arrow,.bottom-page-button:focus-visible .bottom-page-arrow{filter:brightness(1.12)}
.bottom-panel{position:relative;min-width:0;padding:31px 13px 13px;border:3px solid;border-radius:17px;background:#fff;box-shadow:0 3px 12px #8c4c6c2b}
.bottom-panel-more-fun{border-color:#E62083}
.bottom-panel-grown-ups{border-color:#f47721}
.bottom-panel h2{position:absolute;top:-17px;left:-9px;z-index:2;margin:0;color:#fff;font:700 14px/1 Arial,Helvetica,sans-serif;letter-spacing:.2px;text-shadow:0 1px 1px #79304f66;transform:rotate(-3deg)}
.bottom-panel h2 span{display:block;padding:7px 14px 6px;clip-path:polygon(0 0,100% 0,100% 76%,95% 100%,0 100%);box-shadow:0 2px 3px #4a274633}
.bottom-panel-more-fun h2 span{background:#E62083}
.bottom-panel-grown-ups h2 span{background:#f47721}
.bottom-panel .bottom-pages-grid{flex-wrap:nowrap;gap:12px}
.bottom-panel .bottom-page-button{width:auto;min-width:0;flex:1 1 0}
.bottom-panel .bottom-page-art{height:auto;aspect-ratio:3/2;background-size:contain;background-repeat:no-repeat;background-color:#fff}
/* Stack the panels: MORE FUN on top, GROWN-UPS on the row below. */
.bottom-pages{grid-template-columns:minmax(0,1fr);justify-items:center;gap:30px}
.bottom-pages>.bottom-panel{width:fit-content;max-width:100%}
.bottom-pages>.bottom-panel .bottom-page-button{flex:0 0 196px}
@keyframes bottom-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.bottom-page-button.is-clicked{animation:bottom-click .4s ease both}
.bottom-page-button.is-clicked .bottom-page-label{filter:brightness(1.18)}
@keyframes bottom-click{0%,100%{scale:1}40%{scale:.9}72%{scale:1.05}}
@media(prefers-reduced-motion:reduce){.bottom-page-button,.bottom-page-button.is-clicked{animation:none;transition:none}.bottom-page-arrow{transition:none}}
@media(max-width:700px){.home-layout .bottom-pages{position:relative;left:50%;width:100vw;max-width:none;padding:0 12px;grid-template-columns:minmax(0,1fr);gap:26px;zoom:calc(1 / var(--site-scale,1));transform:translateX(-50%)}.bottom-pages>.bottom-panel{width:100%}.bottom-pages>.bottom-panel .bottom-page-button{max-width:calc((100% - 24px) / 3);flex:1 1 0}.bottom-pages>.bottom-panel .bottom-page-label{min-height:36px;padding:3px 4px 3px 8px;font-size:12px;line-height:1.1}.bottom-pages>.bottom-panel .bottom-page-arrow{width:20px;height:20px;flex-basis:20px;border-width:1.5px}.bottom-pages>.bottom-panel .bottom-page-arrow::before{background-size:12px 14px}}
.bottom-restoration{margin:38px auto 65px;border:2px solid #f4bbad;border-radius:22px;box-shadow:0 8px 20px #ac6b6a33}
.bottom-restoration h1{color:#cb6c7b}
.bottom-restoration p{color:#965c68;font-size:16px}
.downloads-page{padding:55px 30px}
.downloads-page h1{margin:0 0 44px}

/* One continuous supplied artwork across the existing 990 x 155 header. */
.header{height:155px;background:linear-gradient(to bottom,transparent 0%,transparent 35%,#ffe4f1 100%) center/100% 100% no-repeat,#ffe4f1 url('/assets/fundo-header-v2.png') center top/990px auto no-repeat;border-bottom:4px solid #ed4b9b}
.header::before,.header::after,.header-glitter{display:none}
#navigation{top:40px;background:url('/images/header/nav-fallback-home.png') no-repeat}
#navigation[data-nav-snapshot="games"]{background-image:url('/images/header/nav-fallback-games.png')}
#navigation[data-nav-snapshot="fairytale"]{background-image:url('/images/header/nav-fallback-fairytale.png')}
#navigation[data-nav-snapshot="fashion"]{background-image:url('/images/header/nav-fallback-fashion.png')}
#navigation[data-nav-snapshot="friends"]{background-image:url('/images/header/nav-fallback-friends.png')}
#navigation[data-nav-snapshot="videos"]{background-image:url('/images/header/nav-fallback-videos.png')}
#navigation.nav-native-ready{background-image:none}
#navigation{overflow:visible}
#navigation::after{content:"";position:absolute;z-index:1;left:610px;top:0;width:108px;height:100px;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,transparent 35%,#ffe4f1 100%) -610px -40px/990px 155px no-repeat,#ffe4f1 url('/assets/fundo-header-v2.png') -610px -40px/990px auto no-repeat}
.header-nav-fallback{position:absolute;inset:0;z-index:2}
.header-nav-fallback-link{position:absolute;left:var(--nav-x);top:0;width:var(--nav-width);height:100px;display:block}
.header-nav-fallback-link:focus-visible{outline:2px solid #d83290;outline-offset:-3px}
.header-nav-link{position:absolute;left:var(--nav-x);top:0;width:var(--nav-width);height:100px;display:block;z-index:2;color:transparent;text-decoration:none;outline-offset:-3px}
.nav-native-loading .header-nav-link{z-index:1;pointer-events:none}
.header-nav-link canvas{position:absolute;left:50%;top:0;display:block;width:128px;height:100px;margin-left:-64px;opacity:0}
.nav-native-ready .header-nav-link canvas{opacity:1}
.header-nav-link:focus-visible{outline:2px solid #d83290}
.header-nav-logo canvas{width:174px;margin-left:-87px}
#navigation,.language{z-index:1}
.language{top:90px}
/* Keep equal breathing room above the carousel and before the flat footer. */
.home-layout{--home-section-gap:34px}
.home-layout .home-hero{margin:var(--home-section-gap) auto 0}

/* The slide artwork is the page backdrop. Keep it behind every home section so
   the scene never gives way to a white strip before the lower frame or footer. */
body.home-layout{background-color:#f8c9df}
.home-layout>.site{position:relative;z-index:1}

/* Preserve the restored fixed-width artwork while fitting narrow viewports. */
html{min-width:0}
.site{zoom:var(--site-scale,1)}
#main{box-shadow:-10px 0 12px -12px rgba(126,31,82,.28),10px 0 12px -12px rgba(126,31,82,.28)}
body.home-layout #main{box-shadow:none}
.movie-host{position:relative}
.movie-host>.movie-status{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fffafd,#ffe5f2);color:#9d0c55;font:600 16px/1.4 Arial,Helvetica,sans-serif;text-align:center}
.movie-host>.movie-status-unavailable{background:linear-gradient(135deg,#fffafd,#fbd9e9);font-size:14px}

/* The original logo's short hover glints, rebuilt as two restrained stars. */
body.home-layout #navigation .header-nav-logo::before,
body.home-layout #navigation .header-nav-logo::after{content:"";position:absolute;z-index:3;display:block;pointer-events:none;background:#fff9d9;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);filter:drop-shadow(0 0 2px #fff)}
body.home-layout #navigation .header-nav-logo::before{left:24px;top:15px;width:7px;height:7px}
body.home-layout #navigation .header-nav-logo::after{right:17px;bottom:15px;width:5px;height:5px}
body.home-layout #navigation .header-nav-logo:hover::before,
body.home-layout #navigation .header-nav-logo:focus-visible::before{animation:home-logo-glint .72s ease-out both}
body.home-layout #navigation .header-nav-logo:hover::after,
body.home-layout #navigation .header-nav-logo:focus-visible::after{animation:home-logo-glint .64s ease-out .1s both}
@keyframes home-logo-glint{0%{opacity:0;scale:.35;rotate:-16deg}28%{opacity:.85;scale:1.1;rotate:4deg}58%{opacity:.55;scale:.78;rotate:-4deg}100%{opacity:0;scale:.35;rotate:8deg}}
@media(prefers-reduced-motion:reduce){body.home-layout #navigation .header-nav-logo::before,body.home-layout #navigation .header-nav-logo::after{animation:none!important;opacity:0}}
/* Keep site content above the shared wallpaper layer. */
.site{position:relative;z-index:1}
body.home-layout #background{background-color:#f8c9df}
body[data-wallpaper="videos"] #background{background-size:160px 200px}
/* My Dreamhouse keeps its original theater curtain scene as a named exception. */
body[data-wallpaper="home-my-dreamhouse"] #background{background-position:center top;background-size:1920px 983px;background-repeat:no-repeat}

/* Restoration pages reuse Printables classes; only wallpaper scale and character crop differ. */
body.restoration-notice-page #background{background-color:#efb2ce;background-image:linear-gradient(rgba(235,145,183,.2),rgba(235,145,183,.2)),var(--site-wallpaper-image,none);background-repeat:no-repeat,repeat;background-size:cover,247px 247px}
body.restoration-notice-page .printables-art-panel img{position:absolute;top:0;left:50%;width:auto;height:930px;max-width:none;max-height:none;transform:translateX(-50%);object-fit:contain;object-position:top center}
@media(max-width:760px){body.restoration-notice-page .printables-art-panel img{height:620px}}
/* Mobile header: logo on its own row, the five sections below, filling the
   screen width instead of shrinking the whole 990px header to ~38%. */
@media(max-width:700px){
  .header{width:550px;height:198px;margin:0 auto;zoom:1.8;background-position:center,center top}
  .language,#navigation::after{display:none}
  #navigation{left:0;top:6px;width:100%;height:190px;background-image:none!important}
  #navigation .header-nav-link,#navigation .header-nav-fallback-link{top:88px;left:calc(var(--nav-x) - 169px)}
  #navigation .header-nav-logo,#navigation .header-nav-fallback-link[href="/"]{top:0;left:188px}
}

/* Public profile: logo + Games side by side on phones. */
@media(max-width:700px){.header{height:112px}#navigation{height:104px}#navigation .header-nav-link,#navigation .header-nav-fallback-link,#navigation .header-nav-logo,#navigation .header-nav-fallback-link[href="/"]{top:0;left:calc(var(--nav-x) + 134px)}}
