@font-face{font-family:BarbieChalet;src:url('/_original/icanbe.barbie.com/resources/fonts/Chalet-NewYorkEighty.woff') format('woff');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}.games-central-page{margin:0;background:#f7e1ed;color:#713352;font:13px/1.5 Arial,Helvetica,sans-serif}.games-central-page #background{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.30),rgba(255,255,255,.30)),url('./assets/games-wallpaper-first-option-repeat.webp');background-position:top left;background-repeat:no-repeat,repeat;background-size:100% 100%,1200px 1200px}.games-central-page .site{position:relative;z-index:1;width:990px;margin:0 auto}.games-central-page .header{z-index:2}.games-central-page #main{width:990px;background:#fff;box-shadow:0 0 20px #97234c1a}.central{overflow:hidden}.central-header{height:auto;position:relative;background:#fff;isolation:isolate;overflow:hidden}.hero-scene{position:relative;display:block;width:950px;height:auto;margin:-138px auto 2px;object-fit:contain}.header-copy{position:absolute;z-index:3;left:272px;top:40px;width:380px;text-align:center;color:#b31869}.header-copy .hero-kicker{margin:0 0 7px;font:700 10px Arial;letter-spacing:3px;color:#9f4377}.header-copy h1{margin:0;color:#e61d85;font:400 74px/.95 BarbieChalet,Arial,sans-serif;letter-spacing:-3px;text-shadow:0 2px #fff8}.header-copy h1 span{display:block;margin-top:6px;color:#bc156c;font-size:43px;line-height:1.05;letter-spacing:1px}.header-copy>p:not(.hero-kicker){margin:17px 0 20px;font:14px BarbieChalet,Arial,sans-serif;color:#a1356b}.hero-cta{display:inline-flex;gap:25px;align-items:center;justify-content:center;min-width:145px;padding:8px 22px;border:2px solid #fff;border-radius:23px;background:#e62083;color:#fff;text-decoration:none;box-shadow:0 3px #ae276a26;font:bold 14px Arial}.hero-cta span{font-size:22px;line-height:1}.hero-cta:hover{background:#ca126f}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6bafd1;outline-offset:4px}[hidden]{display:none!important}.catalog{position:relative;padding:34px 46px 30px;background:linear-gradient(#fff 0,#fff 62%,#e5f5fe 100%);border-top:5px solid #fff}.catalog::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#f8b9d7,#f1d3e5,#c9f1ea)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-heading h2{margin:0;font:400 27px/1.2 BarbieChalet,Arial,sans-serif;letter-spacing:-.5px;color:#cd2079}.catalog-total{font-size:11px;color:#aa6b8d;white-space:nowrap}.search{display:flex;gap:17px;align-items:center;margin-bottom:23px}.search-field{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid #edc5da;border-radius:11px;background:#fffafd;box-shadow:0 2px 4px #9f437706}.search-field>span{font-size:25px;line-height:1;color:#d63d8d}.search-field input{width:100%;min-width:0;border:0;background:none;padding:4px 0;font-size:13px;color:#713352}.search-field input::placeholder{color:#ae8299}.sort-label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#9d7087}.sort-label select{padding:8px 27px 8px 10px;border:1px solid #edd2e1;border-radius:8px;color:#8b4268;background:#fff;font-size:11px}.catalog-tabs{display:flex;gap:7px;margin:0;padding:0 0 15px;border-bottom:1px solid #efdaE6}.catalog-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:156px;min-height:43px;padding:10px 18px;border:1px solid #edc0d7;border-radius:10px;background:#fff;color:#b62a75;font:400 17px/1 BarbieChalet,Arial,sans-serif;transition:background .15s,color .15s}.catalog-tabs button[aria-pressed=true]{border-color:#e62083;background:#e62083;color:#fff;box-shadow:0 3px 6px #d9297e1c}.catalog-tabs button:hover:not([aria-pressed=true]){background:#fff0f7}.catalog-tabs button span{display:inline-grid;place-items:center;min-width:24px;padding:3px 5px;border-radius:9px;background:#f9e3ee;color:#a54979;font:700 10px Arial}.catalog-tabs button[aria-pressed=true] span{background:#ffffff30;color:#fff}.filter-bar{padding:16px 0 13px;display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid #f1e3ec}.filter-label{padding-top:5px;white-space:nowrap;font-size:10px;font-weight:bold;color:#98677f}.theme-filters{display:flex;flex-wrap:wrap;gap:6px}.theme-filters button{padding:4px 9px;border:1px solid transparent;border-radius:6px;background:#faf0f6;color:#9e5781;font-size:10px;line-height:1.5}.theme-filters button:hover{background:#ffe6f2}.theme-filters button[aria-pressed=true]{border-color:#de65a1;background:#ffe4f1;color:#ae206c}.results-line{display:flex;align-items:center;justify-content:space-between;min-height:49px;color:#a78095;font-size:11px}.results-line p{margin:0}.results-line button{border:0;background:none;color:#c32a78;font-size:11px;text-decoration:underline}.games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 19px;padding:0 0 16px}.game-card{min-width:0}.game-link{display:block;padding:5px;border:1px solid #f2d8e7;border-radius:14px;background:#fff;box-shadow:0 3px 8px #9f49641b;text-decoration:none;transition:transform .18s,box-shadow .18s}.game-link:hover{transform:translateY(-4px);box-shadow:0 7px 14px #9f49642b}.game-art{position:relative;overflow:hidden;border-radius:9px 9px 4px 4px;background:#fff0f7}.game-art img{display:block;width:100%;height:99px;object-fit:cover}.game-badge{position:absolute;left:5px;top:5px;padding:2px 5px;border:1px solid #ffffffb3;border-radius:4px;background:#9d548f;color:#fff;font:bold 7px Arial;text-transform:uppercase;letter-spacing:.2px}.game-badge.new{background:#e62083}.game-label{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:48px;padding:8px 7px 6px;color:#b12874;font:bold 12px/1.2 Arial}.game-arrow{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:#fde5f1;color:#d52c83;font:20px/1 Arial}.card-tags{display:flex;flex-wrap:wrap;gap:4px;padding:7px 4px 0}.card-tags button{padding:0;border:0;background:none;color:#ab7d96;font-size:9px}.card-tags button:hover{color:#ca287e;text-decoration:underline}.card-tags button+button::before{content:'·';padding-right:4px}.collection-note{margin:0 0 20px;padding:9px 12px;border:1px solid #e9d5ed;border-radius:8px;background:#fcf4ff;color:#98618e;font-size:12px}.load-more{text-align:center;padding:14px 0 5px}.load-more button,.empty-state button,.dialog-back{padding:9px 25px;border:1px solid #edb5d2;border-radius:20px;background:#fff;color:#bf2c78;font:bold 12px Arial}.load-more button:hover,.empty-state button:hover,.dialog-back:hover{background:#fff0f7}.load-more button span{margin-left:18px}.load-more p{font-size:10px;color:#aa7e96;margin-top:12px}.empty-state{text-align:center;padding:35px 20px;color:#9c7087}.empty-state>span{font-size:35px;color:#e27ab0}.empty-state h3{margin:5px 0;font:25px BarbieChalet,Arial;color:#cc2d7c}.empty-state p{font-size:13px}.central-footer{position:relative;min-height:198px;width:990px;padding:0!important;background:#e5f5fe;overflow:hidden}.footer-scene{display:block;width:990px;height:198px;object-fit:cover}.footer-copy{position:absolute;bottom:10px;left:0;width:100%;padding:0 100px;font:10px/1.5 Arial;text-align:center}.central-footer .site-footer-links{gap:0 10px}.central-footer .site-footer-links a{font-size:11px;color:#b41668}.central-footer .site-footer-links span{color:#d778a7}.footer-copy p{margin:6px 0 0;color:#a44676;font-size:9px}dialog{width:430px;max-width:calc(100% - 36px);padding:34px 28px 28px;border:2px solid #efbad5;border-radius:18px;background:#fff8fc;color:#9c5b80;box-shadow:0 16px 65px #68314f33;text-align:center}dialog::backdrop{background:#5c31534d}dialog h2{margin:4px 0 16px;font:26px BarbieChalet,Arial;color:#cf2a7d}dialog p{font-size:13px}.dialog-back{margin-top:13px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#d43c8a;font-size:25px}@media(max-width:700px){.games-central-page .site{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.central-footer .footer-copy{left:195px;width:600px;bottom:9px;padding:9px 15px;background:#ffffffd9;border-radius:11px}

/* Position the title on the wall between the seated gamer and the television. */
.header-copy{left:350px;top:47px;width:310px}
.header-copy h1{font-size:66px}
.header-copy h1 span{font-size:40px}

/* Character movement is rendered inside the illustration; the room stays fixed. */
.hero-motion-stage{position:relative;isolation:isolate;background:#fff}
.hero-scene{animation:none;transform:none;filter:none}
.hero-scene[hidden]{display:none!important}
.hero-character-canvas{aspect-ratio:1448/1086}
.hero-video-animation{position:absolute;z-index:1;pointer-events:none}
.hero-feet-layer{position:absolute;z-index:1;pointer-events:none}
.hero-room-cleanup{position:absolute;z-index:1;pointer-events:none}
.hero-layered-scene{position:relative}
.hero-room-layer{display:block;width:100%;height:auto}
.hero-barbie-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-room-effects .hero-dog-layer{position:absolute;inset:0;pointer-events:none}
.hero-room-effects{position:absolute;z-index:2;pointer-events:none}
.hero-room-effects canvas{display:block;width:100%;height:100%;pointer-events:none}
.room-hotspot{position:absolute;pointer-events:auto;padding:0;border:0;background:transparent;border-radius:5px;cursor:pointer}
.room-hotspot-laptop{left:40.5%;top:28.3%;width:5.6%;height:5.7%}
.room-hotspot-window{left:64%;top:24.8%;width:9%;height:9.5%}
.room-hotspot-lamp{left:77.4%;top:39.6%;width:4.3%;height:10.9%}
.room-hotspot-phone{left:23.6%;top:72.7%;width:9.4%;height:6%}
.room-hotspot::after{content:'';position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 2px #fff8bd) drop-shadow(0 0 5px #ffd53c);opacity:0;transition:opacity .15s}
.room-hotspot-laptop::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M16 25 69 30 77 80 21 74Z' fill='none' stroke='%23fff074' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.room-hotspot-lamp::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M36 4 56 4 76 64 58 83 77 90 Q55 97 16 91 L36 83 16 64Z' fill='none' stroke='%23fff074' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.room-hotspot-phone::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M27 21 88 45 88 61 63 82 1 56 0 39Z' fill='none' stroke='%23fff074' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.room-hotspot:hover::after,.room-hotspot:focus-visible::after{opacity:1}
.room-hotspot:focus-visible{outline:2px solid #ef75b1;outline-offset:2px;background:rgba(255,235,248,.08)}
.room-interaction-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-sound-toggle{position:absolute;z-index:4;top:153px;right:22px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #efb4d2;border-radius:50%;background:rgba(255,255,255,.94);color:#bf2877;box-shadow:0 2px 8px #9c456526;cursor:pointer;transition:background .18s}
.hero-sound-toggle:hover{background:#fff3f9}
.hero-sound-toggle:focus-visible{outline:3px solid #ef75b1;outline-offset:3px}
.hero-sound-toggle svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-sound-toggle .sound-wave{fill:none}
.hero-sound-toggle[aria-pressed=false] .sound-wave{opacity:.18}
.hero-sound-toggle[aria-pressed=false]::after{content:'';position:absolute;width:2px;height:21px;transform:rotate(45deg);border-radius:2px;background:#bf2877}
.hero-sound-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-sound-toggle[data-awaiting-gesture=true] + .hero-sound-status{z-index:4;top:198px;right:22px;width:210px;height:auto;margin:0;padding:8px 10px;clip:auto;white-space:normal;border:1px solid #efb4d2;border-radius:10px;background:#fff8fc;color:#9c356d;font:12px/1.4 Arial,sans-serif;box-shadow:0 2px 8px #9c456526}