:root{--slab:#141210;--edge:#7d776e;--ink:#f2eee6;--dim:#b4aea4;--shadow:0 1px 4px #000000bf}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--slab);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px;overflow:hidden}#app{width:100%;height:100%;position:relative}#game{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.hotspot{z-index:20;color:#0000;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.hotspot:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}#dive-btn{touch-action:none;-webkit-touch-callout:none;border-radius:50%}#flash{opacity:0;pointer-events:none;z-index:30;background:#f8f0df;transition:opacity .12s ease-out;position:absolute;inset:0}#flash.bad{background:#c1394a}#menu{z-index:10;background:linear-gradient(105deg,#0c0a08b3 0%,#0c0a0847 42%,#0c0a0800 66%),linear-gradient(#0c0a0800 48%,#0c0a0838 66%,#0c0a08d1 100%);position:absolute;inset:0}.menu-note{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-shadow:var(--shadow);font-size:11px;position:absolute;bottom:18px;left:22px}.menu-note a{color:inherit;border-bottom:1px solid #f2eee638;text-decoration:none}.menu-note a:hover{color:var(--ink);border-bottom-color:var(--ink)}@media (max-width:560px){.menu-note{bottom:12px;left:14px}}.debug-panel{z-index:20;border:1px solid var(--edge);width:330px;max-height:calc(100vh - 86px);color:var(--ink);background:#141210e0;flex-direction:column;gap:4px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;position:fixed;top:78px;right:8px;overflow:hidden}.debug-panel pre{font:inherit;white-space:pre;margin:0 0 6px;line-height:1.45}.debug-header{color:#fff;border-bottom:1px solid #f2eee629;flex:none;padding-bottom:6px}.debug-tabs{flex-wrap:wrap;flex:none;gap:3px;display:flex}.debug-tab{font:inherit;color:var(--dim);cursor:pointer;background:#00000059;border:1px solid #f2eee633;flex:1 0 auto;padding:4px 7px}.debug-tab:hover{color:var(--ink)}.debug-tab.on{color:#fff;background:#f2eee624;border-color:#f2eee680}.debug-pane{flex-direction:column;gap:4px;padding-top:6px;display:none}.debug-pane.on{flex:0 auto;min-height:0;display:flex;overflow-y:auto}.debug-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.debug-row input,.debug-row select{width:92px;font:inherit;color:inherit;background:#0006;border:1px solid #f2eee638;padding:2px 4px}.debug-row input[type=range]{accent-color:#e8e4dc;background:0 0;border:0;flex:1;width:auto;min-width:0;padding:0}.debug-value{text-align:right;color:#e8e4dc;flex:none;min-width:46px}.debug-note{opacity:.75;padding:2px 6px 5px;font-size:10px;line-height:1.35}.debug-button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#f2eee60f;border:1px solid #f2eee638;padding:4px 6px}.debug-button:hover{background:#f2eee624}