.ti{z-index:200;background:linear-gradient(180deg, var(--color-global-bg) 0%, color-mix(in srgb, var(--color-accent) 4%, var(--color-global-bg)) 62%, color-mix(in srgb, var(--color-accent) 9%, var(--color-global-bg)) 100%);flex-direction:column;font-family:Geist Mono Variable,ui-monospace,monospace;display:flex;position:fixed;inset:0}.ti:focus-visible{outline:none}.ti-enter-active{animation:.34s cubic-bezier(.22,1,.36,1) ti-wipe}.ti-leave-active{animation:.22s cubic-bezier(.4,0,1,1) reverse ti-wipe}@keyframes ti-wipe{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.ti-enter-active .ti__field,.ti-enter-active .ti__hud{animation:.4s cubic-bezier(.22,1,.36,1) 80ms backwards ti-settle}@keyframes ti-settle{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.ti-enter-active,.ti-leave-active,.ti-enter-active .ti__field,.ti-enter-active .ti__hud{animation:none}}.ti__field{touch-action:none;position:absolute;inset:0;overflow:hidden}.ti__invader,.ti__player,.ti__shot,.ti__pop{will-change:transform;position:absolute;top:0;left:0}.ti__invader{color:color-mix(in srgb, var(--color-global-text) 70%, transparent);justify-content:center;align-items:center;display:flex}.ti__invader.is-project{color:var(--color-accent)}.ti__invader svg{width:100%;height:100%}.ti__invader.is-hit{opacity:0;transition:opacity .12s linear}.ti__player{z-index:2;color:var(--color-accent)}.ti__player svg{fill:currentColor;width:100%;height:100%}.ti__deadline{will-change:transform;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-global-text) 14%, transparent) 0 10px, transparent 10px 20px);--ti-fade:radial-gradient(150px 100% at var(--ti-ship,50%) 50%, transparent 0 35%, #000 100%);height:1px;-webkit-mask-image:var(--ti-fade);mask-image:var(--ti-fade);position:absolute;top:0;left:0;right:0}.ti__dropline{will-change:transform;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 50%, transparent) 0 6px, transparent 6px 14px);--ti-tick:72px;--ti-ticks:linear-gradient(90deg, #000 0 var(--ti-tick), transparent var(--ti-tick) calc(100% - var(--ti-tick)), #000 calc(100% - var(--ti-tick)));height:1px;-webkit-mask-image:var(--ti-ticks);mask-image:var(--ti-ticks);position:absolute;top:0;left:0;right:0}.ti__dropline.is-next{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-global-text) 24%, transparent) 0 6px, transparent 6px 14px)}.ti__shot{background:var(--color-accent);width:3px;height:16px}.ti__shot.is-bomb{background:color-mix(in srgb, var(--color-global-text) 50%, transparent);height:11px}.ti__pop{text-align:center;flex-direction:column;gap:.1rem;width:220px;font-size:.7rem;line-height:1.25;animation:.9s ease-out forwards ti-pop;display:flex}.ti__pop b{white-space:nowrap;color:var(--color-accent);font-weight:700}.ti__pop i{color:color-mix(in srgb, var(--color-global-text) 58%, transparent);font-size:.64rem;font-style:normal}@keyframes ti-pop{0%{opacity:1}to{opacity:0;translate:0 -26px}}@media (prefers-reduced-motion:reduce){.ti__pop{animation:.9s linear forwards ti-fade}}@keyframes ti-fade{to{opacity:0}}.ti__field.is-over .ti__invader,.ti__field.is-over .ti__shot,.ti__field.is-over .ti__deadline,.ti__field.is-over .ti__dropline,.ti__field.is-over .ti__player{opacity:0;transition:opacity .25s}.ti__panel{text-align:center;flex-direction:column;justify-content:safe center;align-items:center;padding:1rem;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif;display:flex;position:absolute;inset:0;overflow-y:auto}.ti__panel-reason{color:color-mix(in srgb, var(--color-global-text) 55%, transparent);margin:0 0 .3rem;font-size:.9rem}.ti__panel-title{color:var(--color-accent-2);margin:0;font-size:clamp(1.4rem,5.5vw,3.1rem);font-weight:700;line-height:1.1}.ti__panel-score{flex-direction:column;align-items:center;gap:.1rem;margin:clamp(.7rem,3vh,1.5rem) 0 0;display:flex}.ti__panel-num{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-accent);font-family:Geist Mono Variable,ui-monospace,monospace;font-size:clamp(1.9rem,6vw,3.6rem);font-weight:700;line-height:1}.ti__panel-cap{color:color-mix(in srgb, var(--color-global-text) 50%, transparent);font-size:.78rem}.ti__panel-meta{color:color-mix(in srgb, var(--color-global-text) 55%, transparent);margin:.7rem 0 0;font-size:.85rem}.ti__panel-meta b{font-variant-numeric:tabular-nums;color:var(--color-accent-2);font-weight:700}.ti__panel-actions{gap:.6rem;margin-top:clamp(.8rem,3.5vh,1.8rem);display:flex}.ti__btn{border:1px solid color-mix(in srgb, var(--color-global-text) 22%, transparent);cursor:pointer;font:inherit;letter-spacing:.06em;color:color-mix(in srgb, var(--color-global-text) 70%, transparent);background:0 0;border-radius:.25rem;padding:.35rem .7rem;font-size:.72rem}.ti__btn:hover,.ti__btn:focus,.ti__btn:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none}.ti__hud{z-index:1;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:2rem;min-width:0;padding:.75rem 1.25rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.ti__readouts,.ti__keys{transition:opacity .2s}.ti__readouts.is-dim,.ti__keys.is-dim{opacity:.2}.ti__readouts{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.ti__row{align-items:center;gap:.6rem;min-width:0;display:flex}.ti__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;color:color-mix(in srgb, var(--color-global-text) 40%, transparent);flex:none}.ti__icon.is-accent{color:color-mix(in srgb, var(--color-accent) 70%, transparent)}.ti__level{font-variant-numeric:tabular-nums;color:var(--color-accent-2);font-size:1rem;font-weight:700;line-height:1}.ti__formation{color:color-mix(in srgb, var(--color-global-text) 45%, transparent);font-size:.72rem}.ti__score{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--color-accent);font-size:1.5rem;font-weight:700;line-height:1}.ti__lives{gap:.3rem;display:inline-flex}.ti__pip{border:1px solid var(--color-accent);background:var(--color-accent);border-radius:999px;width:.5rem;height:.5rem}.ti__pip.is-lost{border-color:color-mix(in srgb, var(--color-global-text) 30%, transparent);background:0 0}.ti__feed{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-global-text);flex:1;font-size:.78rem;overflow:hidden}.ti__feed:empty:after{content:"nothing yet";opacity:.28}.ti__feed-item:not(:first-child):before{content:"·";margin:0 .4rem}.ti__keys{letter-spacing:.04em;color:color-mix(in srgb, var(--color-global-text) 40%, transparent);flex:none;margin:0;font-size:.66rem}.ti__kbd{border:1px solid color-mix(in srgb, var(--color-global-text) 22%, transparent);border-radius:.25rem;margin-right:.15rem;padding:.02rem .3rem;font-size:.62rem}.ti__sep{opacity:.5;padding:0 .3rem}.ti__hud--mobile{flex-direction:column;justify-content:flex-end;align-items:center;gap:.4rem;width:100%;padding:.5rem 0 .7rem}.ti__hud--mobile .ti__lives{gap:.4rem}.ti__hud--mobile .ti__pip{width:.6rem;height:.6rem}.ti__marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ti__marquee-track{width:max-content;animation:22s linear infinite ti-marquee;display:flex}.ti__marquee-set{letter-spacing:.04em;white-space:pre;color:color-mix(in srgb, var(--color-global-text) 62%, transparent);flex:none;padding-right:2.5rem;font-size:.72rem}.ti__marquee-set b{font-variant-numeric:tabular-nums;color:var(--color-accent);font-weight:700}@keyframes ti-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ti__marquee-track{animation:none}.ti__marquee-set:nth-child(2){display:none}}
