/* 종이비행기 편지 체험 */
.flight-window{isolation:isolate}
.flight-letter{position:absolute;z-index:3;left:9%;top:43%;width:min(172px,46%);height:54px;padding:8px 10px;background:#fffdf2;border:1px solid #d8d2bd;box-shadow:0 6px 14px #37452d24;transform:rotate(-5deg);transform-origin:center;opacity:0;overflow:hidden}
.flight-letter-to{display:block;color:#777a67;font-size:calc(7px + 1pt);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flight-letter-copy{display:-webkit-box;color:#65715c;font-family:"Gowun Batang",serif;font-size:calc(8px + 1pt);line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.flight-window.is-folding .flight-letter{opacity:1;animation:letter-fold .9s cubic-bezier(.48,.02,.38,1) forwards}
.flight-window.is-folding .flight-status{opacity:1}
.flight-plane{z-index:4;left:0;top:0;width:70px;height:44px;display:grid;place-items:center;opacity:0;transform-origin:50% 50%;filter:drop-shadow(0 5px 5px #32462b36)}
.flight-plane svg{display:block;width:100%;height:100%;overflow:visible}
.flight-plane .plane-shadow{fill:#51694c;opacity:.24;transform:translate(0,3px)}
.flight-plane .plane-top{fill:#f4eedb;stroke:#a8aa91;stroke-width:1.1;stroke-linejoin:round}
.flight-plane .plane-bottom{fill:#d5ddc7;stroke:#9da98e;stroke-width:1.1;stroke-linejoin:round}
.flight-plane .plane-fold{fill:none;stroke:#87927a;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.flight-window.is-ready .flight-plane{opacity:1;transform:translate(8vw,42px) rotate(-15deg) scale(.92);transition:opacity .25s ease}
.flight-window.is-flying .flight-plane:not(.use-css-flight){animation:none!important}
.flight-window.is-flying .flight-letter{opacity:0;transition:opacity .2s ease}
.flight-window.is-flying .flight-status,.flight-window.is-landed .flight-status{opacity:1}
.flight-status{position:absolute;z-index:5;left:10px;bottom:8px;color:#56634f;font-size:calc(7px + 1pt);opacity:0;transition:opacity .2s ease}
.flight-window.is-landed .flight-plane{opacity:0!important}
.farewell-panel .flight-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 15px}
.farewell-panel .flight-actions button{min-height:40px;padding:10px 8px;font-size:calc(9px + 1pt);line-height:1.4;cursor:pointer}
.farewell-panel #back-to-hill{border:1px solid #bdc3ae;border-radius:2px;background:#f3f3ea;color:#50634e}
.farewell-panel #back-to-hill:hover{background:#e6eadd}
.farewell-panel #write-again{gap:8px;margin:0}
@keyframes letter-fold{0%{opacity:1;transform:rotate(-5deg) scale(1);clip-path:inset(0)}45%{opacity:1;transform:rotate(8deg) scale(.72);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}75%{opacity:1;transform:rotate(-8deg) scale(.42,.68);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}100%{opacity:0;transform:rotate(12deg) scale(.12,.32);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}}
@media(max-width:620px){.flight-letter{top:42%;width:54%;height:58px}.flight-plane{width:63px;height:40px}.flight-status{font-size:calc(7px + 1pt);max-width:78%;line-height:1.4}.farewell-panel .flight-actions{grid-template-columns:1fr;gap:7px}.farewell-panel .flight-actions button{min-height:44px;font-size:calc(10px + 1pt)}}