.ribbon-compare-studio{--hot:#e36d91;--deep:#9c3e66;--ink:#543455}.ribbon-compare-studio.is-immersive{background:linear-gradient(180deg,#b8ebe4,#fff0d1 64%,#f5caa7)}.ribbon-compare-studio.is-immersive .prek-machine{background:#d96d8e;box-shadow:0 10px #9c3e66,0 22px 42px #64334d42}.ribbon-compare-studio.is-immersive .prek-prompt{width:min(670px,calc(100% - 390px));min-height:58px;padding:7px 10px}.ribbon-compare-studio.is-immersive .prek-prompt h2{font-size:clamp(19px,2.45vw,30px);line-height:1.08}.rcs-stage{position:absolute;inset:0;min-height:0;overflow:hidden;padding:0;border:0;border-radius:0;background:#c7ebe1;box-shadow:none;isolation:isolate}.rcs-stage:before{z-index:2;background:linear-gradient(180deg,#fff7e82e,#fff7e81c 48%,#3d5a4938);opacity:1}.ribbon-compare-studio .kinder-parallax{background:#c7ebe1}.ribbon-compare-studio .kinder-parallax-layer{animation:none;transform:scale(1.012)}.ribbon-compare-studio .kinder-parallax-layer img{object-position:center;filter:saturate(.88) brightness(1.04) contrast(1.02)}.ribbon-compare-studio .kinder-scene-light{z-index:3;background:linear-gradient(180deg,#fff8e522,#fff7e514 55%,#395c5030)}.ribbon-compare-studio .kinder-particle-canvas{z-index:30}.ribbon-compare-studio .kinder-mascot-cherry{z-index:20;right:auto;bottom:clamp(8px,1.2svh,15px);left:clamp(-20px,-1vw,-8px);width:clamp(180px,21vw,270px);filter:drop-shadow(0 13px 10px #4a3b5166)}.rcs-workbench{position:absolute!important;z-index:12!important;top:clamp(108px,14svh,132px);right:clamp(20px,3.2vw,44px);left:clamp(190px,18vw,224px);height:clamp(270px,39svh,330px);padding:48px 20px 64px;border:7px solid #fff9e8;border-radius:34px;background:linear-gradient(180deg,#fffaf0f2,#f8ddc9ed);box-shadow:inset 0 -10px #dbb593,0 10px #8e5b55,0 18px 28px #4b3a4f40}.rcs-board-title{position:absolute;top:10px;left:50%;display:flex;align-items:center;gap:7px;color:#76505e;font-size:13px;font-weight:1000;letter-spacing:.12em;transform:translateX(-50%);white-space:nowrap}.rcs-board-title svg{width:19px;height:19px}.rcs-start-line{position:absolute;z-index:5;top:44px;bottom:64px;left:calc(13% + 20px);width:5px;border-radius:99px;background:#f2b736;box-shadow:0 0 0 3px #fff7d5,0 3px 8px #7a552c4d}.rcs-start-line span{position:absolute;top:-5px;left:50%;padding:3px 7px;border-radius:999px;color:#744b2f;background:#ffe182;box-shadow:0 2px #d4a02c;font-size:9px;font-weight:1000;letter-spacing:.08em;transform:translate(-50%,-100%)}.rcs-ribbon-row{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;height:78px}.rcs-row-label{color:#735160;font-size:12px;font-weight:1000;letter-spacing:.08em}.rcs-ribbon-track{position:relative;height:54px;border-radius:15px;background:repeating-linear-gradient(90deg,#c19a7840 0 2px,transparent 2px 7%),linear-gradient(#fff9edbf,#f3d5b9c4);box-shadow:inset 0 3px 8px #7b5b4b24}.rcs-ribbon{position:absolute;z-index:2;top:7px;left:13%;width:var(--ribbon-length);height:40px;border:3px solid #fff9;border-radius:10px 4px 4px 10px;box-shadow:inset 0 5px #fff5,inset 0 -7px #5a345033,0 6px 8px #5d414136;transition:left .65s cubic-bezier(.2,1.1,.35,1)}.rcs-ribbon:after{position:absolute;top:-3px;right:-7px;width:13px;height:40px;background:inherit;clip-path:polygon(0 0,100% 20%,45% 50%,100% 80%,0 100%);content:""}.rcs-ribbon i{position:absolute;inset:6px 8px;border-top:3px dashed #fff8;border-bottom:3px dashed #6b3d4b40}.rcs-ribbon-top{left:25%;background:linear-gradient(#ff8eaa,#e9557f)}.rcs-ribbon-bottom{left:5%;background:linear-gradient(#6ed9e0,#32a9bd)}.rcs-workbench.is-aligned .rcs-ribbon{left:13%}.palette-1 .rcs-ribbon-top{background:linear-gradient(#a58aef,#7559d3)}.palette-1 .rcs-ribbon-bottom{background:linear-gradient(#ffc766,#ec933b)}.palette-2 .rcs-ribbon-top{background:linear-gradient(#6fd6a5,#32a875)}.palette-2 .rcs-ribbon-bottom{background:linear-gradient(#f588b6,#dc4f88)}.palette-3 .rcs-ribbon-top{background:linear-gradient(#6ebff5,#3e82d7)}.palette-3 .rcs-ribbon-bottom{background:linear-gradient(#ffd268,#ec9c36)}.palette-4 .rcs-ribbon-top{background:linear-gradient(#f19375,#dc644d)}.palette-4 .rcs-ribbon-bottom{background:linear-gradient(#9f8be9,#6f57c9)}.palette-5 .rcs-ribbon-top{background:linear-gradient(#7cdbd0,#35aa9e)}.palette-5 .rcs-ribbon-bottom{background:linear-gradient(#ff9ca7,#e45f76)}.rcs-end-dot{position:absolute;z-index:1;top:50%;width:4px;height:48px;border-radius:99px;background:#77586470;opacity:0;transform:translateY(-50%);transition:opacity .2s .55s}.rcs-workbench.is-aligned .rcs-end-dot{opacity:1}.rcs-line-up{position:absolute;bottom:12px;left:50%;display:flex;align-items:center;justify-content:center;gap:8px;min-width:178px;min-height:48px;padding:7px 18px;cursor:pointer;border:4px solid #fff;border-radius:18px;color:#fff;background:linear-gradient(#8e7bf1,#6552c7);box-shadow:0 6px #46369d,0 9px 14px #523d7040;font-size:18px;font-weight:1000;transform:translateX(-50%)}.rcs-line-up svg{width:23px;height:23px}.rcs-line-up:hover:not(:disabled){filter:brightness(1.08);transform:translateX(-50%) translateY(-3px)}.rcs-line-up:active:not(:disabled){transform:translateX(-50%) translateY(4px);box-shadow:0 2px #46369d}.rcs-line-up:focus-visible{outline:6px solid #fff04f;outline-offset:4px}.rcs-line-up:disabled{cursor:default;background:linear-gradient(#70d69a,#3cac71);box-shadow:0 5px #267f51;opacity:1}.rcs-choices{position:absolute!important;z-index:22!important;right:clamp(20px,3.2vw,44px);bottom:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.3vw,15px);width:min(820px,calc(100% - 220px))}.rcs-choice{display:flex;align-items:center;justify-content:center;gap:10px;min-height:82px;padding:10px 12px;cursor:pointer;border:5px solid #fff;border-radius:24px;color:#fff;box-shadow:inset 0 5px #fff5,inset 0 -7px #8b375748,0 8px #8e3e5d,0 13px 20px #4e35433b;font-size:clamp(16px,1.75vw,21px);transition:transform .15s,filter .15s,opacity .2s}.rcs-choice-top{background:linear-gradient(#ff8ea9,#df567d)}.rcs-choice-same{background:linear-gradient(#a78cf1,#7056ca)}.rcs-choice-bottom{background:linear-gradient(#65d4dd,#31a6b8)}.rcs-choice svg{width:30px;height:30px}.rcs-choice-swatch{width:34px;height:14px;border:3px solid #fff;border-radius:999px;background:#fff7}.rcs-choice:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-5px)}.rcs-choice:active:not(:disabled){transform:translateY(3px)}.rcs-choice:focus-visible{outline:6px solid #fff04f;outline-offset:4px}.rcs-choice:disabled{cursor:default;opacity:.54;filter:grayscale(.18)}.rcs-choice.is-correct{opacity:1;background:linear-gradient(#99ec83,#4fbd68);animation:rcs-pop .65s cubic-bezier(.2,1.45,.35,1)}.rcs-choice.is-wrong{opacity:1;background:linear-gradient(#ffae9f,#e76962);animation:rcs-wiggle .45s ease}.rcs-feedback{position:absolute!important;z-index:24!important;right:clamp(20px,3.2vw,44px);bottom:11px;width:min(820px,calc(100% - 220px));margin:0;overflow:hidden;color:#fff;font-size:clamp(14px,1.55vw,18px);font-weight:1000;line-height:1.15;text-align:center;text-shadow:0 2px 4px #58364f,0 0 8px #58364f;white-space:nowrap}.rcs-feedback.is-correct{color:#fff5a0}.rcs-feedback.is-wrong{color:#ffe4df}@keyframes rcs-pop{45%{transform:translateY(-8px) scale(1.06)}}@keyframes rcs-wiggle{25%{transform:translateX(-7px)}55%{transform:translateX(7px)}80%{transform:translateX(-4px)}}@media(max-width:820px){.ribbon-compare-studio.is-immersive .prek-prompt{width:calc(100% - 28px)}.ribbon-compare-studio.is-immersive .prek-prompt h2{font-size:clamp(17px,4.1vw,23px)}.ribbon-compare-studio .kinder-mascot-cherry{bottom:150px;left:-20px;width:clamp(108px,25vw,150px)}.rcs-workbench{top:144px;right:9px;left:9px;height:clamp(250px,42svh,300px);padding:45px 10px 58px;border-width:5px;border-radius:25px}.rcs-start-line{left:calc(13% + 10px)}.rcs-ribbon-row{grid-template-columns:55px minmax(0,1fr);height:72px}.rcs-row-label{font-size:10px}.rcs-line-up{min-width:150px;min-height:44px;font-size:16px}.rcs-choices{right:8px;bottom:48px;gap:6px;width:calc(100% - 16px)}.rcs-choice{min-height:75px;gap:5px;padding:7px 4px;border-width:3px;border-radius:17px;box-shadow:inset 0 4px #fff5,inset 0 -6px #8b375748,0 6px #8e3e5d;font-size:clamp(12px,3.4vw,17px)}.rcs-choice svg{width:24px;height:24px}.rcs-choice-swatch{width:24px;height:11px;border-width:2px}.rcs-feedback{right:8px;width:calc(100% - 16px);font-size:13px}}@media(max-width:480px){.rcs-workbench{top:143px;height:260px}.rcs-board-title{font-size:10px}.rcs-ribbon-row{grid-template-columns:45px minmax(0,1fr)}.rcs-row-label{font-size:8px}.rcs-ribbon,.rcs-ribbon:after{height:34px}.rcs-ribbon-track{height:48px}.rcs-choice{flex-direction:column;min-height:78px;gap:2px}.rcs-choice strong{line-height:1.02}}@media(prefers-reduced-motion:reduce){.rcs-end-dot,.rcs-ribbon{transition:none}.rcs-choice.is-correct,.rcs-choice.is-wrong{animation:none}}