@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@500;700&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#eee9dc;background:#0e1116;font-synthesis:none;--gold: #d5ac6b;--gold-soft: #efc47d;--panel: #111920d9;--good: #8fd39a;--bad: #f09a8a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}#app{width:100vw;height:100vh;display:block;position:relative;container-type:size;container-name:app}#tm-stage #app{width:100%;height:100%}#game{width:100%;height:100%;display:block}#game{touch-action:none;cursor:crosshair}#game.interactive{cursor:pointer}.hidden{display:none!important}.serif{font-family:"Noto Serif KR",Batang,serif}.dim{opacity:.7;font-size:.92em}.big{font-size:1.25em}.huge{font-size:26px;color:var(--gold-soft);margin:4px 0 10px;letter-spacing:.08em}.good,.green{color:var(--good)}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 34%,rgba(3,6,9,.52) 100%)}.scene-art{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,#081017f0,#081017bb 38%,#08101722),var(--scene-image);background-position:center;background-size:cover;transition:opacity .65s ease}body.show-intro-art .scene-art{opacity:1}body.show-title-art .scene-art{z-index:9;opacity:1;background-image:linear-gradient(#060b13a8,#060b13a8),var(--scene-image)}.opening-vista{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,#06101cbd,#06101c78 38%,#06101c08 69%),var(--opening-image);background-size:cover;background-position:center;transform:scale(1);transition:opacity .7s ease,transform 1.65s cubic-bezier(.2,.55,.1,1),filter 1.65s ease}.opening-vista:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 43%,#ffcf7238,transparent 22%),radial-gradient(circle at 57% 52%,#ffc96924,transparent 16%);mix-blend-mode:screen;animation:palace-light 5s ease-in-out infinite alternate}.opening-vista:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 36%,#bfd2e40d 56%,transparent 76%);animation:palace-mist 13s ease-in-out infinite alternate}body.show-opening-vista .opening-vista{opacity:1;animation:opening-drift 12s ease-in-out infinite alternate}body.show-opening-vista .scene-art{opacity:0}body.opening-fly-in .opening-vista{animation:none;transform:scale(1.34) translate(-5%);transform-origin:85% 44%;filter:brightness(1.2)}.opening-montage{position:fixed;inset:0;z-index:6;overflow:hidden;opacity:0;pointer-events:none}body.opening-fly-in .opening-montage{opacity:1}.opening-montage-screen{position:absolute;inset:-7%;background-image:linear-gradient(90deg,#07121f33,transparent 35%,#07121f33),var(--royal-screen-image);background-size:cover;background-position:center;box-shadow:inset 0 0 140px #07101a;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);opacity:0}body.opening-fly-in .opening-montage-screen{animation:opening-screen-swipe 2.2s cubic-bezier(.23,.62,.18,1) both}.opening-montage-letter{position:absolute;left:50%;top:45%;width:clamp(110px,13cqw,210px);aspect-ratio:1.43;background:linear-gradient(135deg,#fff2ce,#e9c58e);border:1px solid #fff6d9;box-shadow:0 0 45px #f5c76d,0 12px 40px #070e1cbf;opacity:0;transform-origin:center}.opening-montage-letter:before,.opening-montage-letter:after{content:"";position:absolute;inset:0;background:linear-gradient(28deg,transparent 49.5%,#9c7140a8 50%,transparent 50.5%)}.opening-montage-letter:after{transform:scaleX(-1)}.opening-montage-letter span{position:absolute;z-index:1;width:19%;aspect-ratio:1;left:40.5%;top:37%;border-radius:50%;background:#a13b30;box-shadow:0 0 0 4px #c96e4e9e,0 0 24px #ffd586}body.opening-fly-in .opening-montage-letter{animation:opening-letter-flight 2.2s cubic-bezier(.2,.7,.2,1) both}.opening-montage-glint{position:absolute;inset:-40% 0;width:45%;transform:translate(300%) rotate(18deg);background:linear-gradient(90deg,transparent,#fff7d844,#fffad980,#fff7d844,transparent);filter:blur(28px);opacity:0}body.opening-fly-in .opening-montage-glint{animation:opening-glint 2.2s ease-in-out both}.opening-line{position:fixed;z-index:7;bottom:14%;width:100%;text-align:center;pointer-events:none;opacity:0;transform:translateY(18px);color:#fff1cc;font-family:"Noto Serif KR",serif;font-size:clamp(19px,3cqw,38px);letter-spacing:.1em;text-shadow:0 0 24px #f7bb62,0 3px 20px #07101a;transition:opacity .55s ease .65s,transform .7s ease .65s}body.opening-fly-in .opening-line{opacity:1;transform:translateY(0)}@keyframes opening-drift{0%{transform:scale(1)}to{transform:scale(1.055) translate(-.6%)}}@keyframes palace-light{0%{opacity:.4}to{opacity:1}}@keyframes palace-mist{0%{transform:translate(-3%);opacity:.45}to{transform:translate(3%);opacity:1}}@keyframes opening-screen-swipe{0%,8%{opacity:0;transform:translate(85%) scale(1.18) rotate(-4deg)}30%{opacity:.96;transform:translate(2%) scale(1.08) rotate(0)}58%{opacity:.94;transform:translate(-4%) scale(1.08)}to{opacity:0;transform:translate(-110%) scale(1.15) rotate(3deg)}}@keyframes opening-letter-flight{0%,16%{opacity:0;transform:translate(70cqw,-28cqh) scale(.25) rotate(-28deg)}43%{opacity:1;transform:translate(-30%,-40%) scale(.9) rotate(-10deg)}67%{opacity:1;transform:translate(-50%,-50%) scale(1.28) rotate(0)}to{opacity:0;transform:translate(-125cqw,16cqh) scale(2.4) rotate(22deg)}}@keyframes opening-glint{0%,20%{opacity:0;transform:translate(300%) rotate(18deg)}46%{opacity:.8}to{opacity:0;transform:translate(-240%) rotate(18deg)}}.fade{position:fixed;inset:0;background:#05070a;opacity:1;pointer-events:none;z-index:8}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.brand{font-size:13px;letter-spacing:.25em;font-weight:700;display:flex;align-items:center;gap:10px}.brand-mark{font-size:23px;color:#d8ae6e;line-height:0}.chapter{font-size:12px;letter-spacing:.14em;color:#d0c4ac}.chapter span{opacity:.4;margin:0 8px}.top-actions{display:flex;gap:8px}.icon-button{height:40px;width:40px;border:1px solid #ffffff55;border-radius:50%;background:#151b20cc;color:#efe7d5;font-size:17px}.icon-button:hover{border-color:var(--gold)}.icon-button.off{opacity:.55}.hint-button{border-color:#efc47d99}.intro{position:fixed;left:clamp(24px,8cqw,130px);top:50%;transform:translateY(-50%);z-index:4;max-width:580px;transition:opacity .32s ease,transform .36s ease}body.opening-fly-in .intro{opacity:0;transform:translateY(-54%) scale(.97);pointer-events:none}.intro .eyebrow{margin-bottom:18px}.intro h1{font-family:"Noto Serif KR",serif;font-size:clamp(46px,7cqw,96px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:0 0 24px;text-shadow:0 5px 35px #090c0ed9}body.show-opening-vista .intro h1{color:#fff1d1;text-shadow:0 0 35px #d89b547d,0 5px 35px #090c0e}.intro>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#e2ddd2;margin:0 0 24px;text-shadow:0 3px 20px #000}body.show-opening-vista .intro>p:not(.eyebrow){max-width:500px;color:#f0e6cf}.mode-pick{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.mode-pick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;min-width:170px;background:#111920cc;border:1px solid #ffffff40;color:#efe7d5;text-align:left}.mode-pick button b{font-size:16px}.mode-pick button span{font-size:12px;opacity:.75}.mode-pick button.on{border-color:var(--gold);background:#2a2418e6;box-shadow:inset 0 0 0 1px var(--gold)}.quality-pick{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-8px 0 22px;font-size:12px;color:#c9c1b0}.quality-label{margin-right:4px;letter-spacing:.08em}.quality-pick button{padding:5px 12px;border-radius:999px;border:1px solid #ffffff40;background:#111920cc;color:#efe7d5;font-size:12px}.quality-pick button.on{border-color:var(--gold);background:#2a2418e6;color:var(--gold-soft)}.quality-note{margin-left:4px;opacity:.7}.intro-buttons{display:flex;gap:10px;flex-wrap:wrap}.primary-button{border:0;background:var(--gold);color:#1b1c1b;padding:16px 22px;min-width:190px;text-align:left;font-size:15px;font-weight:700;display:inline-flex;justify-content:space-between;gap:25px;align-items:center;transition:background .2s,transform .2s}.primary-button:hover{background:#f1cc88;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:12px}.secondary-button{border:1px solid #ffffff55;background:#111920cc;color:#efe7d5;padding:15px 18px;font-size:14px}.resume-note{font-size:13px!important;color:var(--gold-soft)!important;margin:14px 0 0!important}.intro-note{font-size:12px;color:#b9b6ae;margin-top:22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.27em;color:#dcb875;margin:0 0 22px}.hud{position:fixed;inset:0;pointer-events:none;z-index:3}.objective{position:absolute;top:84px;left:24px;max-width:min(430px,calc(100cqw - 60px));padding:12px 16px;background:var(--panel);border-left:3px solid var(--gold);font-size:15px;line-height:1.6;color:#f2e9d8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.objective.pulse{animation:pulse 1.2s ease}@keyframes pulse{0%{box-shadow:0 0 #efc47d99;transform:translate(0)}20%{transform:translate(6px)}to{box-shadow:0 0 0 16px #efc47d00;transform:translate(0)}}.obj-tag{display:block;font-size:10px;letter-spacing:.2em;color:#dcb875;font-weight:700;margin-bottom:2px}.objective small{opacity:.75;font-size:12px}.checklist{list-style:none;padding:0;margin:6px 0 0;font-size:14px}.checklist li{margin:3px 0}.checklist li.done{color:var(--good)}.crosshair{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:#f3e3c0;transform:translate(-50%,-50%);box-shadow:0 0 6px #000;visibility:hidden;transition:width .15s,height .15s,background .15s}.crosshair.show{visibility:visible}.crosshair.center{left:50%!important;top:50%!important}body.mouse-locked #game{cursor:none}.crosshair.active{width:14px;height:14px;background:var(--gold-soft);box-shadow:0 0 0 3px #efc47d44,0 0 10px #000}.edge-arrow{position:absolute;left:0;top:0;font-size:30px;color:#ffd98a;text-shadow:0 0 12px #ffb040,0 0 3px #000;animation:nudge 1s ease-in-out infinite}@keyframes nudge{50%{opacity:.55}}.hint{position:absolute;bottom:104px;left:50%;transform:translate(-50%);padding:10px 18px;background:var(--panel);border:1px solid #dac19044;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:15px;white-space:nowrap;color:#f2e9d8;transition:opacity .25s;opacity:0;max-width:calc(100cqw - 30px)}.hint.show{opacity:1}.hint.toast{border-color:var(--gold)}.bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:24px 32px;background:linear-gradient(transparent,#070b10b5)}.inventory{display:flex;align-items:center;gap:14px;min-height:35px;min-width:0}.inventory-label{font-size:12px;font-weight:700;letter-spacing:.14em;color:#d5ae6e;white-space:nowrap}.inventory-items{display:flex;gap:8px;flex-wrap:wrap}.inventory-item{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #d7b87470;padding:7px 11px;background:#192026e6;color:#efe7d5;font-size:13px}button.inventory-item:hover{border-color:var(--gold)}.inventory-item .icon{background:#efe6d0;border-radius:3px}.empty{font-size:13px;color:#a5a8a5}.text-button{pointer-events:auto;background:none;border:0;color:#e3d9c9;font-size:13px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.touch-pad{position:absolute;left:24px;bottom:92px;display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;pointer-events:auto}.touch-pad{touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button{border:1px solid #d5ac6b88;background:#111920b3;color:#f2e9d8;font-size:18px;border-radius:12px;touch-action:none}.touch-pad button.on{background:#d5ac6bcc;color:#161e22}.title-card{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:auto;opacity:0;transition:opacity .5s;text-shadow:0 4px 28px #000}.title-card.in{opacity:1}.title-card h2{font-family:"Noto Serif KR",serif;font-size:clamp(48px,8cqw,92px);margin:0 0 10px;font-weight:700;letter-spacing:.02em}.title-card #titleSub{font-size:20px;color:#e2d6bf;margin:0}.title-card button{margin-top:36px;padding:12px 28px;border:1px solid #cfad6b88;background:#101a20bb;color:#f3e3c0;border-radius:6px;cursor:pointer}.title-card .eyebrow{margin-bottom:16px}.dialog-backdrop{position:fixed;inset:0;z-index:10;background:#080d15b8;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(9px) saturate(.8);backdrop-filter:blur(9px) saturate(.8)}.dialog{position:relative;width:min(100%,700px);max-height:calc(100cqh - 40px);overflow:auto;padding:42px 48px 36px;color:#28231c;background:radial-gradient(circle at 86% 12%,#fff9e9 0,transparent 37%),radial-gradient(circle at 8% 88%,#d8c6a242 0,transparent 40%),repeating-linear-gradient(0deg,#b7956012 0 1px,transparent 1px 6px),#f1e8d4;border:1px solid #e3d4b7;border-radius:4px;box-shadow:0 28px 70px #030608b8,0 0 0 8px #0b1015a6;scrollbar-color:#a58b65 transparent}.dialog.wide{width:min(100%,940px)}.dialog:before{content:"";position:absolute;inset:10px;border:1px solid #a8865d38;border-radius:2px;pointer-events:none}.dialog:after{content:"";display:block;width:34px;height:3px;margin-top:28px;background:#9f513d;opacity:.8}.dialog-close{position:absolute;top:20px;right:22px;border:1px solid #8c735854;border-radius:50%;background:#f8f0df9c;color:#523c2d;font-size:25px;line-height:1;width:38px;height:38px}.dialog-close:hover{background:#e5d6b8}.dialog .eyebrow{margin-bottom:12px;font-size:11px;color:#9b513b}.dialog h2{font-family:"Noto Serif KR",serif;font-size:31px;font-weight:700;letter-spacing:-.035em;margin:0 0 20px;padding-right:36px;line-height:1.35;color:#241e1a}.dialog-body{font-size:17px;line-height:1.85;color:#3c352c}.dialog-body p{margin:0 0 14px}.dialog-body strong{color:#954a34}.dialog-body em{color:#385465}.dialog-body blockquote{margin:0 0 14px;padding:13px 18px;border-left:2px solid #aa6147;background:#dfcfaf91;font-family:"Noto Serif KR",serif;line-height:1.9}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;position:relative}.dialog.wide .dialog-actions{position:sticky;bottom:-36px;z-index:2;padding:14px 0 18px;margin-bottom:-18px;background:linear-gradient(#f1e8d4f0,#f1e8d4);border-top:1px solid #aa8d6655}.dialog-actions button{padding:11px 18px;border:1px solid #3e372e;border-radius:3px;background:#35322d;color:#faf2df;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.dialog-actions button:hover{background:#574a3b;transform:translateY(-1px)}.dialog-actions button.secondary{background:transparent;color:#514333;border-color:#a9906a;font-weight:500}.dialog-actions button.secondary:hover{background:#dfcfad}.dialog .message{color:#944a35}.dialog .jegi-score,.dialog .glyph-row b,.dialog .stats b{color:#8d4736}.dialog .gift{border-color:#a78660}.dialog .sato-says{color:#e9dfd0}.dialog kbd{background:#e5d6ba;color:#34291f;border-color:#ab9274}.dialog .term{color:#49301f;border-color:#986a43}.dialog .field{color:#463a2c}.dialog .pool-label{color:#805139}.message{font-size:17px;color:#f3cf8f;min-height:22px;margin-top:12px;line-height:1.7}kbd{display:inline-block;padding:1px 7px;border:1px solid #ffffff55;border-bottom-width:2px;border-radius:4px;font-size:.85em;background:#0b1216;font-family:inherit}.term{border-bottom:2px dotted var(--gold-soft);cursor:help;color:#fff3da}.term-tip{position:fixed;z-index:12;max-width:280px;padding:10px 14px;background:#f3ead6;color:#231a12;font-size:14px;line-height:1.6;box-shadow:0 10px 30px #000a;border-radius:4px}.sentence-line{border:1px solid #d3aa6c80;background:#090f13;padding:14px 16px;text-align:center;font-size:22px;min-height:64px;line-height:1.5;color:#e7c17f;margin:14px 0 12px}.placeholder{opacity:.45;font-size:15px}.card-row{display:flex;flex-wrap:wrap;gap:8px}.word-card{padding:12px 16px;border:1px solid #617172;border-left:6px solid #888;background:#19252a;color:#f0eadf;font-size:16px}.word-card:hover:not(:disabled){background:#26333a}.word-card:disabled{opacity:.35;cursor:default}.writing-table{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:14px 0;font-size:14px;line-height:1.6}.writing-table b.big{font-size:18px;color:#f2e9d8}.message-box{margin:6px 0 14px;padding:12px 16px 12px 36px;background:#efe6d0;color:#2a1c14;font-size:16px;line-height:1.8;border-radius:2px}.message-box .heart{color:#8a4a3a}.gift{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--gold);margin-top:10px}.gift .icon{background:#efe6d0;border-radius:4px}.stamp-show{display:flex;justify-content:center;margin:4px 0 12px}.stamp-show .icon{background:#efe6d0;padding:6px;border-radius:6px;width:110px;height:110px}.note-sheet{background:#efe6d0;color:#2a1c14;padding:12px;margin:10px 0;display:grid;gap:8px}.note-row{display:grid;grid-template-columns:minmax(120px,1.1fr) 84px 84px minmax(120px,1.4fr);gap:8px;align-items:center;padding:6px;border:2px solid transparent}.note-row.ok{border-color:#4f9a5c;background:#e3efd9}.note-row.bad{border-color:#c8463c;background:#f5dcd6}.note-row.heart{grid-template-columns:1fr 1fr;opacity:.75;font-style:italic}.row-label{font-size:14px;font-weight:700;line-height:1.4}.row-read{font-size:14px;line-height:1.4}.cell{height:84px;border:2px dashed #a8906a;background:#fbf6ea;color:#2a1c14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px}.cell.filled{border-style:solid;border-color:#6b4a2e}.cell .plus{font-size:26px;opacity:.4}.pool-label{font-size:12px!important;letter-spacing:.15em;color:#dcb875;margin:12px 0 6px!important;font-weight:700}.stamp-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;min-width:78px;border:1px solid #617172;background:#19252a;color:#f0eadf;font-size:13px}.stamp-card .icon{background:#efe6d0;border-radius:4px}.stamp-card:hover:not(:disabled){border-color:var(--gold);background:#26333a}.stamp-card:disabled{opacity:.3;cursor:default}.jegi-canvas{display:block;width:100%;max-width:340px;margin:8px auto;border:1px solid #d3aa6c80;touch-action:none;cursor:pointer}.jegi-score{text-align:center;font-size:22px;font-weight:700;color:var(--gold-soft)}.record{background:#efe6d0;color:#2a1c14;padding:10px 14px;margin:8px 0 14px;display:grid;gap:4px}.rec-line{display:grid;grid-template-columns:24px 110px 1fr;gap:4px 10px;align-items:baseline;padding:6px 8px;border-left:4px solid transparent}.rec-line b{font-size:20px}.rec-line .dim{font-size:13px}.rec-mean{grid-column:2 / -1;font-size:14px}.rec-line.current{border-left-color:#c8463c;background:#f5e4c8}.rec-line.fixed{border-left-color:#4f9a5c}.rec-line.fixed .rec-mean{color:#2f6b3a;font-weight:700}.rec-no{font-weight:700;opacity:.6}.sato-says{display:flex;gap:12px;align-items:baseline;padding:12px 14px;background:#0b1216;border-left:3px solid #6b98dc;margin-bottom:10px}.sato-says b{color:#9dbbe8;white-space:nowrap}.ask{font-weight:700}.ok-mark{font-size:30px;line-height:44px;color:var(--good)}.trace-wrap{display:flex;justify-content:center}.trace-canvas{width:min(320px,72cqw);height:auto;aspect-ratio:1;border:1px solid #d3aa6c80;touch-action:none;cursor:crosshair;background:#efe6d0}.glyph-row{display:flex;justify-content:center;gap:28px;margin:6px 0 16px}.glyph-row span{display:flex;flex-direction:column;align-items:center;font-size:14px}.glyph-row b{font-size:46px;color:var(--gold-soft);line-height:1.2}.quiz-row{display:flex;gap:14px;justify-content:center;margin:12px 0}.quiz-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 18px;border:2px solid #617172;background:#efe6d0;color:#2a1c14;font-size:14px;font-weight:700}.quiz-option:hover:not(:disabled){border-color:var(--gold)}.quiz-option.right{border-color:#4f9a5c;background:#e3efd9}.quiz-option.wrong{border-color:#c8463c}.letter-card{display:flex;gap:14px;align-items:center;background:#efe6d0;color:#2a1c14;padding:16px 18px;margin-bottom:14px;font-family:"Noto Serif KR",serif;font-size:19px;line-height:1.7}.letter-card p{margin:0}.letter-card.mine{flex-direction:column;align-items:stretch}.letter-card .to{font-weight:700}.letter-card .from{text-align:right;font-weight:700}.letter-card .icon{flex:none}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px;color:#e2d6bf}.field input,.field textarea{font:inherit;font-size:17px;padding:10px 12px;background:#efe6d0;color:#231a12;border:1px solid #a8906a;resize:vertical}.stats{display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 12px;font-size:14px}.stats b{color:var(--gold-soft)}.help-keys{padding-left:18px;margin:0 0 12px}.help-keys li{margin:4px 0}.hint-line{display:flex;gap:10px;align-items:baseline}.hint-line b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#161e22;display:inline-grid;place-items:center;font-size:13px}@container app (max-width: 650px){.topbar{padding:14px 16px}.chapter{display:none}.intro{left:20px;right:20px}.intro h1{font-size:52px}.objective{top:68px;left:12px;font-size:14px}.bottom-bar{padding:14px 16px}.hint{bottom:86px;white-space:normal;text-align:center;font-size:14px}.dialog-backdrop{padding:12px}.dialog{max-height:calc(100cqh - 24px);padding:32px 24px 24px}.dialog h2{font-size:26px}.dialog-body{font-size:16px}.dialog-close{width:44px;height:44px;top:16px;right:18px}.dialog-actions button{flex:1 1 auto;min-height:44px}.note-row{grid-template-columns:1fr 70px 70px}.note-row .row-read{grid-column:1 / -1}.cell{height:70px}.rec-line{grid-template-columns:20px 90px 1fr}}.talk{position:fixed;inset:0;z-index:10;background:linear-gradient(to top,#05080ed6 0%,#05080e70 30%,transparent 68%);outline:none;cursor:pointer}.talk-portrait{position:absolute;bottom:188px;width:min(34cqw,380px);height:min(56cqh,520px);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transition:filter .25s,transform .25s,opacity .25s;filter:brightness(.45) saturate(.6);transform:translateY(12px) scale(.96)}.talk-portrait.left{left:max(2cqw,calc(50% - 600px))}.talk-portrait.right{right:max(2cqw,calc(50% - 600px))}.talk-portrait.right svg,.talk-portrait.right img{transform:scaleX(-1)}.talk-portrait.empty{opacity:0}.talk-portrait.active{filter:none;transform:none}.talk-portrait svg,.talk-portrait img{max-width:100%;max-height:100%;filter:drop-shadow(0 10px 24px #000c)}.talk-portrait.speaking svg,.talk-portrait.speaking img{animation:bob .32s ease-in-out infinite alternate}.talk-portrait .eyes{transform-box:fill-box;transform-origin:center;animation:blink 4.4s infinite}.talk-portrait .mouth-open{opacity:0;transform-box:fill-box;transform-origin:center}.talk-portrait.speaking .mouth-open{animation:talk .16s ease-in-out infinite alternate}@keyframes bob{to{translate:0 -4px}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes talk{0%{opacity:1;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.talk-box{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(100%,1160px);min-height:190px;padding:54px 42px 18px;background:linear-gradient(120deg,#151c24f2,#111820eb);border-top:1px solid #dabd83a6;border-radius:10px 10px 0 0;box-shadow:0 -18px 55px #03070a8a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.talk-box:before{content:"";position:absolute;left:42px;top:22px;width:22px;height:2px;background:#cb9f64}.talk-name{position:absolute;top:13px;left:76px;color:#e5bf83;font-family:"Noto Serif KR",serif;font-size:18px;font-weight:700;letter-spacing:.02em}.talk-name.right{left:76px;color:#afd5b9}.talk-title{position:absolute;top:19px;right:42px;font-size:11px;letter-spacing:.16em;color:#c9bba3aa;font-weight:500}.talk-text{font-family:"Noto Serif KR",serif;font-size:21px;line-height:1.75;color:#f7f1e7;min-height:70px}.talk-text p{margin:0 0 8px}.talk-text strong{color:var(--gold-soft)}.talk-text em{color:#cfe0ff}.talk-text.narr{color:#d7d6cf;font-style:italic}.talk-text .gift,.talk-text .message-box{cursor:auto}.talk-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.talk-choices:empty{display:none}.talk-choices button{display:inline-flex;align-items:center;gap:10px;padding:10px 17px;border:1px solid #d5b27c9c;border-radius:3px;background:#c8a773;color:#171b1e;font-size:16px;font-weight:700}.talk-choices button.secondary{background:#ffffff0b;color:#eee2cb;font-weight:500}.talk-choices button:hover{filter:brightness(1.1)}.talk-choices .key{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#161e2233;font-size:13px}.talk-choices button.secondary .key{background:#fff2}.talk-foot{display:flex;align-items:center;gap:6px;margin-top:8px}.talk-small{border:0;background:none;color:#c7bba7;font-size:12px;padding:5px 8px}.talk-small:hover:not(:disabled){color:#fff}.talk-small:disabled{opacity:.3;cursor:default}.talk-next{margin-left:auto;color:var(--gold-soft);font-size:18px;animation:nudge-down .8s ease-in-out infinite}.talk.typing .talk-next,.talk.at-end .talk-choices:not(:empty)~.talk-foot .talk-next{visibility:hidden}@keyframes nudge-down{50%{transform:translateY(4px);opacity:.6}}@media(prefers-reduced-motion:reduce){.talk-portrait .eyes,.talk-portrait.speaking svg,.talk-portrait.speaking .mouth-open,.talk-next{animation:none}}@media(prefers-reduced-motion:reduce){.opening-vista,.opening-vista:before,.opening-vista:after{animation:none!important;transition:opacity .2s ease}.opening-line{transition:none}.opening-montage{display:none}}@container app (max-width: 650px){.talk-portrait{width:44cqw;height:34cqh;bottom:205px}.talk-box{padding:48px 20px 16px;min-height:205px}.talk-box:before{left:20px;top:22px}.talk-text{font-size:17px}.talk-name,.talk-name.right{font-size:16px;left:52px}.talk-title{right:20px;font-size:10px}.talk-choices button{font-size:15px;padding:10px 13px}.talk-small{min-height:42px;padding:10px 8px;font-size:13px}}.seeds{position:absolute;top:84px;right:24px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border:1px solid #d5ac6b55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seeds-label{font-size:11px;letter-spacing:.16em;color:#dcb875;font-weight:700;margin-right:2px}.seed{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px dashed #ffffff40;color:#ffffff40;font-size:20px;font-weight:700}.seed.on{border:1px solid #ffd98a;color:#ffe7b0;background:radial-gradient(circle,#ffd98a55,#ffd98a11);box-shadow:0 0 12px #ffc86a88}.seeds.pulse{animation:pulse 1.2s ease}.seed-get{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #ffd98a88;background:radial-gradient(circle at 30px 50%,#ffd98a33,transparent 70%)}.seed-get b:first-child{font-size:40px;color:#ffe7b0;text-shadow:0 0 14px #ffc86a;min-width:40px;text-align:center}.seed-note{color:#ffe7b0}.sound-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0}.sound-slot{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px;background:#efe6d0;color:#2a1c14;border:2px solid #a8906a}.sound-slot b{font-family:"Noto Serif KR",serif;font-size:30px}.sound-slot span{min-height:26px;font-size:20px;font-weight:700;color:#8a3a2a}.sound-slot.current{border-color:#c8463c;box-shadow:0 0 0 3px #c8463c44}.chart{display:grid;grid-template-columns:repeat(6,minmax(52px,1fr));gap:6px;margin:6px 0}.chart button{display:flex;flex-direction:row;justify-content:center;align-items:baseline;gap:6px;padding:5px 4px;border:1px solid #617172;background:#19252a;color:#f0eadf;font-size:15px}.chart button b{font-family:"Noto Serif KR",serif;font-size:22px}.chart button[data-ch]:hover{border-color:var(--gold);background:#26333a}.sound-slot{min-width:56px;padding:6px}.chart button.missing{opacity:.25;cursor:default}@container app (max-width: 650px){.seeds{top:68px;right:12px;padding:6px 8px}.seed{width:28px;height:28px;font-size:17px}.seeds-label{display:none}}.usage-chips{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:-10px 0 20px;color:#c9c1b0}.usage-chip{font-size:12px;padding:3px 9px;border:1px solid #ffffff38;border-radius:999px;background:#0e1116a6;letter-spacing:.02em}.title-foot,.site-footer{display:none}body.show-intro-art .title-foot{position:fixed;z-index:4;left:clamp(24px,8cqw,130px);right:clamp(24px,8cqw,130px);bottom:46px;display:flex;align-items:center;gap:8px;transition:opacity .32s ease}body.show-intro-art .site-footer{position:fixed;z-index:4;left:0;right:0;bottom:0;display:block;padding-bottom:24px;text-align:center;font-size:12px;color:#64748b}body.opening-fly-in .title-foot,body.opening-fly-in .site-footer{opacity:0;pointer-events:none}.site-footer a{color:inherit;text-underline-offset:3px}.foot-icon{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#111920cc;color:#efe7d5;text-decoration:none}.foot-icon:hover{border-color:var(--gold);color:var(--gold-soft)}.foot-copied{font-size:12px;color:var(--gold-soft)}.foot-ver{position:relative;margin-left:auto;padding:6px 4px;background:none;border:0;color:#b9b6ae;font-size:12px;letter-spacing:.06em}.foot-ver:hover{color:var(--gold-soft)}.foot-dot{position:absolute;top:4px;right:-6px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.log-ver{margin:0 0 10px}.log-ver summary{cursor:pointer}.log-ver ul{margin:6px 0 0;padding-left:4px;list-style:none}.log-ver li{margin:4px 0}.log-kind{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:4px;font-size:12px;background:#e9dcc2;color:#5a4320}.log-kind.fix{background:#f3d5cc;color:#7a2f1f}.log-kind.up{background:#d6ead8;color:#2c5a33}@container app (max-width: 650px){body.show-intro-art .title-foot{left:16px;right:16px;bottom:40px;gap:6px}body.show-intro-art .site-footer{padding-bottom:14px}}@container app (max-height: 520px){.intro{top:calc(50% - 26px)}.intro .eyebrow{margin-bottom:6px}.intro h1{font-size:38px;margin-bottom:14px}.intro>p:not(.eyebrow):not(.resume-note),.intro-note{display:none}.usage-chips{margin:0 0 12px}.mode-pick{margin-bottom:12px}.mode-pick button{padding:8px 12px}.primary-button,.secondary-button{padding-top:11px;padding-bottom:11px}body.show-intro-art .title-foot{bottom:30px}body.show-intro-art .site-footer{padding-bottom:8px}}.focus-frame{position:absolute;left:0;top:0;pointer-events:none;z-index:2;transition:width .12s ease-out,height .12s ease-out,transform .12s ease-out}.focus-frame i{position:absolute;width:14px;height:14px;border:0 solid #ffe2a8;filter:drop-shadow(0 0 4px #000a)}.focus-frame i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px;border-top-left-radius:4px}.focus-frame i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px;border-top-right-radius:4px}.focus-frame i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px;border-bottom-left-radius:4px}.focus-frame i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px;border-bottom-right-radius:4px}.focus-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 6px 5px 12px;border-radius:999px;background:#0e1116b8;border:1px solid #ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6ecd8;font-size:13px;letter-spacing:.01em;box-shadow:0 4px 16px #0006}.focus-label kbd{font:inherit;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:#1b1c1b}.focus-frame.pop i{animation:focus-in .22s ease-out}.focus-frame.pop .focus-label{animation:focus-label-in .22s ease-out}@keyframes focus-in{0%{opacity:0;transform:scale(1.35)}}@keyframes focus-label-in{0%{opacity:0;transform:translate(-50%,-4px)}}@media(prefers-reduced-motion:reduce){.focus-frame{transition:none}.focus-frame.pop i,.focus-frame.pop .focus-label{animation:none}}