*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142a27;color:#faf3dd;font-family:Arial,Helvetica,sans-serif;font-size:16px}canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:24px;left:28px;width:340px;padding:22px 24px;background:#142a27;border:1px solid #54746a;border-radius:4px;pointer-events:none}.eyebrow{margin:0 0 10px;font-size:14px;letter-spacing:.1em;color:#e3d9b6}h1{font:400 36px/1.05 Georgia,serif;margin:0 0 12px}#scene-note{margin:0;font-size:16px;line-height:1.5;color:#faf3dd}.toolbar{position:absolute;left:28px;bottom:24px;width:340px;padding:18px;background:#142a27;border:1px solid #54746a;border-radius:4px}label{display:block;margin-bottom:9px;font-size:16px;font-weight:600}select,button{font:600 16px/1.25 Arial,sans-serif;color:#faf3dd;background:#213d35;border:1px solid #a2b4a2;border-radius:3px;min-height:46px}select{width:100%;padding:10px 12px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}button{padding:10px;cursor:pointer}button:hover{background:#3e594a}button[aria-pressed=true]{background:#4e6448}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid #f9d890;outline-offset:3px}.hint{font-size:14px;line-height:1.5;color:#e3d9b6;margin:12px 0 0}dialog{max-width:560px;max-height:85dvh;overflow:auto;padding:28px;background:#142a27;color:#faf3dd;border:1px solid #9cac92;border-radius:6px;font:16px/1.6 Arial,sans-serif}dialog::backdrop{background:#031a18d9}dialog h2{font:32px/1.1 Georgia,serif}dialog a{color:#f4dd99}dialog button{width:100%}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:600px){header{left:12px;right:12px;top:12px;width:auto;padding:14px 16px}.eyebrow{font-size:14px;letter-spacing:.1em;margin-bottom:6px}h1{font-size:30px;margin-bottom:6px}#scene-note{font-size:16px;line-height:1.35}.toolbar{left:12px;right:12px;bottom:12px;width:auto;padding:12px}.toolbar label{font-size:14px;margin-bottom:6px}.buttons{grid-template-columns:repeat(4,1fr);gap:6px}.buttons button{font-size:14px;padding:8px 4px;min-height:46px}.hint{font-size:14px;line-height:1.3;margin-top:8px}}@media(max-height:590px){header{width:280px;top:8px;left:8px;padding:10px}h1{font-size:26px}#scene-note{font-size:14px}.toolbar{width:280px;left:auto;right:8px;bottom:8px}.buttons{grid-template-columns:1fr 1fr}.hint{display:none}}@media(max-width:350px){.buttons{grid-template-columns:1fr 1fr}header{padding:12px}h1{font-size:28px}}select{color-scheme:dark}select option{color:#fff3d6;background:#17312c}