*{box-sizing:border-box}body{margin:0;background:#101918;color:#e5dfca;font:13px system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.brand{font:23px Georgia,serif;letter-spacing:3px;color:#ead9b7;text-decoration:none}.brand small{display:block;font:9px system-ui;letter-spacing:3px;color:#a7b09d;margin-top:8px}button{font:12px system-ui;color:#e2d4b8;border:1px solid #6a7059;background:#20322b;padding:10px 15px;cursor:pointer;border-radius:3px}button:hover,button:focus-visible{background:#40543d;outline:2px solid #bba877;outline-offset:2px}header button{margin-left:6px}.bar{padding:11px 15px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;border:1px solid #4a5949;background:#1d2a24}.stage{position:relative;box-shadow:0 20px 60px #0005;background:#101612;border:1px solid #5d6047;border-top:0}#game{width:100%;display:block;aspect-ratio:3/2;outline:0;touch-action:none;image-rendering:pixelated}.objective{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:5px;background:#10201cdb;border-left:2px solid #d2b274;padding:10px 15px;pointer-events:none;max-width:70%;font-size:12px}.objective small{font-size:8px;letter-spacing:2px;color:#cbb57f}#hint{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:#14251ef0;padding:10px 17px;border:1px solid #d1b87e;white-space:nowrap;pointer-events:none}#dialogue{position:absolute;bottom:4%;left:5%;right:5%;padding:20px 25px;background:#152922f7;border:1px solid #d5bd82;box-shadow:0 10px 35px #0008,inset 0 0 0 4px #304135}#speaker{font-size:10px;letter-spacing:3px;color:#e3c383}#line{font:21px/1.5 Georgia,serif;margin:12px 0 15px}#next{display:block;margin-left:auto}#choices{display:flex;flex-wrap:wrap;gap:9px}#choices button{flex:1;min-width:100px}#choices button.selected{background:#4a6144;border-color:#ead29d}#loading,#paused{position:absolute;inset:0;background:#101e18e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#paused h1{font:32px Georgia,serif;font-weight:normal}.below{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#b1b8a2;font-size:11px}.below p{line-height:1.8}.below span{color:#82937d}.below p span{margin:0 9px}kbd{font:10px system-ui;padding:3px 5px;border:1px solid #45523e;border-radius:3px}footer{border-top:1px solid #344132;padding-top:15px;display:flex;justify-content:space-between;color:#85977e;font-size:10px}a{color:#c6b68d}.touch{display:none}[hidden]{display:none!important}@media(max-width:760px){main{padding:16px 10px}.brand{font-size:17px}.brand small{font-size:7px;letter-spacing:2px}header button{font-size:10px;padding:8px}.objective{top:8px;left:8px;padding:6px 9px;font-size:9px;max-width:83%}.objective small{font-size:7px}#line{font-size:14px;margin:8px 0}#dialogue{padding:12px 15px;left:3%;right:3%;bottom:3%}#speaker{font-size:8px}#choices{gap:5px}#choices button{font-size:11px;min-width:80px;padding:9px 7px}#next{padding:7px 11px;font-size:10px}#hint{font-size:9px;padding:7px 10px}.below{display:block}.below>span{display:none}.touch{display:flex;justify-content:space-between;align-items:center;margin:14px 10px 20px}.touch button{touch-action:none;min-height:48px;min-width:48px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch #touch-action{min-height:62px}footer{display:block;line-height:1.8}footer a{display:block;margin-top:6px}}
#dialogue{display:flex;gap:20px;align-items:flex-start}#face{width:96px;height:96px;flex:none;border:1px solid #d5bd82;background:#0d1b16;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #304135}.talk{flex:1;min-width:0}#line{min-height:2.9em}@media(max-width:760px){#face{width:56px;height:56px}#dialogue{gap:10px}}