:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee7d8;--gold:#f3cd90;--green:#c7e5a7;--muted:#c9c2b3;--stage-width:min(94vw, 1200px, calc((100svh - 112px) * 16 / 9));background:#080a0f;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{align-items:center;min-height:100svh;margin:0;display:grid}button,input{font:inherit}button{color:inherit;cursor:pointer;line-height:1.35}button:disabled{opacity:.57;cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{color:#132215;background:#c6dcac}kbd{color:inherit;font-family:Courier New,monospace;font-size:.95em;font-weight:600}.shell{width:var(--stage-width);min-width:min(94vw,448px);margin:0 auto}.bar{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.wordmark{letter-spacing:.075em;font-family:Batang,AppleMyungjo,serif;font-size:1.48rem}.stage{isolation:isolate;aspect-ratio:16/9;background:#0a0913;border:1px solid #343746;width:100%;position:relative;overflow:hidden}.stage:focus-visible{outline-offset:3px;outline:1px solid #76684e}#world,#exploration{position:absolute;inset:0}#world>canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated!important;image-rendering:crisp-edges!important}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 clamp(30px,7vw,94px) clamp(8px,1.4vw,20px) #070913c4}#exploration{pointer-events:none}#exploration button{pointer-events:auto}.narration{color:#eee7d8;text-align:center;background:#0c0f17ef;border:1px solid #555360;width:66%;max-width:730px;min-height:43px;padding:.62em 2.1em;font-size:clamp(.77rem,1.38vw,1rem);line-height:1.58;position:absolute;top:5%;left:50%;transform:translate(-50%)}#narration-prompt{color:#b6a77d;position:absolute;bottom:.34em;right:.7em}.nearby{color:var(--gold);text-wrap:nowrap;background:#1b1810f4;border:1px solid #a4875a;padding:.34em .62em;font-size:clamp(.71rem,1.18vw,.92rem);position:absolute;transform:translate(-50%,-100%)}.nearby:hover{background:#332919}.room-name,.items{color:var(--muted);text-shadow:0 1px 3px #000;font-size:clamp(.71rem,1.13vw,.87rem);position:absolute;bottom:2.75%}.room-name{left:2.25%}.items{color:#e0c591;right:2.25%}.controls{color:var(--muted);flex-wrap:wrap;place-content:center flex-start;gap:8px 18px;min-height:43px;padding:8px 0;font-size:.82rem}#save-warning{color:#fdc2a7;margin-left:auto}.scene-panel{place-items:center;display:grid;position:absolute;inset:0}.title-screen{background:linear-gradient(90deg,#090a13ee 0%,#090a13b3 46%,#090a1347 100%);justify-items:start;padding:6% 10%}.title-content h2{letter-spacing:.04em;color:#f4e9d2;margin:0 0 .28em;font-family:Batang,AppleMyungjo,serif;font-size:clamp(2rem,7.3vw,5.5rem);font-weight:400;line-height:1.1}.title-content p{color:#e3d7c4;margin:0 0 1.25em;font-size:clamp(.75rem,1.45vw,1.08rem);line-height:1.7}.pause-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.is-title .shell>.bar{visibility:hidden}.title-menu{gap:9px;min-width:0;display:grid}.title-option{text-align:left;background:0 0;border:0;align-items:center;width:100%;min-height:44px;padding:0 10px 0 21px;display:flex;position:relative}.title-option:before{content:"";clip-path:polygon(0 0,20% 0,20% 20%,40% 20%,40% 40%,80% 40%,80% 60%,40% 60%,40% 80%,20% 80%,20% 100%,0 100%);visibility:hidden;background:#edc18c;width:10px;height:10px;position:absolute;left:2px}.title-option:not(:disabled):is(:hover,:focus):before{visibility:visible}.title-option:focus-visible{outline-offset:2px;outline:1px dotted #e6bf92}.title-option:active{transform:translateY(1px)}.title-option img{width:auto;height:18px;image-rendering:pixelated;opacity:.84;filter:drop-shadow(2px 3px #10080a);display:block}.title-option:not(:disabled):is(:hover,:focus) img{opacity:1}@media (width>=720px) and (height>=455px){.title-option{min-height:56px;padding-left:27px}.title-option img{height:36px}}@media (prefers-reduced-motion:no-preference){.title-screen:not([hidden]):has(#new-game:enabled) .title-option img{animation:title-text-tune .36s steps(1, end) var(--title-tune-delay,0s) backwards}.title-screen #continue img{--title-tune-delay:72ms}}@keyframes title-text-tune{0%{clip-path:polygon(0 7%,83% 7%,83% 23%,100% 23%,100% 36%,0 36%);transform:translate(-6px)}14%{clip-path:polygon(13% 0,100% 0,100% 40%,87% 40%,87% 63%,100% 63%,100% 100%,0 100%,0 77%,15% 77%,15% 46%,0 46%,0 29%,13% 29%);transform:translate(6px)}29%{clip-path:inset(56% 0 0);transform:translate(-3px)}42%{clip-path:polygon(0 0,100% 0,100% 54%,73% 54%,73% 69%,100% 69%,100% 100%,11% 100%,11% 71%,0 71%,0 40%,20% 40%,20% 24%,0 24%);transform:translate(4px)}59%{clip-path:inset(0);transform:translate(0)}72%{clip-path:inset(22% 0 9%);transform:translate(-2px)}85%,to{clip-path:inset(0);transform:translate(0)}}.load-state:not(.visually-hidden){color:#f4d4b7;margin:0;font-size:clamp(.78rem,1.6vw,1rem);position:absolute;bottom:7%;left:10%;right:10%}.ending-screen{text-align:center;background:#090d16e8;padding:6%}.ending-screen h2{font-size:clamp(1.7rem,5vw,4.4rem)}.ending-screen p{white-space:pre-line}.quiet,.primary{background:#111319;border:1px solid #5f5a4e;padding:.46em .78em}.quiet:hover{background:#27271e}.primary{color:#142010;background:#c7e0a8;border-color:#c0d4ad;font-weight:650}.primary:not(:disabled):hover{background:#def0c9}.primary:active,.quiet:active{transform:translateY(1px)}#pause-button{padding:.32em .63em;font-size:.84rem}.panel{overscroll-behavior:contain;color:#eee7d8;background:#141b1b;border:1px solid #7f8975;width:min(92vw,490px);max-height:80svh;padding:1.15em 1.35em;overflow:auto;box-shadow:0 18px 56px #030507c4}.panel::backdrop{background:#080a13ad}.panel-head{border-bottom:1px solid #536155;justify-content:space-between;align-items:start;gap:12px;padding-bottom:.74em;display:flex}.panel-head h2{color:var(--green);margin:0;font-size:1.16em;line-height:1.4}.panel-head .quiet{color:#c9d3bf;background:0 0;border:0;padding:0 .16em;font-size:.88em}.panel-head .quiet:hover{text-underline-offset:.22em;text-decoration:underline}.editor{background:#121b19;position:fixed;top:auto;bottom:max(12px,50% + -1*min(26.4375vw,337.5px,50svh - 56px) + 22px)}#sentence-list{row-gap:.55em;margin:.88em 0 .52em;display:grid}#sentence-list p{margin:0;line-height:1.6}.sentence{flex-wrap:wrap;align-items:baseline;column-gap:.39em;display:flex}.sentence button,.sentence input{color:var(--green);background:#283b2c;border:0;border-bottom:1px solid #b9d39c;padding:.22em .44em}.sentence button:hover{background:#374d36}.sentence input{caret-color:#f0d09a;width:9.7em;min-width:7em;max-width:54%}.sentence input[aria-invalid=true]{border-bottom-color:#ffb49b}.feedback{color:#ffc0a7;min-height:1.4em;margin:.52em 0;font-size:.85em;line-height:1.5}.editor-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-footer small{color:#c2cebd}.volume{gap:.6em;margin:1.15em 0;display:grid}.volume span{justify-content:space-between;display:flex}.volume input{accent-color:#bdd7a2;width:100%;margin:0}.hint-area{min-height:2.5em;margin:1em 0}.hint-area p{color:#ead4aa;white-space:pre-line;font-size:.9em;line-height:1.5}.pause-actions{justify-content:space-between}.touch-controls{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:coarse){.touch-controls{justify-content:center;gap:12px;margin:5px auto 10px;display:flex}.touch-controls button{touch-action:none;min-width:52px;min-height:44px;color:var(--gold);background:#171a21;border:1px solid #6d624a;padding:.5em .85em}}@media (width<=680px){.bar{gap:8px}.narration{width:86%;min-height:0;padding:.34em 1.7em;top:4%}.editor{inset:auto 4vw max(14px, env(safe-area-inset-bottom));margin:0 auto}.controls{justify-content:flex-start}.title-content p{margin-bottom:.65em}.ending-screen{align-items:safe center;padding:7px 10px;overflow:auto}.ending-screen h2{margin-bottom:.2em;font-size:clamp(1.25rem,5vw,1.7rem)}.ending-screen p{margin-bottom:.45em;line-height:1.4}.ending-screen .primary{font-size:.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}
