:root{color-scheme:dark;font:14px/1.5 'Segoe UI',system-ui,sans-serif;color:#e5eef8;background:#070c18}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{height:100dvh;display:flex;flex-direction:column}header{padding:16px 26px 12px;background:#080e1be8;border-bottom:1px solid #a0c7df1f}.top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.15em;color:#a8c3d5}.top small{letter-spacing:0;color:#7794ab}a{color:#b9d6e5;text-decoration:none}#thought{font-size:clamp(19px,2.2vw,26px);text-align:center;margin:12px 0 5px;font-weight:500}#context{text-align:center;font-size:12px;color:#a8bdcf;margin:0}#water{position:relative;flex:1;min-height:180px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}footer{padding:10px 18px 14px;text-align:center;border-top:1px solid #a0c7df15;background:#080e1bf5}h1{font-weight:400;font-size:clamp(18px,2vw,23px);margin:2px 0}#step{color:#ffdb9e;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin:0}#hint{color:#aabfd1;font-size:13px;margin:5px auto 12px;max-width:680px}button{font:inherit;border:1px solid #a9d5e34d;background:#102334;color:#d7e8f1;border-radius:24px;padding:9px 17px;cursor:pointer;touch-action:manipulation}button:hover{background:#1c3547;border-color:#d2eff0a0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ffdfa4;outline-offset:3px}canvas:focus-visible{outline-offset:-4px}button:disabled{opacity:.5;cursor:default}#choose,#route-controls,#reflection,#ending{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}#moon{color:#b7caff;border-color:#9db8ff80}#ember{color:#ffdc99;border-color:#ffd17d80}#send-guide{background:#c5eddc;color:#142a2a}#motion{font-size:10px;background:none;border:0;color:#8eaabc;padding:6px 10px 0}#motion[aria-pressed=true]{color:#ffdc99}#message{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:min(560px,90%);text-align:center;font-size:13px;color:#ffe4b6;pointer-events:none;text-shadow:0 2px 8px #000}#place-options{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:0 12px}#place-options button{font-size:11px;background:#102334ee}@media(max-width:600px){header{padding:12px 15px 10px}.top{font-size:9px}.top small{display:none}#thought{font-size:18px;margin-top:9px}#context{font-size:11px}footer{padding:9px 12px 10px}button{font-size:12px;padding:9px 12px}#hint{font-size:12px}#place-options{flex-wrap:wrap}}@media(max-height:560px) and (min-width:650px){header{padding:8px 20px}#thought{font-size:17px;margin:4px}#context{display:none}footer{padding:4px 12px}#hint{margin:3px}h1{font-size:17px}button{padding:6px 14px}}