.landscape-kiosk.app-kiosk{position:relative;aspect-ratio:16/9;width:100%;container-type:inline-size;color:#0b1231;background:#f4f4f8;border-radius:8px;overflow:hidden;font-family:Pretendard,sans-serif;letter-spacing:-.03em;line-height:1.3}
.landscape-kiosk.app-kiosk button{font-family:inherit;cursor:pointer;touch-action:manipulation;color:inherit}
.landscape-kiosk .k-header{height:12%;display:flex;align-items:center;margin:.7% .8% 0;border-radius:1.3cqw;background:linear-gradient(#fafafc,#f1f1f6);box-shadow:0 .12cqw .35cqw #0002;padding:0 1.3%;gap:1%}
.landscape-kiosk .k-brand{display:flex;align-items:center;gap:.8cqw;font-size:1.5cqw;font-weight:800;width:24%;white-space:nowrap}
.landscape-kiosk .k-brand img{width:4.8cqw;height:4.8cqw;object-fit:contain}
.landscape-kiosk .k-status{background:#fbd253;border-radius:.7cqw;font-size:1cqw;font-weight:700;white-space:nowrap;padding:.65cqw 1cqw;min-width:11%}
.landscape-kiosk .k-tabs{display:flex;align-items:center;flex:1;min-width:0;gap:.3%;height:100%}
.landscape-kiosk .k-tabs button{background:transparent;border:0;border-radius:2cqw;flex:1;min-width:0;height:58%;font-size:1.35cqw;font-weight:650;white-space:nowrap;padding:0}
.landscape-kiosk .k-tabs button.active{background:#fbd253}
.landscape-kiosk .k-body{height:74%;display:grid;grid-template-columns:37.5% 1fr;gap:1%;padding:1% .9% .7%}
.landscape-kiosk .k-left{position:relative;border-radius:1.3cqw;overflow:hidden;background:#09172b;box-shadow:0 .3cqw .5cqw #0003}
.landscape-kiosk .k-ad{position:absolute;inset:0}
.landscape-kiosk .k-ad>img{width:100%;height:100%;object-fit:cover}
.landscape-kiosk .k-ad-next{position:absolute;bottom:1.5%;right:3%;font-size:.7cqw;color:#fff!important;background:#06152880;border:1px solid #ffffff50;border-radius:2cqw;padding:.4cqw .7cqw;opacity:.6}
.landscape-kiosk .k-ad-next:hover,.landscape-kiosk .k-ad-next:focus-visible{opacity:1}
.landscape-kiosk .k-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:63%;overflow:auto;gap:1.5%;padding:1.2%;border-radius:1.3cqw;background:#f4f4f8;box-shadow:inset 0 0 .25cqw #9fa1b7;scrollbar-width:thin;scrollbar-color:#d0d1db transparent;align-content:start}
.landscape-kiosk .k-product{position:relative;background:linear-gradient(#fbf8ed,#f7f7fa 65%);border:.15cqw solid #fff;border-radius:1.1cqw;box-shadow:0 .3cqw .2cqw #30304726;display:flex;flex-direction:column;align-items:center;padding:1cqw .35cqw .6cqw;min-width:0;text-align:center}
.landscape-kiosk .k-product:hover{border-color:#e8bf42}
.landscape-kiosk .k-art{display:flex;align-items:center;justify-content:center;width:100%;height:62%;min-height:0;position:relative}
.landscape-kiosk .k-art img{width:100%;height:100%;object-fit:contain}
.landscape-kiosk .k-art.is-set img:first-child{width:69%;height:100%;margin-left:-8%}
.landscape-kiosk .k-art.is-set img+img{width:56%;height:67%;position:absolute;right:-4%;bottom:0}
.landscape-kiosk .k-product>strong{font-size:1.1cqw;line-height:1.35;margin:auto 0 .35cqw;font-weight:650;min-height:2.9cqw;display:flex;align-items:center;justify-content:center;word-break:keep-all;overflow-wrap:anywhere}
.landscape-kiosk .k-product>b{font-size:1.15cqw;line-height:1.3}
.landscape-kiosk .k-temperature-note{font-size:.57cqw;line-height:1;min-height:.7cqw;color:#365b93}
.landscape-kiosk .k-tag{position:absolute;z-index:1;top:.7cqw;left:.6cqw;font-size:.55cqw;line-height:1.3;background:#fbd253;padding:.35cqw .45cqw;border-radius:.25cqw;font-weight:750}
.landscape-kiosk .k-footer{height:10%;display:flex;align-items:center;gap:1.7%;padding:0 1.4%;margin:0 .9%;border-radius:1.3cqw;background:linear-gradient(#05101a99,#05101aee),url('assets/moonlit.webp') center 62%/cover;color:#fff;font-size:1.2cqw}
.landscape-kiosk .k-footer>div{flex:1;display:flex;gap:.4cqw;min-width:0;overflow:auto;white-space:nowrap}
.landscape-kiosk .k-footer>strong{font-size:1.35cqw;white-space:nowrap}
.landscape-kiosk .k-checkout{border-radius:3cqw;padding:1cqw 2.2cqw;font-size:1.3cqw;font-weight:700;background:#edf1f4;color:#15222e!important;white-space:nowrap}
.landscape-kiosk.app-kiosk .yellow{background:#fbd253;color:#0b1231}
.landscape-kiosk .k-checkout:disabled{cursor:default}
.landscape-kiosk .k-cart-item{font-size:.9cqw;color:#e6edf3!important;background:#ffffff10;padding:.5cqw .6cqw;border-radius:.3cqw}
.landscape-kiosk .k-cart-item span{color:#ffda62;margin-left:.4cqw}
.landscape-kiosk .k-making{position:absolute;inset:0;overflow:hidden}
.landscape-kiosk .k-making-source{position:absolute;max-width:none;width:274.286%;height:147.54%;left:-2.857%;top:-28.279%;object-fit:fill}
.landscape-kiosk .hide-ad,.landscape-kiosk .k-making.hidden{display:none}
.landscape-kiosk .k-portion{position:absolute;right:5%;top:14%;padding:.4cqw .8cqw;border-radius:2cqw;background:#fbd253;font-size:1.05cqw;font-weight:700}
.landscape-kiosk .k-progress-panel{position:absolute;left:5%;right:5%;top:53.5%;height:19%;padding-top:.4cqw;background:linear-gradient(110deg,#09162d,#080e29);color:white;display:flex;flex-direction:column;justify-content:space-around}
.landscape-kiosk .k-phase-bars{display:flex;gap:1%;height:.36cqw}
.landscape-kiosk .k-phase-bars i{flex:1;background:#39415b;border-radius:1cqw}
.landscape-kiosk .k-phase-bars i.filled{background:#fbd253}
.landscape-kiosk .k-stage{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:1.2cqw}
.landscape-kiosk .k-stage strong{font-weight:650}
.landscape-kiosk .k-stage time{color:#fbd253;font-weight:750;font-size:1.7cqw;font-variant-numeric:tabular-nums}
.landscape-kiosk .k-progress-track{height:.19cqw;background:#39415b;width:100%;overflow:hidden}
.landscape-kiosk .k-progress-track>i{display:block;height:100%;background:#fbd253;width:0;transition:width .2s linear}
.landscape-kiosk .k-done{position:absolute;inset:0;background:linear-gradient(#0b1d34,#080e29);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:1cqw;padding:2cqw;text-align:center}
.landscape-kiosk .k-done strong{color:#ffda62;font-size:2cqw}
.landscape-kiosk .k-done span{font-size:1.2cqw}
.landscape-kiosk .k-done button{margin-top:1cqw;background:#fbd253;padding:.7cqw 1cqw;border-radius:.5cqw;font-size:.9cqw}
.landscape-kiosk .k-modal-backdrop{position:absolute;inset:0;background:#06102080;display:flex;align-items:center;justify-content:center;z-index:5}
.landscape-kiosk .k-modal{width:42%;max-height:90%;overflow:auto;border-radius:1.4cqw;background:#fff;color:#0c1430;padding:1.4cqw}
.landscape-kiosk .k-option-top{display:flex;gap:1.2cqw;align-items:center}
.landscape-kiosk .k-option-top>.k-art{width:8cqw;height:8cqw;background:#edf1f4;border-radius:.8cqw}
.landscape-kiosk .k-option-top>div{flex:1}
.landscape-kiosk .k-modal h3{font-size:1.5cqw;margin:0 0 .5cqw;font-weight:750;line-height:1.3}
.landscape-kiosk .k-option-top strong{font-size:1.5cqw}
.landscape-kiosk .k-desc{font-size:.8cqw;line-height:1.5;color:#5f7485;margin:1cqw 0}
.landscape-kiosk .k-modal label{font-size:.8cqw;color:#5f7485;display:block;margin:.8cqw 0 .5cqw}
.landscape-kiosk .k-temperature{display:flex;gap:.6cqw}
.landscape-kiosk .k-temperature button{flex:1;border:1px solid #d1dbe2;border-radius:2cqw;background:white;font-size:1cqw;padding:.7cqw}
.landscape-kiosk .k-temperature .chosen{background:#090e31;color:white;border-color:#090e31}
.landscape-kiosk .k-quantity{display:flex;align-items:center;gap:1.2cqw;font-size:1.2cqw}
.landscape-kiosk .k-quantity button{width:3cqw;height:3cqw;border-radius:50%;border:1px solid #d1dbe2;background:white;font-size:1.2cqw}
.landscape-kiosk .k-quantity button:disabled{background:#edf1f4;color:#b7c5ce;cursor:default}
.landscape-kiosk .k-modal-actions{display:flex;gap:.5cqw;margin-top:1.2cqw}
.landscape-kiosk .k-modal-actions button{flex:1;padding:.8cqw;border-radius:2cqw;font-size:1cqw;font-weight:650;background:#edf1f4}
.landscape-kiosk .k-phone{border-radius:2cqw;background:#edf1f4;text-align:center;font-size:1.7cqw;font-weight:750;padding:.7cqw;margin:.8cqw 0}
.landscape-kiosk .k-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5cqw}
.landscape-kiosk .k-keypad span{border:1px solid #d1dbe2;border-radius:2cqw;text-align:center;padding:.5cqw;font-size:1cqw}
.landscape-kiosk.app-kiosk{aspect-ratio:16/9;overflow:hidden;padding-bottom:0}.landscape-kiosk .k-header{min-height:0}.landscape-kiosk .k-tabs{width:auto;grid-column:auto}.landscape-kiosk .k-tabs button{min-height:0}.landscape-kiosk .k-left{aspect-ratio:auto;min-height:0}.landscape-kiosk .k-menu{height:auto;min-height:0}.landscape-kiosk .k-product{min-height:0}.landscape-kiosk .k-art{flex-shrink:1}.landscape-kiosk .k-footer{position:relative;bottom:auto;z-index:2;min-height:0;box-shadow:none}.landscape-kiosk .k-footer>div{font-size:inherit}.landscape-kiosk .k-checkout{min-height:0}.landscape-kiosk .k-cart-thumb{width:2.4cqw;height:4cqw}.landscape-kiosk .k-cart-thumb .k-art{height:100%}.landscape-kiosk .k-modal-backdrop{padding:1cqw;z-index:15}.landscape-kiosk.has-sale-banner .k-body{height:68%}.landscape-kiosk .k-sale-banner{height:6%;min-height:0;padding:.35cqw .8cqw;margin:.4% .9% 0;font-size:.8cqw;white-space:nowrap}.landscape-kiosk .k-sale-banner strong{font-size:.9cqw}.landscape-kiosk .k-progress-panel{padding-top:.4cqw}.landscape-kiosk .k-fly>.k-art{height:100%}
.mobile-experience-entry{display:none}#experience-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#050e1a;color:#eaf0f6;overflow:hidden}#experience-dialog::backdrop{background:#020914f5}.landscape-stage{position:absolute;left:50%;top:50%;width:min(calc(100dvw - 36px),calc((100dvh - 36px)*16/9));aspect-ratio:16/9;transform:translate(-50%,-50%);container-type:inline-size}.landscape-stage>.app-kiosk{width:100%;height:100%;border-radius:12px;box-shadow:0 0 0 1px #ffffff26,0 20px 80px #0008}#experience-close{position:fixed;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:30;background:#182b3be8;border:1px solid #ffffff36;min-height:40px;padding:8px 13px;border-radius:20px;color:#eaf0f6;font-size:12px;backdrop-filter:blur(10px)}html.experience-open{overflow:hidden;scroll-behavior:auto}html.experience-open .now-playing{visibility:hidden}
@media(max-width:1000px){.mobile-experience-entry{display:flex;align-items:center;flex-direction:column;gap:5px;width:100%;padding:5px 12px 20px;background:none;color:#ffdf7c;text-align:center}.mobile-experience-entry strong{font-size:19px;line-height:1.4;font-weight:750;letter-spacing:-.03em}.mobile-experience-entry>span:last-child{font-size:12px;color:#b2c1d0}.experience-down{font-size:35px;line-height:1.2;margin-bottom:4px;animation:experience-nudge 1.7s ease-in-out infinite}.hero .screen-top .touch-callout{font-size:8px!important;padding:5px 7px}.hero .screen-top{padding-bottom:6px;min-height:30px}.hero .screen-wrap{padding:6px;border-radius:14px}.hero-visual{scroll-margin-top:20px}.landscape-stage .k-product>strong{font-size:max(1.1cqw,9px)}.landscape-stage .k-product>b{font-size:max(1.15cqw,10px)}.landscape-stage .k-tabs button{font-size:max(1.35cqw,10px)}.landscape-stage .k-modal{width:48%;padding:1.8cqw}.landscape-stage .k-modal h3,.landscape-stage .k-option-top strong{font-size:2cqw}.landscape-stage .k-desc,.landscape-stage .k-modal label{font-size:1.3cqw}.landscape-stage .k-temperature button,.landscape-stage .k-modal-actions button{font-size:1.5cqw;padding:1.1cqw;min-height:0}.landscape-stage .k-quantity button{width:4cqw;height:4cqw;font-size:1.7cqw}.landscape-stage .k-quantity{font-size:1.6cqw}}
@media(orientation:portrait){#experience-dialog .landscape-stage{width:min(calc(100dvh - 36px),calc((100dvw - 28px)*16/9));transform:translate(-50%,-50%) rotate(90deg)}}
@keyframes experience-nudge{0%,100%{transform:translateY(-3px);opacity:.65}50%{transform:translateY(5px);opacity:1}}@media(prefers-reduced-motion:reduce){.experience-down{animation:none}}
@media(max-width:1000px){.landscape-stage .k-temperature button{min-height:34px;font-size:12px;padding:6px}.landscape-stage .k-modal-actions button{min-height:36px;font-size:12px;padding:7px}.landscape-stage .k-quantity button{width:34px;height:34px;font-size:17px}.landscape-stage .k-modal h3,.landscape-stage .k-option-top strong{font-size:14px}.landscape-stage .k-desc,.landscape-stage .k-modal label{font-size:10px}.landscape-stage .k-desc{line-height:1.45;margin:7px 0}.landscape-stage .k-modal label{margin:5px 0 4px}.landscape-stage .k-modal-actions{margin-top:8px}}
@media(max-width:1000px){.landscape-stage .k-status{min-height:28px;font-size:9px;padding:5px 7px}.landscape-stage .k-tabs button{height:72%}.landscape-stage .k-checkout{min-height:28px;font-size:10px;padding:5px 12px}.landscape-stage .k-footer>strong{font-size:11px}.landscape-stage .k-footer{font-size:9px}.landscape-stage .k-cart-item{font-size:8px}}