.rainbow-height-game{--ink:#5f4a76;min-height:100svh;overflow:hidden;position:relative;padding:5.5rem 1rem 2rem;color:var(--ink);background:radial-gradient(circle at 50% 15%,#fffbd1 0 14%,transparent 40%),linear-gradient(145deg,#c9edff,#eadcff 48%,#ffe5bd)}.rainbow-height-game:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#fff 2px,transparent 0);background-size:28px 28px}.rainbow-game-card{position:relative;z-index:1;width:min(920px,100%);margin:0 auto;border:4px solid var(--ink);border-radius:2rem;background:#fffbeb;box-shadow:8px 10px 0 rgba(120,53,15,.28);overflow:hidden}.rainbow-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:4px solid var(--ink);background:linear-gradient(135deg,#fff7b2,#ffd976)}.rainbow-header div{min-width:0;flex:1}.rainbow-header p{font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rainbow-header h1{margin-top:.2rem;font-size:clamp(1.35rem,4vw,2.25rem);line-height:1.12;font-weight:1000}.rainbow-finish button,.rainbow-header button{min-width:4rem;min-height:4rem;display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--ink);border-radius:1.35rem;background:#38bdf8;color:var(--ink);box-shadow:4px 5px 0 rgba(120,53,15,.28);touch-action:manipulation}.rainbow-finish button:focus-visible,.rainbow-header button:focus-visible,.rainbow-tower-button:focus-visible{outline:4px solid #075985;outline-offset:4px}.rainbow-header button svg{width:1.8rem;height:1.8rem;stroke-width:3}.rainbow-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:3px solid var(--ink);background:#fff}.rainbow-progress p{font-size:1rem;font-weight:900}.rainbow-progress>div{display:flex;gap:.35rem}.rainbow-progress svg{width:1.65rem;height:1.65rem;fill:#fff;stroke-width:2.5}.rainbow-progress svg.is-done{fill:#fbbf24}.rainbow-stage{min-height:490px;position:relative;display:grid;place-items:center;overflow:hidden;padding:1rem;background:#d9ebff;isolation:isolate}.rainbow-tower-scene{position:absolute!important;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.rainbow-tower-scene img{object-fit:cover;object-position:center}.rainbow-sparkles{position:absolute!important;z-index:2;top:13rem;right:1.2rem;width:120px;height:90px;opacity:.88;filter:drop-shadow(3px 4px 0 rgba(180,83,9,.12))}.rainbow-guide{position:absolute!important;z-index:4;left:.7rem;bottom:1rem;width:150px;height:150px;filter:drop-shadow(5px 8px 6px rgba(76,52,50,.2))}.rainbow-floor{display:none}.rainbow-towers{width:min(780px,100%);height:410px;z-index:3;justify-content:space-around;gap:clamp(1rem,7vw,5rem);padding:0 2rem 1.2rem}.rainbow-tower-button,.rainbow-towers{position:relative;display:flex;align-items:end}.rainbow-tower-button{width:min(220px,42%);height:100%;justify-content:center;border:0;background:transparent;border-radius:2rem;cursor:pointer;touch-action:manipulation}.rainbow-tower-button:after{content:"";position:absolute;z-index:0;left:4%;right:4%;bottom:5px;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(75,48,39,.32),rgba(75,48,39,.11) 48%,transparent 72%);filter:blur(4px);transform:scaleY(.55)}.rainbow-tower-button:hover:not(:disabled) .rainbow-stack{transform:translateY(-6px)}.rainbow-tower-button.is-wrong{animation:rainbow-wobble .45s ease-in-out}.rainbow-stack{width:100%;position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;transition:transform .2s ease;filter:drop-shadow(7px 9px 5px rgba(86,57,68,.2))}.rainbow-block{--block-color:#fb7185;width:88%;height:42px;position:relative;margin-top:-1px;border:3px solid var(--ink);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--block-color),white 32%) 0 18%,var(--block-color) 20% 72%,color-mix(in srgb,var(--block-color),black 13%) 74%);box-shadow:inset 0 -7px 0 rgba(95,74,118,.12),5px 6px 0 rgba(95,74,118,.17);animation:rainbow-block-in .35s backwards;animation-delay:var(--block-delay)}.rainbow-block:after{content:"";position:absolute;right:-9px;top:7px;width:9px;height:calc(100% - 3px);background:color-mix(in srgb,var(--block-color),black 19%);border:3px solid var(--ink);border-left:0;border-radius:0 6px 6px 0;transform:skewY(-28deg);transform-origin:left top}.rainbow-block span{position:absolute;top:-12px;width:22px;height:13px;border:solid var(--ink);border-width:3px 3px 2px;border-radius:50% 50% 4px 4px;background:color-mix(in srgb,var(--block-color),white 28%);box-shadow:inset 0 3px 0 rgba(255,255,255,.45)}.rainbow-block span:first-child{left:15%}.rainbow-block span:nth-child(2){left:calc(50% - 11px)}.rainbow-block span:nth-child(3){right:15%}.rainbow-score{position:absolute;inset-inline:0;top:42%;z-index:4;margin:auto;width:max-content;padding:.35rem .8rem;border:4px solid var(--ink);border-radius:999px;background:#fff;color:#e11d48;font-size:2.2rem;font-weight:1000;box-shadow:4px 5px 0 rgba(120,53,15,.25)}.rainbow-finish{position:relative;z-index:2;width:min(420px,92%);padding:1.5rem;text-align:center;border:4px solid var(--ink);border-radius:2rem;background:rgba(255,255,255,.95);box-shadow:7px 9px 0 rgba(120,53,15,.25)}.rainbow-finish-rabbit{width:170px;height:170px;margin:-20px auto -8px}.rainbow-finish h2{margin-top:.5rem;font-size:2.3rem;font-weight:1000}.rainbow-finish p{margin:.45rem 0 1.1rem;font-size:1.1rem;font-weight:800}.rainbow-finish button{gap:.5rem;padding:.7rem 1.2rem;background:#fbbf24;font-size:1.05rem;font-weight:900}.rainbow-cloud{position:absolute;z-index:0;width:130px;height:42px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:35px -24px 0 rgba(255,255,255,.78),72px 0 0 rgba(255,255,255,.78)}.rainbow-cloud-one{top:4rem;left:5%}.rainbow-cloud-two{top:12rem;right:7%;transform:scale(.75)}@keyframes rainbow-wobble{25%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}}@keyframes rainbow-block-in{0%{opacity:0;transform:translateY(-18px) scale(.9)}}@media (prefers-reduced-motion:reduce){.rainbow-block{animation:none}.rainbow-stack,.rainbow-tower-button{transition:none}}@media (max-width:600px){.rainbow-height-game{padding:4.5rem .55rem 1rem}.rainbow-game-card{border-radius:1.5rem;box-shadow:5px 7px 0 rgba(120,53,15,.25)}.rainbow-header{padding:.8rem}.rainbow-header button{min-width:3.4rem;min-height:3.4rem}.rainbow-progress{padding:.65rem .8rem}.rainbow-progress svg{width:1.35rem;height:1.35rem}.rainbow-stage{min-height:430px;padding-inline:.35rem}.rainbow-tower-scene img{object-position:center}.rainbow-towers{height:370px;gap:.4rem;padding:0 .8rem .7rem}.rainbow-tower-button{width:46%}.rainbow-block{height:38px;width:85%}.rainbow-block span{width:18px}.rainbow-guide{width:96px;height:96px;left:-.5rem;bottom:.5rem;opacity:.95}.rainbow-sparkles{top:11.5rem;width:86px;height:64px}}