body.title{overflow:hidden}.yard{position:fixed;inset:0;width:100%;height:100%;border:0;background:var(--paper);pointer-events:none}.col{position:fixed;left:0;top:0;bottom:0;width:320px;padding:34px 0 0 36px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:7px;letter-spacing:.14em;text-transform:uppercase;overflow-y:auto}.col .gamename{font-size:34px;letter-spacing:.34em;line-height:1.1;margin-bottom:4px}.col .line{text-transform:none;letter-spacing:.1em;color:var(--ink-2);margin-bottom:14px;max-width:20em}.col .word{font-size:17px;letter-spacing:.3em;margin-bottom:4px}.col button{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:5px 14px;cursor:pointer;text-align:left;width:21em}.col button:hover,.col button.play{color:var(--paper);background:var(--ink)}.col button.play:hover{color:var(--ink);background:var(--paper)}.col button:disabled{cursor:default}.col .sub{font-size:10px;color:var(--ink-2);letter-spacing:.1em;margin:-4px 0 4px 15px}.col .said{font-size:10px;color:var(--ink-2);letter-spacing:.1em;max-width:24em}.col .said:empty{display:none}.col .pair{display:flex;gap:10px}.col .pair button{width:auto}.col .paste{display:flex;flex-direction:column;gap:7px;width:21em}.col textarea{font:inherit;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:4px;resize:none;outline:none}.col .slots{display:flex;flex-direction:column;gap:6px}.col .slot.open,.col .slot.armed{color:var(--paper);background:var(--ink)}.col .record{grid-template-columns:1fr;width:21em;max-width:none;max-height:50vh;box-sizing:border-box}.col .record .card{background:var(--paper)}.col #reset{border-style:dashed;opacity:.7}.col #reset:hover,.col #reset.armed{opacity:1}.col #reset.armed{color:var(--paper);background:var(--ink);border-style:solid}.col input[type=range]{width:21em}.veil{position:fixed;inset:0;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .35s linear;z-index:9}.veil.up{opacity:1;pointer-events:auto}body.still .veil{transition:none}.foot{position:fixed;left:36px;right:18px;bottom:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.foot a{color:inherit;text-decoration:none;border-bottom:1px solid var(--ink-2)}.foot a:hover{color:var(--ink);border-color:var(--ink)}