:root{--ink: #1d2a30;--paper: #f3ead2;--brass: #c9a24a;--sea: #2b5560;--font: "Trebuchet MS", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--serif: Georgia, "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#20343c;color:var(--paper);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:none}#hud .tap{pointer-events:auto}.gauge{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);opacity:0;will-change:transform,opacity}.grey-info{position:absolute;left:12px;top:10px;white-space:pre-line;font:600 13px/1.45 ui-monospace,Consolas,monospace;color:#1c2124;text-shadow:0 1px 0 rgba(255,255,255,.35)}.grey-banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-10px);opacity:0;transition:all .25s;padding:10px 18px;border-radius:12px;font:800 18px var(--font);background:#1d2a30e6;color:#fff;white-space:nowrap}.grey-banner.show{opacity:1;transform:translate(-50%)}.grey-banner.landed{background:#2f7d57}.grey-banner.snap{background:#b8452a}.grey-banner.spit,.grey-banner.spooled{background:#4d7186}
