:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f8f4e8;background:#172b30;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;outline:0}header{position:absolute;top:30px;left:34px;pointer-events:none;text-shadow:0 1px 14px #10232588}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#e3c591}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;font-size:40px;margin:9px 0 2px}header p{font-size:12px;margin:0;color:#fff9}aside{position:absolute;top:50%;left:34px;transform:translateY(-45%);width:330px;padding:27px;background:#172b30eb;border:1px solid #ffffff24;border-radius:3px;box-shadow:0 12px 45px #16252633}h2{font:400 34px/1.08 Georgia,serif;margin:17px 0}aside p{font-size:13px;line-height:1.65;color:#eee7d9bf}button{font:inherit;cursor:pointer;border:1px solid #fff3;color:inherit;background:#1c3438;padding:10px 15px;border-radius:3px}button:hover{background:#385256}button:focus-visible{outline:2px solid #e3c591;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#start{background:#e3c591;color:#172b30;border:0;width:100%;font-weight:650;margin:9px 0}aside .fine{font-size:10px;line-height:1.8;margin-bottom:0}footer{position:absolute;bottom:22px;left:34px;right:34px;display:flex;align-items:center;gap:20px;font-size:11px}#status{background:#172b30da;padding:12px 15px;border:1px solid #fff2;max-width:55vw}.controls{display:flex;gap:5px;margin-left:auto}.controls button{font-size:11px}details{position:relative}summary{cursor:pointer;padding:10px;background:#172b30da}a{color:#e3c591}#error{position:absolute;inset:20%;background:#172b30f5;padding:30px;border:1px solid #edbd8a;line-height:1.6;white-space:pre-wrap}body.playing #welcome{display:none}body.playing header{opacity:.75}body.playing h1{font-size:30px}@media(max-width:700px){header{left:18px;top:18px}aside{left:18px;width:min(330px,calc(100vw - 36px))}footer{left:18px;right:18px;bottom:12px;flex-wrap:wrap;gap:7px}#status{max-width:none;width:100%}.controls{margin-left:0}#error{inset:10%}header p{display:none}}

.input-status{min-width:0;max-width:58vw;background:#172b30e8;border:1px solid #fff2;padding:10px 13px;line-height:1.55}.input-status #status{background:none;padding:0;border:0;max-width:none}#controller-device{color:#e3c591;margin-top:4px}#input-help{color:#eee7d9bf;margin-top:3px;font-size:10px}.controls{flex-shrink:0}#controller-help{color:#e3c591} @media(max-width:900px){footer{flex-wrap:wrap;gap:7px}.input-status{max-width:none;width:100%}.controls{margin-left:0}}
.controls{flex-wrap:wrap}.controls button[aria-pressed="true"]{background:#e3c591;color:#172b30;border-color:#e3c591}

.about-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #e3c59166;border-radius:8px;background:#172b30;color:#f8f4e8;box-shadow:0 20px 100px #0008;overflow:hidden}.about-dialog[open]{display:flex;flex-direction:column}.about-dialog::backdrop{background:#071415ad}.about-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.about-heading h2{font-size:28px;margin:0}.about-heading button{flex:none}.about-copy{min-height:0;overflow:auto;overscroll-behavior:contain;font-size:14px;line-height:1.7;margin-top:16px}.about-copy p{margin:0 0 16px}.about-copy a{overflow-wrap:anywhere}.menu-exit-hint{font-size:11px;color:#eee7d9bf;margin:8px 0 0;flex:none}@media(max-width:450px){.about-dialog{padding:18px}.about-heading{align-items:flex-start;flex-direction:column;gap:12px}}

#enable-sound{background:#e3c591;color:#172b30;border-color:#e3c591;font-weight:650}#enable-sound[hidden]{display:none}