.gate-aki{--aki-guide-width:clamp(130px, 19vw, 230px);--aki-guide-scale:1;--aki-guide-offset:clamp(22px, 4vw, 64px);--aki-guide-gap:18px;--aki-bubble-width:clamp(310px, 36vw, 450px);--aki-guide-bottom:max(62px, calc(env(safe-area-inset-bottom) + 44px));--aki-guide-paper:var(--ak-surface);--aki-guide-enter:1.1s;--aki-guide-entry-from:calc(-100% - var(--aki-guide-offset) - 20px);--aki-guide-copy:clamp(1.05rem, 1.4vw, 1.25rem);--aki-bubble-padding:18px 22px;--aki-bubble-radius:16px;--aki-bubble-line:1.5px;--aki-close-target:44px;--aki-close-icon:16px;--aki-close-clearance:24px;z-index:18;left:var(--aki-guide-offset);bottom:var(--aki-guide-bottom);align-items:flex-end;gap:var(--aki-guide-gap);color:var(--gate-ink);pointer-events:none;display:flex;position:absolute}.gate-aki[data-ready=false]{visibility:hidden}.gate-aki-character{width:calc(var(--aki-guide-width) * var(--aki-guide-scale));flex:none;position:relative}.gate-aki-dialogue{width:var(--aki-bubble-width);flex:none}.gate-aki-dialogue[hidden]{display:none}.gate-aki-bubble{padding:var(--aki-bubble-padding);background:var(--aki-guide-paper);border:var(--aki-bubble-line) solid var(--gate-ink);border-radius:var(--aki-bubble-radius);font-size:var(--aki-guide-copy);letter-spacing:-.02em;font-weight:500;line-height:1.4;position:relative}.gate-aki-bubble [aria-live]:before{content:"";float:inline-end;width:var(--aki-close-clearance);height:var(--aki-close-clearance)}.gate-aki-bubble:before{content:"";background:var(--aki-guide-paper);border-left:var(--aki-bubble-line) solid var(--gate-ink);border-bottom:var(--aki-bubble-line) solid var(--gate-ink);width:15px;height:15px;position:absolute;bottom:36px;left:-9px;transform:rotate(45deg)}.gate-aki-bubble p{text-wrap:pretty;margin:0;position:relative}.gate-aki-bubble p+p{margin-top:14px}.gate-aki-introduction-static{color:var(--gate-muted);font-size:.85em}.gate-aki[data-phase=rolling] .gate-aki-bubble,.gate-aki[data-phase=head-turn] .gate-aki-bubble{visibility:hidden}.gate-aki-close{width:var(--aki-close-target);height:var(--aki-close-target);border-radius:var(--aki-bubble-radius);color:var(--gate-muted);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.gate-aki-close svg{width:var(--aki-close-icon);height:var(--aki-close-icon)}.gate-aki-close:hover{color:var(--gate-ink)}.gate-aki-close:focus-visible{color:var(--gate-ink);outline:2px solid var(--gate-ink);outline-offset:-4px}.gate-aki[data-paused=true] *,.gate-aki[data-paused=true] :before,.gate-aki[data-paused=true] :after{animation-play-state:paused!important}.gate-aki[data-asset-failed=true] .gate-aki-character{visibility:hidden}.gate-aki[data-asset-failed=true] .gate-aki-bubble:before{display:none}.gate-experience[data-entering] .gate-aki{visibility:hidden}@media (prefers-reduced-motion:no-preference){.gate-aki[data-ready=true][data-phase=rolling] .gate-aki-character{animation:gate-aki-enter var(--aki-guide-enter) var(--gate-ease) both}}@keyframes gate-aki-enter{0%{transform:translateX(var(--aki-guide-entry-from))}to{transform:translate(0)}}@media (min-width:761px) and (min-height:561px){.gate-aki{--aki-guide-scale:.72;--aki-guide-entry-from:calc(-50% - var(--gate-guide-width) / 2 - var(--aki-guide-offset) - 20px);--aki-guide-offset:var(--gate-inset);--aki-guide-width:min(100%, 340px, calc((var(--gate-stage-height) - 320px) * .8165));--aki-bubble-width:var(--gate-guide-width);width:var(--gate-guide-width);flex-direction:column-reverse;align-items:center;gap:18px}.gate-aki-bubble:before{bottom:-9px;left:calc(50% - 8px);transform:rotate(-45deg)}.gate-aki:has(.gate-aki-introduction-static){--aki-guide-width:min(100%, 300px, calc((var(--gate-stage-height) - 390px) * .8165))}}@media (max-width:760px) and (orientation:portrait){.gate-aki{--aki-guide-width:clamp(92px, 28vw, 132px);--aki-guide-offset:12px;--aki-guide-gap:12px;--aki-bubble-width:calc(100vw - var(--aki-guide-offset) * 2 - var(--aki-guide-width) - var(--aki-guide-gap));--aki-guide-copy:clamp(.95rem, 4.2vw, 1.15rem);--aki-bubble-padding:14px 16px;--aki-bubble-radius:12px;--aki-guide-bottom:max(56px, calc(env(safe-area-inset-bottom) + 44px))}.gate-experience:has(.gate-aki[data-asset-failed=true]){--gate-stage-height:max(100svh, 800px);--gate-floor-height:360px}}@media (max-width:760px) and (orientation:portrait) and (prefers-reduced-motion:reduce),(max-width:760px) and (orientation:portrait) and (scripting:none){.gate-experience:has(.gate-aki){--gate-stage-height:max(100svh, 800px);--gate-floor-height:360px}}@media (max-height:560px) and (orientation:landscape){.gate-aki{--aki-guide-width:112px;--aki-guide-offset:22px;--aki-bubble-width:min(400px, 57vw);--aki-guide-copy:.95rem;--aki-bubble-padding:14px 18px;--aki-guide-bottom:26px}}@media (prefers-reduced-motion:reduce){.gate-aki-character{animation:none!important}}
.gate-wall-brand{--wall-brand-width:144px;--wall-brand-mark:64px;z-index:0;top:clamp(24px,4svh,40px);left:calc(50% - var(--wall-brand-width) / 2);width:var(--wall-brand-width);pointer-events:none;justify-content:center;display:flex;position:absolute}.gate-wall-brand-mark{width:var(--wall-brand-mark);height:var(--wall-brand-mark);display:block}@media (min-width:761px) and (min-height:561px){.gate-wall-brand{--wall-brand-door-reserve:max(0px, (100vw - var(--gate-inset) * 2 - var(--gate-guide-width) - var(--gate-guide-clearance) - var(--gate-door-width) * 2 - var(--gate-door-gap)) / 2);--wall-brand-bay-width:calc(var(--gate-guide-width) + var(--wall-brand-door-reserve) + var(--gate-inset) * .4);--wall-brand-wall-height:calc(var(--gate-stage-height) - var(--gate-floor-height));--wall-brand-width:calc(min(var(--wall-brand-bay-width), var(--wall-brand-wall-height) * .7) * .896);--wall-brand-mark:var(--wall-brand-width);left:calc(var(--gate-inset) * .6 + var(--wall-brand-bay-width) * .55 - var(--wall-brand-width) / 2);top:calc(var(--wall-brand-wall-height) * .13)}}@media (max-width:760px) and (orientation:portrait){.gate-wall-brand{--wall-brand-mark:45px;top:clamp(24px,4svh,40px);left:calc(50% - var(--wall-brand-width) / 2)}}@media (max-height:560px) and (orientation:landscape){.gate-wall-brand{--wall-brand-width:78px;--wall-brand-mark:16px;top:2px;left:calc(50% - var(--wall-brand-width) / 2)}}