:root{--app-height: 100dvh;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px)}:root[data-telegram]{--app-height: min(100dvh, var(--tg-viewport-stable-height, 100dvh));--app-safe-top: calc(max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));--app-safe-right: calc(max(env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px));--app-safe-bottom: calc(max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));--app-safe-left: calc(max(env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px))}:root[data-telegram] body{height:var(--app-height)}:root[data-telegram] .intro-overlay{bottom:auto;height:var(--app-height)}:root[data-telegram] :is(.hud,.location-panel,footer){left:max(12%,var(--app-safe-left));right:max(10%,var(--app-safe-right))}:root[data-telegram] .intro-logo{left:max(5%,var(--app-safe-left));width:calc(100% - max(5%,var(--app-safe-left)) - max(5%,var(--app-safe-right)))}:root[data-telegram] .intro-skip{right:max(16px,var(--app-safe-right))}.intro-overlay{position:fixed;inset:0;z-index:1000;background:#183a30;display:grid;place-items:center;overflow:hidden}.intro-stage{position:relative;width:min(100vw,calc(var(--app-height) * .5625));height:var(--app-height);overflow:hidden;isolation:isolate}.intro-forest{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-1}.intro-logo{position:absolute;top:max(10px,var(--app-safe-top));left:5%;width:90%;height:auto;max-height:43%;object-fit:contain;object-position:center top}.intro-dog{position:absolute;left:0;bottom:22%;width:43%;aspect-ratio:3/2;will-change:transform}.intro-butterfly{position:absolute;left:0;top:0;width:9%;aspect-ratio:24/20;will-change:transform;pointer-events:none}.intro-butterfly svg{display:block;width:100%;overflow:visible}.intro-wings{transform-origin:12px 10px}.intro-skip{position:absolute;right:16px;bottom:max(18px,var(--app-safe-bottom));padding:9px 13px;border:2px solid #b8a576;background:#23362deb;color:#fff2d0;font:12px ui-monospace,monospace;cursor:pointer}.intro-skip:focus-visible{outline:3px solid #fff2d0;outline-offset:3px}.intro-overlay:not([data-playing]) .intro-dog,.intro-overlay:not([data-playing]) .intro-butterfly{visibility:hidden}.intro-dog{aspect-ratio:1;image-rendering:pixelated;pointer-events:none}.intro-logo,.intro-forest{image-rendering:pixelated}.onboarding-active>:not(.birthday-overlay){visibility:hidden!important}.birthday-overlay{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:max(12px,var(--app-safe-top)) max(8px,var(--app-safe-right)) max(12px,var(--app-safe-bottom)) max(8px,var(--app-safe-left));container-type:size}.birthday-card{position:relative;width:min(100cqw,87.109375cqh);aspect-ratio:892/1024;overflow:clip}.birthday-art{position:absolute;left:-5.605381%;top:-30.2734375%;width:111.210762%;height:auto;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:pixelated}.birthday-hit{position:absolute;appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.birthday-hit:focus{outline:none}.birthday-hit:focus-visible{outline:2px dashed #fff4ca;outline-offset:-6px}