@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@500;700;900&display=swap');
:root{color-scheme:dark;background:#07131d;color:#f4e7c5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% -20%,#31516a 0,#10283a 42%,#050c13 100%);overflow-x:hidden}main{position:relative;width:min(100%,1380px);padding:14px 20px 20px}.debug-travel{position:absolute;z-index:5;right:34px;top:22px;display:flex;align-items:center;gap:9px;padding:7px 9px 7px 12px;border:1px solid #f4ce77;border-radius:4px;background:#813f35;color:#fff0c2;font:800 11px Inter,system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 5px 18px #0008}.debug-travel[hidden]{display:none}.debug-travel select{max-width:220px;padding:5px 24px 5px 7px;border:1px solid #f4ce7788;border-radius:3px;background:#532b2b;color:#fff0c2;font:800 10px Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}.debug-travel:hover{background:#a75140}.debug-travel select:focus-visible{outline:2px solid #fff0c2;outline-offset:2px}.masthead{height:68px;display:flex;align-items:center;gap:18px;padding:0 10px;color:#cfbc91}.masthead span{font-size:10px;letter-spacing:.3em;font-weight:900;border-right:1px solid #cfbc9166;padding-right:18px}.masthead strong{font:36px/1 'DM Serif Display',Georgia,serif;letter-spacing:.12em;color:#f5e8c5;text-shadow:0 3px #000}.masthead em{font-family:Georgia,serif;font-size:14px;color:#94a8ae}.controls{padding:10px;text-align:center;color:#91a5ac;font-size:13px;letter-spacing:.04em}.controls b{color:#d9cba8}.controls i{color:#cc7848;padding:0 9px}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#172e3e;border:1px solid #a78e6144;box-shadow:0 24px 90px #000c;touch-action:none}@media(max-width:700px){main{padding:4px}.masthead{height:48px}.masthead strong{font-size:25px}.masthead span,.masthead em{display:none}.controls{font-size:10px}}