*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden;color:#e4dcc3;font-family:'Courier New',monospace}button{font:700 14px 'Courier New',monospace;color:#c6b991;background:#151715;border:2px solid;border-color:#47483b #070908 #070908 #47483b;cursor:pointer;min-height:40px;padding:6px 10px;border-radius:0}button:hover,button.selected{color:#ffdc69;background:#292a23}button:active{border-color:#070908 #47483b #47483b #070908}button:disabled{opacity:.25;cursor:default}button:focus-visible{outline:2px solid #ffdc69;outline-offset:-3px}#game{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000}#viewport{width:min(100vw,calc((100dvh - 98px)*16/9));aspect-ratio:16/9;position:relative;overflow:hidden;background:#13131a}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:0;cursor:crosshair;touch-action:none}#hud{width:min(100vw,calc((100dvh - 98px)*16/9));height:98px;background:#0a0c0b;flex-shrink:0;border-top:2px solid #373b31;padding:3px 8px 8px}#verb-line{height:23px;text-align:center;color:#d5bd71;font-size:15px;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;align-items:center;gap:10px;height:60px}#party{display:flex;gap:4px}.portrait{width:67px;height:58px;position:relative;padding:1px;overflow:hidden}.portrait img{height:41px;width:54px;object-fit:contain;image-rendering:pixelated}.portrait span{display:block;font-size:10px;line-height:10px}#verbs{display:flex;gap:3px;max-width:260px;flex-wrap:wrap}#verbs button{padding:4px 8px;min-height:38px}#items{display:flex;gap:5px;flex:1;overflow-x:auto;min-width:0}#items button{white-space:nowrap;font-size:13px;padding:8px;min-height:42px}#items .empty{color:#655f50;font:italic 13px 'Courier New',monospace;padding:12px}#menu-buttons{display:flex;align-items:center;gap:3px}#menu-buttons button{font-size:12px;padding:5px;min-width:33px}#subtitle{position:absolute;top:8%;left:15%;right:15%;text-align:center;pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:clamp(15px,1.7vw,23px);line-height:1.3;font-weight:bold;color:#ffe388}#speaker{display:block;font-size:.68em;color:#dad5c6;margin-bottom:4px}#dialogue{display:block}#scene-name{position:absolute;left:24px;bottom:20px;color:#ded5bb;text-shadow:2px 2px #000;font-size:14px;pointer-events:none;opacity:0;transition:opacity .3s}#scene-name.show{opacity:1}#cursor-label{position:absolute;pointer-events:none;color:#ffe388;text-shadow:2px 2px #000;font:bold 14px 'Courier New',monospace;white-space:nowrap}#loading{position:absolute;inset:0;background:#050607;display:flex;align-items:center;justify-content:center;font:18px 'Courier New',monospace;color:#e6ce7c}.overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;z-index:10}.overlay h1{font:bold clamp(25px,4vw,55px)/1 'Courier New',monospace;color:#e6ce7c;text-shadow:3px 3px #635a40;margin:15px}.overlay p{line-height:1.8;font-size:16px;margin:0 10px 8px}.overlay button{min-width:190px}[hidden]{display:none!important}#touch-controls{display:none}@media(max-width:850px){#menu-buttons #show,#inventory-toggle{display:none}#verbs button{font-size:12px;padding:3px 6px}.controls{gap:5px}.portrait{width:48px}#hud{padding-left:4px;padding-right:4px}#items button{font-size:12px}#menu-buttons{gap:1px}#menu-buttons button{min-width:28px}#subtitle{left:8%;right:8%;font-size:16px}}@media(orientation:portrait){#game{justify-content:flex-start;padding-top:env(safe-area-inset-top)}#viewport{margin-top:8vh;width:100vw}#hud{width:100%;height:auto;min-height:135px}.controls{height:auto;flex-wrap:wrap}#items{order:4;flex-basis:100%;min-height:46px}#menu-buttons{margin-left:auto}#subtitle{font-size:14px;top:5%}#scene-name{font-size:12px;bottom:8px;left:12px}.overlay p{font-size:12px;line-height:1.4}.overlay h1{font-size:24px}.overlay{gap:5px}.overlay button{min-height:32px}#touch-controls{display:flex;flex-direction:column;align-items:center;position:relative;margin:16px auto 0;gap:3px}#touch-controls div{display:flex;gap:3px}#touch-controls button{min-width:53px;min-height:42px;touch-action:none}#cursor-label{font-size:12px}#verb-line{font-size:13px}}

.volume{display:flex;align-items:center;gap:12px;font-size:14px}.volume input{accent-color:#d5bd71;width:140px}

#verb-line{white-space:normal;line-height:18px;height:auto;min-height:23px;font-size:14px}#hud{height:auto;min-height:98px}#select-can:not(:disabled){opacity:1}@media(max-width:850px){#verb-line{font-size:12px;line-height:16px;min-height:32px}.controls{gap:3px}}

#connect-cable{position:absolute;left:51.6%;top:48%;transform:translate(-50%,-50%);font:bold 14px 'Courier New',monospace;background:#252b20;color:#ffed9c;border-color:#ecd896 #453f28 #453f28 #ecd896;z-index:3;padding:6px 10px;min-height:38px;box-shadow:0 0 0 2px #0008}@media(max-width:850px){#connect-cable{font-size:11px;padding:4px;min-height:30px}}

/* Keep the existing game-native HUD, but the ending belongs to the scene. */
#ending{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:max-content;max-width:94%;text-align:center;background:#080c12e8;border:1px solid #667075;padding:10px 18px;color:#c5cbc9;font-size:14px}
#ending p{margin:0 0 8px}#ending button{font-weight:normal;min-height:36px;color:#b7c0c1;background:#10161a}
.cinematic #party,.cinematic #verbs,.cinematic #items,.cinematic #hint,.cinematic #show,.cinematic #inventory-toggle,.cinematic #touch-controls{visibility:hidden;pointer-events:none}
.cinematic #cursor-label{display:none}#pause{z-index:20}
#connect-cable{top:48%;background:#172125;color:#c7d0ce;border-color:#82918e #222a2f #222a2f #82918e}
#verb-line{color:#c4c6b3}#subtitle{color:#d6d5c3}button.selected,button:hover{color:#d5dccd;background:#242b2c}
.portrait span{font-size:12px;line-height:13px}.portrait{height:61px}.portrait img{height:39px}
#game{--reserved:116px}#viewport,#hud{width:min(100vw,calc((100dvh - var(--reserved))*16/9))}#hud{min-height:108px}
#aside{position:absolute;left:24px;bottom:44px;max-width:76%;font-size:12px;line-height:1.5;color:#b9bfbc;background:#101619c9;padding:3px 7px;text-shadow:1px 1px #000;pointer-events:none}.cinematic #aside{display:none}
@media(orientation:portrait){#aside{left:12px;bottom:28px;font-size:11px;max-width:88%}}
@media(max-width:1100px){#game{--reserved:154px}.controls{flex-wrap:wrap;height:auto}#hud{min-height:144px}#items{min-width:120px}#menu-buttons{margin-left:auto}}
@media(orientation:portrait){html,body{overflow:auto}#game{height:auto;min-height:100dvh}#viewport,#hud{width:100%}#viewport{margin-top:3vh}#hud{min-height:154px}#ending{padding:6px 10px;bottom:3%;font-size:12px}#ending button{min-height:30px}#touch-controls{margin-bottom:16px}}