.ui{--ui-yellow:#fed90f;--ui-ink:#1a1a1a;--ui-cream:#fff6dc;--ui-white:#fff;--ui-top:env(safe-area-inset-top,0px);--ui-right:env(safe-area-inset-right,0px);--ui-bottom:env(safe-area-inset-bottom,0px);--ui-left:env(safe-area-inset-left,0px);z-index:20;pointer-events:none;color:var(--ui-ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Chewy,Comic Sans MS,cursive;position:fixed;inset:0}.ui :where(button,a,[role=dialog]){pointer-events:auto}.ui-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-outlined{color:var(--ui-white);text-shadow:2px 2px 0 var(--ui-ink), -2px 2px 0 var(--ui-ink), 2px -2px 0 var(--ui-ink), -2px -2px 0 var(--ui-ink), 0 2px 0 var(--ui-ink), 2px 0 0 var(--ui-ink), 0 -2px 0 var(--ui-ink), -2px 0 0 var(--ui-ink), 0 4px 0 var(--ui-ink)}.ui-btn{--tilt:-1.5deg;box-sizing:border-box;min-width:44px;min-height:44px;font:inherit;letter-spacing:.01em;color:var(--ui-ink);white-space:nowrap;background:var(--ui-yellow);border:3px solid var(--ui-ink);box-shadow:0 4px 0 var(--ui-ink);cursor:pointer;touch-action:manipulation;transform:rotate(var(--tilt));border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 18px 9px;font-size:20px;line-height:1;text-decoration:none;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s,background-color .14s;display:inline-flex}.ui-btn svg{flex:none;width:1.15em;height:1.15em}@media (hover:hover){.ui-btn:hover{box-shadow:0 6px 0 var(--ui-ink);transform:translateY(-2px)rotate(0)}}.ui-btn:active{box-shadow:0 1px 0 var(--ui-ink);transform:translateY(3px)rotate(0)}.ui-btn:focus{outline:none}.ui-btn:focus-visible{outline:3px solid var(--ui-white);outline-offset:2px;box-shadow:0 4px 0 var(--ui-ink), 0 0 0 8px var(--ui-ink)}@keyframes ui-pop{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.08}to{opacity:1;scale:1}}@keyframes ui-pulse{0%,to{scale:1}50%{scale:1.06}}@keyframes ui-bob{0%,to{translate:0}50%{translate:0 -5px}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.ui-start{left:50%;bottom:calc(max(4.5vh, 22px) + var(--ui-bottom));flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);animation:.55s cubic-bezier(.34,1.56,.64,1) both ui-pop;display:flex;position:absolute;translate:-50%}.ui-start__btn{--tilt:-2deg;white-space:normal;text-align:center;gap:10px;padding:12px 24px 13px;font-size:clamp(19px,2.3vw,27px);animation:1.7s ease-in-out .8s infinite ui-pulse}.ui-start__keys{letter-spacing:.02em;color:var(--ui-white);background:#1a1a1a9e;border-radius:999px;margin:0;padding:4px 14px 5px;font-size:16px;rotate:1deg}.ui-start__keys kbd,.ui-bubble kbd{font:inherit;color:var(--ui-ink);background:var(--ui-cream);border:2px solid var(--ui-ink);border-radius:6px;padding:0 5px;line-height:1.2;display:inline-block}.ui-skip{--tilt:1deg;right:calc(16px + var(--ui-right));bottom:calc(16px + var(--ui-bottom));background:var(--ui-cream);opacity:0;padding:6px 14px 7px;font-size:17px;animation:.4s .8s forwards ui-fade;position:absolute}.ui-cta{left:50%;bottom:calc(26px + var(--ui-bottom));padding:11px 22px 12px;font-size:23px;animation:.5s cubic-bezier(.34,1.56,.64,1) both ui-pop,1.7s ease-in-out .6s 3 ui-pulse;position:absolute;translate:-50%}.ui-bubble{text-align:center;background:var(--ui-white);border:3px solid var(--ui-ink);max-width:min(290px,50% - 8px);box-shadow:0 4px 0 var(--ui-ink);border-radius:24px 28px 22px 30px;margin:0;padding:12px 16px 13px;font-size:clamp(17px,2vw,22px);line-height:1.12;animation:.5s cubic-bezier(.34,1.56,.64,1) both ui-pop,2.6s ease-in-out .6s 3 ui-bob;position:absolute;top:51%;right:calc(49.2% - 25vh + 22px);rotate:-3deg}.ui-bubble:after{content:"";background:var(--ui-white);border-top:3px solid var(--ui-ink);border-right:3px solid var(--ui-ink);border-top-right-radius:4px;width:18px;height:18px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)rotate(45deg)skew(8deg,8deg)}.ui-bubble small{color:#555;margin-top:5px;font-size:.72em;display:block}.ui-back{--tilt:-1deg;left:50%;bottom:calc(12px + var(--ui-bottom));max-width:210px;max-height:56px;animation:.45s cubic-bezier(.34,1.56,.64,1) both ui-pop;position:absolute;translate:-50%}.ui-back--side{--tilt:0deg;left:auto;right:calc(8px + var(--ui-right));white-space:normal;text-align:center;border-radius:24px;flex-direction:column;gap:3px;width:80px;max-width:80px;max-height:none;padding:8px 4px 9px;font-size:14px;line-height:1;translate:none}.ui-corner{top:calc(12px + var(--ui-top));right:calc(12px + var(--ui-right));gap:10px;display:flex;position:absolute}.ui-icon{--tilt:0deg;border-radius:50%;width:48px;height:48px;padding:0}.ui-icon[aria-pressed=false]{background:var(--ui-cream)}.ui-icon[aria-expanded=true]{background:var(--ui-white)}.ui-panel{width:min(360px, calc(100vw - 24px - var(--ui-left) - var(--ui-right)));max-height:calc(100dvh - 90px - var(--ui-top) - var(--ui-bottom));overscroll-behavior:contain;box-sizing:border-box;color:var(--ui-ink);background:var(--ui-cream);border:3px solid var(--ui-ink);box-shadow:0 6px 0 var(--ui-ink);transform-origin:calc(100% - 24px) -10px;-webkit-user-select:text;user-select:text;border-radius:22px;padding:16px 18px 6px;font-family:Nunito Variable,Nunito,system-ui,sans-serif;font-size:15px;line-height:1.5;animation:.3s cubic-bezier(.34,1.56,.64,1) both ui-pop;position:absolute;top:60px;right:0;overflow:auto}.ui-panel:focus{outline:none}.ui-panel:focus-visible{outline:3px solid var(--ui-yellow);outline-offset:3px}.ui-panel h2,.ui-panel h3{margin:0 0 6px;font-family:Chewy,Comic Sans MS,cursive;font-weight:400;line-height:1.1}.ui-panel h2{margin-right:40px;font-size:23px}.ui-panel h3{margin-top:12px;font-size:18px}.ui-panel p{margin:0 0 8px}.ui-panel cite{font-style:italic}.ui-panel__close{width:44px;height:44px;color:var(--ui-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.ui-panel__close:focus-visible{outline:3px solid var(--ui-ink);outline-offset:-4px}.ui-keys{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.ui-keys kbd{text-align:center;background:var(--ui-white);border:2px solid var(--ui-ink);min-width:1.6em;box-shadow:0 2px 0 var(--ui-ink);border-radius:7px;padding:1px 6px;font:700 13px/1.4 Nunito Variable,system-ui,sans-serif;display:inline-block}.ui-textlink{--tilt:1.5deg;left:calc(16px + var(--ui-left));bottom:calc(16px + var(--ui-bottom));background:#ffffffe6;padding:6px 14px 7px;font-size:16px;position:absolute}.ui-textlink--strong{background:var(--ui-yellow);font-size:19px}.ui[data-tvfull] .ui-corner,.ui[data-tvfull] .ui-textlink{display:none}@media (width<=640px){.ui-start,.ui-cta{bottom:calc(76px + var(--ui-bottom))}.ui-cta{font-size:20px}.ui-bubble{top:50%}}@media (orientation:portrait){.ui-bubble{right:calc(40% + 4px)}}@media (height<=500px){.ui-cta{bottom:calc(12px + var(--ui-bottom));padding:7px 16px 8px;font-size:18px}}@media (prefers-reduced-motion:reduce){.ui *,.ui :after{transition:none!important;animation-duration:10ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
