:root{color-scheme:light;--font-ui: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;font-family:var(--font-ui);color:#172c53;background:#f8f2e8;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #172c53;--navy-deep: #0f1d3d;--blue: #4d84ce;--blue-soft: #eaf2ff;--cream: #f8f2e8;--paper: #fffdf8;--line: #d8e0ec;--muted: #687a98;--yellow: #f6c96b;--mint: #76c5b4;--coral: #ed9277;--shadow: 0 18px 45px rgba(39, 55, 85, .13);--color-night: #14263d;--color-night-deep: #0f1d3d;--color-ink: #15233c;--color-paper: #fff7e8;--color-moon: #d7d3c9;--color-moon-shadow: #8e8f8c;--color-moon-sea: #717a86;--color-coral-strong: #d9574f;--color-mint-strong: #55a89a;--color-sun: #f2c55c;--color-guide: #e89166;--control-min: 48px;--control-primary: 56px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;min-height:100dvh;background:radial-gradient(circle at 8% 4%,rgba(247,213,143,.26),transparent 25rem),radial-gradient(circle at 92% 92%,rgba(164,201,231,.24),transparent 30rem),var(--cream)}button{font:inherit}button:focus-visible{outline:3px solid #2b82c5;outline-offset:3px}#app{width:min(1340px,100%);margin:0 auto;padding:max(28px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left))}.app-header{display:flex;align-items:center;gap:16px;padding:8px 8px 24px}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:55px;height:55px;border-radius:20px;color:#fff0b5;background:var(--navy);box-shadow:5px 6px #172c531f;font-size:30px;transform:rotate(-10deg)}.eyebrow,.section-kicker{margin:0 0 6px;color:#6681ae;font-size:.76rem;font-weight:800;letter-spacing:.08em}.app-header h1{margin:0;color:var(--navy);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.05;letter-spacing:-.05em}.header-copy{margin:7px 0 0;color:var(--muted);font-size:.95rem}.guide-avatar{position:relative;width:59px;height:59px;margin-left:auto;border:3px solid #fff7dc;border-radius:50%;background:#f6cd88;box-shadow:0 0 0 2px #e9b873,4px 5px #172c5324}.avatar-face{position:absolute;left:16px;top:19px;color:#684b51;font-size:24px;font-weight:900;line-height:1}.avatar-ear{position:absolute;top:-11px;width:18px;height:22px;border:3px solid #e9b873;border-radius:60% 60% 35% 35%;background:#f6cd88}.avatar-ear.left{left:7px;transform:rotate(-23deg)}.avatar-ear.right{right:7px;transform:rotate(23deg)}.avatar-scarf{position:absolute;right:1px;bottom:7px;left:1px;height:9px;border-radius:8px;background:#ed9277}.game-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.8fr);gap:22px;align-items:stretch}.play-panel,.control-panel{border:1px solid rgba(216,224,236,.95);border-radius:28px;background:#fffdf8d1;box-shadow:var(--shadow)}.play-panel{display:flex;min-height:650px;flex-direction:column;overflow:hidden}.play-panel-topline{display:flex;align-items:center;gap:8px;min-height:45px;padding:0 19px;border-bottom:1px solid rgba(216,224,236,.8);color:#6b7c98;font-size:.8rem;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #76c5b429}.prototype-tag{margin-left:auto;color:#8d9ab0;font-size:.7rem;font-weight:700}#game-stage{position:relative;flex:1;min-height:560px;background:#0f1d3d}#game-stage canvas{display:block;width:100%!important;height:100%!important;object-fit:contain;touch-action:manipulation}.canvas-caption{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 18px;border-top:1px solid rgba(216,224,236,.8);color:#6c7d9a;font-size:.8rem;font-weight:700}.caption-icon{color:var(--yellow);font-size:1.05rem}.control-panel{padding:24px 22px 22px}.progress-wrap{padding:2px 2px 20px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#71809a;font-size:.76rem;font-weight:800}.progress-label span:last-child{color:var(--navy)}.progress-track{height:8px;overflow:hidden;border-radius:99px;background:#e7edf5}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#77c5b4,#6e9edc);transition:width .26s ease}.step-dots{display:flex;justify-content:space-between;margin-top:10px;padding:0 1px}.step-dots span{width:8px;height:8px;border:2px solid #d3ddea;border-radius:50%;background:var(--paper);transition:all .18s ease}.step-dots span.active{width:12px;height:12px;margin-top:-2px;border-color:var(--navy);background:var(--yellow);box-shadow:0 0 0 4px #f6c96b38}.step-dots span.done{border-color:var(--mint);background:var(--mint)}.guide-card h2{margin:0;color:var(--navy);font-size:clamp(1.75rem,2.8vw,2.2rem);line-height:1.18;letter-spacing:-.05em}.lead-copy{margin:8px 0 18px;color:#647695;font-size:1rem;line-height:1.55}.kicker-dot{display:inline-block;width:7px;height:7px;margin:0 5px 1px 0;border-radius:50%;background:var(--coral)}.mini-facts{display:grid;gap:9px;margin:20px 0}.mini-facts div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;color:#526887;background:#f1f6fc;font-size:.95rem;font-weight:800}.fact-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:var(--navy);background:#fff2c7;font-size:1.05rem}.guide-speech,.result-speech{display:flex;align-items:center;gap:10px;margin:18px 0;padding:13px 14px;border:1px solid #f0ddae;border-radius:14px 14px 14px 4px;color:#725e47;background:#fff8df;font-size:.95rem;line-height:1.45}.speech-face{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;color:#76535a;background:#f5ca84;font-weight:900}.primary-btn,.secondary-btn,.text-btn,.tool-button,.observation-choice{border:0;cursor:pointer}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--control-primary);padding:12px 18px;border-radius:14px;color:#fffdf7;background:var(--navy);box-shadow:0 4px #0b1833;font-size:1rem;font-weight:900;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.primary-btn:hover:not(:disabled){background:#24447b;transform:translateY(-1px);box-shadow:0 5px #0b1833}.primary-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0b1833}.primary-btn.wide{width:100%}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 13px;border:1px solid #d4ddea;border-radius:11px;color:#526a8d;background:#fff;font-size:.95rem;font-weight:800}.secondary-btn:hover:not(:disabled){border-color:#99b4db;background:#f3f7fd}.text-btn{display:flex;align-items:center;justify-content:center;min-height:var(--control-min);margin:12px auto 0;padding:8px 12px;color:#6c7f9e;background:transparent;font-size:.9rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.observation-photo{position:relative;display:grid;place-items:center;height:190px;margin:15px 0 5px;overflow:hidden;border:1px solid #d9e2ee;border-radius:18px;background:#0b1429}.photo-badge{position:absolute;top:10px;left:11px;z-index:2;padding:4px 8px;border-radius:7px;color:#466386;background:#ffffffc7;font-size:.65rem;font-weight:900}.observation-photo-image{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center}.observation-photo[data-asset-status=fallback]{background:linear-gradient(145deg,#dbe7f2,#edf1e8)}.photo-fallback{display:grid;width:min(88%,340px);gap:7px;padding:14px 16px;border:1px solid #d9e2ee;border-radius:13px;color:#466386;background:#ffffffeb;font-size:.74rem;line-height:1.45;text-align:center}.photo-fallback strong{color:#344f77;font-size:.83rem}.photo-fallback[hidden]{display:none}.photo-caption{position:absolute;right:10px;bottom:8px;max-width:78%;padding:4px 7px;border-radius:6px;color:#f7f9fd;background:#0f1d3db8;font-size:.62rem;font-weight:800;line-height:1.25}.photo-credit{margin:0 0 5px;color:#7485a0;font-size:.62rem;font-weight:800;line-height:1.35}.photo-disclaimer{margin:0 0 10px;color:#8a98ac;font-size:.68rem;line-height:1.4}.observation-list{display:grid;gap:7px}.observation-choice{display:flex;align-items:center;gap:9px;width:100%;min-height:64px;padding:10px 14px;border:1px solid #dbe3ee;border-radius:12px;text-align:left;background:#fff;transition:border .14s ease,background .14s ease,transform .14s ease}.observation-choice:hover{border-color:#94b1d8;transform:translate(2px)}.observation-choice.found{border-color:#a5d9cb;background:#effaf6}.choice-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:9px;color:#49688d;background:#eaf2ff;font-weight:900}.observation-choice.found .choice-icon{color:#fff;background:var(--mint)}.choice-copy{display:grid;gap:2px;min-width:0}.choice-copy strong{color:#344f77;font-size:.9rem}.choice-copy small{overflow:hidden;color:#7d8da6;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.check-mark{margin-left:auto;color:#9aabc2;font-size:1.1rem;font-weight:900}.observation-choice.found .check-mark{color:#48a88f}.notice-line{display:flex;align-items:center;gap:7px;min-height:34px;margin:13px 0 12px;padding:7px 10px;border-radius:10px;color:#6f7e96;background:#f3f6fa;font-size:.72rem;font-weight:800;line-height:1.35}.notice-line.success{color:#397a6d;background:#ebf8f3}.notice-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border-radius:50%;color:#fff;background:#9badc6;font-size:.68rem;font-weight:900}.notice-line.success .notice-icon{background:var(--mint)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 12px}.tool-button{display:flex;align-items:center;gap:8px;min-height:72px;padding:12px 9px;border:1px solid #d9e2ed;border-radius:13px;color:#527095;text-align:left;background:#fff}.tool-button.selected{border:2px solid #5d8dca;padding:11px 8px;color:#244c7e;background:#eef5ff;box-shadow:0 4px #5380be21}.tool-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:10px;font-size:1rem;font-weight:900}.crater-icon{color:#735d57;background:#f2e4d7}.sea-icon{color:#456c8d;background:#dceff2}.tool-button span:last-child{display:grid;gap:2px}.tool-button strong{font-size:.7rem}.tool-button small{color:#8a9bb1;font-size:.61rem}.creation-counters{display:flex;justify-content:center;align-items:center;gap:8px;color:#7890ae;font-size:.74rem}.creation-counters b{color:var(--navy);font-size:1.05rem}.counter-divider{color:#c0cad9}.button-row{display:flex;gap:8px;margin:0 0 11px}.button-row .secondary-btn{flex:1}.tip-copy{margin:12px 0 0;color:#8796aa;font-size:.68rem;line-height:1.45}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0}.result-facts div{display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:11px;background:#f3f7fb;text-align:center}.result-facts .fact-icon{width:24px;height:24px;border-radius:8px;font-size:.85rem}.result-facts strong{color:#3d5980;font-size:.64rem}.result-facts small{color:#8a9ab0;font-size:.56rem}.explanation-box{display:flex;align-items:flex-start;gap:8px;margin:2px 0 14px;padding:10px 11px;border:1px solid #d9e8e8;border-radius:11px;color:#50716f;background:#f0f8f6;font-size:.72rem;line-height:1.45}.explanation-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:7px;color:#fff;background:var(--mint);font-size:.78rem;font-weight:900}.achievement-head{display:flex;justify-content:space-between;margin:16px 0 8px;color:#6f82a0;font-size:.74rem;font-weight:900}.achievement-head b{color:#4a9a88}.achievement-list{display:grid;gap:6px}.achievement{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;border-radius:11px;background:#f3f6fa}.achievement.unlocked{background:#eff9f4}.achievement-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:9px;color:#92a1b4;background:#e7ebf1;font-size:.88rem;font-weight:900}.achievement.unlocked .achievement-icon{color:#fff7cf;background:#e6b84f}.achievement>span:nth-child(2){display:grid;gap:2px;min-width:0}.achievement strong{color:#506887;font-size:.67rem}.achievement small{overflow:hidden;color:#8998ab;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.achievement-state{margin-left:auto;color:#a2adbd;font-size:.58rem;font-weight:900}.achievement.unlocked .achievement-state{color:#4c9a89}.result-actions{margin-top:15px}.result-speech{margin-bottom:0}.source-details{margin:0 0 12px;color:#70829e;font-size:.72rem}.source-details summary{width:fit-content;min-height:var(--control-min);padding:12px 0;cursor:pointer;color:#526a8d;font-size:.84rem;font-weight:800}.source-details p{margin:0 0 6px;padding:9px 11px;border-radius:10px;color:#687a98;background:#f3f6fa;line-height:1.45}.source-details a{color:#345f9d;font-weight:800;text-underline-offset:2px}.download-toast{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:10;padding:12px 15px;border:1px solid #a5d9cb;border-radius:12px;color:#276f61;background:#effaf6;box-shadow:var(--shadow);font-size:.8rem;font-weight:900;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:17px 8px 0;color:#8391a6;font-size:.7rem}@media(max-width:930px){#app{padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.game-layout{grid-template-columns:1fr}.play-panel{min-height:560px}#game-stage{min-height:min(62vw,560px)}.control-panel{padding:20px}.guide-card{max-width:680px;margin:0 auto}}@media(min-width:561px)and (max-width:930px)and (orientation:portrait){#game-stage{min-height:55vh;aspect-ratio:auto}}@media(max-width:560px){#app{padding:max(14px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.app-header{gap:11px;padding:6px 5px 16px}.brand-mark{width:44px;height:44px;border-radius:15px;font-size:24px}.app-header h1{font-size:1.55rem}.eyebrow{font-size:.65rem}.header-copy{max-width:230px;font-size:.75rem;line-height:1.35}.guide-avatar{width:46px;height:46px}.avatar-face{left:11px;top:14px;font-size:19px}.avatar-ear{top:-8px;width:14px;height:17px}.play-panel,.control-panel{border-radius:20px}.play-panel{min-height:0}#game-stage{min-height:65vw;aspect-ratio:1.55}.play-panel-topline{min-height:37px;padding:0 12px;font-size:.68rem}.prototype-tag{display:none}.canvas-caption{min-height:36px;padding:0 12px;font-size:.68rem}.control-panel{padding:17px 14px 16px}.tool-button{padding:9px 6px}.tool-button.selected{padding:8px 5px}.tool-button strong{font-size:.66rem}.tool-button small{font-size:.56rem}.app-footer{display:grid;padding:13px 5px 0;font-size:.63rem}.result-facts strong{font-size:.59rem}.observation-photo{height:175px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}