@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jua,sans-serif;background:#ebfaec;-webkit-font-smoothing:antialiased;font-size:24px}button,input,select{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-family:Material Symbols Outlined;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}#bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ebfaec73;z-index:-1;pointer-events:none}#root{position:relative;z-index:0}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-float{animation:mascot-float 3.2s ease-in-out infinite}@keyframes star-float{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 10px rgba(255,215,9,.7))}50%{transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 0 28px rgba(255,215,9,1)) drop-shadow(0 0 50px rgba(255,200,0,.6))}}.star-float{animation:star-float 2.6s ease-in-out infinite;display:inline-block}@keyframes tab-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.tab-shake{animation:tab-shake .5s ease-in-out}html{font-size:20px;scroll-behavior:smooth}body{background:#ebebeb;min-height:100vh;font-family:Jua,sans-serif}#root{max-width:1024px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 60px #00000012;position:relative;z-index:0}button{min-height:44px;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}button:active{transform:scale(.97)!important}select,input{min-height:44px}.quest-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)!important}.quest-card:hover:not(.locked){transform:translateY(-4px) scale(1.015);box-shadow:0 12px 36px #0000001c!important}@keyframes cardReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card-reveal{animation:cardReveal .5s cubic-bezier(.16,1,.3,1) both}@keyframes sectionFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section-reveal{animation:sectionFadeUp .55s cubic-bezier(.16,1,.3,1) both}.nav-label-pretendard{font-family:Jua,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.01em}.quest-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.portfolio-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.bottom-nav-fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1024px;padding:10px 20px 18px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #e8e8e8;border-radius:0;display:flex;justify-content:space-around;z-index:200;box-shadow:0 -2px 20px #0000000f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:4px;border-radius:16px;min-height:56px;transition:transform .15s ease}.bottom-nav-item:active{transform:scale(.94)}.nav-pill{width:52px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,box-shadow .2s ease}.nav-pill.active{background:#1a1a1a;box-shadow:0 2px 8px #0003}.nav-icon{font-size:24px;transition:color .2s ease}.nav-label{font-size:.7rem;transition:color .2s ease;letter-spacing:-.1px;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:820px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}:root{--fs-title: 26px;--fs-body: 16px;--fs-small: 14px;--fs-btn: 16px}@keyframes tp-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tp-sentence-enter{animation:tp-slide-in .25s ease-out both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-float{animation:float 3s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.star-float{animation:star-pulse 2.2s ease-in-out infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-marquee-track{display:flex;gap:10px;width:max-content;animation:marquee-scroll 28s linear infinite}.gallery-marquee-track:hover{animation-play-state:paused}@media (min-width: 1024px){.quest-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){#root{box-shadow:none}.quest-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:8px}:root{--fs-title: 22px;--fs-body: 15px;--fs-small: 13px;--fs-btn: 15px}.nav-pill{width:44px;height:30px}.nav-icon{font-size:22px}}