@import url('../src/style.css');
html,body{background:#e1caa4;color:#694e44;font-family:ui-monospace,'Courier New',monospace}#scene{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute}#game-hud{padding:22px 25px}.identity{background:#fff0cfef;padding:10px 15px 12px;border:2px solid #ad805b;box-shadow:0 3px 0 #705248;border-radius:2px;filter:none}.eyebrow{font-family:inherit;font-size:8px;letter-spacing:.12em;color:#8e6952}h1{font-family:inherit;font-size:32px;letter-spacing:-.075em;font-weight:900;margin:6px 0 3px;color:#674c43}h1 span{font-size:23px;color:#a76b4d}.identity p{font-size:10px;color:#946f54}.views{font-family:inherit;border-radius:2px;border:2px solid #ad805b;background:#fff0cf;box-shadow:0 3px 0 #705248;padding:4px}.views button{border-radius:1px;font-size:10px;font-weight:700;padding:9px 12px}.views button[aria-pressed=true]{background:#537c87;color:#fff0cf;box-shadow:inset 0 -2px 0 #345563}.views #pause{font-size:13px}#action{border-radius:2px;background:#567e88;border:2px solid #3e5968;box-shadow:0 3px 0 #354653;color:#fff0cf;font-family:inherit}#action kbd{background:#e7d6b0;color:#4f5662;border-radius:1px}#action-hint{font-family:inherit;font-size:10px;color:#765644;background:#fff0cfee;border:1px solid #be9369;border-radius:1px}#walk-guide{font-size:9px;text-shadow:0 1px #fff0cf;background:#fff0cfdf;padding:8px 10px;border:1px solid #be9369;border-radius:1px;color:#795e4f}kbd{border-radius:1px;font-family:inherit;background:#e6d3ac;border-color:#c4a27a}#speech{border:2px solid #ad805b;border-radius:2px;background:#fff0cf;box-shadow:0 3px 0 #705248;font-family:inherit}#speech span{color:#a1724f}#speech p{font-size:12px;line-height:1.5}.study-label{color:#765644;font-size:8px;background:#fff0cfdd;border:1px solid #ad805b;padding:4px 9px;text-decoration:none;bottom:8px}.study-label:hover{text-decoration:underline}.pause-card{border:3px solid #a77a56;border-radius:2px;background:#fff0cf;box-shadow:0 5px 0 #674c43}.pause-card h2{font-family:inherit;font-size:26px}.pause-card>button{font-family:inherit;border:1px solid #b99b77;border-radius:1px;background:#e9d8b1}.pause-card #resume{background:#567e88;border-color:#3e5968;color:#fff0cf}.pause-card p{color:#8a6a56}#joystick{border-radius:4px;background:#fff0cfaa;border:2px solid #ad805b}#joystick div{border-radius:3px;background:#567e88;border:2px solid #3e5968}details{border-color:#c2a17e}
@media(max-width:760px){#game-hud{padding:13px 15px}.identity{padding:7px 10px}.identity .eyebrow{font-size:7px}h1{font-size:27px}.identity p{font-size:9px}.views button{padding:8px 9px;font-size:9px}}
@media(max-width:480px){#game-hud{gap:7px;padding:12px 10px}.identity{padding:7px 8px}.identity .eyebrow{font-size:6px;letter-spacing:.04em}h1{font-size:23px}.identity p{font-size:8px}.views{max-width:126px}.views button{font-size:8px;padding:6px 6px}#walk-guide{bottom:30px;left:10px;font-size:8px;max-width:155px}#interaction{right:10px}#action-hint{max-width:180px;font-size:9px}.study-label{font-size:7px}}
@media(max-height:500px){.identity{padding:4px 9px}h1{font-size:25px}.identity .eyebrow{font-size:6px}.identity p{display:none}#game-hud{padding:9px 15px}.views button{padding:6px 9px}.views #pause{padding:6px 0}.study-label{bottom:4px}#walk-guide{padding:5px 7px;font-size:8px}.pause-card{padding:23px}}