.tt-serve{position:fixed;inset:0;z-index:2147483000;background:#1f3d66;overflow:hidden;animation:tt-serve-in .14s ease-out both;contain:strict}.tt-serve[data-mode=short]{animation-duration:.08s}.tt-serve canvas{position:absolute;inset:0;width:100%;height:100%;display:block}@keyframes tt-serve-in{0%{opacity:0}}.tt-serve__ai{position:absolute;left:16px;bottom:calc(5.5vh + 12px);z-index:1;font:600 11px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.04em;color:#eef3faeb;background:#060c189e;border:1px solid rgba(238,243,250,.22);border-radius:4px;padding:5px 7px;pointer-events:none}.tt-serve--css .tt-serve__ai{display:none}.tt-serve--css{background:radial-gradient(60% 45% at 0% 10%,rgba(255,206,140,.55),transparent 70%),linear-gradient(#e9c999,#9fb2c4 30%,#3b4f6c 46%,#1f4f93 47%,#23599f)}.tt-serve--css .tt-bx,.tt-serve--css .tt-by,.tt-serve--css .tt-b{position:absolute;display:block}.tt-serve--css .tt-bx{left:0;top:0;animation:tt-x var(--d) linear both}.tt-serve--css .tt-by{animation:tt-y var(--d) cubic-bezier(.2,.6,.6,1) both}.tt-serve--css .tt-b{width:26px;height:26px;margin:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6ffc2,#dff35a 45%,#9fb52a);box-shadow:0 0 20px #dff35a99;animation:tt-s var(--d) ease-in both}@keyframes tt-x{0%{translate:50vw 0}to{translate:62vw 0}}@keyframes tt-y{0%{translate:0 18vh}40%{translate:0 10vh}to{translate:0 80vh}}@keyframes tt-s{0%{scale:.5}to{scale:1.2}}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html[data-serve-reveal]::view-transition-old(root){animation:none}html[data-serve-reveal]::view-transition-new(root){animation:tt-reveal .52s cubic-bezier(.55,0,.2,1) both}.tt-rim{position:fixed;left:var(--tt-lx, 62%);top:var(--tt-ly, 80%);z-index:2147483001;width:0;height:0;translate:-50% -50%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1.5px #ffe8bee6,inset 0 0 22px 6px #ffc4788c;animation:tt-rim .52s cubic-bezier(.55,0,.2,1) both}@keyframes tt-rim{0%{width:0;height:0;opacity:1}80%{opacity:1}to{width:calc(var(--tt-lr, 150vmax) * 2);height:calc(var(--tt-lr, 150vmax) * 2);opacity:0}}.tt-landball{position:fixed;left:var(--tt-lx, 62%);top:var(--tt-ly, 80%);z-index:2147483001;width:var(--tt-ld, 12px);height:var(--tt-ld, 12px);margin:calc(var(--tt-ld, 12px) / -2);border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fbffd2,#e2f25a 45%,#9cb42a);box-shadow:0 calc(var(--tt-ld, 12px) * .18) calc(var(--tt-ld, 12px) * .3) #0a122466;animation:tt-settle .95s cubic-bezier(.2,.7,.3,1) both}@keyframes tt-settle{0%{translate:-26px -12px;scale:1.15;opacity:1}32%{translate:0 0;scale:1}46%{translate:6px 0}60%{translate:1px 0}68%{translate:0 0;opacity:1}to{translate:0 0;opacity:0}}@keyframes tt-reveal{0%{clip-path:circle(0 at var(--tt-lx, 62%) var(--tt-ly, 80%))}to{clip-path:circle(var(--tt-lr, 150vmax) at var(--tt-lx, 62%) var(--tt-ly, 80%))}}}
