@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&display=swap";@font-face{font-family:Cafe24Anemone;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2)format("woff2");font-weight:900;font-display:swap}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;font-family:Cafe24Anemone,Noto Sans KR,Apple SD Gothic Neo,sans-serif}@font-face{font-family:DoctorGlitch;src:url(/assets/DOCTOR%20GLITCH-QFTud5oh.OTF)format("opentype");font-weight:400}@font-face{font-family:ChangwonDangamAsac;src:url(/assets/CHANGWONDANGAMASAC-BOLD-CDXvCJuM.TTF)format("truetype");font-weight:700}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-ALT-CBlsnZmA.TTF)format("truetype");font-weight:300}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-BRG-DTHNy1Vq.TTF)format("truetype");font-weight:400}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-CBD-41MKaxS7.TTF)format("truetype");font-weight:700}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-DEB-BfPTdX_q.TTF)format("truetype");font-weight:800}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-EHV-D8_FY71_.TTF)format("truetype");font-weight:900}*{box-sizing:border-box;margin:0;padding:0;font-family:NanumSquareNeo,sans-serif!important}html,body,#root,#tutorial-container{background:#000;width:100%;height:100%;overflow:hidden}#tutorial-container{position:relative}#tutorial-container.is-ui-hidden .ui-root,#tutorial-container.is-ui-hidden .white-layer-transition{opacity:0;pointer-events:none}.camera-skip-hotspot{z-index:50;cursor:default;appearance:none;background:0 0;border:0;width:min(22vw,160px);height:min(18vh,130px);padding:0;position:fixed;top:0;right:0}.intro-bgm-toggle{z-index:60;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0000006b;border:1px solid #ffffff8c;border-radius:999px;min-width:74px;height:34px;padding:0 12px;font-size:12px;font-weight:800;position:fixed;bottom:18px;right:18px}.intro-bgm-toggle:hover,.intro-bgm-toggle.is-playing{background:#63aaeae0}.layer-bg{z-index:1;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;overflow:hidden}.background-video{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.answer-bg-text{z-index:2;color:#ffffff4d;text-align:center;word-break:keep-all;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(86vw,1280px);font-size:clamp(52px,7vw,128px);font-style:normal;font-weight:700;line-height:112%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.question-background-image{z-index:3;object-fit:cover;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;width:60vw;animation:1.6s 1s both questionImageFadeIn;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes questionImageFadeIn{0%{opacity:0}to{opacity:.7}}.white-layer-transition{z-index:8;pointer-events:none;opacity:0;background:#ffffff85;transition:opacity .9s;position:fixed;inset:0}.white-layer-transition.show{opacity:1}.intro-screen{z-index:20;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.intro-overlay{z-index:3;opacity:0;background:radial-gradient(circle,#00000014 0%,#00000052 48%,#000000c7 100%);animation:1.1s ease-out .12s both introLayerFadeIn;position:absolute;inset:0}.intro-content{z-index:4;text-align:center;color:#fff;opacity:0;flex-direction:column;align-items:center;animation:.95s ease-out .28s both introContentFadeIn;display:flex;position:relative;transform:translateY(-2vh)}.intro-title{letter-spacing:.12em;color:#fff;text-shadow:none;margin-top:4vh;margin-bottom:33vh;font-size:clamp(60px,10vw,120px);font-weight:400;line-height:1;font-family:DoctorGlitch,ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.intro-subtitle{color:#ffffffe0;white-space:pre-line;word-break:keep-all;text-shadow:0 0 18px #000000b3;opacity:0;min-height:3.5em;font-size:clamp(16px,1.15vw,28px);font-weight:700;line-height:1.7;animation:.85s ease-out .48s both introTextFadeIn}.start-btn{color:#000;cursor:pointer;opacity:0;background:#fff;border:.12vw solid #fff9;border-radius:999px;width:15vw;min-width:180px;max-width:280px;height:clamp(76px,7vh,104px);margin-bottom:3vh;font-size:clamp(30px,1.15vw,50px);font-weight:800;transition:transform .25s,background .25s,color .25s,box-shadow .25s;animation:.85s ease-out .62s both introTextFadeIn;box-shadow:inset .45vw .6vw 1.4vw #ffffff73,0 1.2vh 3vh #00000040}.start-btn:hover{color:#fff;background:#9fd1fc;transform:translateY(-.4vh)scale(1.06);box-shadow:inset .45vw .6vw 1.4vw #ffffffb3,0 1.5vh 3.5vh #9fd1fc59}.start-btn:active{transform:scale(.98)}@keyframes introLayerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introContentFadeIn{0%{opacity:0;transform:translateY(-1vh)}to{opacity:1;transform:translateY(-2vh)}}@keyframes introTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bgSubtleMove{0%{transform:scale(1)}to{transform:scale(1.08)}}.ui-root{z-index:10;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6vh;display:flex;position:absolute;inset:0}.glass-bubble-card{z-index:5;-webkit-backdrop-filter:blur(2vw);background:#ffffffb3;border:.15vw solid #fff6;border-radius:5vw;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:28vh;padding:0 5vw;animation:.55s both pageSoftIn;display:flex;position:relative}.glass-bubble-card.step-9{z-index:13}.glass-bubble-card.step-12{z-index:12;width:min(86vw,980px);height:auto;min-height:28vh;padding:4vh 7vw;position:absolute;top:52vh;left:50%;transform:translate(-50%)}.glass-bubble-card.step-8{z-index:14;width:100vw;height:100vh;box-shadow:none;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.camera-step-layout{--camera-bar-height:max(12vh, 72px);pointer-events:none;position:absolute;inset:0}.camera-step-bottom-bar{z-index:1;height:var(--camera-bar-height);background:#fff06a;position:absolute;bottom:0;left:0;right:0}.camera-step-bubble-wrap{z-index:2;pointer-events:none;width:min(72vw,720px);position:absolute;top:73%;left:58%;transform:translate(-50%,-50%)}.camera-step-bubble-img{width:100%;height:auto;display:block}.camera-step-bubble-text{color:#111;text-align:center;word-break:keep-all;white-space:pre-line;font-size:clamp(18px,1.35vw,26px);font-weight:800;line-height:1.38;position:absolute;top:54%;left:9%;right:12%;transform:translateY(-50%)}.camera-step-button{left:50%;bottom:calc(var(--camera-bar-height) - 18px);z-index:3;cursor:pointer;pointer-events:auto;width:100px;height:100px;box-shadow:none;background:0 0;border:10px solid #fff06a;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,50%)}.camera-step-button img{object-fit:contain;width:100%;height:100%;display:block}.floating-layer,.character-layer{animation:.55s both pageSoftIn}@keyframes pageSoftIn{0%{opacity:0;translate:0 1.2vh}to{opacity:1;translate:0}}.glass-bubble-card.step-2{width:90vw;height:42vh;padding:5vh 5vw;position:absolute;top:10vh;left:50%;transform:translate(-50%)}.glass-bubble-card:is(.step-10,.step-11){width:90vw;height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;left:50%;transform:translate(-50%)}.glass-bubble-card.step-10{top:22vh}.name-layout{flex-direction:column;gap:2vh;width:100%;display:flex}.name-info-box,.name-input-box{border-radius:5vw;width:100%}.name-info-box{background:#fff;justify-content:center;align-items:center;min-height:24vh;padding:4vh 7vw;display:flex}.name-input-box{transform-origin:top;background:#ffffd2;flex-direction:column;justify-content:center;align-items:center;gap:4vh;min-height:24vh;padding:3.2vh 7vw;animation:.48s cubic-bezier(.2,1.45,.34,1) both nameInputPop;display:flex}@keyframes nameInputPop{0%{opacity:0;transform:translateY(-.8vh)scale(.94)}70%{opacity:1;transform:translateY(0)scale(1.025)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-bubble-card:is(.step-10,.step-11) .main-desc{color:#111;max-width:100%;font-size:1.22vw;font-weight:800}.glass-bubble-card.step-10 .main-desc{line-height:220%}.glass-bubble-card.step-10 .input-row{z-index:1;width:42vw;margin-top:0;position:static;transform:none}.glass-bubble-card.step-10 .input-row.show{transform:none}.glass-bubble-card.step-10 .q-label{color:#111;margin-bottom:4vh;font-size:1.2vw;font-weight:750}.glass-bubble-card.step-10 .input-row input{text-align:left;background:#fff;border-radius:1.1vw;width:40vw;margin-top:0;padding:1.6vh 1.4vw;font-size:1vw;box-shadow:inset 0 .3vh 1vh #0000002e}.glass-bubble-card:is(.step-10,.step-11) .action-row{margin-top:0;position:static;transform:none}.glass-bubble-card.step-10 .action-row{z-index:2}.glass-bubble-card.step-10 .action-row.show{transform:none}.glass-bubble-card.step-11{animation:.62s cubic-bezier(.2,1,.28,1) both nameResultRise;top:28vh}@keyframes nameResultRise{0%{opacity:0;transform:translate(-50%)translateY(9vh)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.name-result-layout{flex-direction:column;gap:2vh;width:100%;display:flex}.name-result-intro-box,.name-result-next-box{border-radius:5vw;width:100%}.name-result-intro-box{background:#ffffd2;justify-content:center;align-items:center;min-height:21vh;padding:3.2vh 7vw;display:flex}.name-result-next-box{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3vh;min-height:24vh;padding:3.6vh 7vw;animation:.48s cubic-bezier(.2,1.45,.34,1) both nameInputPop;display:flex}.glass-bubble-card.step-11 .main-desc{line-height:200%}.glass-bubble-card.step-11 .action-row.show{transform:none}.glass-bubble-card.step-15{justify-content:center;width:min(68vw,920px);height:auto;min-height:56vh;padding:4vh 5vw;position:absolute;top:8vh;left:50%;transform:translate(-50%)}.qr-layout{flex-direction:column;justify-content:center;align-items:center;gap:3vh;width:100%;min-height:auto;display:flex}.glass-bubble-card.step-15 .main-desc{color:#111;max-width:74vw;font-size:1.25vw;font-weight:800;line-height:190%}.qr-image{aspect-ratio:1;object-fit:contain;border-radius:2vw;width:min(24vw,34vh);box-shadow:0 1.4vh 3.8vh #0000002e}.glass-bubble-card.step-15 .action-row{margin-top:0}.glass-bubble-card.step-15 .action-row.show{transform:none}.stack-layout{width:100%}.stack-head-box{-webkit-backdrop-filter:blur(2vw);background:#ffffffb3;border:.15vw solid #fff6;border-radius:5vw;justify-content:center;align-items:center;min-height:22vh;padding:0 5vw;display:flex}.stack-head-box .main-desc{color:#111;max-width:100%;font-size:1.28vw;font-weight:800;line-height:160%}.stack-card-row{grid-template-columns:1fr 1fr;gap:4vw;margin-top:2.5vh;display:grid}.stack-choice-card{opacity:0;background:#fff;border:.4vw solid #9fd1fc;border-radius:4vw;flex-direction:column;justify-content:space-between;align-items:center;min-height:27vh;padding:3vh 4vw;animation:.48s cubic-bezier(.2,1.35,.34,1) both stackChoicePop;display:flex}.stack-choice-text{color:#111;text-align:center;white-space:pre-line;word-break:keep-all;width:100%;font-size:1.25vw;font-weight:800;line-height:185%}.stack-face{aspect-ratio:1;color:#fff;background:#ffee69;border-radius:50%;justify-content:center;align-items:center;width:10vw;font-size:4vw;font-weight:900;line-height:1;display:flex;transform:rotate(-5deg)}.stack-action-row{opacity:0;justify-content:center;margin-top:3vh;animation:.48s cubic-bezier(.2,1.35,.34,1) .8s both stackChoicePop;display:flex}.stack-action-row.show{transform:none}@keyframes stackChoicePop{0%{opacity:0;transform:translateY(1.4vh)scale(.96)}70%{opacity:1;transform:translateY(0)scale(1.025)}to{opacity:1;transform:translateY(0)scale(1)}}.content-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.glass-bubble-card.type-SELECT .content-wrapper{justify-content:center;height:100%}.text-section{flex-direction:column;align-items:center;width:100%;display:flex}.glass-bubble-card.type-SELECT .text-section{margin-bottom:4vh}.main-desc{color:#2d2d2d;text-align:center;word-break:keep-all;white-space:pre-line;width:100%;max-width:70vw;margin:0;font-size:1.35vw;font-weight:700;line-height:180%}.name-highlight{color:#ff8c5a}.duplicate-name-highlight{color:#e53935}.glass-bubble-card.type-SELECT .main-desc{color:#111;max-width:68vw;font-size:1.35vw;font-weight:800;line-height:180%}.action-row{margin-top:2vh}.primary-next-btn{cursor:pointer;color:#fff;background:#63aaea;border:none;border-radius:5vh;justify-content:center;align-items:center;width:11vw;height:6vh;font-size:1.1vw;font-weight:700;transition:all .2s;display:flex;box-shadow:inset .4vw .5vw 1vw #fff6}.primary-next-btn:hover{background:#9fd1fc;transform:translateY(-.2vh)}.selection-row{gap:1.5vw;width:50vw;margin-top:2vh;display:flex}.glass-bubble-card.type-SELECT .selection-row{justify-content:center;gap:3vw;width:65vw;margin-top:0}.opt-btn{cursor:pointer;color:#2d2d2d;background:#fff;border:none;border-radius:2vh;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5vh 0;font-size:1.2vw;font-weight:800;transition:all .2s;display:flex}.glass-bubble-card.type-SELECT .opt-btn{color:#fff;border-radius:2.5vw;height:15vh;position:relative;overflow:hidden}.glass-bubble-card.type-SELECT .opt-btn.YES{background:#5d9cec}.glass-bubble-card.type-SELECT .opt-btn.NO{background:#ff8c5a}.opt-btn:hover{filter:brightness(1.04);box-shadow:0 0 0 .3vw #ffee69}.lbl-top{font-size:1.15vw;font-weight:900}.glass-bubble-card.type-SELECT .lbl-top{opacity:.16;justify-content:center;align-items:center;font-size:5.8vw;font-weight:900;line-height:1;display:flex;position:absolute;inset:0;font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.lbl-sub{opacity:.7;margin-top:.6vh;font-size:.8vw;font-weight:700}.glass-bubble-card.type-SELECT .lbl-sub{z-index:1;opacity:1;color:#fff;margin-top:0;font-size:1.4vw;font-weight:800;position:relative}.input-row{flex-direction:column;align-items:center;margin-top:2vh;display:flex}.q-label{color:#2d2d2d;font-size:1vw;font-weight:800}.input-row input{text-align:center;border:1px solid #0000001a;border-radius:5vh;outline:none;width:25vw;margin-top:1.2vh;padding:1.5vh 2vw;font-size:1.2vw}.floating-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.floating-bubble{-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);color:#2d2d2d;background:#ffffffbf;border-radius:999px;padding:1.4vh 1.8vw;font-size:1vw;font-weight:800;position:absolute;box-shadow:0 1vh 3vh #0000002e}.keyword-slot{color:#fff;text-align:center;opacity:0;background:#9fd1fccc;border-radius:999px;min-width:14vw;padding:2vh 2.4vw;font-size:1.35vw;font-weight:900;animation:.42s cubic-bezier(.2,1.45,.34,1) both keywordSlotPop;position:absolute;box-shadow:0 1vh 3vh #00000029}@keyframes keywordSlotPop{0%{opacity:0;transform:translateY(1.2vh)scale(.9)}70%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.character-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.character-layer.is-front{z-index:6}.character-layer.step-character-3,.character-layer.step-character-4,.character-layer.step-character-8{z-index:20}.character-layer.step-character-12{z-index:14}.character-layer.step-character-9-supplemental,.character-layer.step-character-10-supplemental,.character-layer.step-character-11-supplemental{z-index:22}.character-layer.avatar-layer{z-index:12}.character-layer.name-result-avatar{animation:.62s cubic-bezier(.2,1,.28,1) both nameResultAvatarRise}@keyframes nameResultAvatarRise{0%{opacity:0;transform:translateY(9vh)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.character-img{object-fit:contain;filter:none;height:auto;animation:.8s both characterFadeInLeft;position:absolute;transform:none}.character-layer.default-character-layer .character-img{filter:none}.character-layer.step-character-12 .character-img{width:clamp(190px,22vw,340px)!important;max-height:34vh!important;inset:20vh auto auto 50vw!important;transform:none!important}.scene-one-img{will-change:opacity;transition:opacity 80ms linear;animation:none}.tutorial-avatar-model{object-fit:contain;pointer-events:auto;touch-action:none;filter:drop-shadow(0 1.2vh 2.4vh #21364c3d)saturate(1.08)contrast(.96);background:0 0;height:min(70vh,760px);display:block}.avatar-three-viewer{pointer-events:auto;touch-action:none;display:block;position:relative;overflow:hidden}.avatar-three-viewer canvas{pointer-events:auto;touch-action:none;width:100%;height:100%;display:block}.character-layer.step-character-9 .tutorial-avatar-model{height:min(78vh,850px);width:min(54vw,760px)!important;inset:40% auto auto 50%!important;translate:-50% -50%!important}.character-layer.step-character-11 .tutorial-avatar-model,.tutorial-avatar-model.is-name-input-avatar{filter:drop-shadow(0 2.8vh 4.2vh #1c2c4047)drop-shadow(0 .9vh 1.5vh #1c2c402e)saturate(1.1)contrast(.98)brightness(1.04);pointer-events:none;touch-action:auto;z-index:12;width:min(38vw,520px)!important;height:min(56vh,680px)!important;animation:none!important;position:fixed!important;inset:clamp(8px,2vh,32px) auto auto clamp(14px,4vw,64px)!important;transform:translate(0,0)!important}.tutorial-avatar-model.is-name-input-avatar:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#1f344a29 0%,#1f344a14 42%,#0000 70%);border-radius:50%;width:62%;height:64%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.character-layer.step-character-11 .tutorial-avatar-model canvas{pointer-events:none;touch-action:auto}@keyframes characterFadeInLeft{0%{opacity:0;transform:translateY(2vh)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.selection-row,.action-row,.input-row{opacity:0;pointer-events:none;transform:translateY(1vh)}.selection-row.show,.action-row.show,.input-row.show{opacity:1;pointer-events:auto;transition:all .4s;transform:translateY(0)}.start-screen{--bg-color:#fff;--panel-color:#9ed1fc;--text-dark:#3f3f3f;--white:#fff;background:var(--bg-color);min-height:100vh;position:relative;overflow:hidden}.mascot{z-index:3;object-fit:contain;width:clamp(300px,26.5vw,405px);height:auto;transition:opacity .28s;position:absolute;top:clamp(36px,3.8vh,58px);left:50%;transform:translate(-50%)}.start-panel{background:var(--panel-color);z-index:2;border-radius:110px 110px 0 0;transition:inset .8s cubic-bezier(.22,1,.36,1),border-radius .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:clamp(246px,25.5vh,312px) 0 0}.panel-content{flex-direction:column;align-items:center;height:100%;transition:opacity .22s,transform .22s;display:flex}.brand-title{color:var(--white);letter-spacing:.02em;margin:clamp(118px,11.8vh,156px) 0 0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(130px,15vw,246px);font-weight:700;line-height:.94}.start-button{background:var(--white);width:clamp(270px,23.6vw,368px);height:clamp(116px,15.1vh,164px);color:var(--panel-color);cursor:pointer;border:0;border-radius:999px;margin-top:clamp(62px,6.5vh,88px);font-family:NanumSquareNeo,sans-serif;font-size:clamp(86px,6.3vw,108px);font-weight:800;line-height:1}.start-button:hover{color:#464646;background:#ffee69}.start-button:focus-visible{outline-offset:4px;outline:4px solid #fff}.description{color:var(--text-dark);margin:clamp(50px,5.6vh,74px) 0 0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(24px,1.5cqw + 1cqh,42px);font-weight:500;line-height:1.2}.start-screen.is-started .mascot{opacity:0}.start-screen.is-started .start-panel{border-radius:0;inset:0}.start-screen.is-started .panel-content{opacity:0;pointer-events:none;transform:translateY(16px)}.webcam-stage{z-index:4;position:absolute;inset:0;overflow:hidden}.webcam-view,.webcam-fallback{object-fit:cover;opacity:0;width:100%;height:100%}.webcam-view{animation:.58s cubic-bezier(.22,1,.36,1) 50ms forwards webcam-rise-mirrored;transform:scaleX(-1)translateY(12%)}.webcam-fallback{color:#fff;text-align:center;background:#1b1b1b;place-items:center;font-family:NanumSquareNeo,sans-serif;font-size:clamp(20px,1.6vw,28px);font-weight:500;animation:.58s cubic-bezier(.22,1,.36,1) 50ms forwards webcam-rise;display:grid;transform:translateY(12%)}.webcam-ui{--emoji-right:clamp(0px, .3vw, 8px);--emoji-size:clamp(250px, 24vw, 390px);--bubble-overlap:clamp(20px, 1.5vw, 32px);--bubble-width:clamp(700px, 64vw, 1060px);z-index:5;pointer-events:none;position:absolute;inset:0}.capture-panel{pointer-events:none;opacity:0;background:#ffec67;border-radius:30px 30px 0 0;height:clamp(112px,14.2vh,170px);animation:.56s cubic-bezier(.22,1,.36,1) .2s forwards panel-rise;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.speech-bubble-wrap{right:calc(var(--emoji-right) + var(--emoji-size) - var(--bubble-overlap));width:min(var(--bubble-width), max(300px, calc(100vw - var(--emoji-size) - var(--emoji-right) + var(--bubble-overlap) - clamp(42px, 3.4vw, 80px))));aspect-ratio:971/122;z-index:3;pointer-events:none;opacity:0;animation:.45s cubic-bezier(.22,1,.36,1) .3s forwards ui-rise;position:absolute;bottom:clamp(194px,19.5vh,278px);transform:translateY(34px)}.speech-bubble-bg{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.speech-bubble-text{z-index:1;color:#464646;text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;width:auto;height:62.2%;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(18px,1.45vw,30px);font-weight:600;line-height:1;display:flex;position:absolute;top:6.8%;left:3.7%;right:8.7%;overflow:hidden}.emoji-badge{right:var(--emoji-right);width:var(--emoji-size);z-index:4;pointer-events:none;opacity:0;height:auto;animation:.45s cubic-bezier(.22,1,.36,1) .34s forwards ui-rise;position:absolute;bottom:clamp(62px,7.2vh,114px);transform:translateY(36px)}.capture-button{cursor:pointer;pointer-events:auto;z-index:5;opacity:0;background:0 0;border:0;place-items:center;width:clamp(82px,6.4vw,112px);height:clamp(82px,6.4vw,112px);padding:0;animation:.42s cubic-bezier(.22,1,.36,1) .34s forwards ui-rise-button;display:grid;position:absolute;top:clamp(12px,1.2vh,18px);left:50%;transform:translate(-50%)translateY(26px)}.capture-button img{width:100%;height:100%;display:block}.capture-button:focus-visible{outline-offset:6px;outline:3px solid #ffee69}.debug-avatar-page{color:#20242d;background:#f5f7fb;grid-template-columns:minmax(0,1fr) 390px;height:100vh;min-height:0;font-family:NanumSquareNeo,sans-serif;display:grid;overflow:hidden}.debug-avatar-view{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:28px;display:grid}.debug-avatar-stage{background:linear-gradient(#ffffffe6,#e2ebf7e6),#edf3fb;border:1px solid #dde3ee;border-radius:8px;min-height:0;overflow:hidden}.debug-avatar-canvas{width:100%;height:100%;min-height:calc(100vh - 112px)}.debug-avatar-empty{color:#697386;place-items:center;height:100%;min-height:calc(100vh - 112px);font-size:20px;font-weight:700;display:grid}.debug-avatar-state{color:#4d5668;align-items:center;gap:12px;min-height:36px;padding-top:12px;font-size:14px;font-weight:700;display:flex}.debug-avatar-state strong{color:#c53030;font-weight:800}.debug-avatar-panel{background:#fff;border-left:1px solid #dde3ee;flex-direction:column;gap:14px;min-height:0;max-height:100vh;padding:26px 24px;display:flex;overflow-y:auto}.debug-avatar-panel h1{color:#111827;margin:0 0 8px;font-size:24px;font-weight:900;line-height:1.1}.debug-select{gap:7px;display:grid}.debug-select span{color:#4b5565;font-size:13px;font-weight:900}.debug-select select{color:#111827;background:#fff;border:1px solid #cad3df;border-radius:8px;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:800}.debug-select select:focus{border-color:#5a95f5;outline:3px solid #5a95f53d}.debug-select.is-disabled{opacity:.46}.debug-stepper{gap:7px;display:grid}.debug-stepper-label{color:#4b5565;font-size:13px;font-weight:900}.debug-stepper-control{grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;gap:8px;display:grid}.debug-stepper-control button{color:#111827;cursor:pointer;background:#f8fafc;border:1px solid #cad3df;border-radius:8px;height:44px;font-family:inherit;font-size:18px;font-weight:900}.debug-stepper-control button:hover:not(:disabled){background:#edf4ff;border-color:#5a95f5}.debug-stepper-control button:focus-visible{border-color:#5a95f5;outline:3px solid #5a95f53d}.debug-stepper-control button:disabled{cursor:default;opacity:.45}.debug-stepper-value{background:#fff;border:1px solid #cad3df;border-radius:8px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"swatch label""swatch key";align-items:center;column-gap:10px;min-width:0;min-height:44px;padding:6px 10px;display:grid}.debug-stepper-value i{border:1px solid #cbd5e1;border-radius:999px;grid-area:swatch;width:20px;height:20px}.debug-stepper-value strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;grid-area:label;min-width:0;font-size:14px;font-weight:900;line-height:1.1;overflow:hidden}.debug-stepper-value small{color:#697386;text-overflow:ellipsis;white-space:nowrap;grid-area:key;min-width:0;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.debug-stepper.is-disabled{opacity:.46}.debug-avatar-nodes{border-top:1px solid #e5eaf2;margin-top:12px;padding-top:16px}.debug-avatar-nodes h2{color:#4b5565;margin:0 0 8px;font-size:13px;font-weight:900}.debug-avatar-nodes code{white-space:pre-wrap;overflow-wrap:anywhere;color:#111827;background:#f2f5fa;border-radius:8px;padding:10px;font-size:12px;line-height:1.45;display:block}@media (width<=860px){.debug-avatar-page{grid-template-rows:minmax(420px,56vh) auto;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.debug-avatar-view{padding:16px}.debug-avatar-canvas,.debug-avatar-empty{min-height:420px}.debug-avatar-panel{border-top:1px solid #dde3ee;border-left:0;max-height:none}}.capture-button:disabled,.capture-button.is-locked{opacity:.42;cursor:default;pointer-events:none}.avatar-loading-screen{opacity:1;background:#000;place-items:center;width:100vw;height:100vh;transition:opacity .82s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.avatar-loading-screen:before{content:"";z-index:0;opacity:0;background:radial-gradient(circle at 50% 45%,#c5cfda47,#0000 38%),linear-gradient(#0c1118 0%,#000 100%);animation:.98s ease-out 80ms both avatarLoadingBackgroundIn;position:absolute;inset:0}.avatar-loading-screen:after{content:"";z-index:3;opacity:0;pointer-events:none;background:#000;transition:opacity .18s;position:absolute;inset:0}.avatar-loading-screen.is-covered:after{opacity:1}.avatar-transition-overlay{--avatar-wipe-radius:0%;z-index:100;background:radial-gradient(circle at 50% 50%, transparent 0 var(--avatar-wipe-radius), #000 calc(var(--avatar-wipe-radius) + 0.5%));opacity:1;pointer-events:none;transition:--avatar-wipe-radius 1.8s cubic-bezier(.22,1,.36,1),opacity .16s linear 1.8s;position:fixed;inset:0}.avatar-transition-overlay.is-exiting{--avatar-wipe-radius:145%;opacity:0}@property --avatar-wipe-radius{syntax:"<percentage>";inherits:false;initial-value:0%}.avatar-loading-preview{z-index:1;filter:drop-shadow(0 3vh 5vh #0000006b)saturate(.86);opacity:0;place-self:center;width:min(88vw,760px);height:min(88vh,900px);animation:.92s cubic-bezier(.16,1,.3,1) .12s both avatarLoadingModelIn;position:relative;transform:translateY(1vh)}.avatar-loading-placeholder{z-index:1;object-fit:contain;filter:drop-shadow(0 3vh 5vh #0000006b)saturate(.86);opacity:0;width:min(42vw,420px);max-height:min(72vh,720px);animation:.92s cubic-bezier(.16,1,.3,1) .12s both avatarLoadingModelIn;position:relative}@keyframes avatarLoadingBackgroundIn{0%{opacity:0}to{opacity:1}}@keyframes avatarLoadingModelIn{0%{opacity:0;transform:translateY(4vh)scale(.46)}58%{opacity:1}to{opacity:1;transform:translateY(1vh)scale(1)}}.hidden-capture-video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.avatar-profile-capture-page{background:0 0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.avatar-profile-capture-viewer{width:100vw;height:100vh}.avatar-profile-capture-status{color:#0000;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-camera-background-video{z-index:1;object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.persona-stage{z-index:8;background:#9ed1fc;flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.persona-brand-bg{color:#fff6;letter-spacing:.02em;z-index:1;pointer-events:none;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(60px,16vw,240px);font-weight:900;line-height:.8;position:absolute;bottom:clamp(10px,1vh,20px);left:clamp(20px,2vw,40px)}.persona-header{z-index:2;background:#ffeb67;border-radius:0 0 clamp(24px,2.4cqw,40px) clamp(24px,2.4cqw,40px);justify-content:center;align-items:center;width:100%;min-height:clamp(160px,19.5vh,200px);margin:0;padding:clamp(24px,2.4cqh,34px) clamp(160px,12vw,240px);display:flex;position:relative;box-shadow:0 14px 28px #7b721c24}.persona-question-meta{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:clamp(40px,6vw,120px)}.persona-meta-label{color:#333;font-size:clamp(16px,1.2vw,24px);font-weight:500}.persona-meta-count{color:#111;font-size:clamp(32px,2.5vw,48px);font-weight:700}.persona-header-emoji{z-index:4;width:clamp(120px,10vw,180px);height:auto;position:absolute;bottom:clamp(-20px,-2vh,-10px);right:clamp(10px,2vw,30px)}.persona-board{background:0 0;flex-direction:column;flex:1;justify-content:center;padding:clamp(24px,4vh,48px) clamp(20px,2vw,40px) clamp(120px,16vh,170px);display:flex;position:relative;overflow:hidden}.persona-turn-block{z-index:2;width:min(94%,1320px);max-width:1320px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) both persona-turn-enter;position:relative}.persona-question{color:#464646;text-align:center;white-space:pre-wrap;word-break:keep-all;justify-content:center;align-items:center;width:90%;max-width:80%;margin:0 auto;font-family:NanumSquareNeo,sans-serif;font-size:clamp(25px,3.3vh,40px);font-weight:700;line-height:1.5;display:flex}.persona-question-loading{background:#ffffff80;border-radius:999px;width:min(68%,920px);height:clamp(34px,4.8cqh,56px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.persona-question-loading:after{content:"";background:linear-gradient(90deg,#ffffff26 0%,#fff078bf 50%,#ffffff26 100%);animation:1.2s ease-in-out infinite persona-dororong;position:absolute;inset:0;transform:translate(-100%)}.persona-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.1vh,14px);width:100%;margin:0 auto;display:grid}.persona-inline-error,.persona-custom-trigger,.persona-custom-editor,.persona-answer-review-card,.persona-custom-skeleton{grid-column:1/-1}.persona-status-card{background:#ffffff80;border:1px solid #ffffffad;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(100%,860px);margin:0 auto;padding:clamp(22px,2vh,30px);animation:.48s cubic-bezier(.22,1,.36,1) both persona-option-enter;display:flex;box-shadow:0 10px 20px #423b1224}.persona-status-text{color:#454545;text-align:center;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(18px,1.3vw,24px);font-weight:500;line-height:1.4}.persona-retry-button{color:#333;background:#de532e;border:0;border-radius:999px;min-height:48px;padding:0 28px;font-family:NanumSquareNeo,sans-serif;font-size:clamp(22px,1.5vw,30px);font-weight:700}.persona-inline-error{color:#9a2f2f;text-align:center;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(15px,1vw,19px);font-weight:500;line-height:1.3}.persona-custom-trigger{color:#3d3d3d;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fcfcd4;border:0;border-radius:clamp(16px,1.5vw,28px);justify-content:center;align-items:center;width:100%;min-height:clamp(56px,5vw,75px);padding:clamp(12px,1.2vh,18px) clamp(28px,2.1vw,38px);font-family:NanumSquareNeo,sans-serif;font-size:clamp(13px,1.8vw,24px);font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s;animation:.48s cubic-bezier(.22,1,.36,1) both persona-option-enter;display:flex;overflow:hidden;box-shadow:0 8px 16px #2c72a01a}.persona-custom-trigger:hover{box-sizing:border-box;background-color:#ffee69;box-shadow:0 12px 20px #3e381333;transform:scale(1.01)translateY(-2px)!important}.persona-option{isolation:isolate;background:linear-gradient(180deg, #ffffff1f 0%, #12100c38 42%, #100d0a8a 100%), var(--persona-option-bg,linear-gradient(135deg, #ffef66 0%, #ffd64d 100%));cursor:pointer;word-break:keep-all;overflow-wrap:break-word;background-position:50%,50%,50%;background-repeat:no-repeat;background-size:cover,110%,cover;border:2px solid #ffffff59;border-radius:clamp(10px,.9vw,14px);justify-content:center;align-items:center;width:100%;height:auto;min-height:clamp(92px,11vh,132px);padding:clamp(12px,1.5vh,20px) clamp(16px,1.7vw,28px);transition:transform .2s,box-shadow .2s,border-color .2s,filter .2s;animation:.48s cubic-bezier(.22,1,.36,1) both persona-option-enter;display:flex;position:relative;overflow:hidden}.persona-option:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffff3d,#0000 34%),linear-gradient(#0000000a,#0003);position:absolute;inset:0}.persona-option:hover{box-sizing:border-box;border-color:#ffd93f;box-shadow:0 12px 22px #3e38134d;transform:scale(1.01)translateY(-2px)!important}.persona-option:disabled{cursor:default;opacity:.74;transform:none;box-shadow:0 8px 16px #423b1224}.persona-option-text{z-index:1;color:#fff7d6;text-align:center;white-space:normal;text-shadow:0 2px 10px #000000b8;width:100%;font-family:NanumSquareNeo,sans-serif;font-size:clamp(16px,2vh,22px);font-weight:800;line-height:1.28;display:block;position:relative}.persona-option-rank{z-index:4;color:#fff;pointer-events:none;background:#ff4a25;border:2px solid #ffef66;border-radius:999px;justify-content:center;align-items:center;width:clamp(22px,1.7vw,30px);height:clamp(22px,1.7vw,30px);font-size:clamp(12px,1.1vw,16px);font-weight:900;line-height:1;display:inline-flex;position:absolute;top:clamp(6px,.55vw,10px);left:clamp(6px,.55vw,10px);box-shadow:0 4px 10px #ff4a2542}.persona-option:nth-of-type(odd),.persona-option:nth-of-type(2n){background:linear-gradient(180deg, #ffffff1f 0%, #12100c38 42%, #100d0a8a 100%), var(--persona-option-bg,linear-gradient(135deg, #ffef66 0%, #ffd64d 100%));background-position:50%,50%,50%;background-repeat:no-repeat;background-size:cover,110%,cover}.persona-option.is-custom{background:#ffef66;border-color:#0000;grid-column:1/-1;min-height:clamp(54px,6vh,72px);box-shadow:0 8px 16px #423b1224}.persona-option.is-custom:before{display:none}.persona-option.is-custom .persona-option-text{color:#2f2b13;text-shadow:none}.persona-custom-editor{width:100%;margin:0 auto;animation:.48s cubic-bezier(.22,1,.36,1) both persona-option-enter}.persona-answer-review-card{background:#e6e8cc;border-radius:clamp(18px,2vw,28px);flex-direction:column;gap:clamp(14px,1.4vh,20px);width:100%;min-height:clamp(220px,38vh,480px);padding:clamp(24px,2vw,42px);display:flex;box-shadow:0 10px 20px #2c72a024}.persona-answer-review-label{color:#454545;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(18px,1.8vw,40px);font-weight:700;line-height:1.2}.persona-answer-review-text{color:#444;white-space:pre-wrap;word-break:keep-all;background:#ffffffd6;border-radius:clamp(14px,1.3vw,22px);flex:1;margin:0;padding:clamp(24px,2vw,34px);font-family:NanumSquareNeo,sans-serif;font-size:clamp(20px,2vw,52px);font-weight:600;line-height:1.35}.persona-edit-answer-btn{color:#161616;cursor:pointer;background:#93c5f4;border:0;border-radius:14px;align-self:center;min-height:52px;padding:0 34px;font-family:NanumSquareNeo,sans-serif;font-size:clamp(24px,1.8vw,34px);font-weight:700}.persona-edit-answer-btn:hover{filter:brightness(.96)}.persona-option-skeleton,.persona-custom-skeleton{background:#ffffff8f;border-radius:clamp(12px,1.2cqw,16px);width:100%;min-height:clamp(56px,9vh,100px);position:relative;overflow:hidden;box-shadow:0 8px 16px #2c72a01a}.persona-option-skeleton:after,.persona-custom-skeleton:after{content:"";background:linear-gradient(90deg,#ffffff1f 0%,#ffeb67d9 52%,#ffffff1f 100%);animation:1.15s ease-in-out infinite persona-dororong;position:absolute;inset:0;transform:translate(-100%)}.persona-option.is-selected{border-color:#ff4a25;transform:translateY(-2px);box-shadow:0 0 0 3px #ff4a25,0 12px 24px #ff4a2557}.persona-option.is-selected .persona-option-text{color:#fff8d8;font-weight:800}.persona-option.is-dimmed,.persona-custom-trigger.is-dimmed{box-shadow:none;filter:saturate(.72)brightness(.78);transform:none}.persona-option.is-dimmed .persona-option-text,.persona-custom-trigger.is-dimmed{color:#fff7d69e}.persona-bottom-nav{box-sizing:border-box;z-index:10;background:#edf4f1;border-top:1px solid #4054481a;justify-content:space-between;align-items:center;width:100%;min-height:clamp(88px,11vh,132px);padding:clamp(16px,2vh,30px) clamp(20px,4vw,50px);display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -6px 20px #1c3a2c14}.nav-btn{color:#111;cursor:pointer;background:0 0;border:none;align-items:center;font-family:NanumSquareNeo,sans-serif;font-size:clamp(16px,1.8vw,22px);font-weight:700;transition:opacity .2s,color .2s;display:flex}.nav-btn.prev-btn{color:#111}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn.next-btn.is-active{color:#111;opacity:1}.persona-custom-editor-inner{background:#fffde0;border-radius:clamp(16px,1.5vw,24px);flex-direction:column;gap:clamp(16px,1.5vw,24px);padding:clamp(24px,2vw,36px);display:flex;box-shadow:0 8px 16px #2c72a01a}.persona-custom-editor-textarea{box-sizing:border-box;color:#333;resize:vertical;background:#fff;border:2px solid #f3efdc;border-radius:clamp(12px,1.2vw,16px);outline:none;width:100%;min-height:clamp(120px,20vh,240px);padding:clamp(16px,1.5vw,24px);font-family:NanumSquareNeo,sans-serif;font-size:clamp(18px,1.8vw,28px);box-shadow:0 4px 12px #00000008}.persona-custom-editor-textarea::placeholder{color:#ababab}.persona-custom-editor-actions{justify-content:center;gap:clamp(16px,1.5vw,24px);display:flex}.persona-custom-action-btn{cursor:pointer;color:#222;border:0;border-radius:clamp(8px,.8vw,12px);min-height:clamp(48px,4.5vw,60px);padding:0 clamp(32px,3vw,50px);font-family:NanumSquareNeo,sans-serif;font-size:clamp(16px,1.5vw,26px);font-weight:600;transition:opacity .2s}.persona-custom-action-btn.btn-cancel{background:#d1d4d6}.persona-custom-action-btn.btn-confirm{background:#a3d2fa}.persona-custom-action-btn:hover{opacity:.85}.persona-result-card{background:#ffffffa6;border:1px solid #ffffffbd;border-radius:30px;flex-direction:column;width:100%;min-height:clamp(210px,34vh,430px);padding:clamp(18px,1.4vw,24px);animation:.48s cubic-bezier(.22,1,.36,1) both persona-option-enter;display:flex;box-shadow:0 12px 24px #463f1429}.persona-result-title{color:#363636;margin:0 0 12px;font-family:NanumSquareNeo,sans-serif;font-size:clamp(30px,2.2vw,46px);font-weight:700;line-height:1}.persona-result-json{color:#343434;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(12px,.9vw,15px);line-height:1.45;overflow:auto}.nickname-card{background:#ffffffc7;border-radius:24px;flex-direction:column;gap:12px;margin-top:18px;padding:18px;display:flex}.nickname-card-title{color:#242424;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(20px,1.3vw,26px);font-weight:700}.nickname-card-copy{color:#4f4f4f;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(14px,1vw,18px);line-height:1.4}.nickname-input{color:#2d2d2d;box-sizing:border-box;background:#fffef8;border:0;border-radius:18px;width:100%;padding:16px 18px;font-family:NanumSquareNeo,sans-serif;font-size:clamp(18px,1.2vw,24px);font-weight:600}.nickname-error{color:#c12b2b;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(14px,1vw,18px);font-weight:600}.nickname-submit-btn{color:#313131;cursor:pointer;background:#ffec67;border:0;border-radius:999px;align-self:flex-start;padding:14px 22px;font-family:NanumSquareNeo,sans-serif;font-size:clamp(16px,1vw,20px);font-weight:800}.nickname-submit-btn:disabled{opacity:.5;cursor:default}@keyframes persona-turn-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes persona-option-enter{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.countdown-overlay{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.capture-processing-overlay{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.capture-processing-pill{background:#121a22b8;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:clamp(260px,38vw,520px);min-height:clamp(52px,8vh,86px);padding:0 22px;display:flex;box-shadow:0 14px 28px #00000047}.capture-processing-dot{background:#ffec67;border-radius:999px;width:10px;height:10px;animation:1s ease-in-out infinite capture-processing-pulse}.capture-processing-text{color:#fff;margin:0;font-size:clamp(16px,1.3vw,24px);font-weight:700;line-height:1;font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.countdown-text{color:#fff;text-align:center;text-shadow:0 6px 26px #0000003d;margin:0;font-size:clamp(170px,16vw,320px);font-weight:700;line-height:1;font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.shutter-text{z-index:6;color:#fff;text-align:center;pointer-events:none;text-shadow:0 6px 26px #0000004d;margin:0;font-family:NanumSquareNeo,sans-serif;font-size:clamp(72px,6.4vw,138px);font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flash-overlay{z-index:7;opacity:0;pointer-events:none;background:#fff;animation:.3s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:0}20%{opacity:.96}to{opacity:0}}@keyframes webcam-rise{0%{opacity:0;transform:translateY(12%)}to{opacity:1;transform:translateY(0)}}@keyframes webcam-rise-mirrored{0%{opacity:0;transform:scaleX(-1)translateY(12%)}to{opacity:1;transform:scaleX(-1)translateY(0)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ui-rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-rise-button{0%{opacity:0;transform:translate(-50%)translateY(26px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes persona-option-bob{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes persona-option-sheen{0%{filter:brightness(.98)}50%{filter:brightness(1.06)}to{filter:brightness(.98)}}@keyframes persona-dororong{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes capture-processing-pulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.9)}}.nickname-qr-wrap{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.nickname-qr-image{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:18px;width:min(280px,72vw);padding:12px;box-shadow:0 20px 40px #0f172a1f}.nickname-link{word-break:break-all;color:#334155;width:100%;font-size:.92rem;line-height:1.5;display:block}@font-face{font-family:DoctorGlitch;src:url(/assets/DOCTOR%20GLITCH-QFTud5oh.OTF)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ChangwonDangamAsac;src:url(/assets/CHANGWONDANGAMASAC-BOLD-CDXvCJuM.TTF)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-ALT-CBlsnZmA.TTF)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-BRG-DTHNy1Vq.TTF)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-CBD-41MKaxS7.TTF)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-DEB-BfPTdX_q.TTF)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:NanumSquareNeo;src:url(/assets/NANUMSQUARENEO-EHV-D8_FY71_.TTF)format("truetype");font-weight:900;font-style:normal}.tutorial-prelude{color:#fff;isolation:isolate;background:#000;width:100vw;height:100vh;font-family:NanumSquareNeo,sans-serif;position:relative;overflow:hidden}.tutorial-prelude,.tutorial-prelude *{box-sizing:border-box}.tutorial-prelude *{margin:0;padding:0;font-family:NanumSquareNeo,sans-serif!important}.tutorial-prelude button,.tutorial-prelude input{appearance:none}.tutorial-layer-bg{z-index:1;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;overflow:hidden}.tutorial-bg-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tutorial-intro-overlay{z-index:3;background:radial-gradient(circle,#00000014 0%,#00000052 48%,#000000c7 100%);position:absolute;inset:0}.tutorial-ui-root{z-index:10;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 5vw 6vh;display:flex;position:absolute;inset:0}.tutorial-intro-content{text-align:center;color:#fff;justify-content:center;align-items:center;transform:translateY(-2vh)}.tutorial-intro-title{color:#fff;letter-spacing:.12em;text-shadow:none;margin-top:4vh;margin-bottom:33vh;font-size:clamp(60px,10vw,120px);font-weight:400;line-height:1;font-family:DoctorGlitch,ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.tutorial-intro-subtitle{color:#ffffffe0;white-space:pre-line;word-break:keep-all;text-shadow:0 0 18px #000000b3;min-height:3.5em;margin-bottom:3vh;font-size:clamp(16px,1.15vw,28px);font-weight:700;line-height:1.7}.tutorial-start-btn,.tutorial-next-btn,.tutorial-select-btn{cursor:pointer;border:0;font-family:inherit}.tutorial-start-btn,.tutorial-next-btn{color:#111;background:#fff;border:.12vw solid #fff9;border-radius:999px;width:15vw;min-width:180px;max-width:280px;min-height:clamp(76px,7vh,104px);padding:0 28px;font-size:clamp(26px,1.35vw,50px);font-weight:800;transition:transform .25s,background .25s,color .25s,box-shadow .25s;box-shadow:inset .45vw .6vw 1.4vw #ffffff73,0 1.2vh 3vh #00000040}.tutorial-start-btn:hover,.tutorial-next-btn:hover{color:#fff;background:#9fd1fc;transform:translateY(-.4vh)scale(1.06);box-shadow:inset .45vw .6vw 1.4vw #ffffffb3,0 1.5vh 3.5vh #9fd1fc59}.tutorial-next-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tutorial-card{z-index:12;-webkit-backdrop-filter:blur(2vw);background:#ffffffb3;border:1px solid #ffffff7a;border-radius:5vw;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:90vw;min-height:28vh;padding:0 5vw;animation:.55s both pageSoftIn;display:flex;position:relative;box-shadow:0 20px 70px #1f467738}.tutorial-card-text{color:#2d2d2d;text-align:center;white-space:pre-line;word-break:keep-all;width:100%;max-width:70vw;font-size:1.35vw;font-weight:700;line-height:180%}.tutorial-select-grid{justify-content:center;gap:3vw;width:65vw;display:flex}.tutorial-select-btn{color:#2d2d2d;background:#fff;border-radius:2.5vw;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:15vh;padding:1.5vh 0;transition:all .2s;display:flex;position:relative;overflow:hidden}.tutorial-select-btn:hover{filter:brightness(1.04);box-shadow:0 0 0 .3vw #ffee69}.tutorial-select-btn strong{color:inherit;opacity:.16;justify-content:center;align-items:center;font-size:5.8vw;font-weight:900;line-height:1;display:flex;position:absolute;inset:0;font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.tutorial-select-btn span{z-index:1;color:inherit;font-size:1.4vw;font-weight:800;line-height:1.35;position:relative}.tutorial-select-btn:first-child{color:#fff;background:#5d9cec}.tutorial-select-btn:nth-child(2){color:#fff;background:#ff8c5a}.tutorial-answer-bg-text{z-index:2;color:#ffffff52;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;font-size:clamp(180px,24vw,440px);font-weight:700;line-height:100%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:ChangwonDangamAsac,NanumSquareNeo,sans-serif!important}.tutorial-character{z-index:8;pointer-events:none;object-fit:contain;filter:drop-shadow(0 1.2vh 2.5vh #00000061);max-width:46vw;animation:.55s both pageSoftIn;position:absolute}.tutorial-name-row,.tutorial-stack-list{gap:16px;width:min(760px,100%);display:grid}.tutorial-name-row label{color:#333;text-align:center;font-size:clamp(18px,1.5vw,28px);font-weight:800}.tutorial-name-row input{color:#222;text-align:center;background:#fff;border:0;border-radius:999px;outline:none;width:100%;padding:22px 30px;font-size:clamp(24px,2vw,38px);font-weight:900}.tutorial-stack-list span{color:#222;white-space:pre-line;word-break:keep-all;background:#ffffffdb;border-radius:24px;padding:18px 24px;font-size:clamp(18px,1.5vw,28px);font-weight:800;line-height:1.5}@media (width<=900px){.persona-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.persona-option{min-height:84px;padding:10px 8px}.persona-option-text{font-size:14px}}