:root{color-scheme:dark;--ink: #e8e6e1;--dim: #8d8a84;--ground: #14161a}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:var(--ground);color:var(--ink);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}main{position:relative;height:100vh}#gl{display:block;width:100%;height:100%;touch-action:none}#fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}#tint{position:absolute;inset:0;background:#fff;mix-blend-mode:multiply;pointer-events:none;transition:background 2s}#overlay,#status{position:absolute;left:12px;white-space:pre-wrap;pointer-events:none;text-shadow:0 1px 3px rgb(0 0 0 / 80%)}#overlay{top:12px}#status{bottom:12px;color:var(--dim)}#minimap:not([hidden]){position:absolute;top:12px;right:12px;width:min(30vw,384px);aspect-ratio:4 / 3;image-rendering:pixelated;border:2px solid rgb(232 230 225 / 70%);border-radius:4px;box-shadow:0 2px 10px #0009;pointer-events:none}#talk:not([hidden]){position:absolute;left:50%;bottom:7vh;transform:translate(-50%);width:min(92vw,60rem);min-height:5.5em;padding:.9em 1.3em;border:.14em solid rgb(232 230 225 / 85%);border-radius:.5em;background:#080a12e0;color:var(--ink);font:500 clamp(15px,2.6vh,28px) / 1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;white-space:pre-wrap;pointer-events:none}#talk .speaker{margin-bottom:.25em;font-size:.8em;color:var(--dim);letter-spacing:.04em}#talk .choices{display:flex;flex-wrap:wrap;gap:.4em 1.6em;margin-top:.6em;color:var(--dim)}#talk .choices>div:before{content:"▶ ";visibility:hidden}#talk .choices>.chosen{color:var(--ink)}#talk .choices>.chosen:before{visibility:visible}#menu:not([hidden]){position:absolute;top:6vh;left:4vw;display:flex;gap:1em;align-items:flex-start;max-width:min(92vw,60rem);color:var(--ink);font:500 clamp(15px,2.6vh,28px) / 1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;pointer-events:none}#menu .commands,#menu .panel{padding:.7em 1.2em;border:.14em solid rgb(232 230 225 / 85%);border-radius:.5em;background:#080a12e0}#menu .commands>div:before{content:"▶ ";visibility:hidden}#menu .commands>.chosen:before{visibility:visible}#menu .panel{max-width:32em;white-space:pre-wrap}#menu .panel>div+div{margin-top:.4em;color:var(--dim)}#start:not([hidden]){position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#14161aeb}#kept-row:not([hidden]){display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:13px}#kept-row button{background:#1b1b1f;color:inherit;border:1px solid #33333a;border-radius:4px;padding:3px 10px;font:inherit}#start p{max-width:46ch;margin:0;color:var(--dim)}#start h1{margin:0;font-size:20px;letter-spacing:.08em}.hint{font-size:12px}#card:not([hidden]){position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.6em;padding:24px;text-align:center;background:#080a12f0;color:var(--ink);font:500 clamp(15px,2.6vh,28px) / 1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;pointer-events:none}#card .card-end{color:var(--dim);font-size:.75em;letter-spacing:.14em;text-transform:uppercase}#card .card-title{margin:0;font-size:2.2em;font-weight:600;letter-spacing:.03em}#card .card-line{max-width:56ch;margin:0}#card .card-prompt{margin-top:1.8em;color:var(--dim);font-size:.7em}body.dragging:after{content:"";position:fixed;inset:8px;border:1px dashed var(--dim);pointer-events:none}#equip:not([hidden]){position:absolute;top:50%;right:3vw;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}#equip canvas{width:min(40vw,calc((100vh - 48px) * 2 / 3));aspect-ratio:4 / 3;image-rendering:pixelated;border-radius:4px;box-shadow:0 2px 10px #0009}#controls:not([hidden]){position:absolute;top:6vh;left:4vw;max-width:min(92vw,44rem);padding:.7em 1.2em;border:.14em solid rgb(232 230 225 / 85%);border-radius:.6em;background:#080a12e0;color:var(--ink);font:500 clamp(15px,2.4vh,26px) / 1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}#controls .controls-title{margin-bottom:.4em;font-weight:700}#controls .controls-rows>div{display:flex;justify-content:space-between;gap:2em;padding:.1em .4em;cursor:pointer}#controls .controls-rows>.chosen{background:var(--chosen, rgb(255 255 255 / 12%));border-radius:.3em}#controls .bound{opacity:.85}#controls .controls-settings{margin-top:.5em;padding-top:.4em;border-top:1px solid rgb(255 255 255 / 15%)}#controls .controls-note{margin-top:.5em;font-size:.8em;opacity:.8}