.title-screen{--title-plum:#2e103f;--title-cream:#fffbee;--title-coral:#ff705e;isolation:isolate;min-height:max(30rem,100svh);height:var(--app-viewport-height,100dvh);color:var(--title-plum);background:var(--brand-yellow-gradient);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:var(--font-nunito), ui-rounded, sans-serif;flex-direction:column;display:flex;position:relative;overflow:hidden}:is(html:has(.title-screen),body:has(.title-screen)){background:var(--brand-yellow);touch-action:manipulation}.title-screen :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #2e103f}.title-scenery{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-clouds{position:absolute;inset:0}.title-cloud{color:var(--title-cream);width:15%;transform:translate(var(--cloud-x,0px), var(--cloud-y,0px));transition:transform 1.2s ease-out;position:absolute}.title-cloud svg{width:100%;animation:13s ease-in-out infinite alternate cloud-float;display:block;overflow:visible}.title-cloud-1{top:9%;left:4%}.title-cloud-2{width:13%;transform:translate(calc(var(--cloud-x,0px) * -.65), calc(var(--cloud-y,0px) * -.65));top:18%;right:6%}.title-cloud-2 svg{animation-duration:17s;animation-delay:-6s}.title-cloud-3{width:7%;transform:translate(calc(var(--cloud-x,0px) * .4), calc(var(--cloud-y,0px) * .4));top:27%;left:17%}.title-cloud-3 svg{animation-duration:19s;animation-delay:-10s}@keyframes cloud-float{0%{transform:translate(-7px,3px)}to{transform:translate(10px,-7px)}}.title-ground{width:100%;height:19%;color:var(--title-cream);position:absolute;bottom:-1px;left:0}.title-foliage{background:url(/title/sunburst/foliage.webp) 0 100%/contain no-repeat;width:21%;height:24%;position:absolute;bottom:-1px}.title-foliage-left{left:-1px}.title-foliage-right{right:-1px;transform:scaleX(-1)}.title-hud{flex:none;justify-content:flex-end;min-height:12%;padding:clamp(14px,3.6dvh,32px) clamp(16px,2vw,40px) 0;display:flex}.title-settings{background:var(--title-cream);min-height:48px;color:inherit;border:1px solid #fffef9;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:.48em 1.05em;font-size:clamp(1rem,1.75vw,2rem);font-weight:1000;line-height:1.3;display:inline-flex}.title-settings svg{fill:currentColor;stroke-width:1.5px;width:1.45em;height:1.45em}.title-settings svg circle{fill:var(--title-cream);stroke:none}.title-settings:hover{background:#fff}.title-center{flex-direction:column;flex:1 0 auto;align-items:center;padding:1.4dvh 20px 0;display:flex}.title-wordmark{width:max-content;font-family:var(--font-fredoka), var(--font-nunito), ui-rounded, sans-serif;letter-spacing:-.025em;flex-direction:column;align-items:center;margin:0;font-size:clamp(5rem,min(11vw,19dvh),14rem);font-weight:700;line-height:.9;display:flex;position:relative}.title-wordmark>span:not(.title-strokes){display:block}.title-strokes{width:.34em;height:.7em;color:var(--title-coral);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute}.title-strokes i{background:currentColor;border-radius:999px;width:100%;height:18%;display:block}.title-strokes i:first-child{transform:rotate(38deg)}.title-strokes i:last-child{transform:rotate(-38deg)}.title-strokes-left{top:.8em;left:-.6em;transform:rotate(5deg)}.title-strokes-right{top:1.05em;right:-.6em;transform:rotate(180deg)}.title-play-area{flex-direction:column;align-items:center;gap:clamp(8px,2dvh,24px);min-height:150px;margin-top:clamp(26px,7dvh,90px);display:flex}.title-play{width:clamp(260px,31vw,660px);min-height:max(64px,12.8dvh);color:var(--title-plum);background:linear-gradient(110deg,#ff745f,#ff685c);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35em;padding:.18em .65em;font-size:clamp(2rem,min(4vw,7dvh),5rem);font-weight:1000;line-height:1.15;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 7px #eb5545}.title-play svg{stroke-width:1.5px;width:1em;height:1em}.title-play:hover{transform:translateY(-2px);box-shadow:0 9px #eb5545}.title-play:active{transform:translateY(4px);box-shadow:0 3px #eb5545}.title-play-area .account-signout-button{min-height:44px;color:inherit;box-shadow:none;text-underline-offset:.2em;background:0 0;border:0;justify-content:center;align-items:center;padding:0 .5em;font-size:clamp(1rem,1.9vw,2rem);font-weight:600;text-decoration:underline;display:inline-flex}.title-play-area .account-signout-button svg{display:none}.title-play-area .signout-error{z-index:2;background:var(--title-cream);text-align:center;border-radius:12px;max-width:30ch;margin:0;padding:8px;position:relative}.title-cast{pointer-events:none}.title-cast-left,.title-cast-right{background:bottom/contain no-repeat;width:31%;height:54%;position:absolute;bottom:12%}.title-cast-left{background-image:url(/title/sunburst/cast-left.webp);left:1.5%}.title-cast-right{background-image:url(/title/sunburst/cast-frogs.webp);right:1.5%}.title-cast-portrait{display:none}.title-footer{flex:none;justify-content:center;align-items:center;gap:clamp(24px,3.5vw,70px);min-height:10%;padding:12px 20px;font-size:clamp(.95rem,1.2vw,1.5rem);display:flex}.title-footer a,.title-signin-legal a{text-underline-offset:.2em;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.title-signin-dialog{width:min(41vw,830px);min-width:480px;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--title-cream);color:var(--title-plum);border:1px solid #fffef9;border-radius:clamp(30px,4vw,64px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 12px 24px #a5792333}.title-signin-dialog::backdrop{background:#ffe3710d}.title-signin-content{text-align:center;padding:clamp(40px,7.5dvh,88px) clamp(24px,3vw,60px) clamp(22px,4.5dvh,55px);position:relative}.title-signin-close{width:clamp(44px,3.6vw,72px);height:clamp(44px,3.6vw,72px);color:inherit;background:0 0;border:2px solid #f1dfa9;border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(12px,1.4vw,28px);right:clamp(12px,1.4vw,28px)}.title-signin-close svg{stroke-width:2.5px;width:60%;height:60%}.title-signin-close:hover{background:#f7edcf}.title-signin-eyebrow{letter-spacing:.08em;margin:0 40px clamp(18px,3.8dvh,42px);font-size:clamp(.8rem,1.35vw,1.65rem);font-weight:1000}.title-signin-intro h2{font-family:var(--font-fredoka), var(--font-nunito), ui-rounded, sans-serif;letter-spacing:-.04em;-webkit-text-stroke:.01em currentColor;margin:0;font-size:clamp(2.8rem,min(4.8vw,8.4dvh),6rem);font-weight:700;line-height:1.02;position:relative}.title-signin-intro .title-strokes{width:.32em;height:.9em;top:.12em;left:-.12em}.title-signin-intro>p:last-child{margin:clamp(16px,3.2dvh,36px) 0 0;font-size:clamp(1rem,1.85vw,2.35rem);line-height:1.35}.title-signin-dialog .auth-actions{gap:clamp(12px,1.8dvh,22px);margin:clamp(24px,4.5dvh,52px) 0 0;display:grid}.title-signin-dialog .provider-button{color:#17131b;min-height:max(56px,9.7dvh);box-shadow:none;background:#fff;border:2px solid #88758e;border-radius:999px;justify-content:center;gap:.85em;padding:.45em .7em;font-size:clamp(1rem,1.75vw,2.3rem);font-weight:800;line-height:1.3;display:flex}.title-signin-dialog .provider-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px #dfd4b9}.title-signin-dialog .provider-button.preferred{outline-offset:4px;outline:3px solid #e6bd62;transform:none}.title-signin-dialog .provider-button:disabled{opacity:.65}.title-signin-dialog .provider-button-dark{color:#fff;background:#080808;border-color:#080808}.title-signin-dialog .provider-button-content{text-align:center;grid-template-columns:1.65em minmax(0,1fr);align-items:center;gap:.85em;width:min(100%,15em);display:grid}.title-signin-dialog .provider-button-content>svg,.title-signin-dialog .apple-mark{object-fit:contain;flex:none;width:1.65em;height:1.65em}.title-signin-note{margin:clamp(18px,3.7dvh,42px) 0 0;font-size:clamp(.9rem,1.4vw,1.85rem);line-height:1.4}.title-signin-legal{justify-content:center;gap:clamp(24px,4vw,70px);margin-top:clamp(16px,3.5dvh,38px);font-size:clamp(.95rem,1.25vw,1.6rem);display:flex}.title-screen-signing-in :is(.title-play-area,.title-footer,.title-hud,.title-wordmark){visibility:hidden}.title-screen-signing-in :is(.title-cast-left,.title-cast-right){width:max(0px,48% - clamp(240px,20.5vw,415px))}.title-signin-dialog .auth-error{margin-bottom:0;font-size:.95rem}@media (max-aspect-ratio:1){.title-screen{min-height:max(35rem,100svh)}.title-hud{min-height:8%;padding:12px 14px 0}.title-settings{min-height:44px;font-size:clamp(.95rem,2.9vw,1.4rem)}.title-center{flex:1;min-height:0;padding:1.5dvh 12px 0}.title-wordmark{flex:none;font-size:clamp(min(4.5rem,21vw),min(23vw,13dvh),11rem);line-height:.95}.title-strokes-left{width:.27em;height:.65em;top:1em;left:-.47em}.title-strokes-right{width:.27em;height:.65em;top:1.07em;right:-.47em}.title-cast{flex:auto;width:100%;min-height:125px;margin:2dvh 0 1dvh;display:flex}.title-cast-left,.title-cast-right{display:none}.title-cast-portrait{background:url(/title/sunburst/cast-portrait.webp) 50%/contain no-repeat;width:100%;height:100%;min-height:125px;display:block}.title-play-area{flex:none;gap:7px;width:100%;min-height:0;margin-top:0}.title-play{gap:.25em;width:min(77vw,540px);min-height:max(64px,9.6dvh);padding-inline:.15em;font-size:clamp(2.15rem,8vw,4rem);box-shadow:0 5px #eb5545}.title-play svg{width:.85em;height:.85em}.title-play-area .account-signout-button{font-size:clamp(1.05rem,3.7vw,1.5rem)}.title-footer{gap:30px;min-height:10%;padding:8px 18px;font-size:clamp(.9rem,3vw,1.25rem)}.title-foliage{width:26%;height:15%}.title-ground{height:9%}.title-cloud-1{width:24%;top:6%;left:3%}.title-cloud-2{width:21%;top:31%;right:2%}.title-cloud-3{width:15%;top:30%;left:4%}.title-signin-dialog{width:min(88vw,600px);min-width:0;max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:clamp(26px,7vw,44px)}.title-signin-content{padding:60px clamp(16px,4vw,36px) 18px}.title-signin-eyebrow{margin:0 20px 20px;font-size:clamp(.75rem,2.8vw,1.1rem)}.title-signin-intro h2{font-size:clamp(2.1rem,9.1vw,4rem)}.title-signin-intro .title-strokes{width:.25em;left:-.1em}.title-signin-intro>p:last-child{margin-top:18px;font-size:clamp(.95rem,3.8vw,1.45rem)}.title-signin-dialog .auth-actions{gap:12px;margin-top:24px}.title-signin-dialog .provider-button{gap:.6em;min-height:54px;padding:.6em .7em;font-size:clamp(.9rem,3.65vw,1.4rem)}.title-signin-note{margin-top:20px;font-size:clamp(.85rem,3vw,1.2rem)}.title-signin-legal{margin-top:12px;font-size:1rem}.title-screen-signing-in .title-wordmark{visibility:visible;margin-top:0;font-size:clamp(2.25rem,min(10vw,5.5dvh),4.5rem)}.title-screen-signing-in .title-center{padding-top:0}.title-screen-signing-in .title-cast{width:80%;height:20%;min-height:0;margin:0;position:absolute;bottom:1%;left:10%}.title-screen-signing-in .title-cast-portrait{background-image:url(/title/sunburst/cast-right.webp);background-position:bottom;min-height:0}}@media (max-aspect-ratio:1) and (max-height:700px){.title-screen-signing-in .title-cast{display:none}.title-screen-signing-in .title-wordmark{visibility:hidden}}@media (min-aspect-ratio:1) and (max-height:600px){.title-screen{min-height:max(20rem,100svh)}.title-hud{min-height:58px;padding:10px 18px 0}.title-settings{min-height:44px;padding:.35em .85em;font-size:1rem}.title-center{flex:1;justify-content:center;width:55%;padding:0 24px 0 40px}.title-wordmark{font-size:clamp(3.5rem,min(10vw,19dvh),7rem)}.title-play-area{gap:5px;min-height:0;margin-top:clamp(14px,4dvh,26px)}.title-play{width:clamp(220px,33vw,400px);min-height:56px;font-size:clamp(1.8rem,6.5dvh,3rem);box-shadow:0 5px #eb5545}.title-play-area .account-signout-button{min-height:44px;font-size:1rem}.title-cast-left{display:none}.title-cast-right{background-image:url(/title/sunburst/cast-right.webp);width:44%;height:69%;bottom:12%;right:2%}.title-footer{min-height:48px;padding:0 18px;font-size:.9rem}.title-foliage{width:20%;height:25%}.title-ground{height:20%}.title-cloud-1{width:14%;top:4%;left:3%}.title-cloud-2{width:12%;top:21%;right:3%}.title-cloud-3{display:none}.title-signin-dialog{width:min(760px,90vw);min-width:0;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:28px}.title-signin-content{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;column-gap:26px;padding:52px 26px 12px;display:grid}.title-signin-close{top:9px;right:12px}.title-signin-eyebrow{margin:0 0 13px;font-size:.75rem}.title-signin-intro h2{font-size:clamp(1.7rem,4.2vw,2.8rem)}.title-signin-intro>p:last-child{margin-top:12px;font-size:1rem}.title-signin-dialog .auth-actions{gap:12px;margin-top:0}.title-signin-dialog .provider-button{gap:.55em;min-height:54px;padding:.5em;font-size:clamp(.85rem,1.9vw,1.1rem)}.title-signin-note{grid-column:1/-1;margin-top:20px;font-size:.9rem}.title-signin-legal{grid-column:1/-1;margin-top:4px;font-size:.95rem}.title-screen-signing-in .title-cast{visibility:hidden}}@media (prefers-reduced-motion:reduce){.title-cloud,.title-cloud svg{transition:none;animation:none;transform:none}.title-screen :is(a,button){transition:none}.title-signin-dialog .spin{animation:none}}
