:root{--ink:#f3e9d2;--gold:#e0b34a;--shadow:#08060cd1;color:var(--ink);font-family:Georgia,Times New Roman,serif}html,body{background:#070509;height:100%;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.screen{background:var(--shadow);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen[hidden]{display:none}.panel{border:2px solid var(--gold);text-align:center;background:#1c1422eb;border-radius:12px;min-width:360px;max-width:520px;padding:32px 40px;box-shadow:0 0 40px #e0b34a40}h1{letter-spacing:.04em;color:var(--gold);margin:0;font-size:2.2rem}h2{color:var(--gold);margin:0 0 16px}.subtitle{opacity:.85;margin:4px 0 20px}.controls{border-collapse:collapse;margin:0 auto 20px}.controls td{text-align:left;padding:4px 12px}kbd{border:1px solid var(--gold);border-radius:4px;min-width:1.2em;margin:0 1px;padding:2px 6px;font-family:inherit;font-size:.9em;display:inline-block}button{font:inherit;border:2px solid var(--gold);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;margin:6px;padding:10px 28px;font-size:1.05rem}button.primary{background:var(--gold);color:#1c1422;font-weight:700}button:hover{filter:brightness(1.1)}label{margin:10px 0;display:block}.hint{opacity:.75;font-size:.95rem}.bar{background:#2a2230;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}#loading-bar{background:var(--gold);width:0;height:100%;transition:width .2s}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud[hidden]{display:none}#objective{background:#08060c8c;border-radius:6px;padding:6px 18px;font-size:1rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}#crosshair{background:var(--ink);opacity:.8;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}#charge{border:1px solid var(--gold);opacity:0;background:#08060c99;border-radius:7px;width:220px;height:14px;transition:opacity .15s;position:absolute;bottom:60px;left:50%;overflow:visible;transform:translate(-50%)}#charge.visible{opacity:1}#charge-fill{background:var(--gold);border-radius:7px;width:0;height:100%}#charge.ready #charge-fill{background:#fff3c4;box-shadow:0 0 14px #fff3c4}#charge-label{text-align:center;font-size:.85rem;position:absolute;top:18px;left:0;right:0}#charge.ready #charge-label{font-weight:700}#lock-hint{border:1px solid var(--gold);background:#08060cb3;border-radius:8px;padding:6px 14px;font-size:.95rem;position:absolute;top:24px;left:50%;transform:translate(-50%)}#lock-hint[hidden]{display:none}#interact-hint{border:1px solid var(--gold);background:#08060cb3;border-radius:8px;padding:8px 16px;font-size:1.1rem;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#interact-hint[hidden]{display:none}#alert-banner{color:#1c1422;background:#e0b34ae6;border-radius:8px;padding:8px 18px;font-weight:700;animation:.3s ease-out pop;position:absolute;top:70px;left:50%;transform:translate(-50%)}#alert-banner[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}#debug{z-index:20;color:#dfe;background:#000000bf;border-radius:6px;min-width:220px;padding:10px 12px;font:12px/1.5 ui-monospace,Menlo,monospace;position:fixed;top:12px;right:12px}#debug[hidden]{display:none}#debug .row{margin-bottom:4px}#debug pre{white-space:pre;margin:6px 0 0}