@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;800&display=swap);:root{--app-font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3efe3;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-family:var(--app-font-family);margin:0;overflow-x:hidden}body *{font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif!important;font-family:var(--app-font-family)!important}img{display:block}.hero-section{--hero-fixed-header-height:clamp(78px,8vw,108px);background:#0000;height:100%}.hero-section,.hero-stage{overflow:hidden;position:relative;width:100%}.hero-stage{height:calc(100% - var(--hero-fixed-header-height));margin-top:var(--hero-fixed-header-height)}.hero-scene{-webkit-user-drag:none;display:block}.hero-frame,.hero-scene{height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.hero-frame{left:0;position:absolute;top:0;z-index:1}.hero-canvas{height:100%;inset:0;position:absolute;transform-origin:center center;width:100%}.hero-top-bar{pointer-events:none;position:absolute;z-index:40}.hero-top-bar--compact,.hero-top-bar--hero{inset:0}.hero-top-bar--fixed{background-color:#f3efe3f5;background-image:var(--hero-fixed-header-bg-image);background-position:top;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 14px 28px #30271824;height:var(--hero-fixed-header-height);left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:80}.hero-logo{height:auto;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:20}.hero-logo-button{background:#0000;border:0;cursor:pointer;padding:0;pointer-events:auto;position:absolute;z-index:20}.hero-logo-button:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-logo-image{display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.hero-auth{align-items:center;display:flex;pointer-events:auto;position:absolute;z-index:40}.hero-top-bar--hero .hero-logo,.hero-top-bar--hero .hero-logo-button{left:12.17%;top:2.5%;width:9.33%}.hero-top-bar--hero .hero-auth{right:3.5%;top:2.5%}.hero-top-bar--compact .hero-logo,.hero-top-bar--compact .hero-logo-button{left:clamp(22px,5.6vw,86px);top:50%;transform:translateY(-50%);width:clamp(138px,11.1vw,198px)}.hero-top-bar--compact .hero-auth{right:clamp(16px,2.6vw,42px);top:50%;transform:translateY(-50%)}.hero-top-bar--fixed .hero-logo,.hero-top-bar--fixed .hero-logo-button{left:clamp(20px,4.4vw,68px);top:50%;transform:translateY(-50%);width:clamp(130px,10.2vw,192px)}.hero-top-bar--fixed .hero-auth{right:clamp(18px,3vw,44px);top:50%;transform:translateY(-50%)}.hero-auth-logged-in{align-items:center;display:flex;gap:12px}.hero-top-bar--fixed .hero-auth-logged-in{gap:clamp(16px,1.8vw,28px)}.hero-streak-pill{align-items:center;background:#f7f5eef5;border:1px solid #1f1f1c2e;border-radius:999px;box-shadow:0 8px 18px #0000001f;display:flex;gap:10px;min-height:54px;padding:0 20px 0 14px}.hero-top-bar--fixed .hero-streak-pill{gap:12px;min-height:50px;padding:0 24px 0 14px}.hero-streak-icon{flex:0 0 auto;height:36px;width:36px}.hero-streak-text{color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(15px,1.5vw,20px);font-weight:800;letter-spacing:-.04em;line-height:1}.hero-top-bar--fixed .hero-streak-text{font-size:clamp(14px,1.2vw,18px)}.hero-login-trigger{align-items:center;background:#0000;border:0;box-shadow:none;cursor:pointer;display:inline-flex;height:50px;justify-content:center;padding:0;transition:transform .18s ease,filter .18s ease,opacity .18s ease;width:104px}.hero-login-trigger-image{display:block;height:100%;pointer-events:none;width:100%}.hero-login-trigger:hover{filter:drop-shadow(0 6px 14px rgba(0,0,0,.14));transform:translateY(-1px)}.hero-login-trigger:active{transform:translateY(0)}.hero-login-trigger:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.auth-tab:disabled,.hero-login-close:disabled,.hero-login-submit:disabled,.hero-login-trigger:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.hero-grade-wrap,.hero-profile-wrap{position:relative}.hero-grade-trigger{align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:58px}.hero-grade-trigger:hover{background:#0000;box-shadow:none}.hero-grade-trigger:hover,.hero-grade-wrap.is-open .hero-grade-trigger{transform:translateY(-1px)}.hero-grade-trigger-icon{display:block;height:40px;object-fit:contain;pointer-events:none;width:40px}.hero-top-bar--fixed .hero-grade-trigger{height:46px;width:46px}.hero-top-bar--fixed .hero-grade-trigger-icon{height:40px;width:40px}.hero-grade-trigger:focus-visible,.hero-profile-menu-button:focus-visible,.hero-profile-trigger:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-profile-trigger{align-items:center;background:#f7f5eef5;border:1px solid #1f1f1c2e;border-radius:18px;box-shadow:0 8px 18px #0000001f;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:58px}.hero-profile-trigger:hover{background:#fffcf5fa;box-shadow:0 12px 22px #00000029;transform:translateY(-1px)}.hero-profile-icon{display:block;height:40px;object-fit:contain;pointer-events:none;width:40px}.hero-top-bar--fixed .hero-profile-trigger{height:48px;width:52px}.hero-top-bar--fixed .hero-profile-icon{height:34px;width:34px}.hero-profile-menu{background:#f7f5eefa;border:1px solid #1f1f1c1a;border-radius:18px;box-shadow:0 18px 30px #00000029;display:flex;flex-direction:column;gap:8px;min-width:188px;padding:14px;position:absolute;right:0;top:calc(100% + 12px)}.hero-profile-menu-header{border-bottom:1px solid #1f1f1c1a;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.hero-profile-menu-name{color:#1f1f1c;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700}.hero-profile-menu-rank{color:#1f1f1c9e;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:12px;font-weight:600}.hero-profile-menu-button{background:#2a2a2a;border:0;border-radius:12px;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:40px;transition:transform .18s ease,background-color .18s ease;width:100%}.hero-profile-menu-button--secondary{background:#5a829d1f;color:#4a6d84}.hero-profile-menu-button:hover{background:#1f1f1f;transform:translateY(-1px)}.hero-profile-menu-button--secondary:hover{background:#5a829d33}.hero-grade-panel{background:#e8e8e8fa;border:1px solid #1f1f1c24;border-radius:28px;box-shadow:0 22px 36px #0000002e;min-height:136px;padding:32px 28px 24px;position:absolute;right:-58px;top:calc(100% + 16px);width:min(72vw,720px)}.hero-grade-current-rank{align-items:center;background:#f7f5eefa;border:2px solid #1f1f1c59;border-radius:12px;color:#33312d;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:30px;justify-content:center;left:22px;min-width:74px;padding:0 14px;position:absolute;top:-14px}.hero-grade-track{min-height:84px;position:relative}.hero-grade-track-line{background:#1f1f1cc7;height:2px;left:32px;position:absolute;right:32px;top:44px}.hero-grade-track-dots{align-items:center;display:grid;grid-template-columns:repeat(9,1fr);left:36px;position:absolute;right:36px;top:37px}.hero-grade-track-dot{background:#9b9b9b;border-radius:999px;height:14px;justify-self:center;width:14px}.hero-grade-track-dot.is-active{background:#7d7d7d}.hero-grade-icons{justify-content:space-between;padding:0 18px}.hero-grade-icon-slot,.hero-grade-icons{align-items:center;display:flex;position:relative}.hero-grade-icon-slot{height:72px;justify-content:center;width:72px;z-index:1}.hero-grade-icon-slot.is-current{transform:scale(1.08)}.hero-grade-icon-slot.is-upcoming{filter:grayscale(1);opacity:.36}.hero-grade-icon{display:block;height:100%;object-fit:contain;width:100%}.hero-top-bar--compact .hero-auth-logged-in{gap:8px}.hero-top-bar--compact .hero-streak-pill{gap:8px;min-height:38px;padding:0 12px 0 10px}.hero-top-bar--compact .hero-streak-icon{height:24px;width:24px}.hero-top-bar--compact .hero-streak-text{font-size:12px}.hero-top-bar--compact .hero-grade-trigger{border-radius:12px;height:38px;width:42px}.hero-top-bar--compact .hero-grade-trigger-icon{height:28px;width:28px}.hero-top-bar--compact .hero-profile-trigger{border-radius:12px;height:38px;width:42px}.hero-top-bar--compact .hero-profile-icon{height:28px;width:28px}.hero-top-bar--compact .hero-login-trigger{height:42px;width:88px}.hero-top-bar--compact .hero-profile-menu{min-width:164px}.hero-top-bar--compact .hero-grade-panel{padding:28px 16px 20px;right:-18px;top:calc(100% + 12px);width:min(72vw,520px)}.hero-top-bar--compact .hero-grade-current-rank{left:16px}.hero-top-bar--compact .hero-grade-track-line{left:24px;right:24px;top:32px}.hero-top-bar--compact .hero-grade-track-dots{left:26px;right:26px;top:25px}.hero-top-bar--compact .hero-grade-track-dot{height:10px;width:10px}.hero-top-bar--compact .hero-grade-icons{padding:0 10px}.hero-top-bar--compact .hero-grade-icon-slot{height:52px;width:52px}.hero-top-bar--fixed .hero-login-trigger{height:50px;width:104px}.hero-top-bar--fixed .hero-profile-menu{top:calc(100% + 14px)}.hero-top-bar--fixed .hero-grade-panel{right:-30px;top:calc(100% + 14px);width:min(72vw,620px)}.hero-copy{left:14.58%;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:20}.hero-title{color:#11110f;font-family:Nanum Brush Script,cursive;font-size:clamp(32px,11.83vw,172px);font-weight:400;letter-spacing:-.045em;line-height:.88;margin:0}.hero-subtitle{color:#1f1f1c94;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:clamp(13px,3.5vw,50px);font-weight:400;letter-spacing:-.03em;line-height:1.45;margin:clamp(12px,2.5vh,40px) 0 0}.hero-character{bottom:0;height:min(82.23%,40vw);pointer-events:none;position:absolute;right:24.67%;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:auto;z-index:18}.hero-section.is-login-open .hero-character,.hero-section.is-login-open .hero-copy{opacity:0;pointer-events:none;visibility:hidden}.hero-section.is-login-open .hero-copy{transform:translateY(calc(-50% + 10px))}.hero-section.is-login-open .hero-character{transform:translateY(12px)}.hero-login-overlay{align-items:center;animation:hero-login-overlay-fade .18s ease-out;background:#000000d1;display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:90}.hero-login-card{grid-gap:clamp(28px,4vw,44px);align-items:center;animation:hero-login-card-in .22s ease-out;background:#d9d9d9;border:3px solid #000;border-radius:56px;box-shadow:none;box-sizing:border-box;display:grid;gap:clamp(28px,4vw,44px);grid-template-columns:minmax(0,1fr) 1px minmax(0,1.05fr);min-height:620px;padding:clamp(44px,4.8vw,64px);position:relative;width:min(988px,calc(100vw - 64px))}.hero-login-left{align-items:center;display:flex;justify-content:center;padding-right:0}.hero-login-logo{display:block;height:auto;width:min(100%,260px)}.hero-login-divider{background:#1f1f1cd9;height:min(100%,240px);justify-self:center;width:1px}.hero-login-panel{display:flex;flex-direction:column;gap:18px;padding-left:0}.auth-tabs{align-items:center;display:inline-flex;gap:10px;max-width:none;width:auto}.auth-tab{background:#0000;border:0;color:#1f1f1c9e;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;font-weight:700;padding:0;transition:color .18s ease,opacity .18s ease}.auth-tab.is-active,.auth-tab:hover{color:#1f1f1c}.auth-tab-separator{color:#1f1f1c94;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;font-weight:600;line-height:1}.auth-tab:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-login-form{display:flex;flex-direction:column;gap:14px}.hero-login-label{display:flex;flex-direction:column;gap:8px}.hero-login-label>span{font-size:15px;font-weight:600}.hero-login-label input,.hero-login-label>span{color:#1f1f1c;font-family:Pretendard,Noto Sans KR,sans-serif}.hero-login-label input{background:#ffffff59;border:1px solid #1f1f1c4d;border-radius:10px;font-size:14px;height:48px;padding:0 16px;width:100%}.hero-login-label input::placeholder{color:#1f1f1c73}.hero-login-label input:focus{border-color:#2a407199;box-shadow:0 0 0 3px #2a40711f;outline:none}.hero-login-submit{align-self:center;background:#2a2a2a;border:0;border-radius:12px;box-shadow:0 8px 18px #00000029;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;height:44px;letter-spacing:-.02em;margin-top:4px;min-width:120px;padding:0 24px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.hero-login-submit:hover{background:#1f1f1f;box-shadow:0 12px 22px #0003;transform:translateY(-1px)}.hero-login-submit:active{transform:translateY(0)}.hero-login-submit:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.auth-message{color:#2a4071eb;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:600;line-height:1.4;margin:0;min-height:18px}@keyframes hero-login-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-login-card-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero-section{--hero-fixed-header-height:74px}.hero-top-bar--hero .hero-logo,.hero-top-bar--hero .hero-logo-button{left:7%;top:3.5%;width:22%}.hero-top-bar--hero .hero-auth{right:5%;top:3.5%}.hero-top-bar--fixed .hero-logo,.hero-top-bar--fixed .hero-logo-button{left:16px;width:124px}.hero-top-bar--fixed .hero-auth{right:12px}.hero-top-bar--compact .hero-auth-logged-in,.hero-top-bar--fixed .hero-auth-logged-in,.hero-top-bar--hero .hero-auth-logged-in{gap:8px}.hero-top-bar--compact .hero-streak-pill,.hero-top-bar--fixed .hero-streak-pill,.hero-top-bar--hero .hero-streak-pill{gap:8px;min-height:42px;padding:0 14px 0 10px}.hero-top-bar--compact .hero-streak-icon,.hero-top-bar--fixed .hero-streak-icon,.hero-top-bar--hero .hero-streak-icon{height:28px;width:28px}.hero-top-bar--compact .hero-streak-text,.hero-top-bar--fixed .hero-streak-text,.hero-top-bar--hero .hero-streak-text{font-size:13px}.hero-top-bar--compact .hero-grade-trigger,.hero-top-bar--fixed .hero-grade-trigger,.hero-top-bar--hero .hero-grade-trigger{height:42px;width:46px}.hero-top-bar--compact .hero-grade-trigger-icon,.hero-top-bar--fixed .hero-grade-trigger-icon,.hero-top-bar--hero .hero-grade-trigger-icon{height:30px;width:30px}.hero-top-bar--compact .hero-profile-trigger,.hero-top-bar--fixed .hero-profile-trigger,.hero-top-bar--hero .hero-profile-trigger{border-radius:14px;height:42px;width:46px}.hero-top-bar--compact .hero-profile-icon,.hero-top-bar--fixed .hero-profile-icon,.hero-top-bar--hero .hero-profile-icon{height:30px;width:30px}.hero-top-bar--compact .hero-profile-menu,.hero-top-bar--fixed .hero-profile-menu,.hero-top-bar--hero .hero-profile-menu{min-width:164px}.hero-top-bar--compact .hero-grade-panel,.hero-top-bar--fixed .hero-grade-panel,.hero-top-bar--hero .hero-grade-panel{padding:28px 16px 20px;right:-26px;width:min(88vw,460px)}.hero-top-bar--compact .hero-grade-current-rank,.hero-top-bar--fixed .hero-grade-current-rank,.hero-top-bar--hero .hero-grade-current-rank{left:16px}.hero-top-bar--compact .hero-grade-track-line,.hero-top-bar--fixed .hero-grade-track-line,.hero-top-bar--hero .hero-grade-track-line{left:24px;right:24px;top:32px}.hero-top-bar--compact .hero-grade-track-dots,.hero-top-bar--fixed .hero-grade-track-dots,.hero-top-bar--hero .hero-grade-track-dots{left:26px;right:26px;top:25px}.hero-top-bar--compact .hero-grade-track-dot,.hero-top-bar--fixed .hero-grade-track-dot,.hero-top-bar--hero .hero-grade-track-dot{height:10px;width:10px}.hero-top-bar--compact .hero-grade-icons,.hero-top-bar--fixed .hero-grade-icons,.hero-top-bar--hero .hero-grade-icons{padding:0 10px}.hero-top-bar--compact .hero-grade-icon-slot,.hero-top-bar--fixed .hero-grade-icon-slot,.hero-top-bar--hero .hero-grade-icon-slot{height:52px;width:52px}.hero-login-trigger{height:40px;width:84px}.hero-copy{left:8%;top:48%}.hero-title{font-size:clamp(46px,18vw,108px)}.hero-subtitle{font-size:clamp(16px,5vw,28px)}.hero-character{height:64%;right:8%}.hero-top-bar--compact .hero-logo,.hero-top-bar--compact .hero-logo-button{left:16px;width:132px}.hero-top-bar--compact .hero-auth{right:12px}.hero-top-bar--fixed .hero-login-trigger{height:40px;width:84px}.hero-login-overlay{align-items:center;justify-content:center;padding:20px}.hero-login-card{border:3px solid #000;border-radius:40px;box-sizing:border-box;gap:24px;grid-template-columns:1fr;height:auto;left:auto;max-height:86vh;min-height:auto;overflow-y:auto;padding:32px 24px 28px;position:relative;top:auto;width:min(92vw,560px)}.hero-login-left{padding-right:0}.hero-login-divider{display:none}.hero-login-panel{padding-left:0}.auth-tabs{max-width:none}.hero-login-logo{width:180px}.hero-login-close{right:14px;top:14px}}.history-page{background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.history-header{flex:0 0 clamp(72px,6.4vw,108px);height:clamp(72px,6.4vw,108px);overflow:hidden;position:relative;width:100%}.history-header-image{display:block;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.history-header-overlay{inset:0;position:absolute}.history-stage{flex:1 1 auto;overflow:hidden;padding:clamp(24px,3.5vw,48px) clamp(20px,5vw,56px) clamp(32px,4vw,48px);position:relative}.history-shell{grid-gap:clamp(20px,3vw,36px);display:grid;gap:clamp(20px,3vw,36px);grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);margin:0 auto;max-width:1440px;min-height:calc(100vh - clamp(72px, 6.4vw, 108px) - clamp(72px, 8vw, 120px));position:relative;z-index:1}.history-aside,.history-board{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#fbf8f1f7,#f1eadcf2);border:1px solid #22221d1a;border-radius:32px;box-shadow:0 24px 50px #1e19111f;position:relative}.history-aside{display:flex;flex-direction:column;gap:22px;padding:clamp(26px,3vw,38px)}.history-title-block{position:relative}.history-eyebrow{align-items:center;background:#7194ad24;border-radius:999px;color:#56788d;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.02em;min-height:34px;padding:0 16px}.history-eyebrow,.history-title{font-family:Pretendard,Noto Sans KR,sans-serif}.history-title{color:#151511;font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;line-height:1.04;margin:18px 0 8px}.history-subtitle{color:#1e1c18bd;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:16px;line-height:1.7;margin:0;max-width:420px}.history-factor{display:block;margin-top:18px;opacity:.85;width:min(240px,72%)}.history-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-summary-card{background:#fffdf8d1;border:1px solid #1f1f1c14;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffc7;display:flex;flex-direction:column;justify-content:space-between;min-height:138px;padding:18px 20px}.history-summary-card--wide{grid-column:1/-1}.history-record-label,.history-record-reading,.history-record-time,.history-summary-foot,.history-summary-label{font-family:Pretendard,Noto Sans KR,sans-serif}.history-summary-label{color:#56788df0;font-size:13px;font-weight:700}.history-summary-value{color:#1f1f1a;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(36px,3.8vw,58px);font-weight:700;letter-spacing:-.05em}.history-summary-value--small{font-size:clamp(18px,2.2vw,30px);line-height:1.3}.history-summary-foot{color:#1f1f1c9e;font-size:13px;line-height:1.5}.history-character-card{background:linear-gradient(180deg,#5e91b01f,#5e91b008);border-radius:28px;min-height:320px;overflow:hidden;padding:26px 20px 10px;position:relative}.history-character{bottom:-8px;height:auto;left:-18px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:min(260px,56%)}.history-character-bubble{background:#fffcf5f0;border:1px solid #1f1f1c1a;border-radius:26px 26px 8px 26px;box-shadow:0 20px 28px #1c160f14;margin-left:auto;min-height:180px;padding:22px 24px;position:relative;width:min(320px,62%)}.history-character-bubble:after{background:#fffcf5f0;bottom:26px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:24px;left:-16px;position:absolute;width:30px}.history-character-bubble p{color:#2d2b26;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0}.history-board{overflow:hidden;padding:clamp(18px,2.3vw,28px)}.history-card-list{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding-right:4px}.history-card-list::-webkit-scrollbar{width:10px}.history-card-list::-webkit-scrollbar-thumb{background:#56788d57;border-radius:999px}.history-empty-card,.history-record-card{background:#fffdf8eb;border:1px solid #1f1f1c14;border-radius:28px;box-shadow:0 16px 28px #1a160e14;position:relative}.history-record-card{padding:22px}.history-record-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.history-record-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.history-record-chip,.history-record-result{align-items:center;border-radius:999px;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:12px;font-weight:700;min-height:34px;padding:0 14px}.history-record-chip{background:#22221d0f;color:#1f1f1cb3}.history-record-result.is-correct{background:#4781581f;color:#3b6d48}.history-record-result.is-incorrect{background:#9f5c481f;color:#8f4f3d}.history-record-time{color:#1f1f1c8f;flex:0 0 auto;font-size:13px;font-weight:600}.history-record-main{display:flex;flex-direction:column;gap:18px}.history-record-headline{align-items:flex-start;display:flex;gap:16px}.history-record-order{color:#56788dd1;flex:0 0 auto;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(32px,2.7vw,48px);font-weight:700;line-height:1}.history-record-texts{min-width:0}.history-record-original{color:#171713;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(28px,3.1vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.2;margin:0;word-break:keep-all}.history-record-reading{color:#6588a1;font-size:14px;font-weight:700;margin:8px 0 0}.history-record-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-record-explanation,.history-record-panel{background:#f5efe4c2;border:1px solid #1f1f1c0f;border-radius:22px;padding:18px 18px 16px}.history-record-panel--answer{background:#eef4f7d1}.history-record-label{color:#1f1f1c8f;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}.history-record-body{color:#20201c;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0;word-break:keep-all}.history-empty-card{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:320px;padding:30px}.history-empty-title{color:#171713;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(24px,2.6vw,34px);font-weight:700;margin:0}.history-empty-text{color:#1f1f1cad;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0;max-width:540px}.history-empty-actions{display:flex;gap:10px;margin-top:8px}.history-action-button{background:#1f1f1a;border:0;border-radius:999px;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;height:46px;min-width:180px;padding:0 18px;transition:transform .18s ease,background-color .18s ease}.history-action-button:hover{background:#161612;transform:translateY(-1px)}.history-stone,.history-wave{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.history-wave{opacity:.28}.history-wave--top{right:-9%;top:4%;transform:rotate(-5deg);width:min(820px,54vw)}.history-wave--bottom{bottom:-8%;left:-11%;transform:rotate(7deg) scaleX(-1);width:min(920px,62vw)}.history-stone--left{left:2.2%;top:11%;width:84px}.history-stone--right{bottom:7%;right:3%;width:120px}@media (max-width:1180px){.history-shell{grid-template-columns:1fr;min-height:auto}.history-aside{order:1}.history-board{min-height:620px;order:2}.history-character-card{min-height:260px}.history-character{width:220px}}@media (max-width:760px){.history-stage{padding:18px 14px 24px}.history-aside,.history-board,.history-empty-card,.history-record-card{border-radius:24px}.history-aside,.history-board{padding:18px}.history-record-grid,.history-summary-grid{grid-template-columns:1fr}.history-record-headline,.history-record-top{flex-direction:column}.history-record-order{font-size:28px}.history-record-original{font-size:24px}.history-character{bottom:auto;left:auto;margin-top:10px;position:relative;width:170px}.history-character-bubble{min-height:auto;width:100%}.history-character-bubble:after{display:none}.history-wave--top{right:-34vw;width:110vw}.history-wave--bottom{left:-42vw;width:120vw}.history-stone--left,.history-stone--right{width:72px}}.journey-page{--journey-fixed-header-height:clamp(78px,8vw,108px);background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;min-height:100vh;overflow-x:hidden;width:100%}.journey-panel{height:100vh;overflow:hidden;position:relative;width:100%}.hero-panel .hero-section{height:100%;width:100%}.second-panel{background:#0000;height:calc(100vh + clamp(180px, 28vh, 320px));overflow:visible}.second-panel-sticky{align-items:center;display:flex;height:calc(100vh - var(--journey-fixed-header-height));justify-content:center;position:sticky;top:var(--journey-fixed-header-height)}.second-panel-frame{box-sizing:border-box;height:100%;padding:calc((100vh - var(--journey-fixed-header-height))*.096) 3.6vw;width:100%}.second-panel-image{-webkit-user-drag:none;display:block;height:100%;object-fit:contain;opacity:.6;pointer-events:none;transition:opacity 3s linear;-webkit-user-select:none;user-select:none;width:100%}.second-panel.is-revealed .second-panel-image{opacity:1}.map-panel{align-items:flex-start;background:#0000;min-height:100vh;overflow:visible;position:relative}.map-panel,.map-panel-inner{display:flex;height:auto;justify-content:center;width:100%}.map-panel-inner{box-sizing:border-box;min-height:100%;padding-bottom:clamp(12px,2.2vh,28px);padding-top:clamp(12px,2.2vh,28px)}@media (prefers-reduced-motion:reduce){.journey-page{scroll-behavior:auto}}@media (max-width:768px){.journey-page{--journey-fixed-header-height:74px}.map-panel-inner{padding-bottom:20px;padding-top:16px}}.festival-section{--festival-side-gutter:5%;--festival-text:#1d1c1e;--festival-muted:#1d1c1eb8;--festival-panel:#595959;--festival-panel-label:#b3b3b3;--festival-card:#f0f0f0;--festival-card-shadow:0 20px 30px #0f0f0f3d,0 42px 60px #0f0f0f29;margin-top:clamp(40px,5vw,88px);overflow:visible;padding:clamp(72px,8vw,112px) 0 clamp(62px,9vw,104px);position:relative;width:100%}.festival-section-inner{box-sizing:border-box;margin:0 auto;padding-inline:var(--festival-side-gutter);position:relative;width:100%;z-index:1}.festival-copy-block{margin:0 0 clamp(42px,5vw,60px);max-width:none;opacity:0;padding-inline:clamp(6px,.8vw,14px);position:relative;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;width:100%;z-index:3}.festival-section.is-visible .festival-copy-block{opacity:1;transform:translateY(0)}.festival-title{color:var(--festival-text);font-size:clamp(34px,4vw,45px);font-weight:500;line-height:1.2;margin:0}.festival-description,.festival-title{font-family:Noto Sans KR,sans-serif;letter-spacing:-.04em}.festival-description{color:var(--festival-muted);font-size:clamp(20px,2.5vw,35px);font-weight:400;line-height:1.28;margin:clamp(14px,2vw,22px) 0 0}.festival-showcase{background:var(--festival-panel);border-radius:38px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:none;min-height:clamp(700px,48vw,790px);overflow:visible;padding:clamp(58px,5vw,76px) clamp(28px,3.4vw,54px);position:relative;width:100%;z-index:1}.festival-showcase:before{background:linear-gradient(180deg,#ffffff0f,#fff0);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.festival-showcase-label{color:var(--festival-panel-label);font-family:Noto Sans KR,sans-serif;font-size:clamp(42px,3.7vw,54px);font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:0 0 clamp(12px,1.8vw,24px);padding-inline:clamp(8px,1vw,18px);position:relative;transform:translateY(clamp(-54px,-4vw,-72px));z-index:1}.festival-card-grid{grid-gap:clamp(24px,2vw,36px);display:grid;gap:clamp(24px,2vw,36px);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;position:relative;z-index:1}.festival-card-item{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(.18s + var(--festival-card-order)*90ms)}.festival-section.is-visible .festival-card-item{opacity:1;transform:translateY(0)}.festival-card{gap:34px}.festival-card,.festival-card-link{align-items:center;display:flex;flex-direction:column}.festival-card-link{color:inherit;gap:inherit;text-decoration:none;width:100%}.festival-card-link:focus-visible{border-radius:28px;outline:2px solid #f8f4ece6;outline-offset:6px}.festival-card-media{aspect-ratio:1/1;background:radial-gradient(circle at 35% 30%,#ffffffeb,#e8e8e8eb 52%,#cdcdcdf0);border-radius:999px;box-shadow:var(--festival-card-shadow);overflow:hidden;position:relative;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease;width:min(100%,280px)}.festival-card:focus-within .festival-card-media,.festival-card:hover .festival-card-media{box-shadow:0 30px 44px #0f0f0f4d,0 56px 72px #0f0f0f38;transform:translateY(-10px) scale(1.18)}.festival-card-image,.festival-card-placeholder{border-radius:inherit;height:100%;width:100%}.festival-card-image{display:block;object-fit:cover;transition:transform .32s cubic-bezier(.22,1,.36,1),filter .32s ease}.festival-card:focus-within .festival-card-image,.festival-card:hover .festival-card-image{filter:saturate(1.08) contrast(1.04);transform:scale(1.26)}.festival-card-placeholder{background:radial-gradient(circle at 28% 24%,#ffffffd9,#e4e4e4d6 48%,#cdcdcdeb);position:relative}.festival-card-placeholder:before{border:2px dashed #73737338;border-radius:inherit;content:"";inset:17%;position:absolute}.festival-card-title{align-items:flex-start;color:#fff;display:flex;font-family:Noto Sans KR,sans-serif;font-size:clamp(19px,1.55vw,22px);font-weight:500;justify-content:center;letter-spacing:-.04em;line-height:1.25;margin:0;min-height:72px;text-align:center}.festival-decorations{inset:0;pointer-events:none;position:absolute}.festival-decorations--background{z-index:0}.festival-decorations--foreground{z-index:2}.festival-decoration{-webkit-user-drag:none;display:block;filter:blur(7px);opacity:0;position:absolute;transform:translate3d(0,26px,0) scale(.92);transition:opacity .68s ease,transform .68s cubic-bezier(.22,1,.36,1),filter .68s ease;transition-delay:calc(var(--festival-order)*.11s);-webkit-user-select:none;user-select:none}.festival-section.is-visible .festival-decoration{filter:blur(0);opacity:1}.festival-decoration--line{left:0;top:clamp(22px,2.8vw,38px);transform:translate3d(-18px,0,0);width:clamp(158px,18vw,226px)}.festival-section.is-visible .festival-decoration--line{transform:translateZ(0)}.festival-decoration--bloom-right{filter:blur(10px);left:clamp(-26px,-1.6vw,-8px);opacity:0;top:clamp(18px,1.6vw,28px);transform:translate3d(-28px,20px,0) scale(.94);width:clamp(260px,31vw,468px)}.festival-section.is-visible .festival-decoration--bloom-right{filter:blur(0);transform:translateZ(0) scale(1)}.festival-decoration--cloud{left:auto;right:clamp(330px,24vw,470px);top:clamp(14px,1.4vw,24px);transform:translate3d(0,-14px,0) scale(.9);width:clamp(140px,15vw,220px)}.festival-section.is-visible .festival-decoration--cloud{transform:translateZ(0) scale(1)}.festival-decoration--birds{right:clamp(-12px,0vw,14px);top:clamp(-6px,0vw,8px);transform:translate3d(24px,-20px,0) scale(.92);width:clamp(290px,31vw,466px)}.festival-section.is-visible .festival-decoration--birds{transform:translateZ(0) scale(1)}.festival-decoration--star-small{right:clamp(218px,16vw,302px);top:clamp(132px,11vw,164px);transform:translate3d(0,-16px,0) rotate(-18deg) scale(.86);width:clamp(30px,3vw,45px)}.festival-section.is-visible .festival-decoration--star-small{transform:translateZ(0) rotate(0deg) scale(1)}.festival-decoration--star-large{right:clamp(8px,1.8vw,34px);top:clamp(-4px,0vw,14px);transform:translate3d(0,-18px,0) rotate(16deg) scale(.88);width:clamp(52px,6vw,83px)}.festival-section.is-visible .festival-decoration--star-large{transform:translateZ(0) rotate(0deg) scale(1)}.festival-decoration--flower-bottom{bottom:clamp(44px,5vw,66px);left:50%;transform:translate3d(-50%,20px,0) scale(.9);width:clamp(86px,8vw,115px)}.festival-section.is-visible .festival-decoration--flower-bottom{transform:translate3d(-50%,0,0) scale(1)}.festival-decoration--leaf-bottom{bottom:clamp(58px,5vw,78px);right:max(28px,calc(50% - 648px));transform:translate3d(14px,16px,0) rotate(10deg) scale(.9);width:clamp(54px,5vw,76px)}.festival-section.is-visible .festival-decoration--leaf-bottom{transform:translateZ(0) rotate(0deg) scale(1)}@media (max-width:1180px){.festival-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.festival-card-media{width:min(100%,248px)}}@media (max-width:768px){.festival-section{margin-top:28px;padding-bottom:72px;padding-top:56px}.festival-section-inner{padding-inline:var(--festival-side-gutter)}.festival-copy-block{margin-bottom:28px;padding-inline:2px}.festival-description br{display:none}.festival-showcase{border-radius:26px;display:block;min-height:auto;padding:36px 18px 32px}.festival-showcase-label{font-size:34px;margin-bottom:12px;padding-inline:2px;transform:translateY(-28px)}.festival-card-grid{gap:20px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.festival-card{gap:22px}.festival-card-title{font-size:18px;min-height:58px}.festival-card-media{width:min(100%,236px)}.festival-decoration--bloom-right{left:-18px;top:28px;width:220px}.festival-decoration--line{left:-6px;width:156px}.festival-decoration--cloud{left:auto;right:104px;top:18px;width:132px}.festival-section.is-visible .festival-decoration--cloud{transform:translateZ(0) scale(1)}.festival-decoration--birds{right:-46px;top:4px;width:292px}.festival-decoration--star-small{right:92px;top:120px;width:28px}.festival-decoration--star-large{right:8px;top:12px;width:52px}.festival-decoration--flower-bottom{bottom:72px;width:92px}.festival-decoration--leaf-bottom{bottom:108px;right:14px;width:58px}}@media (max-width:520px){.festival-card-grid{grid-template-columns:1fr}.festival-card-media{width:min(100%,220px)}.festival-decoration--cloud{display:none}.festival-decoration--birds{right:-58px;width:220px}}@media (prefers-reduced-motion:reduce){.festival-card-image,.festival-card-item,.festival-card-media,.festival-copy-block,.festival-decoration{transition:none}.festival-card-item,.festival-copy-block,.festival-decoration{filter:none;opacity:1;transform:none}}.map-section{align-items:flex-start;background:#0000;display:flex;height:auto;justify-content:center;min-height:0;overflow:visible;position:relative;width:100%}.map-nav-button{background:#faf6edf0;border:1px solid #1f1f1c24;border-radius:999px;box-shadow:0 16px 24px #1b150d1a;color:#171713;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,2.6vw,40px);height:clamp(44px,4vw,64px);line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:clamp(44px,4vw,64px);z-index:3}.map-nav-button:hover{background:#fffcf4fa;box-shadow:0 18px 28px #1b150d24;transform:translateY(-50%) scale(1.04)}.map-nav-button:focus-visible{outline:2px solid #2a4071cc;outline-offset:4px}.map-nav-button--prev{left:clamp(8px,1.8vw,24px)}.map-nav-button--next{right:clamp(8px,1.8vw,24px)}.map-stage-shell{align-items:flex-start;box-sizing:border-box;display:flex;height:auto;justify-content:center;padding-inline:5%;width:100%}.map-stage{aspect-ratio:4804/11392;background:#0000;height:auto;margin:0 auto;overflow:visible;position:relative;width:100%}.map-page-indicator{align-items:center;background:#f8f4ece6;border:1px solid #1f1f1c1f;border-radius:999px;color:#1f1f1cb3;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:34px;justify-content:center;min-width:74px;padding:0 14px;position:absolute;right:clamp(10px,1.6vw,22px);top:clamp(10px,1.3vw,18px);z-index:2}.map-wave-image{-webkit-user-drag:none;display:block;height:100%;object-fit:contain;object-position:center center;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.map-step-list,.map-wave-image{inset:0;pointer-events:none;position:absolute}.map-step-list{z-index:2}.map-step-marker{align-items:center;aspect-ratio:1/1;background:#0000;border:0;cursor:pointer;display:flex;justify-content:center;left:var(--x);margin:0;padding:0;pointer-events:auto;position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:transform .22s ease;width:clamp(42px,8.8%,84px)}.map-step-marker:before{background:#0000;border-radius:999px;box-shadow:none;content:"";inset:12%;position:absolute;transition:background .18s ease,box-shadow .18s ease;z-index:0}.map-step-marker.is-solved:before{background:radial-gradient(circle at 30% 30%,#b5dca9f2,#6c9f70e0);box-shadow:0 8px 18px #496e4a47,inset 0 1px 0 #ffffffb8}.map-step-marker.is-current:before{background:radial-gradient(circle at 30% 30%,#ffedb5f5,#d5ad52e6);box-shadow:0 8px 18px #7a591d3d,inset 0 1px 0 #ffffffb8}.map-step-icon{display:block;height:100%;inset:0;object-fit:contain;pointer-events:none;position:absolute;transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;width:100%;z-index:1}.map-step-icon--default{opacity:1;transform:scale(1)}.map-step-icon--hover{opacity:0;transform:scale(.9)}.map-step-solved-badge{background:#1c4d2eeb;border-radius:999px;box-shadow:0 8px 16px #1c4d2e33;color:#fff;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(9px,.72vw,11px);font-weight:800;height:22px;letter-spacing:-.04em;min-width:22px;padding:0 6px;position:absolute;right:-6%;top:-8%;z-index:3}.map-step-label,.map-step-solved-badge{align-items:center;justify-content:center}.map-step-label{font-feature-settings:"tnum";color:#11110f;display:flex;font-family:NanumGothic,Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:clamp(14px,1.55vw,24px);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.06em;line-height:1;max-width:78%;pointer-events:none;position:relative;text-align:center;text-shadow:0 1px 0 #ffffffbf,0 -1px 0 #ffffffa6,1px 0 0 #ffffffa6,-1px 0 0 #ffffffa6,0 2px 4px #00000029;white-space:nowrap;z-index:2}.map-step-marker.is-solved .map-step-label{color:#14311d;text-shadow:0 1px 0 #ffffffd1,0 2px 6px #203d202e}.map-step-marker.is-current .map-step-label{color:#5b3e10}.map-step-label.is-two-digits{font-size:clamp(12px,1.35vw,20px);letter-spacing:-.08em}.map-step-label.is-three-digits{font-size:clamp(10px,1.05vw,16px);letter-spacing:-.1em}.map-step-marker:hover{transform:translate(-50%,-50%) scale(1.06)}.map-step-marker:focus-visible .map-step-icon--default,.map-step-marker:hover .map-step-icon--default{opacity:0;transform:scale(.92)}.map-step-marker:focus-visible .map-step-icon--hover,.map-step-marker:hover .map-step-icon--hover{opacity:1;transform:scale(1)}.map-step-marker:focus-visible{border-radius:999px;outline:2px solid #2a4071cc;outline-offset:4px}@media (max-width:768px){.map-nav-button{font-size:28px;height:42px;width:42px}.map-nav-button--prev{left:2px}.map-nav-button--next{right:2px}.map-stage-shell{padding-inline:5%}.map-page-indicator{font-size:12px;height:30px;min-width:66px;padding:0 12px;right:8px;top:8px}.map-step-solved-badge{font-size:8px;height:18px;min-width:18px;padding:0 5px}.map-step-label{font-size:clamp(12px,3.5vw,18px)}}.tour-section{--tour-side-gutter:5%;--tour-text:#1d1c1e;--tour-muted:#1d1c1eb8;--tour-card-surface:#d9d9d9;--tour-card-border:#939393;--tour-card-shadow:0 22px 32px #0e0e0e2e,0 42px 76px #0e0e0e14;margin-top:clamp(42px,6vw,98px);overflow:visible;padding:clamp(86px,10vw,128px) 0 clamp(80px,10vw,122px);position:relative;width:100%}.tour-section-inner{box-sizing:border-box;margin:0 auto;max-width:1440px;padding-inline:var(--tour-side-gutter);position:relative;width:100%;z-index:1}.tour-copy-block{margin:0 auto;max-width:min(100%,860px);opacity:1;position:relative;text-align:center;transform:translateY(0);transition:opacity .8s ease,transform .8s ease;width:fit-content;z-index:2}.tour-section:not(.is-visible) .tour-copy-block{opacity:0;transform:translateY(24px)}.tour-title{color:var(--tour-text);font-size:clamp(34px,4.6vw,55px);font-weight:500;line-height:1.2;margin:0}.tour-description,.tour-title{font-family:Noto Sans KR,sans-serif;letter-spacing:-.04em}.tour-description{color:var(--tour-muted);font-size:clamp(20px,2.9vw,35px);font-weight:400;line-height:1.28;margin:clamp(12px,1.5vw,18px) 0 0}.tour-showcase{margin-top:clamp(42px,4.4vw,58px);padding-top:clamp(20px,2vw,34px);position:relative;z-index:1}.tour-card-fan{align-items:flex-end;display:flex;justify-content:center;list-style:none;margin:0;min-height:clamp(470px,43vw,590px);padding:0;perspective:1800px;position:relative}.tour-card-item{--tour-card-enter-transform:translateZ(0);--tour-card-rest-transform:translateZ(0);--tour-card-delay:0ms;filter:blur(0);flex:0 0 auto;margin-inline:clamp(-32px,-2.3vw,-16px);opacity:1;position:relative;transform:var(--tour-card-rest-transform);transform-origin:center bottom;transition:opacity .62s ease,transform 1.02s cubic-bezier(.22,1,.36,1),filter .62s ease;transition-delay:var(--tour-card-delay);width:clamp(290px,22vw,372px)}.tour-section:not(.is-visible) .tour-card-item{filter:blur(4px);opacity:0;transform:var(--tour-card-enter-transform)}.tour-card-item--left{--tour-card-enter-transform:translate3d(clamp(228px,19vw,320px),78px,0) rotate(6deg) scale(0.72);--tour-card-rest-transform:translate3d(0,12px,0) rotate(-7.37deg) scale(1.02);--tour-card-delay:140ms;z-index:1}.tour-card-item--center{--tour-card-enter-transform:translate3d(0,56px,0) rotate(0deg) scale(0.78);--tour-card-rest-transform:translate3d(0,-10px,0) rotate(0deg) scale(1.1);--tour-card-delay:0ms;margin-inline:clamp(-40px,-2.8vw,-24px);width:clamp(330px,25vw,432px);z-index:3}.tour-card-item--right{--tour-card-enter-transform:translate3d(clamp(-228px,-19vw,-320px),78px,0) rotate(-6deg) scale(0.72);--tour-card-rest-transform:translate3d(0,12px,0) rotate(7.33deg) scale(1.02);--tour-card-delay:240ms;z-index:1}.tour-card{align-items:center;background:var(--tour-card-surface);border:2px solid var(--tour-card-border);border-radius:30px;box-shadow:var(--tour-card-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(20px,1.9vw,28px);padding:clamp(28px,2.5vw,38px) clamp(22px,2vw,32px) clamp(28px,2.2vw,34px);position:relative;transform:translateZ(0);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;width:100%;will-change:transform,box-shadow}.tour-card-item.is-hovered,.tour-card-item:focus-within,.tour-card-item:hover{z-index:6}.tour-card-item.is-hovered .tour-card,.tour-card-item:focus-within .tour-card,.tour-card-item:hover .tour-card{border-color:#7d7b78;box-shadow:0 32px 42px #0e0e0e33,0 54px 82px #0e0e0e24;transform:translate3d(0,-24px,0)}.tour-card-item--center.is-hovered .tour-card,.tour-card-item--center:focus-within .tour-card,.tour-card-item--center:hover .tour-card{transform:translate3d(0,-30px,0)}.tour-card-media{background:linear-gradient(135deg,#ffffffa6,#ecececeb),var(--tour-card-surface);border-radius:30px;box-shadow:inset 0 1px 0 #fff9;overflow:hidden;width:100%}.tour-card-item--center .tour-card-media{aspect-ratio:240/195;width:calc(100% - clamp(34px, 2.1vw, 44px))}.tour-card-item--left .tour-card-media,.tour-card-item--right .tour-card-media{aspect-ratio:255.73/227.06;width:calc(100% - clamp(12px, 1vw, 18px))}.tour-card-image{display:block;height:100%;object-fit:cover;transition:filter .24s ease;width:100%}.tour-card-item.is-hovered .tour-card-image,.tour-card-item:focus-within .tour-card-image,.tour-card-item:hover .tour-card-image{filter:saturate(1.03) contrast(1.02)}.tour-card-title{align-items:center;color:#1d1c1ec7;display:flex;font-family:Noto Sans KR,sans-serif;font-size:clamp(30px,3.2vw,44px);font-weight:500;justify-content:center;letter-spacing:-.04em;line-height:1.2;margin:0;min-height:clamp(56px,5.5vw,76px);text-align:center}.tour-decorations{inset:0;pointer-events:none;position:absolute;z-index:0}.tour-decoration{--tour-decoration-enter-transform:translateZ(0);--tour-decoration-rest-transform:translateZ(0);--tour-decoration-delay:0ms;-webkit-user-drag:none;display:block;filter:blur(0);opacity:1;position:absolute;transform:var(--tour-decoration-rest-transform);transition:opacity .82s ease,transform 1.08s cubic-bezier(.22,1,.36,1),filter .82s ease;transition-delay:var(--tour-decoration-delay);-webkit-user-select:none;user-select:none;will-change:transform,opacity,filter}.tour-section:not(.is-visible) .tour-decoration{filter:blur(8px);opacity:0;transform:var(--tour-decoration-enter-transform)}.tour-decoration--moon{--tour-decoration-enter-transform:translate3d(-180px,-28px,0) scale(0.8);--tour-decoration-rest-transform:translateZ(0) scale(1);--tour-decoration-delay:0ms;left:max(6px,calc(50% - 660px));top:clamp(24px,1.8vw,34px);width:clamp(100px,10.4vw,138px)}.tour-decoration--cloud-left{--tour-decoration-enter-transform:translate3d(-240px,22px,0) rotate(-5deg) scale(0.82);--tour-decoration-rest-transform:translateZ(0) rotate(0deg) scale(1);--tour-decoration-delay:120ms;left:max(18px,calc(50% - 648px));top:clamp(130px,12vw,176px);width:clamp(170px,19vw,265px)}.tour-decoration--cloud-small{--tour-decoration-enter-transform:translate3d(-150px,10px,0) rotate(-4deg) scale(0.84);--tour-decoration-rest-transform:translateZ(0) rotate(0deg) scale(1);--tour-decoration-delay:220ms;left:calc(50% - clamp(264px, 22vw, 334px));top:clamp(118px,10vw,150px);width:clamp(98px,10vw,143px)}.tour-decoration--cloud-right{--tour-decoration-enter-transform:translate3d(280px,18px,0) rotate(5deg) scale(0.84);--tour-decoration-rest-transform:translateZ(0) rotate(0deg) scale(1);--tour-decoration-delay:320ms;right:max(0px,calc(50% - 664px));top:clamp(26px,1.6vw,40px);width:clamp(260px,38vw,547px)}@media (max-width:1180px){.tour-card-item{margin-inline:clamp(-22px,-2vw,-12px);width:clamp(250px,27vw,314px)}.tour-card-item--center{margin-inline:clamp(-28px,-2.4vw,-16px);width:clamp(286px,30vw,360px)}.tour-card-item--left{--tour-card-enter-transform:translate3d(clamp(170px,15vw,236px),58px,0) rotate(6deg) scale(0.76);--tour-card-rest-transform:translate3d(0,10px,0) rotate(-7deg) scale(1.01)}.tour-card-item--center{--tour-card-enter-transform:translate3d(0,46px,0) rotate(0deg) scale(0.82);--tour-card-rest-transform:translate3d(0,-8px,0) rotate(0deg) scale(1.08)}.tour-card-item--right{--tour-card-enter-transform:translate3d(clamp(-170px,-15vw,-236px),58px,0) rotate(-6deg) scale(0.76);--tour-card-rest-transform:translate3d(0,10px,0) rotate(7deg) scale(1.01)}.tour-decoration--cloud-right{width:clamp(228px,33vw,440px)}}@media (max-width:768px){.tour-section{margin-top:28px;padding-bottom:74px;padding-top:70px}.tour-copy-block{max-width:100%;padding-inline:10px}.tour-showcase{margin-top:36px;padding-top:28px}.tour-card-fan{min-height:clamp(350px,78vw,450px)}.tour-card-item{margin-inline:-16px;width:min(36vw,236px)}.tour-card-item--center{margin-inline:-20px;width:min(41vw,280px)}.tour-card-item--left{--tour-card-enter-transform:translate3d(clamp(118px,24vw,156px),42px,0) rotate(5deg) scale(0.8);--tour-card-rest-transform:translate3d(0,8px,0) rotate(-6.4deg) scale(1)}.tour-card-item--center{--tour-card-enter-transform:translate3d(0,34px,0) rotate(0deg) scale(0.84);--tour-card-rest-transform:translate3d(0,-8px,0) rotate(0deg) scale(1.08)}.tour-card-item--right{--tour-card-enter-transform:translate3d(clamp(-118px,-24vw,-156px),42px,0) rotate(-5deg) scale(0.8);--tour-card-rest-transform:translate3d(0,8px,0) rotate(6.4deg) scale(1)}.tour-card{border-radius:24px;gap:16px;padding:18px 16px 20px}.tour-card-item--center .tour-card-media,.tour-card-item--left .tour-card-media,.tour-card-item--right .tour-card-media,.tour-card-media{border-radius:22px;width:100%}.tour-card-title{font-size:clamp(22px,4.8vw,30px);min-height:52px}.tour-card-item.is-hovered .tour-card,.tour-card-item:focus-within .tour-card,.tour-card-item:hover .tour-card{transform:translate3d(0,-18px,0)}.tour-card-item--center.is-hovered .tour-card,.tour-card-item--center:focus-within .tour-card,.tour-card-item--center:hover .tour-card{transform:translate3d(0,-24px,0)}.tour-decoration--moon{--tour-decoration-enter-transform:translate3d(-120px,-20px,0) scale(0.82);left:2px;top:32px;width:92px}.tour-decoration--cloud-left{--tour-decoration-enter-transform:translate3d(-140px,18px,0) rotate(-4deg) scale(0.86);left:-2px;top:132px;width:168px}.tour-decoration--cloud-small{--tour-decoration-enter-transform:translate3d(-92px,8px,0) rotate(-4deg) scale(0.88);left:102px;top:124px;width:90px}.tour-decoration--cloud-right{--tour-decoration-enter-transform:translate3d(170px,16px,0) rotate(4deg) scale(0.86);right:-62px;top:38px;width:288px}}@media (max-width:520px){.tour-card-item{margin-inline:-12px;width:min(36vw,170px)}.tour-card-item--center{margin-inline:-16px;width:min(42vw,208px)}.tour-card-fan{min-height:286px}.tour-card-item--left{--tour-card-enter-transform:translate3d(94px,34px,0) rotate(4deg) scale(0.82);--tour-card-rest-transform:translate3d(0,8px,0) rotate(-5.2deg) scale(0.98)}.tour-card-item--center{--tour-card-enter-transform:translate3d(0,28px,0) rotate(0deg) scale(0.88);--tour-card-rest-transform:translate3d(0,-6px,0) rotate(0deg) scale(1.04)}.tour-card-item--right{--tour-card-enter-transform:translate3d(-94px,34px,0) rotate(-4deg) scale(0.82);--tour-card-rest-transform:translate3d(0,8px,0) rotate(5.2deg) scale(0.98)}.tour-decoration--cloud-small{display:none}.tour-decoration--cloud-right{right:-80px;width:240px}}@media (prefers-reduced-motion:reduce){.tour-card,.tour-card-image,.tour-card-item,.tour-copy-block,.tour-decoration{transition:none}}.problem-page{--problem-stage-inline-padding:5vw;--problem-stage-block-padding:clamp(18px,3vh,32px);background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:hidden}.problem-logo-bar{flex:0 0 clamp(72px,6.4vw,108px);height:clamp(72px,6.4vw,108px);position:relative;width:100%}.problem-logo-bar .hero-top-bar--compact .hero-logo,.problem-logo-bar .hero-top-bar--compact .hero-logo-button{top:calc(50% + 6px)}.problem-stage{box-sizing:border-box;flex:1 1 auto;gap:clamp(10px,1.8vh,18px);min-height:0;overflow:hidden;padding:var(--problem-stage-block-padding) var(--problem-stage-inline-padding)}.problem-copy-block,.problem-stage{display:flex;flex-direction:column;position:relative}.problem-copy-block{align-items:center;flex:0 0 auto;gap:10px;margin-bottom:clamp(-34px,-4.4vh,-68px);transform:translateY(clamp(20px,3vh,44px));width:100%;z-index:3}.problem-step-chip{align-items:center;background:#f7f5eeb8;border:1px solid #1f1f1c2e;border-radius:999px;box-shadow:0 10px 18px #1f1f1c14;color:#1f1f1cb8;display:inline-flex;font-size:clamp(15px,1.1vw,18px);font-weight:800;height:clamp(40px,3.5vw,48px);justify-content:center;min-width:clamp(104px,8.6vw,138px);padding:0 20px}.problem-heading,.problem-step-chip{font-family:Pretendard,Noto Sans KR,sans-serif}.problem-heading{color:#11110f;font-size:clamp(26px,3.5vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:0;max-width:min(100%,820px);text-align:center;width:100%}.problem-scene{grid-gap:clamp(18px,4vw,48px);align-items:end;display:grid;flex:0 0 auto;gap:clamp(18px,4vw,48px);grid-template-columns:minmax(200px,270px) minmax(360px,1fr);margin:0 auto;padding-top:clamp(28px,4.6vh,64px);position:relative;width:100%;z-index:1}.problem-scene.is-arrange-phase{align-items:center;margin-bottom:0}.problem-character-column{align-items:flex-end;display:flex;justify-content:center}.problem-character{display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.14));height:auto;pointer-events:none;transform-origin:center bottom;transition:transform .26s ease,filter .26s ease,opacity .26s ease;-webkit-user-select:none;user-select:none;width:min(100%,252px)}.problem-character.is-uncorrect{filter:drop-shadow(0 14px 20px rgba(0,0,0,.18));transform:translateY(-4px) scale(1.02)}.problem-character.is-angry{filter:drop-shadow(0 16px 24px rgba(0,0,0,.2));transform:translateY(-6px) scale(1.035)}.problem-character.is-relax{filter:drop-shadow(0 12px 18px rgba(0,0,0,.14));transform:translateY(-2px) scale(1.015)}.problem-dialogue-stack{align-items:flex-start;display:flex;flex-direction:column;gap:14px;padding-bottom:0;width:100%}.problem-dialogue-stack--single{justify-content:center;padding-bottom:0}.problem-dialogue-bubble{align-items:center;background:radial-gradient(circle at 18% 18%,#ffffffb8 0,#fff0 34%),radial-gradient(circle at 78% 28%,#9277530f 0,#92775300 28%),linear-gradient(180deg,#fffcf6fa,#f4ecdbf2);border:1px solid #4a3d2a1a;border-radius:22px;box-shadow:0 14px 26px #221b1114,inset 0 1px 0 #ffffffc7;display:flex;min-height:88px;overflow:hidden;padding:20px 24px;position:relative;transition:opacity .24s ease,transform .24s ease;width:fit-content}.problem-dialogue-bubble--1{max-width:none;width:fit-content}.problem-dialogue-bubble--1:before{background:inherit;border-bottom:1px solid #4a3d2a1a;border-left:1px solid #4a3d2a1a;bottom:28px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:28px;left:-22px;position:absolute;width:28px}.problem-dialogue-bubble--2{margin-left:clamp(12px,1.6vw,24px);max-width:none;width:fit-content}.problem-dialogue-bubble--3{margin-left:clamp(24px,3vw,48px);max-width:none;width:fit-content}.problem-dialogue-bubble--arrange{max-width:none;min-height:92px;width:fit-content}.problem-dialogue-bubble--typing{min-height:104px}.problem-dialogue-bubble--arrange:before{background:inherit;border-bottom:1px solid #4a3d2a1a;border-left:1px solid #4a3d2a1a;bottom:28px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:28px;left:-22px;position:absolute;width:28px}.problem-dialogue-bubble--arrange.is-warning{background:radial-gradient(circle at 20% 18%,#ffffffa6 0,#fff0 34%),linear-gradient(180deg,#f8efe9fa,#f0e2d9f2);border-color:#915c4324}.problem-dialogue-bubble--arrange.is-positive{background:radial-gradient(circle at 20% 18%,#ffffffa6 0,#fff0 34%),linear-gradient(180deg,#f0f5ebfa,#e5eddef2);border-color:#5c794f24}.problem-dialogue-bubble.is-hidden{opacity:.34;transform:translateY(10px)}.problem-dialogue-bubble.is-visible{opacity:1;transform:translateY(0)}.problem-dialogue-text{color:#2a241c;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(16px,1.85vw,28px);font-weight:500;letter-spacing:-.045em;line-height:1.5;margin:0;white-space:nowrap}.problem-dialogue-bubble--1 .problem-dialogue-text{font-size:clamp(18px,2.3vw,34px);font-weight:600}.problem-dialogue-text--arrange{font-size:clamp(20px,2.25vw,32px);font-weight:600;line-height:1.45}.problem-dialogue-text--typing{white-space:nowrap}.problem-dialogue-cursor{animation:problem-dialogue-cursor-blink .9s steps(1) infinite;background:currentColor;display:inline-block;height:1em;margin-left:.08em;vertical-align:-.12em;width:.08em}.problem-arrange-panel{flex:0 0 auto;margin:0 auto;position:relative;width:100%;z-index:1}.problem-arrange-caption{color:#1f1f1cb8;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.2vw,18px);font-weight:500;letter-spacing:-.03em;line-height:1.45;margin:0 0 12px;text-align:left}.problem-arrange-sentence{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:0;width:100%}.problem-arrange-fill,.problem-arrange-fixed{color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(24px,2.8vw,42px);font-weight:500;letter-spacing:-.055em;line-height:1.2}.problem-arrange-fill{background:#ffffff24;border:1px dashed #1f1f1c52;border-radius:20px;min-height:92px;min-width:clamp(240px,30vw,480px);padding:12px 14px;text-align:left}.problem-arrange-fill--full{width:100%}.problem-arrange-fill.is-empty{color:#1f1f1c57}.problem-arrange-fill.has-content{color:#11110f}.problem-arrange-card-sequence{align-items:center;display:flex;flex-wrap:wrap;min-height:64px;width:100%}.problem-arrange-drop-slot{background:#0000;border:1px dashed #0000;border-radius:12px;flex:0 0 28px;min-height:50px;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.problem-arrange-drop-slot.is-active{background:#2a407114;border-color:#2a40715c;transform:scaleY(1.04)}.problem-arrange-drop-slot.is-empty{align-items:center;background:#ffffff29;border-color:#1f1f1c3d;display:flex;flex-basis:100%;justify-content:flex-start;min-height:66px;padding:0 18px}.problem-arrange-placeholder{color:#1f1f1c6b;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(18px,1.7vw,24px);font-weight:500;letter-spacing:-.04em;line-height:1.5}.problem-arrange-bank{align-content:flex-start;border-radius:18px;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:flex-start;margin:16px 0 0;padding:10px 0;transition:background-color .18s ease,box-shadow .18s ease;width:100%}.problem-arrange-bank.is-drop-active{background:#2a407112;box-shadow:inset 0 0 0 1px #2a407133}.problem-reset-button,.problem-word-button,.problem-word-card{background:#fff3;border:1px solid #1f1f1c42;border-radius:12px;color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(18px,1.45vw,24px);font-weight:500;height:48px;letter-spacing:-.045em;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.problem-word-button,.problem-word-card{border-radius:16px;cursor:grab;font-size:clamp(21px,1.7vw,28px);font-weight:600;height:60px;min-width:98px;min-width:clamp(132px,10vw,176px);padding:0 18px;padding:0 24px}.problem-word-card{background:#f8f5ebf0;box-shadow:0 8px 16px #1f1f1c14;position:relative}.problem-reset-button:hover:not(:disabled),.problem-word-button:hover:not(:disabled),.problem-word-card:hover{background:#ffffff4d;border-color:#1f1f1c6b;transform:translateY(-1px)}.problem-reset-button:disabled,.problem-word-button:disabled{cursor:not-allowed;opacity:.28;transform:none}.problem-word-card.is-dragging{cursor:grabbing;opacity:.54;transform:scale(.98)}.problem-arrange-bank-empty{background:#ffffff29;border:1px solid #1f1f1c24;border-radius:16px;color:#1f1f1cad;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.1vw,17px);font-weight:500;letter-spacing:-.03em;line-height:1.5;margin:0;padding:16px 18px;width:100%}.problem-arrange-actions{display:flex;justify-content:center;margin-top:12px}.problem-reset-button{cursor:pointer;min-width:120px;padding:0 18px}.problem-reset-button:focus-visible,.problem-word-button:focus-visible{outline:2px solid #2a4071b8;outline-offset:3px}.problem-typing-panel{flex:0 0 auto;margin:0 auto;position:relative;width:100%;z-index:1}.problem-notice-card{margin:0 auto;position:relative;width:min(100%,360px)}.problem-notice-card-image{display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.problem-notice-card-content{align-items:center;display:flex;flex-direction:column;gap:22px;inset:0;justify-content:center;padding:34px 34px 30px;position:absolute;text-align:center}.problem-notice-card-message{color:#fffbf4fa;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.05em;line-height:1.45;margin:0;text-shadow:0 10px 22px #0b14305c}.problem-notice-card-button{background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;box-shadow:0 10px 20px #0b14302e;color:#fffdf8;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;font-weight:700;height:44px;min-width:132px;padding:0 20px;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.problem-notice-card-button:hover{background:#ffffff38;box-shadow:0 14px 24px #0b143038;transform:translateY(-1px)}.problem-notice-card-button:focus-visible{outline:2px solid #ffffffdb;outline-offset:3px}.problem-typing-caption{color:#1f1f1cb8;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.15vw,18px);font-weight:500;letter-spacing:-.03em;line-height:1.45;margin:0 0 10px;text-align:center}.problem-typing-field{display:flex;flex-direction:column;gap:8px;margin:0 auto;width:min(100%,800px)}.problem-typing-label{color:#1f1f1cc7;font-size:15px;font-weight:700}.problem-typing-input,.problem-typing-label{font-family:Pretendard,Noto Sans KR,sans-serif}.problem-typing-input{background:#ffffff42;border:1px solid #1f1f1c3d;border-radius:18px;box-sizing:border-box;color:#11110f;font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.045em;line-height:1.55;min-height:128px;padding:16px 18px;resize:vertical;width:100%}.problem-typing-input::placeholder{color:#1f1f1c5c}.problem-typing-input:focus{border-color:#2a407173;box-shadow:0 0 0 4px #2a407114;outline:none}.problem-typing-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:10px auto 0;width:min(100%,800px)}.problem-typing-status{color:#1f1f1cad;flex:1 1;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.1vw,17px);font-weight:500;letter-spacing:-.03em;line-height:1.55;margin:0}.problem-typing-status.is-correct{color:#336330eb}.problem-reset-button--typing{flex:0 0 auto}.problem-reset-button--typing:focus-visible,.problem-typing-input:focus-visible{outline:2px solid #2a4071b8;outline-offset:3px}.problem-primary-action-bar{display:flex;justify-content:center;margin:auto auto 0;padding-top:14px;position:relative;width:100%;z-index:2}.problem-next-button{align-items:center;background:linear-gradient(180deg,#f6f1e3f5,#e9e0c9fa);border:1px solid #1f1f1c2e;border-radius:20px;box-shadow:0 14px 24px #3d321b24;color:#11110f;cursor:pointer;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(23px,2vw,30px);font-weight:700;justify-content:center;letter-spacing:-.05em;max-width:100%;min-height:74px;min-width:clamp(148px,15vw,220px);padding:0 36px;transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease;width:auto}.problem-next-button:hover:not(:disabled){background:linear-gradient(180deg,#faf5e8,#eee5cf);border-color:#1f1f1c47;box-shadow:0 18px 28px #3d321b29;transform:translateY(-2px)}.problem-next-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.52}.problem-next-button:focus-visible{outline:2px solid #2a4071b8;outline-offset:4px}.problem-stone{filter:drop-shadow(0 10px 18px rgba(0,0,0,.12));pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.problem-stone--top-right{right:clamp(24px,8vw,88px);top:clamp(86px,16vh,134px);width:clamp(46px,4vw,72px)}.problem-stone--mid-right{right:clamp(34px,7vw,96px);top:42%;width:clamp(44px,4vw,64px)}.problem-stone--bottom-left{bottom:clamp(78px,12vh,140px);left:clamp(10px,1.4vw,22px);width:clamp(68px,6vw,118px)}.problem-stone--bottom-right{bottom:clamp(8px,1.5vh,18px);right:clamp(12px,1.8vw,24px);width:clamp(84px,7vw,132px)}@keyframes problem-dialogue-cursor-blink{0%,48%{opacity:1}52%,to{opacity:0}}@media (max-width:1024px){.problem-scene{gap:18px;grid-template-columns:minmax(180px,220px) minmax(320px,1fr)}.problem-copy-block{margin-bottom:clamp(-28px,-4vh,-52px);transform:translateY(clamp(16px,2.6vh,30px))}.problem-scene.is-arrange-phase{gap:14px}.problem-dialogue-bubble{min-height:80px;padding:18px 20px}.problem-arrange-fill{min-width:clamp(220px,26vw,400px)}.problem-reset-button,.problem-word-button,.problem-word-card{font-size:18px;height:44px}.problem-word-button,.problem-word-card{border-radius:15px;font-size:20px;height:54px;min-width:124px;padding:0 20px}.problem-primary-action-bar{padding-top:12px}.problem-next-button{font-size:23px;min-height:66px;min-width:176px}}@media (max-width:768px){.problem-stage{gap:10px}.problem-copy-block{gap:6px;margin-bottom:0;transform:none}.problem-step-chip{font-size:13px;height:34px;min-width:84px}.problem-heading{font-size:24px}.problem-scene{gap:12px;grid-template-columns:1fr;padding-top:0}.problem-scene.is-arrange-phase{gap:10px}.problem-character-column{justify-content:flex-start;padding-left:14px}.problem-character{width:min(42vw,170px)}.problem-dialogue-stack{gap:10px}.problem-dialogue-bubble{border-radius:18px;min-height:0;padding:14px 16px 14px 18px}.problem-dialogue-bubble--1:before{bottom:22px;height:22px;left:-18px;width:22px}.problem-dialogue-bubble--1,.problem-dialogue-bubble--2,.problem-dialogue-bubble--3,.problem-dialogue-bubble--arrange,.problem-dialogue-bubble--typing{margin-left:0;max-width:none}.problem-dialogue-bubble--arrange:before{bottom:22px;height:22px;left:-18px;width:22px}.problem-dialogue-bubble--1 .problem-dialogue-text,.problem-dialogue-text,.problem-dialogue-text--arrange{font-size:16px;line-height:1.4}.problem-arrange-caption{font-size:13px;margin-bottom:10px}.problem-arrange-sentence{gap:8px;justify-content:flex-start}.problem-arrange-fill,.problem-arrange-fixed{font-size:22px}.problem-arrange-fill{border-radius:16px;min-height:82px;min-width:100%;padding:10px 12px}.problem-arrange-drop-slot{flex-basis:18px;min-height:42px}.problem-arrange-drop-slot.is-empty{min-height:58px;padding:0 12px}.problem-arrange-placeholder{font-size:16px}.problem-arrange-bank{gap:8px 10px;justify-content:flex-start;margin-top:12px}.problem-reset-button,.problem-word-button,.problem-word-card{border-radius:12px;font-size:16px;height:40px;min-width:90px;padding:0 14px}.problem-word-button,.problem-word-card{border-radius:14px;font-size:18px;height:48px;min-width:108px;padding:0 18px}.problem-arrange-actions{justify-content:flex-start;margin-top:10px}.problem-typing-caption{font-size:13px;margin-bottom:8px;text-align:left}.problem-notice-card-content{gap:18px;padding:26px 24px 24px}.problem-notice-card-message{font-size:20px}.problem-typing-field{gap:8px}.problem-typing-label{font-size:13px}.problem-typing-input{border-radius:16px;font-size:15px;line-height:1.5;min-height:104px;padding:12px 14px 14px}.problem-typing-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:8px}.problem-typing-status{font-size:13px}.problem-next-button{border-radius:18px;font-size:20px;min-height:58px;min-width:148px;padding:0 28px;width:auto}.problem-stone--top-right{right:18px;top:76px;width:48px}.problem-stone--mid-right{right:8px;top:41%;width:42px}.problem-stone--bottom-left{bottom:96px;left:4px;width:72px}.problem-stone--bottom-right{bottom:14px;right:4px;width:92px}}
/*# sourceMappingURL=main.8df57936.css.map*/