.intro{background:#000;width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0;overflow:hidden}.intro__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.intro__tap-layer{z-index:1;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.intro__sound-hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:2;color:#fff;pointer-events:none;background:#0b1020b3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:18px;font-weight:600;animation:1.6s ease-in-out infinite intro-pulse;display:flex;position:absolute;transform:translate(-50%)}@keyframes intro-pulse{0%,to{opacity:.6}50%{opacity:1}}.intro__skip{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:3;align-items:center;gap:8px;padding:10px 18px;font-size:18px;display:inline-flex;position:absolute}.intro__start{width:fit-content;left:0;right:0;bottom:calc(205px + env(safe-area-inset-bottom));z-index:3;border-radius:999px;align-items:center;gap:12px;margin:0 auto;padding:20px 44px;font-size:30px;font-weight:800;animation:.4s ease-out both intro-fade-in,2s ease-in-out .4s infinite intro-bounce;display:inline-flex;position:absolute}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth{background:url(./Background01-DnJK7EQ6.png) 50%/cover no-repeat,#0b1020;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;width:100vw;height:100dvh;min-height:100svh;padding-top:44px;display:flex;position:fixed;inset:0;overflow:hidden}.auth__banner{width:min(52vw,720px);height:auto;margin-top:calc(env(safe-area-inset-top) + 1vh);filter:drop-shadow(0 6px 12px #00000080)}.auth__panel{border:34px solid #0000;border-image:url(./PanelBackground01-CdivVm6v.png) 44 fill/34px;flex-direction:column;justify-content:center;align-items:center;width:600px;height:480px;padding:clamp(10px,2vh,22px);display:flex;position:relative}.auth-panel__title{text-align:center;margin:0 0 clamp(12px,2.4vh,28px);font-size:clamp(40px,6.4vh,60px);font-weight:800}.auth-chooser{flex-direction:column;align-items:center;gap:clamp(14px,2.6vh,26px);width:100%;display:flex}.auth-bigbtn{border-radius:999px;width:min(74%,340px);padding:clamp(10px,1.8vh,16px);font-size:clamp(17px,2.4vh,22px)}.auth-form-wrap{flex-direction:column;gap:clamp(8px,1.6vh,16px);width:100%;display:flex}.auth-back{border-radius:999px;align-self:flex-start;padding:8px 16px;font-size:clamp(14px,2vh,18px)}.auth-form{flex-direction:column;gap:clamp(8px,1.4vh,14px);width:100%;display:flex}.field-row{gap:10px;display:flex}.field-row>.field{flex:1 1 0;min-width:0}.field--school,.field--name,.field--select,.field--pin{text-align:left;flex-direction:column;gap:4px;display:flex}.field__label{opacity:.85;font-size:clamp(13px,1.8vh,16px);font-weight:700}.field__select,.field__input{font:inherit;color:#fff;background:#0f172a;border:none;border-radius:12px;padding:10px 12px;font-size:clamp(16px,2.2vh,20px)}.auth-error{color:#fca5a5;margin:0;font-size:clamp(14px,2vh,18px);font-weight:700}.auth-submit{border-radius:999px;align-self:center;width:min(70%,360px);font-size:clamp(18px,2.6vh,24px)}.auth-submit:disabled{opacity:.5;box-shadow:none}#viewport{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0b1430;place-items:center;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;display:grid;position:fixed;inset:0}#stage{transform-origin:50%;background:#15244a;border-radius:6px;width:1920px;height:1200px;position:absolute;top:50%;left:50%;overflow:hidden}#bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:filter 1.2s;position:absolute;inset:0}#stage.bright #bg{filter:brightness(1.18)saturate(1.12)}#lightOverlay{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at 72% 46%,#ffe0968c,#ffe09600 55%);transition:opacity 1.4s;position:absolute;inset:0}#stage.bright #lightOverlay{opacity:1}#progress{z-index:5;align-items:flex-start;gap:34px;display:flex;position:absolute;top:34px;left:44px}.prog-title{color:#1f2937;white-space:nowrap;background:#fff;border-radius:40px;align-items:center;gap:12px;margin-top:14px;padding:14px 26px 14px 20px;font-size:26px;font-weight:800;display:flex;box-shadow:0 6px 18px #00000040}.prog-title .star{font-size:30px}.stepper{align-items:flex-start;display:flex}.pnode{flex-direction:column;align-items:center;gap:12px;width:132px;display:flex}.pnode .circle{color:#aab4c8;background:#2b3550;border:4px solid #4a5570;border-radius:50%;place-items:center;width:84px;height:84px;font-size:38px;font-weight:900;line-height:1;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;display:grid;position:relative;box-shadow:0 4px 12px #0000004d}.pnode .label{text-align:center;color:#cdd6e8;text-shadow:0 2px 6px #00000080;font-size:18px;font-weight:800;line-height:1.2}.pnode.active .circle{color:#1e2b00;background:linear-gradient(160deg,#a3e635,#5fae00);border-color:#d6ff8a;animation:1.8s ease-in-out infinite pnodePulse;box-shadow:0 0 26px #96e628b3,0 6px 14px #0000004d}.pnode.active .label{color:#d9ff9c}@keyframes pnodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.pnode.done .circle{color:#fff;background:linear-gradient(160deg,#7dd3fc,#2563eb);border-color:#bfdbfe;box-shadow:0 0 18px #50a0ff80,0 6px 14px #0000004d}.pnode.done .circle .num{display:none}.pnode.done .circle:after{content:"✓";font-size:46px;font-weight:900}.pnode.done .label{color:#bfe3ff}.pnode.locked .circle{opacity:.55}.pnode.locked .circle:after{content:"🔒";filter:drop-shadow(0 1px 2px #0009);font-size:24px;position:absolute;bottom:-4px;right:-4px}.pnode.locked .label{opacity:.55}.connector{background:#ffffff38;border-radius:6px;width:70px;height:8px;margin-top:38px;position:relative;overflow:hidden}.connector:after{content:"";background:linear-gradient(90deg,#a3e635,#65c20a);border-radius:6px;width:0;transition:width 1s;position:absolute;inset:0}.connector.filled:after{width:100%}#radar{z-index:3;filter:drop-shadow(0 18px 30px #00000073);height:560px;transition:transform .4s;position:absolute;top:250px;left:70px}#radar.pulse{animation:1.1s 3 radarPulse}@keyframes radarPulse{0%,to{filter:drop-shadow(0 18px 30px #00000073);transform:scale(1)}50%{filter:drop-shadow(0 0 40px #78f05ad9);transform:scale(1.05)}}#titleBanner{z-index:6;text-align:center;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:16px;width:700px;transition:opacity .45s,transform .45s;display:flex;position:absolute;top:232px;left:712px;transform:translateY(-14px)scale(.96)}#titleBanner.show{opacity:1;transform:translateY(0)scale(1)}.tb-badge{align-items:center;gap:18px;display:flex}.tb-star{color:#f7c948;filter:drop-shadow(0 2px 3px #0006);font-size:36px}.tb-pill{color:#fff;letter-spacing:3px;background:linear-gradient(160deg,#7cb342,#558b2f);border:3px solid #aed581;border-radius:30px;padding:10px 36px;font-size:31px;font-weight:900;box-shadow:0 6px 16px #00000052}.tb-title{color:#fff;letter-spacing:1px;text-shadow:0 3px #2332144d,0 4px 10px #00000073,0 0 32px #00000059;font-size:78px;font-weight:900;line-height:1}.tb-ribbon{color:#4a8a2e;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);background:linear-gradient(#f8eed4,#eed9ab);align-items:center;gap:18px;padding:11px 46px;font-size:30px;font-weight:800;display:inline-flex;box-shadow:0 6px 16px #0000004d}.tb-spark{color:#c79a3a;font-size:24px}#hatiFull{z-index:4;filter:drop-shadow(0 16px 28px #0000006b);opacity:0;pointer-events:none;height:730px;transition:opacity .45s,transform .45s;position:absolute;bottom:-18px;left:510px;transform:translateY(22px)scale(.97)}#hatiFull.show{opacity:1;transform:translateY(0)scale(1)}#hatiBubble{max-width:600px;bottom:452px;left:1030px}#hatiBubble .bubble-name{color:#3f8a2e;margin-bottom:8px;font-size:26px;font-weight:900}#hatiBubble:after{content:"";border:18px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-22px;left:60px}#lumiWrap{z-index:3;flex-direction:column;align-items:center;transition:opacity .4s;display:flex;position:absolute;bottom:30px;right:120px}#lumiWrap.hide{opacity:0;visibility:hidden}#lumi{filter:drop-shadow(0 16px 26px #0006);height:660px;max-height:660px;transition:transform .35s,filter .6s}#lumiWrap.glow #lumi{animation:2.2s ease-in-out infinite lumiHalo}@keyframes lumiHalo{0%,to{filter:drop-shadow(0 0 20px #ffeeaad9)drop-shadow(0 0 48px #ffd27899)drop-shadow(0 0 90px #ffbe5a66)drop-shadow(0 16px 26px #00000059)}50%{filter:drop-shadow(0 0 34px #fff6cd)drop-shadow(0 0 82px #ffd884eb)drop-shadow(0 0 140px #ffc460b3)drop-shadow(0 16px 26px #00000059)}}#lumiWrap.glow:before{content:"";z-index:-1;pointer-events:none;filter:blur(6px);background:radial-gradient(circle,#fff2b98c 0%,#ffd87c57 32%,#ffc85c21 55%,#ffc85c00 72%);border-radius:50%;width:780px;height:780px;animation:2.2s ease-in-out infinite lumiAura;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes lumiAura{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes lumiPop{0%{transform:scale(.96)}60%{transform:scale(1.04)}to{transform:scale(1)}}#lumi.pop{animation:.4s lumiPop}.bubble{z-index:4;color:#283143;opacity:0;pointer-events:none;background:#fff;border-radius:28px;max-width:620px;padding:26px 34px;font-size:34px;font-weight:700;line-height:1.4;transition:opacity .25s,transform .25s;position:absolute;transform:translateY(12px)scale(.96);box-shadow:0 10px 26px #00000047}.bubble.show{opacity:1;transform:translateY(0)scale(1)}#lumiBubble{bottom:470px;right:470px}#lumiBubble:after{content:"";border:18px solid #0000;border-left-color:#fff;border-right:0;position:absolute;bottom:60px;right:-22px}#dropZone{z-index:4;background:#faf8ff73;border:4px dashed #b794f6;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:380px;min-height:220px;transition:transform .15s,border-color .15s,background .15s;display:none;position:absolute;bottom:250px;right:470px;box-shadow:0 10px 26px #0000002e}#dropZone.show{display:flex}#dropZone.over{background:#ede9fee6;border-color:#7c3aed;transform:scale(1.07)}#dropZone.filled{background:#dcfce7eb;border-style:solid;border-color:#16a34a}#dropZone .dz-heart{color:#cdbaf2;font-size:92px;line-height:1;transition:color .15s}#dropZone.over .dz-heart{color:#9b6ef0}#dropZone.filled .dz-heart{color:#16a34a}#dropZone .dz-hint{color:#8a6fc0;font-size:22px;font-weight:800}#dropZone.filled .dz-hint{color:#16a34a}#dropZone:after{content:"";border:18px solid #0000;border-left-color:#b794f6;border-right:0;position:absolute;bottom:56px;right:-20px}#dropZone.filled:after{border-left-color:#16a34a}.card.dragging{z-index:50;cursor:grabbing;transition:none;box-shadow:0 26px 54px #0000006b}.card.snapback{transition:transform .22s cubic-bezier(.2,1.25,.4,1)}.card.landing{pointer-events:none;transition:transform .26s,opacity .26s}#hatiBox{z-index:5;opacity:0;background:#fffffff5;border-radius:34px;align-items:center;gap:26px;width:1040px;min-height:186px;padding:26px 48px 26px 200px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:40px;left:60px;transform:translateY(16px);box-shadow:0 12px 30px #0000004d}#hatiBox.show{opacity:1;transform:translateY(0)}#hatiAvatar{object-fit:cover;background:#0c1740;border:5px solid #5b8def;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:26px;transform:translateY(-50%);box-shadow:0 8px 20px #00000059}@keyframes hatiPop{0%{transform:translateY(-50%)scale(.86)}60%{transform:translateY(-50%)scale(1.06)}to{transform:translateY(-50%)scale(1)}}#hatiAvatar.pop{animation:.35s hatiPop}#hatiText{color:#222b3d;font-size:36px;font-weight:700;line-height:1.45}#hatiName{color:#2f6fe0;margin-bottom:4px;font-size:22px;font-weight:800}#tapHint{z-index:6;color:#dfe7ff;opacity:0;text-shadow:0 2px 8px #0009;font-size:24px;font-weight:700;transition:opacity .3s;animation:1.3s infinite bob;position:absolute;bottom:30px;right:56px}#tapHint.show{opacity:.9}@keyframes bob{50%{opacity:.5;transform:translateY(-6px)}}#choices{z-index:4;opacity:0;pointer-events:none;flex-wrap:wrap;place-content:flex-start center;gap:26px;transition:opacity .25s;display:flex;position:absolute;top:196px;left:560px;right:70px}#choices.show{opacity:1;pointer-events:auto}.card{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffffff7;border:4px solid #0000;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:300px;min-height:240px;padding:30px 22px 26px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative;box-shadow:0 10px 24px #00000040}.card:hover{border-color:#c7d2fe;transform:translateY(-6px);box-shadow:0 16px 32px #00000052}.card .badge{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000004d}.card .icon{border-radius:50%;place-items:center;width:92px;height:92px;font-size:52px;display:grid;box-shadow:inset 0 0 0 4px #ffffffb3,0 4px 12px #0000002e}.card .ctext{color:#283143;text-align:center;font-size:28px;font-weight:700;line-height:1.35}.card.done{opacity:.55;cursor:default;border-style:dashed;border-color:#b9c2d6}.card.done:after{content:"✓";color:#16a34a;font-size:34px;font-weight:900;position:absolute;top:12px;right:18px}.card.done:hover{transform:none;box-shadow:0 10px 24px #0000002e}.card.smaller{width:230px;min-height:214px}#empathyCard{z-index:7;opacity:0;pointer-events:none;border-radius:28px;height:486px;transition:opacity .5s,transform .5s cubic-bezier(.2,1.3,.4,1);position:absolute;top:168px;left:530px;transform:scale(.8)translateY(20px);box-shadow:0 24px 60px #00000080}#empathyCard.show{opacity:1;transform:scale(1)translateY(0)}#nextBtn{z-index:8;color:#fff;letter-spacing:1px;cursor:pointer;text-shadow:0 2px 4px #0000004d;background:linear-gradient(160deg,#9be319,#5aa800);border:none;border-radius:26px;align-items:center;gap:18px;padding:26px 60px;font-size:44px;font-weight:900;display:flex;position:absolute;bottom:70px;right:120px;box-shadow:0 14px #3c7400,0 20px 30px #0006}#nextBtn:active{transform:translateY(6px);box-shadow:0 8px #3c7400,0 12px 20px #0006}#missionExit{z-index:9;position:absolute;top:36px;right:50px}#debug{z-index:10;color:#8dff9b;cursor:pointer;letter-spacing:.3px;text-shadow:0 1px 2px #00000080;white-space:nowrap;background:#080e1ea8;border:1px solid #8dff9b59;border-radius:10px;padding:8px 16px;font-family:Consolas,Courier New,monospace;font-size:22px;font-weight:700;transition:background .15s,border-color .15s;position:absolute;top:140px;right:40px}#debug:hover{background:#080e1ed9;border-color:#8dff9b99}#debug:active{transform:scale(.97)}#debug.copied{color:#fff;background:#16a34ad9;border-color:#dcfce7b3}#muteBtn{z-index:9;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;line-height:1;display:grid;position:absolute;top:36px;right:170px;box-shadow:0 6px 16px #00000040}#muteBtn:active{transform:scale(.94)}#muteBtn.off{filter:grayscale(.4);opacity:.85;background:#dce1ebd9}#fxLayer{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spark{opacity:0;font-size:40px;animation:1.3s forwards sparkle;position:absolute}@keyframes sparkle{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.2)rotate(40deg)}to{opacity:0;transform:scale(.6)translateY(-40px)rotate(120deg)}}*{box-sizing:border-box}html,body,#root{color:#fff;background:#0b1020;height:100%;margin:0;font-family:Pretendard,system-ui,-apple-system,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100vw;height:100vh;display:flex}.scene h1{margin:0;font-size:48px}.scene p{opacity:.8;font-size:20px}.btn{color:#fff;background:#7c3aed;border:none;border-radius:14px;padding:16px 28px;font-size:22px;box-shadow:0 6px #5b21b6}.btn:active{transform:translateY(3px);box-shadow:0 3px #5b21b6}.btn.ghost{background:#1e293b;box-shadow:0 6px #0f172a}.video-placeholder{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#111827,#111827 20px,#0b1020 20px 40px);border:2px dashed #475569;border-radius:18px;justify-content:center;align-items:center;width:70vw;max-width:900px;font-size:28px;display:flex}.planet-grid{flex-wrap:wrap;justify-content:center;gap:28px;max-width:1100px;display:flex}.planet-card{color:#fff;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:220px;height:220px;font-size:22px;font-weight:700;display:flex;box-shadow:0 10px 30px #0006}.planet-card .emoji{font-size:64px}