@font-face{font-family:Nivea Brand Type;src:url(/fonts/niveabrandtype-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nivea Brand Type;src:url(/fonts/niveabrandtype-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nivea Brand Type;src:url(/fonts/niveabrandtype-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;border:none;background:none;padding:0}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}:root{--color-text: #2d2d2d;--color-brand: #0032a0;--lh-base: 1.3;--lh-heading: 1.1;--radius-card: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-base: "Nivea Brand Type", system-ui, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fs-h1: clamp(1.75rem, 1.2rem + 2.2vw, 3rem);--fs-h2: clamp(1.375rem, 1rem + 1.5vw, 2rem);--fs-body: clamp(.875rem, .82rem + .25vw, 1rem)}html{font-size:16px}body{line-height:var(--lh-base);color:var(--color-text);font-family:var(--font-base);font-size:var(--fs-body);font-weight:var(--fw-regular)}p{line-height:var(--lh-base)}h1,h2,h3,h4,h5,h6{line-height:var(--lh-heading)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}.close-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#fff;cursor:pointer;opacity:1;transition:opacity .2s ease}.close-button:hover{opacity:.8}.close-button--inverted{background:var(--color-brand)}@media(prefers-reduced-motion:reduce){.close-button{transition:none}}.card{position:relative;width:100%;aspect-ratio:1 / 1;min-width:0;padding:0;border:2px solid transparent;border-radius:16px;background:transparent;perspective:800px;transition:border-color .3s ease}.card--right{border-color:#00c117}.card--wrong{border-color:red}.card--interactive{cursor:pointer}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .4s ease-out;border-radius:14px}.card--flipped .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden}.card__face--back{background-image:url(/images/card.webp);background-size:cover;background-position:center;transition:transform .4s ease-out}.card__face--back:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url(/images/card-wrapper.webp);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.card--interactive:not(.card--flipped):hover .card__face--back:after{opacity:1}.card--interactive:not(.card--flipped):hover .card__inner{box-shadow:0 8px 22px #00000024}.card--interactive:not(.card--flipped):hover .card__face--back{animation:card-breathe 2.6s ease-in-out infinite}}@keyframes card-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.015)}}.card__face--front{transform:rotateY(180deg);background-size:cover;background-position:center;background-repeat:no-repeat}.confetti{position:fixed;inset:0;z-index:15;pointer-events:none;overflow:hidden}.confetti__piece{position:absolute;top:-20px;border-radius:1px;opacity:0;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(var(--rot, 0deg))}to{opacity:0;transform:translateY(140px) rotate(calc(var(--rot, 0deg) + 180deg))}}.board{--board-gap: 7px;--board-card-max: 114px;--board-max-width: calc(3 * var(--board-card-max) + 2 * var(--board-gap));display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:0 16px 32px;gap:16px}.board__progress{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:var(--board-max-width);height:48px;flex-shrink:0;margin-top:32px;padding:12px;border-radius:999px;background:#fff}.board__percent{display:flex;align-items:baseline;flex-shrink:0;color:#0032a0;font-weight:700;line-height:var(--lh-base)}.board__percent-value{font-size:1.5rem}.board__percent-sign{font-size:1rem}.board__bar{position:relative;flex:1;height:100%;border-radius:999px;background:#0032a033;overflow:hidden}.board__bar-fill{position:absolute;left:0;top:0;width:var(--progress, 0%);height:100%;border-radius:999px;background:var(--color-brand);transition:width .4s ease}.board__grid-wrap{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.board__grid{display:grid;width:100%;max-width:var(--board-max-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--board-gap)}@media(min-width:768px){.board{--board-gap: 8px;--board-card-max: 134px;flex-direction:row;align-items:center;min-height:100dvh;padding:45px;gap:0}.board__progress{flex-direction:column;align-items:center;flex-shrink:0;width:80px;height:calc(4 * var(--board-card-max) + 3 * var(--board-gap));margin-top:0;margin-left:45px;padding:32px 16px 16px;gap:16px;align-self:center}.board__percent{flex-direction:row;justify-content:center}.board__bar{flex:1;width:100%;height:auto}.board__bar-fill{inset:auto 0 0;width:100%;height:var(--progress, 0%);transition:height .4s ease}.board__grid-wrap{flex:1;margin-top:0;display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 90px)}}.character-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 16px;background:#fff9;backdrop-filter:blur(20px);opacity:0;transition:opacity .22s ease}.character-modal-overlay--visible{opacity:1}.character-modal-shell{position:relative;box-sizing:border-box;flex-shrink:0;width:100%;max-width:358px;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.character-modal-overlay--visible .character-modal-shell{opacity:1;transform:translateY(0)}.character-modal-shell .character-modal__close.close-button{position:absolute;top:-16px;right:-16px;z-index:10}.character-modal{position:relative;box-sizing:border-box;width:100%;min-height:min(450px,calc(100dvh - 40px));padding:53px clamp(20px,12vw,40px);border-radius:20px;background:#04388b;box-shadow:0 10px 60px #00144033;overflow:hidden;color:#fff}.character-modal__decor{position:absolute;pointer-events:none}.character-modal__decor--leaf-bl{left:-23px;bottom:-20px;width:90px;height:auto;object-fit:contain}.character-modal__decor--leaf-tr{top:-15px;right:-5px;width:74px;height:auto;object-fit:contain}.character-modal__decor--tall-wave{left:0;top:43px;width:46px;height:auto;object-fit:contain}.character-modal__decor--star-r{top:45%;right:0;width:33px;height:50px;object-fit:contain}.character-modal__decor--nivea{right:24px;bottom:0;z-index:1;width:149px;height:102px;object-fit:contain}.character-modal__content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100%;padding-bottom:40px}.character-modal__header{display:flex;flex-shrink:0;gap:clamp(8px,5vw,20px);align-items:stretch;min-width:0}.character-modal__avatar{flex-shrink:0;width:110px;height:164px;background-repeat:no-repeat;background-color:#ffffff1a}.character-modal__info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;overflow-wrap:break-word;word-break:normal}.character-modal__name{margin:0;font-weight:700;font-size:1rem;line-height:1.1;overflow-wrap:break-word;word-break:normal}.character-modal__field{display:flex;flex-direction:column}.character-modal__label{font-weight:700;font-size:.635rem;line-height:1.1}.character-modal__value{font-weight:400;font-size:.635rem;line-height:1.3}.character-modal__stars{display:flex;gap:2px;align-items:center}.character-modal__star{display:block;width:11px;height:11px}.character-modal__text-block{display:flex}.character-modal__text-block--intro{margin-top:19px}.character-modal__text-block--body{margin-top:17px}.character-modal__intro,.character-modal__body{width:100%;margin:0;border:2px solid #98CBFB;border-radius:4px;padding:5px}.character-modal__body{flex:1}.character-modal__intro{font-size:.79rem;line-height:1.3}.character-modal__body{font-weight:700;font-size:.635rem;line-height:1.3}@media(min-width:768px){.character-modal-overlay{padding:20px}.character-modal-shell{max-width:418px}.character-modal{min-height:min(560px,calc(100dvh - 40px));padding:60px 54px}.character-modal__decor--leaf-bl{width:105px}.character-modal__decor--leaf-tr{width:86px}.character-modal__decor--tall-wave{width:60px}.character-modal__decor--star-r{width:39px;height:59px}.character-modal__decor--nivea{right:28px;width:174px;height:119px}.character-modal__content{padding-bottom:80px}.character-modal__avatar{width:130px;height:193px}.character-modal__name{font-size:1.12rem}.character-modal__label,.character-modal__value{font-size:.75rem}.character-modal__star{width:14px;height:14px}.character-modal__stars{gap:3px}.character-modal__text-block--intro{margin-top:22px}.character-modal__text-block--body{margin-top:34px}.character-modal__intro{font-size:.9375rem}.character-modal__body{font-size:.7469rem;line-height:1.3}}@media(max-width:360px){.character-modal__avatar{width:90px;height:134px}.character-modal__header{gap:clamp(8px,4vw,20px)}}@media(prefers-reduced-motion:reduce){.character-modal-overlay,.character-modal-shell{transition:none}}.final-screen{display:flex;flex-direction:column;min-height:100%;height:auto}.final-screen__illustration{position:relative;z-index:2;flex-shrink:0;width:100%;margin-top:-36px}.final-screen__illustration-picture{position:relative;overflow:hidden;aspect-ratio:390 / 348;border-radius:40px 40px 0 0}.final-screen__illustration-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.final-screen__illustration-overlay{position:absolute;inset:auto 0 0;z-index:1;height:55%;background:linear-gradient(360deg,#365194,#37529500 40%);pointer-events:none}.final-screen__illustration-band{flex-shrink:0;height:144px;background-color:#365194}.final-screen__panel{position:relative;z-index:1;flex:0 0 auto;overflow:hidden;background:linear-gradient(360deg,#6cacec,#375295)}.final-screen__panel-inner{display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;width:100%;max-width:none;height:100%;padding:32px 16px 95px}.final-screen__content{display:flex;flex-direction:column;width:100%}.final-screen__title{margin:0;font-weight:700;font-size:clamp(2.4375rem,1.862rem + 2.36vw,3.75rem);line-height:1;color:#fff}.final-screen__paragraphs{display:flex;flex-direction:column;gap:12px;margin-top:35px}.final-screen__paragraphs p{margin:0;font-size:15px;line-height:var(--lh-base);color:#fff}.final-screen__pill{display:inline;padding:2px 10px;border-radius:100px;background-color:var(--color-brand);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}.final-screen__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:30px;border:none;border-radius:100px;background-color:#fff;box-shadow:0 4px 40px #0014401a;font-weight:600;font-size:16px;line-height:1;color:var(--color-brand);text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.final-screen__cta:hover{background-color:var(--color-brand);color:#fff}.final-screen__footer{display:flex;flex-direction:column;gap:12px;width:100%}.final-screen__footer p{margin:0;font-size:10px;line-height:1.3;color:#fff}.final-screen__footer--panel{display:none}.final-screen__footer--illustration{position:absolute;inset:auto 0 0;z-index:2;box-sizing:border-box;padding:10px 10px 32px}@media(min-width:768px){.final-screen{flex-direction:row-reverse;min-height:100dvh}.final-screen__illustration{z-index:1;display:flex;flex-direction:column;width:51.56%;align-self:stretch;margin-top:0}.final-screen__illustration-picture{flex:1;aspect-ratio:auto;border-radius:0}.final-screen__illustration-overlay,.final-screen__illustration-band,.final-screen__footer--illustration{display:none}.final-screen__panel{z-index:2;flex:1;align-self:stretch;margin-left:-36px;border-radius:40px 0 0 40px}.final-screen__panel-inner{max-width:none;padding-block:102px 40px;padding-right:clamp(40px,6.25vw,80px);padding-left:clamp(20px,3.13vw,40px)}.final-screen__content{max-width:540px}.final-screen__paragraphs p{font-size:16px}.final-screen__cta{width:220px;height:56px}.final-screen__footer--panel{display:flex;max-width:540px;margin-top:auto;padding-top:36px}.final-screen__footer p{font-size:11px}}.start-screen{display:flex;flex-direction:column;min-height:100%;height:auto}.start-screen__illustration{position:relative;z-index:2;flex-shrink:0;width:100%;margin-top:-36px;aspect-ratio:390 / 348;border-radius:40px 40px 0 0;overflow:hidden}.start-screen__illustration-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.start-screen__panel{position:relative;z-index:1;flex:0 0 auto;overflow:hidden;background-image:url(/images/1.webp);background-size:cover;background-position:center}.start-screen__panel-inner{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;max-width:none;height:100%;padding:32px 16px 76px}.start-screen__content{display:flex;flex-direction:column;width:100%}.start-screen__title{margin:0;font-weight:var(--fw-bold);font-size:clamp(2.4375rem,1.862rem + 2.36vw,3.75rem);line-height:1;color:var(--color-brand)}.start-screen__subtitle{margin:8px 0 0;font-weight:var(--fw-bold);font-size:clamp(1.3125rem,1.011rem + 1.236vw,2rem);line-height:1;color:var(--color-brand)}.start-screen__paragraphs{display:flex;flex-direction:column;gap:12px;margin-top:35px}.start-screen__paragraphs p{margin:0;font-size:15px;line-height:var(--lh-base);color:var(--color-text)}.start-screen__paragraphs p strong{font-weight:var(--fw-bold)}.start-screen__pill{display:inline;padding:2px 10px;border-radius:100px;background-color:var(--color-brand);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}.start-screen__cta{width:100%;height:52px;margin-top:30px;border:none;border-radius:100px;background-color:#fff;box-shadow:0 4px 40px #0014401a;font-weight:600;font-size:16px;line-height:1;color:var(--color-brand);cursor:pointer;transition:background .2s ease,color .2s ease}.start-screen__cta:hover{background-color:var(--color-brand);color:#fff}@media(min-width:768px){.start-screen{flex-direction:row-reverse;min-height:100dvh}.start-screen__illustration{z-index:1;width:51.56%;align-self:stretch;margin-top:0;aspect-ratio:auto;border-radius:0}.start-screen__panel{z-index:2;flex:1;align-self:stretch;margin-left:-36px;border-radius:40px 0 0 40px}.start-screen__panel-inner{max-width:none;padding-block:102px;padding-right:clamp(40px,6.25vw,80px);padding-left:clamp(20px,3.13vw,40px)}.start-screen__content{max-width:540px}.start-screen__paragraphs p{font-size:16px}.start-screen__cta{width:220px;height:56px}}.mismatch-toaster{inset:32px 16px auto!important;overflow:visible!important}.mismatch-toaster>div{top:0!important;bottom:auto!important;justify-content:center!important;overflow:visible!important}.mismatch-toast{position:relative;box-sizing:border-box;width:100%;max-width:100%;padding:20px 52px 20px 20px;border-radius:20px;background:#fff;color:#2d2d2d;font-weight:var(--fw-medium);font-size:.9375rem;line-height:var(--lh-base);text-align:left;overflow:visible;pointer-events:auto;opacity:1;transform:translateY(0);animation:mismatch-toast-enter .22s ease;transition:opacity .22s ease,transform .22s ease}.mismatch-toast--leaving{opacity:0;transform:translateY(-10px);animation:none}@keyframes mismatch-toast-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mismatch-toast__text{margin:0;text-align:left}.mismatch-toast .mismatch-toast__close.close-button{position:absolute;top:50%;right:20px;width:24px;height:24px;transform:translateY(-50%)}.mismatch-toast .mismatch-toast__close.close-button svg{width:12px;height:12px}@media(min-width:768px){.mismatch-toaster{top:29px!important;right:80px!important;bottom:auto!important;left:unset!important;width:278px!important;max-width:278px!important;padding:0!important;overflow:visible!important}.mismatch-toaster>div{top:0!important;bottom:auto!important;justify-content:flex-start!important;overflow:visible!important}.mismatch-toast{width:278px;min-width:278px;max-width:278px;padding:20px 20px 20px 31px;font-size:1rem}.mismatch-toast .mismatch-toast__close.close-button{top:-16px;right:-16px;width:32px;height:32px;transform:none}.mismatch-toast .mismatch-toast__close.close-button svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.mismatch-toast{animation:none;transition:none}}.game{position:relative;min-height:100dvh}.game__bg-stack{position:absolute;inset:0;z-index:0;overflow:hidden}.game__bg{position:absolute;inset:0;background-size:cover;background-position:center}.game__bg--base{z-index:0}.game__bg--overlay{z-index:1;opacity:0;transition:opacity .6s ease}.game__bg--overlay-visible{opacity:1}.game__content{position:relative;z-index:1}.game__phase{opacity:1;transition:opacity .22s ease}.game__phase--hidden{opacity:0}@media(prefers-reduced-motion:reduce){.game__phase{transition:none}}