:root{--ink: #5e4b3c;--paper: #f7efe3}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#efe2cf;color:var(--ink);font-family:Gowun Dodum,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}#loading{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;font-size:15px;opacity:.7;pointer-events:none}#loading[hidden]{display:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;padding:calc(env(safe-area-inset-top) + 10px) 12px 0;pointer-events:none}.spacer{flex:1}.icon{pointer-events:auto;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff73;display:grid;place-items:center;cursor:pointer}.icon svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.icon[hidden],#mute .cross,#mute.off .wave{display:none}#mute.off .cross{display:inline}#stageline{position:fixed;left:24px;right:24px;top:27%;margin:0;text-align:center;font-family:Gowun Batang,serif;font-size:clamp(16px,4.6vw,19px);line-height:1.75;white-space:pre-line;word-break:keep-all;color:var(--ink);text-shadow:0 0 18px rgba(255,248,235,.9),0 0 9px rgba(255,248,235,.95),0 0 3px rgba(255,248,235,.95);opacity:0;pointer-events:none}#stageline.show{animation:stageline 5.4s ease both}@keyframes stageline{0%{opacity:0;transform:translateY(6px)}16%{opacity:1;transform:none}76%{opacity:1}to{opacity:0}}#teaching{position:fixed;left:24px;right:24px;top:calc(env(safe-area-inset-top) + 170px);margin:0;text-align:center;font-family:Gowun Batang,serif;font-size:clamp(15px,4.2vw,18px);line-height:1.7;white-space:pre-line;word-break:keep-all;color:var(--ink);text-shadow:0 0 14px rgba(255,248,235,.95),0 0 7px rgba(255,248,235,.95),0 0 2px rgba(255,248,235,.95);opacity:0;pointer-events:none}#teaching.show{animation:teaching 3.6s ease both}@keyframes teaching{0%{opacity:0;transform:translateY(5px)}18%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#teaching.show,#stageline.show{animation-duration:.01s;animation-fill-mode:forwards;opacity:1}}#ending{position:fixed;top:0;left:0;right:0;max-height:100%;display:flex;padding:56px 16px 8px;overflow-y:auto;pointer-events:none}#ending[hidden]{display:none}.card{margin:auto;max-width:340px;padding:12px 8px;border-radius:24px;background:radial-gradient(closest-side,#faf4eaeb,#faf4ea99 70%,#faf4ea00);text-align:center;opacity:0;transform:translateY(10px);transition:opacity 1.6s ease,transform 1.6s ease}#ending.show .card{opacity:1;transform:none}#ending.instant .card,#ending.instant #restart{transition:none}.done{margin:0 0 14px;font-size:14px;letter-spacing:.08em;color:#a07c45}#phrase{margin:0 0 14px;font-family:Gowun Batang,serif;font-size:clamp(17px,5.4vw,21px);line-height:1.7;white-space:pre-line;word-break:keep-all}#note{margin:0 0 18px;font-size:11.5px;line-height:1.5;opacity:.55;word-break:keep-all}#credit{margin:14px 0 0;font-size:10.5px;line-height:1.5;opacity:.55;word-break:keep-all}#credit a{pointer-events:auto;color:inherit}#restart{pointer-events:auto;font:inherit;font-size:15px;color:var(--ink);background:#fff9;border:1.5px solid rgba(94,75,60,.35);border-radius:999px;padding:10px 22px;cursor:pointer;opacity:0;transition:opacity 1s ease}#restart.show{opacity:1}#restart[hidden]{display:none}@media(prefers-reduced-motion:reduce){.card,#restart{transition:none}}