@import"https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Patrick+Hand&family=Caveat:wght@400;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Patrick Hand,cursive,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#e8e2d8}.scene{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#e8e2d8}.scene__frame{position:relative;display:inline-block;max-width:520px;width:100%;line-height:0;border-radius:0;overflow:visible;opacity:0;transform:translateY(40px) scale(.97);transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}.scene__frame--visible{opacity:1;transform:translateY(0) scale(1)}.scene__img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:none}.hotspot{position:absolute;top:46%;left:16%;width:10%;height:7%;background:transparent;border:none;cursor:none;z-index:10;border-radius:5px;transition:transform .3s ease,filter .3s ease;animation:hotspot-float 3s ease-in-out infinite}.hotspot:hover{transform:translateY(-2px) scale(1.08);animation-play-state:paused;filter:drop-shadow(0 0 8px rgba(180,140,120,.4))}.hotspot:focus-visible{outline:2px dashed rgba(180,140,120,.5);outline-offset:4px;border-radius:5px}@keyframes hotspot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.music-notes{position:absolute;top:72%;left:74%;width:10%;height:15%;pointer-events:none;z-index:5}.note{position:absolute;bottom:0;font-size:16px;color:#8c6e5acc;opacity:0;animation:float-note 7s ease-out infinite}.note--1{left:10%;animation-delay:0s}.note--2{left:45%;animation-delay:1.8s;font-size:12px}.note--3{left:75%;animation-delay:3.5s;font-size:14px}.note--4{left:25%;animation-delay:5s;font-size:11px}.note--5{left:60%;animation-delay:1s;font-size:15px}@keyframes float-note{0%{opacity:0;transform:translate(0) rotate(-5deg)}8%{opacity:.85}50%{opacity:.5;transform:translate(8px,-95px) rotate(5deg)}to{opacity:0;transform:translate(-4px,-190px) rotate(-3deg)}}.clouds{position:absolute;top:0;left:0;width:100%;height:22%;overflow:hidden;pointer-events:none;z-index:4}.cloud{position:absolute;border-radius:50%;background:#ffffff8c;filter:blur(8px)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud--1{width:40%;height:75%;top:5%;animation:drift-r 18s linear infinite}.cloud--1:before{width:60%;height:90%;top:-40%;left:30%}.cloud--1:after{width:45%;height:70%;top:-10%;left:65%}.cloud--2{width:35%;height:60%;top:25%;opacity:.6;animation:drift-l 22s linear infinite;animation-delay:-6s}.cloud--2:before{width:65%;height:85%;top:-35%;left:20%}.cloud--2:after{width:40%;height:65%;top:-5%;left:55%}.cloud--3{width:45%;height:65%;top:0%;opacity:.4;animation:drift-r 14s linear infinite;animation-delay:-3s}.cloud--3:before{width:55%;height:80%;top:-30%;left:35%}.cloud--4{width:32%;height:55%;top:35%;opacity:.5;animation:drift-l 16s linear infinite;animation-delay:-10s}.cloud--4:before{width:60%;height:80%;top:-30%;left:25%}.cloud--4:after{width:40%;height:60%;top:-10%;left:60%}.cloud--5{width:38%;height:70%;top:10%;opacity:.35;animation:drift-r 24s linear infinite;animation-delay:-8s}.cloud--5:before{width:55%;height:85%;top:-35%;left:30%}.cloud--6{width:30%;height:50%;top:20%;opacity:.5;animation:drift-l 12s linear infinite;animation-delay:-2s}.cloud--6:before{width:65%;height:75%;top:-25%;left:20%}@keyframes drift-r{0%{left:-50%}to{left:110%}}@keyframes drift-l{0%{left:110%}to{left:-50%}}.steam{position:absolute;top:47%;left:40%;width:8%;height:12%;pointer-events:none;z-index:5}.steam__wisp{position:absolute;bottom:0;width:3px;height:100%;background:transparent;border-radius:50%}.steam__wisp:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:26px;background:#ffffffd9;border-radius:50%;filter:blur(5px);animation:rise 3.2s ease-out infinite}.steam__wisp--1{left:15%}.steam__wisp--1:after{animation-delay:0s}.steam__wisp--2{left:50%}.steam__wisp--2:after{animation-delay:1.1s;animation-duration:3.6s}.steam__wisp--3{left:85%}.steam__wisp--3:after{animation-delay:2s;animation-duration:3s}@keyframes rise{0%{opacity:0;transform:translate(-50%) translateY(0) scaleX(1)}10%{opacity:.9}35%{opacity:.6;transform:translate(-50%) translateY(-28px) scaleX(1.8)}70%{opacity:.25;transform:translate(-50%) translateY(-52px) scaleX(2.4)}to{opacity:0;transform:translate(-50%) translateY(-70px) scaleX(3)}}.custom-cursor{position:fixed;width:32px;height:32px;border-radius:50%;background:#7878782e;border:1.5px solid rgba(120,120,120,.25);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease,width .2s ease,height .2s ease}.custom-cursor--visible{opacity:1}.overlay{position:fixed;inset:0;background:#1e191480;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay--visible{opacity:1;pointer-events:auto}.menu-board{position:fixed;top:50%;left:50%;z-index:100;width:min(500px,88vw);aspect-ratio:394 / 634;max-height:92vh;border-radius:0;background:url(/menu-board.png) center / 100% 100% no-repeat;color:#f2ede4;padding:9rem 5rem 2.5rem;overflow-y:auto;opacity:0;transform:translate(-50%,-45%) scale(.88);pointer-events:none;visibility:hidden;transition:opacity .26s ease,transform .26s cubic-bezier(.34,1.35,.64,1),visibility 0s linear .26s}.menu-board--open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;visibility:visible;transition:opacity .24s ease,transform .24s cubic-bezier(.34,1.35,.64,1),visibility 0s linear 0s}.menu-board__close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#f2ede473;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px;border-radius:50%;transition:color .15s ease,background .15s ease}.menu-board__close:hover,.menu-board__close:focus-visible{color:#f2ede4;background:#ffffff14}.menu-board__close:focus-visible{outline:2px solid #e8c4a0;outline-offset:2px}.menu-board__heading{font-family:Gamja Flower,cursive;font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:400;text-align:center;letter-spacing:-.01em;color:#f2ede4;margin-bottom:.3rem}.menu-board__divider{width:40%;height:1.5px;background:#f2ede433;margin:.5rem auto 1.1rem;border-radius:1px}.menu-board__section{margin-bottom:1.1rem}.menu-board__section-title{font-family:Gamja Flower,cursive;font-size:clamp(.78rem,1.8vw,.92rem);font-weight:600;color:#e8c4a0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.menu-board__item{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;text-decoration:none;color:#f2ede4;padding:.28rem .5rem;margin:.12rem -.5rem;border-radius:6px;transition:background .15s ease,transform .15s ease}.menu-board__item:hover,.menu-board__item:focus-visible{background:#ffffff12;transform:translate(3px)}.menu-board__item:focus-visible{outline:2px solid #e8c4a0;outline-offset:2px}.menu-board__item-label{font-family:Gamja Flower,cursive;font-size:clamp(.75rem,1.7vw,.88rem);letter-spacing:.04em;white-space:nowrap}.menu-board__item-desc{font-family:Gamja Flower,cursive;font-size:clamp(.65rem,1.3vw,.78rem);color:#f2ede473;text-align:right;flex-shrink:1}.menu-board__footer{font-family:Gamja Flower,cursive;font-size:clamp(.65rem,1.3vw,.78rem);color:#f2ede459;text-align:center;margin-top:1rem;padding-top:.7rem;border-top:1px solid rgba(242,237,228,.1)}@media(prefers-reduced-motion:reduce){.scene__frame{opacity:1;transform:none;transition:none}.hotspot{animation:none;transition:none}.steam__wisp:after{animation:none}.cloud,.note{animation:none}.menu-board,.menu-board--open{transition:opacity .01s ease,visibility 0s!important;transform:translate(-50%,-50%)!important}.overlay{transition:opacity .01s ease!important}.menu-board__item:hover,.menu-board__item:focus-visible{transform:none}}@media(max-width:480px){.scene{padding:.75rem}.scene__frame{border-radius:12px}.menu-board{width:92vw;padding:3.5rem 2rem 2rem;border-radius:0}}