*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{position:relative;background:#eef1eb;color:#273e38;font-family:system-ui,sans-serif}body[data-scene=delta]{background:#0d262c;color:#d0e4d5}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.75}body.ready .poster{visibility:hidden}.topline{position:absolute;top:21px;left:22px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.topline span{font:10px ui-monospace,monospace;letter-spacing:.12em}.topline b{opacity:.35;margin:0 5px}.topline button{pointer-events:auto;flex-shrink:0;border:1px solid #98ada67a;background:#eef1ebe8;color:inherit;padding:7px 10px;border-radius:99px;font:10px ui-monospace,monospace;cursor:pointer}.topline button:focus-visible{outline:2px solid #e4a353;outline-offset:3px}body[data-scene=delta] button{background:#102e32de;border-color:#6f9a956b}.caption{position:absolute;bottom:0;left:0;right:0;padding:38px 22px 21px;background:linear-gradient(transparent,#eef1eb 60%);pointer-events:none}.caption strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:23px;letter-spacing:-.025em;margin-bottom:9px}.caption span{display:block;font:9px ui-monospace,monospace;line-height:1.6;letter-spacing:.015em;opacity:.8}body[data-scene=delta] .caption{background:linear-gradient(transparent,#0d262cf5 60%)}.map-label{position:absolute;left:26px;top:80px;font:10px ui-monospace,monospace;letter-spacing:.15em;pointer-events:none}.map-label span{display:block;font:11px Georgia,serif;letter-spacing:0;margin-top:7px;opacity:.65}@media(max-width:400px){.topline{left:16px;right:12px}.topline span{font-size:8px;letter-spacing:.04em}.topline button{font-size:9px;padding:7px 8px}.caption{padding-left:16px}.caption strong{font-size:21px}.caption span{font-size:8px}}