*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:#0a0714;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#overlay{position:fixed;inset:0;pointer-events:none;color:#cfc4e8}#hint{position:absolute;bottom:24%;width:100%;text-align:center;font-size:15px;letter-spacing:.45em;opacity:0;transition:opacity 2.5s ease;text-transform:lowercase}#hint.visible{opacity:.32;pointer-events:auto;cursor:pointer;touch-action:manipulation}#legend{position:absolute;bottom:15%;width:100%;text-align:center;opacity:0;transition:opacity 2.5s ease;text-transform:lowercase}#legend.visible{opacity:1}#chips{display:flex;justify-content:center;gap:30px;margin-bottom:12px}.chip{font-size:13px;letter-spacing:.16em;color:#cfc4e8;opacity:.38;transition:opacity 1.2s ease,color .25s ease,text-shadow .25s ease;pointer-events:auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.chip .key{display:inline-block;border:1px solid rgba(207,196,232,.35);border-radius:4px;padding:2px 8px;margin-right:9px;font-family:ui-monospace,monospace;font-size:12px}.chip.active{opacity:1;color:var(--c);text-shadow:0 0 14px var(--c)}.chip.active .key{border-color:var(--c)}.chip.learned{opacity:0;transition:opacity 4s ease}#legendsub{font-size:11px;letter-spacing:.3em;opacity:.3}#sentence{position:absolute;bottom:12%;width:100%;text-align:center;font-size:21px;font-weight:300;letter-spacing:.08em;color:#e8e0f7;opacity:0;transition:opacity 1.2s ease;text-transform:lowercase}#sentence.visible{opacity:.92}#options{position:absolute;bottom:6%;width:100%;text-align:center;font-size:13px;letter-spacing:.25em;opacity:0;transition:opacity 2s ease;text-transform:lowercase}#options.visible{opacity:.5;pointer-events:auto;touch-action:manipulation}#options span[data-act]{cursor:pointer;border-bottom:1px solid rgba(207,196,232,.25);padding-bottom:2px}#corner{position:absolute;bottom:14px;right:18px;font-size:11px;letter-spacing:.2em;opacity:.28;cursor:pointer;pointer-events:auto;text-transform:lowercase;-webkit-user-select:none;user-select:none}#corner:hover{opacity:.6}#corner{touch-action:manipulation}#deploybtn{position:absolute;top:max(18px,env(safe-area-inset-top));right:20px;font-size:22px;color:#cfc4e8;opacity:.3;pointer-events:auto;cursor:pointer;padding:10px;user-select:none;-webkit-user-select:none;touch-action:none}@media(pointer:coarse){#chips{gap:12px;margin-bottom:14px}.chip{font-size:15px;padding:16px 12px;min-width:62px;text-align:center;border:1px solid rgba(207,196,232,.22);border-radius:14px;opacity:.55;background:#14102a59}.chip.active{border-color:var(--c)}#legend{bottom:max(6%,calc(env(safe-area-inset-bottom) + 12px))}#legendsub{font-size:10px;letter-spacing:.22em}#hint{bottom:30%}#sentence{bottom:26%;font-size:17px;line-height:1.7;padding:0 28px}#options{font-size:14px;letter-spacing:.15em;bottom:max(7%,calc(env(safe-area-inset-bottom) + 16px));line-height:2;padding:0 16px}#options .genome{display:block;margin-bottom:10px;font-family:ui-monospace,monospace;font-size:12px;opacity:.7}#options span[data-act]{padding:8px 2px;display:inline-block}}