.intro-fade{z-index:60;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.intro-fade[data-block=true]{pointer-events:auto}.intro-skeleton{z-index:5;pointer-events:none;background:linear-gradient(to bottom, var(--intro-sky) 0%, var(--intro-horizon) 44%, var(--intro-ground) 50%, var(--intro-ground-far) 100%);transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.intro-skeleton[data-out=true]{opacity:0}.intro-ground{transform-origin:50% 0;background-image:linear-gradient(to right, var(--intro-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--intro-grid) 1px, transparent 1px);background-size:64px 64px;height:130%;position:absolute;top:49%;left:-60%;right:-60%;transform:perspective(900px)rotateX(63deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 100%);mask-image:linear-gradient(#0000 0%,#000 18% 100%)}.intro-skeleton-name{left:var(--hud-gap);bottom:calc(var(--hud-feed-h) + 4.75rem);letter-spacing:-.02em;color:#ffffffb8;text-shadow:0 1px 2px #00000059;font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1;position:absolute}.intro-scrim{z-index:19;pointer-events:none;background:radial-gradient(at 0 100%,#0609108c,#06091000 70%);width:48rem;height:24rem;animation:3s both intro-title-fade;position:absolute;bottom:0;left:0}.intro-title{left:var(--hud-gap);bottom:calc(var(--hud-feed-h) + 4.75rem);z-index:20;pointer-events:none;max-width:min(60vw,40rem);color:var(--hud-ink);text-shadow:0 1px 2px #00000073,0 8px 32px #00000059;animation:3s both intro-title;position:absolute}.intro-title-name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1;overflow:hidden}.intro-title-place{color:var(--hud-ink-2);margin-top:.5rem;font-size:17px;line-height:1.3}.intro-title-meta{color:var(--hud-ink-3);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:13px;line-height:1.3}@keyframes intro-title{0%,13.33%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes intro-title-fade{0%,13.33%{opacity:0}30%{opacity:1}80%{opacity:1}to{opacity:0}}.intro-notice{left:var(--hud-gap);bottom:calc(var(--hud-feed-h) + 12.75rem);z-index:20;pointer-events:none;color:var(--hud-ink-2);text-shadow:0 1px 2px #00000073;font-size:13px;line-height:1.3;animation:10s both intro-notice;position:absolute}@keyframes intro-notice{0%,4%{opacity:0}10%{opacity:1}92%{opacity:1}to{opacity:0}}.intro-hints{left:50%;bottom:calc(var(--hud-feed-h) + 8.25rem);z-index:20;pointer-events:auto;opacity:0;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.5rem .5rem .5rem 1rem;transition:opacity .4s;display:flex;position:absolute;transform:translate(-50%)}.intro-hints[data-in=true]{opacity:1}.intro-hints-text{color:var(--hud-ink-2);text-align:center;text-wrap:balance;font-size:13px;line-height:1.4}.intro-sep{color:var(--hud-ink-3)}@media (max-width:767px){.intro-title-name,.intro-skeleton-name{font-size:34px}.intro-title,.intro-skeleton-name{bottom:calc(var(--hud-feed-h) + 4.5rem)}.intro-notice{bottom:calc(var(--hud-feed-h) + 10.25rem)}.intro-hints{bottom:calc(var(--hud-feed-h) + 4.5rem);flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.intro-hints-text span{display:block}.intro-sep{display:none}}@media (prefers-reduced-motion:reduce){.intro-title{animation-name:intro-title-fade}}