@import "https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:#1d1d1d;overscroll-behavior-x:none;touch-action:pan-y;font-family:Nanum Pen Script,Comic Sans MS,cursive}@media (width<=900px){html,body,#root{overscroll-behavior:none;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}body{touch-action:manipulation;position:fixed;inset:0}}:root{--paper:#0c0e14;--ink:#f5f6ff;--mx:.5;--my:.5;--regular-surface:#f7f7f8;--tv-header-space:208px;--tv-header-gap:6px;--tv-footer-space:clamp(58px, 11vh, 116px)}.page{height:100dvh;min-height:100dvh;color:var(--ink);place-items:center;display:grid;position:relative;overflow:hidden}.page--spotlight{background:radial-gradient(circle at 50% 20%,#1b2030 0%,#0e121b 40%,#080a10 100%),linear-gradient(160deg,#161b26 0%,#0a0d14 100%)}.page--regular{background:#fff}.page-loader{z-index:40;background:radial-gradient(circle at 50% 35%,#1b2030 0%,#0e121b 45%,#080a10 100%),linear-gradient(160deg,#161b26 0%,#0a0d14 100%);align-content:center;place-items:center;gap:.15rem;display:grid;position:fixed;inset:0;overflow:hidden}.page-loader__sprite{background-image:url(/spriteAnim.webp);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;width:100%;height:100%;animation:.344s step-end infinite spriteQuad;position:absolute;inset:0}.sprite-transition-overlay{z-index:60;pointer-events:none;background-image:url(/spriteAnim.webp);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;animation:.344s step-end infinite spriteQuad;position:fixed;inset:0}.hidden-audio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mode-switch{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e14b8;border:1px solid #ffffff1f;border-radius:999px;gap:.4rem;padding:.35rem;display:inline-flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.mode-btn{color:#f1f4ffd1;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.38rem .85rem;font-size:.88rem}.mode-btn.is-active{color:#fff;background:#ffffff29}.mode-switcher-3d{z-index:24;cursor:pointer;width:clamp(150px,15vw,220px);height:clamp(150px,15vw,220px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transition:filter .28s;position:fixed;top:0;left:-18px;overflow:visible}.mode-switcher-3d canvas{display:block;width:100%!important;height:100%!important}.mode-switcher-3d.is-spotlight{filter:brightness(.58)saturate(.78)}.layout{z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,5vw,6rem);width:min(1180px,94vw);min-height:86svh;margin-top:clamp(1.2rem,3.8vh,3rem);padding:clamp(1rem,2.6vw,2rem);transition:transform 1.4s;display:grid}.layout--focused{z-index:22;pointer-events:none}.layout--focused .model-slot.is-selected{pointer-events:auto}.model-slot{-webkit-user-select:none;user-select:none;visibility:visible;cursor:pointer;will-change:auto;border-radius:0;width:clamp(250px,32vw,450px);height:clamp(250px,36vw,430px);transition:transform 1.9s cubic-bezier(.2,.7,.2,1),opacity 1.45s,visibility linear;animation:1.5s both rise;position:relative}.model-slot canvas{cursor:pointer;opacity:1;backface-visibility:hidden;image-rendering:auto;transition:opacity 1.3s;display:block;transform:translateZ(0);width:100%!important;height:100%!important}.layout--focused .model-slot{will-change:transform, opacity}.tv{grid-column:1;justify-self:end;margin-top:3.5vh;transform:none}.basket{grid-column:3;justify-self:start;margin-top:3.2vh;transform:none}.title{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:none;width:auto;max-width:clamp(56px,7.2vw,112px);height:82svh;transform:perspective(700px) rotateY(calc((var(--mx) - .5) * 3deg)) rotateX(calc((.5 - var(--my)) * 2deg)) translateZ(0);grid-column:2}.page--regular .title{filter:none}.spotlight-overlay{z-index:6;pointer-events:none;opacity:1;position:fixed;inset:0}.spotlight-bg-images{z-index:0;pointer-events:none;position:fixed;inset:0}.spotlight-bg-image{width:clamp(120px,12vw,220px);height:auto;transform:translate(-50%, -50%) rotate(var(--spot-rot,0deg)) scale(var(--spot-scale,1));transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:brightness(1.06)contrast(1.02);position:absolute}.layout--focused .model-slot.is-selected{z-index:24;transform:translate3d(var(--sel-x,0px), var(--sel-y,0px), 0) scale(.381);transform-origin:50%;transition:transform 1.88s cubic-bezier(.2,.82,.22,1),opacity 1.2s}.layout--suppress-select .model-slot.is-selected,.layout--suppress-select .model-slot.is-away,.layout--suppress-select .title.is-away{transition:none!important;animation:none!important}@media (width>=901px){.layout--focused.layout--to-right .model-slot.tv.is-selected{transform:translate3d(var(--sel-x,0px), var(--sel-y,0px), 0) scale(.457);transition:none!important;animation:none!important}}.layout--focused .model-slot.is-away{opacity:1;pointer-events:none;visibility:hidden;transition:transform 2.3s cubic-bezier(.16,.84,.22,1),opacity 0s linear 2.3s,visibility 0s linear 2.3s;transform:translate(0,0)}.layout--to-right .model-slot.is-away{transform:translate(85vw)}.layout--to-left .model-slot.is-away{transform:translate(-85vw)}.layout--focused .model-slot.is-away canvas{opacity:1;transition:opacity 0s linear 2.3s}.title.is-away{opacity:1;transform:perspective(700px) rotateY(calc((var(--mx) - .5) * 3deg)) rotateX(calc((.5 - var(--my)) * 2deg)) translateX(0) scale(.92);transition:opacity 0s linear 2.1s,transform 2.1s cubic-bezier(.16,.84,.22,1)}.layout--to-right .title.is-away{transform:perspective(700px) rotateY(calc((var(--mx) - .5) * 3deg)) rotateX(calc((.5 - var(--my)) * 2deg)) translateX(95vw) scale(.92)}.layout--to-left .title.is-away{transform:perspective(700px) rotateY(calc((var(--mx) - .5) * 3deg)) rotateX(calc((.5 - var(--my)) * 2deg)) translateX(-95vw) scale(.92)}.content-panel{z-index:16;text-align:center;opacity:0;pointer-events:none;color:#f4f5ff;border-radius:16px;width:100%;max-width:min(700px,80vw);height:fit-content;margin:auto;padding:1.2rem 1.5rem;transition:opacity 1.4s,transform 1.75s;position:fixed;inset:0;transform:translateY(14px)scale(.97)}.content-panel--from-right{transform:translate(22vw)scale(.97)}.content-panel--from-left{transform:translate(-22vw)scale(.97)}.content-panel h2{margin:0 0 .4rem;font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:600}.content-panel p{opacity:.88;margin:0;font-size:clamp(.95rem,1.2vw,1.05rem)}.content-panel--cart{justify-content:center;align-items:center;width:100vw;max-width:none;padding:0 2vw;display:flex}.cart-content-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(62vw,920px);height:auto;max-height:78vh;margin:0;display:block}.page--regular .content-panel{color:#0f1320}.content-panel.is-visible{opacity:1;pointer-events:auto;transition-delay:.42s;transform:translateY(0)scale(1)}.tv-banners-panel{--tv-top-offset:var(--tv-header-space);z-index:16;box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;padding-top:calc(var(--tv-top-offset) + var(--tv-header-gap));opacity:0;pointer-events:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;padding-bottom:0;transition:transform .98s cubic-bezier(.2,.76,.24,1),opacity .38s;display:flex;position:fixed;inset:0;overflow-y:hidden;transform:translate(100%)}.tv-banners-panel.is-visible{opacity:1;pointer-events:auto;transform:translate(0,0)}.tv-banners{z-index:0;width:100%;min-height:calc(100dvh - var(--tv-top-offset));contain:layout paint style;flex-direction:column;gap:0;display:flex;position:relative}.tv-footer-slot{width:100%;height:var(--tv-footer-space);background:var(--regular-surface);flex:none;justify-content:center;align-items:center;margin-top:auto;display:flex}.tv-filters{left:0;right:0;bottom:calc(var(--tv-footer-space) + env(safe-area-inset-bottom) + 6px);z-index:6;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:clamp(6px,.8vw,10px);width:100%;padding:0 12px;transition:opacity .22s;display:flex;position:fixed}.tv-filters.is-visible{opacity:1;pointer-events:auto}.tv-filter-btn{color:#0b0b0b;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:clamp(6px,.8vw,9px) clamp(8px,.95vw,12px);font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(10px,.78vw,14px);font-weight:500;line-height:1;transition:color .18s,border-color .18s,background-color .18s}.tv-filter-btn.is-active{color:#0b0b0b;border-color:#0b0b0b}.page--spotlight .tv-footer-slot{background:#0e121b}.tv-footer-slot__image{width:min(46vw,380px);max-height:calc(var(--tv-footer-space) * .5);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto}.tv-scroll-header{height:var(--tv-header-space);z-index:18;opacity:0;pointer-events:none;background-color:#fff;background-image:url(/banners/header.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;justify-content:flex-start;align-items:flex-start;transition:opacity .24s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.page--spotlight .tv-scroll-header{background-color:#fff}.tv-scroll-header.is-visible{opacity:1}.tv-scroll-footer-fade{z-index:19;pointer-events:none;opacity:0;background:linear-gradient(#0c0e1400 0%,#0c0e1414 58%,#0c0e1429 100%);height:22vh;transition:opacity .24s;position:fixed;bottom:0;left:0;right:0}.tv-scroll-footer-fade.is-visible{opacity:1}.tv-banner{text-align:left;cursor:pointer;opacity:0;will-change:transform, opacity;contain:paint;backface-visibility:hidden;background:0 0;border:0;width:100%;height:auto;padding:0;display:block;position:relative;overflow:hidden;transform:translate(0,0)}.tv-banner+.tv-banner{margin-top:0}.tv-banner__image{filter:none;width:100%;height:auto;transition:transform .3s,filter .35s;display:block;position:relative;transform:scale(1)}.tv-banner__overlay{opacity:1;background:#00000059;width:100%;transition:opacity .504s;position:absolute;inset:0}.page--tv-panel{background:#fff!important}.tv-banner__label{z-index:2;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(14px,1.15vw,22px);font-weight:500;line-height:1.1;position:absolute;top:50%;left:clamp(12px,1.6vw,24px);transform:translateY(-50%)}.tv-banner:hover .tv-banner__image{filter:none;transform:scale(1.03)}.tv-banner:hover .tv-banner__overlay{opacity:0}.tv-banners-panel.is-visible .tv-banner.is-revealed{animation:1.16s cubic-bezier(.2,.7,.2,1) both bannerSlideIn;animation-delay:var(--banner-delay,.18s)}.video-page{color:#0f0f0f;background:#e9e9eb;width:100%;height:100dvh;position:relative;overflow:hidden}.video-page__back{z-index:30;color:#111;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transform-origin:0 100%;filter:none;will-change:transform;background:0 0;border:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(16px,1.2vw,20px);font-weight:600;line-height:0;transition:transform .46s cubic-bezier(.2,.8,.22,1);position:fixed;inset:auto auto clamp(22px,3.6vh,54px) calc(clamp(-18px,-1.2vw,-8px));transform:translate(-30%)rotate(-22deg)}.video-page__back img{width:clamp(210px,19vw,250px);height:auto;display:block}@media (width>=901px){.video-page__back img{transform:scaleX(-1)}}@media (width>=901px) and (hover:hover) and (pointer:fine){.video-page__back:hover{transform:translate(0)rotate(0)}}.video-page__bg{z-index:3;pointer-events:none;justify-content:flex-end;width:100%;display:flex;position:absolute;top:0;left:0;right:0}.video-page__bg img{object-fit:contain;width:100%;height:auto;display:block}.video-page__bg picture{width:100%;display:block}.video-page__content{z-index:1;justify-content:flex-start;width:100%;padding:clamp(140px,18vw,210px) clamp(12px,2vw,28px) clamp(28px,5vh,56px) clamp(22px,4.1vw,60px);display:flex;position:relative}.video-page__player{aspect-ratio:16/9;background:#000;width:min(56vw,760px)}.video-page__player iframe{border:0;width:100%;height:100%;display:block}.video-page__footer{background:#e3e3e6;flex:none;justify-content:center;align-items:center;width:100%;min-height:clamp(58px,11vh,116px);display:flex;position:absolute;bottom:0;left:0;right:0}.video-page__footer img{object-fit:contain;width:min(46vw,380px);height:auto;max-height:56px;display:block}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spriteQuad{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}to{background-position:0 0}}@keyframes bannerSlideIn{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes swipeInFromRight{0%{opacity:0;transform:translate(34vw)}to{opacity:1;transform:translate(0,0)}}@keyframes swipeInFromLeft{0%{opacity:0;transform:translate(-34vw)}to{opacity:1;transform:translate(0,0)}}@media (width<=900px){:root{--tv-header-space:84px;--tv-header-gap:3px;--tv-footer-space:clamp(52px, 10vh, 96px)}.page{height:100dvh;min-height:100dvh;overflow:hidden}.page-loader__sprite,.sprite-transition-overlay{background-image:url(/spriteAnimMobile.webp)}.layout{width:min(980px,96vw);min-height:100dvh;padding-top:calc(3.2rem + env(safe-area-inset-top));grid-template-rows:1fr;grid-template-columns:1fr auto 1fr;place-items:center stretch;gap:clamp(.4rem,2.2vw,1.2rem);margin-top:0;padding-bottom:1.1rem}.mode-switch{top:calc(8px + env(safe-area-inset-top));transform-origin:top;transform:translate(-50%)scale(.94)}.mode-switcher-3d{top:calc(2px + env(safe-area-inset-top));width:min(36vw,160px);height:min(36vw,160px);left:-22px;right:auto}.tv{order:0;grid-column:1;justify-self:end;width:min(36vw,245px);height:min(34vw,210px);margin-top:0;transform:none}.basket{order:0;grid-column:3;justify-self:start;width:min(36vw,250px);height:min(34vw,212px);margin-top:0;transform:none}.title{grid-column:2;width:clamp(51px,12vw,78px);max-height:56vh;display:block}.layout--focused .model-slot.is-selected{transform:translate3d(var(--sel-x,0px), var(--sel-y,0px), 0) scale(.33)}.layout--focused .model-slot.tv.is-selected{transform:translate3d(var(--sel-x,0px), var(--sel-y,0px), 0) scale(.58);transition:none!important;animation:none!important}.tv-banner{height:auto}.tv-banners-panel{--tv-top-offset:var(--tv-header-space);width:100vw;max-width:100vw;padding-top:var(--tv-top-offset);transition:transform .9s cubic-bezier(.2,.76,.24,1),opacity .26s;left:0;right:0;transform:translate(100%)}.tv-banners{padding-top:2px}.tv-banners-panel.is-visible{transform:translate(0,0)}.tv-banner__image{background-color:#0000}.tv-banner__label{font-size:clamp(9px,2.2vw,12px);left:10px}.video-page__back{filter:none;z-index:9;transition:none;inset:calc(clamp(204px,38vh,332px) + 20px) -16px auto auto;transform:rotate(15deg)}.video-page__back img{width:clamp(106px,33vw,150px)}.video-page__content{z-index:2;justify-content:center;padding:clamp(133px,34vw,201px) 10px 80px}.video-page__player{width:min(89vw,416px)}.video-page__footer img{width:min(48vw,190px);max-height:42px}.tv-footer-slot__image{width:min(42vw,190px);max-height:calc(var(--tv-footer-space) * .42)}.layout.layout--return-right .title,.layout.layout--return-right .basket{animation:.72s cubic-bezier(.2,.78,.24,1) both swipeInFromRight}.layout.layout--return-left .title,.layout.layout--return-left .tv{animation:.72s cubic-bezier(.2,.78,.24,1) both swipeInFromLeft}}