:root{--fg: #ece8df;--fg-2: #a9abbd;--gold: #e3b45a;--ice: #8cc1de;--panel: rgba(6, 8, 18, .6);--panel-solid: #0b0e1c;--line: rgba(236, 232, 223, .16);--display: "Anybody", "Arial Narrow", Arial, sans-serif;--body: "Source Serif 4", Georgia, serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#000;color:var(--fg);font-family:var(--body);overflow:hidden}#app{position:relative;width:100%;height:100%}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#gl.dragging{cursor:grabbing}.nojs{padding:2rem}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px))}#hud[hidden]{display:none}#hud>*{pointer-events:auto}#hud>.mid{pointer-events:none}.top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.brand{font-family:var(--display);font-weight:700;font-stretch:115%;font-size:1rem;margin-right:auto;text-shadow:0 1px 8px #000}.brand small{display:block;font-weight:500;font-stretch:105%;font-size:.75rem;color:var(--fg-2)}nav{display:flex;flex-wrap:wrap;gap:.4rem}button{font-family:var(--display);font-weight:600;font-stretch:105%;font-size:.85rem;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.45rem .8rem;cursor:pointer;backdrop-filter:blur(6px)}button[aria-pressed=true],button.primary{background:var(--gold);color:#0b0e1c;border-color:var(--gold)}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.5;cursor:default}.mid{flex:1;display:flex;align-items:flex-end;pointer-events:none}.say{pointer-events:none;max-width:52ch;margin-bottom:.8rem;transition:opacity .4s;display:flex;flex-direction:column;gap:.5rem}.say p{margin:0;background:var(--panel);backdrop-filter:blur(6px);padding:.65rem 1rem;line-height:1.45}.say p.lover{font-style:italic;font-size:1.12rem;color:var(--fg);border-left:3px solid var(--gold)}.say p.expert{font-family:var(--display);font-weight:500;font-stretch:105%;font-size:.95rem;color:var(--fg);border-left:3px solid var(--ice)}.progress{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-family:var(--display);font-size:.78rem;font-weight:600;font-stretch:105%;color:var(--fg-2)}.progress li{display:flex;align-items:center;gap:.35rem}.progress li span{width:8px;height:8px;border-radius:50%;border:1px solid var(--fg-2);display:inline-block}.progress li.done span{background:var(--gold);border-color:var(--gold)}.progress li.active{color:var(--fg)}.progress li.active span{background:var(--fg);border-color:var(--fg)}.lever{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.5rem .8rem;backdrop-filter:blur(6px);font-family:var(--display);font-size:.85rem;font-weight:500}.lever[hidden]{display:none}.lever label{display:inline-flex;align-items:center;gap:.5rem}.lever input[type=range]{width:clamp(120px,24vw,240px);accent-color:var(--gold)}.lever .read{color:var(--gold);font-variant-numeric:tabular-nums}.lever .note{color:var(--fg-2)}.onward{font-size:.95rem;padding:.55rem 1.1rem}.onward[hidden],.readouts[hidden]{display:none}.map{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transition:opacity .3s}.card p.big{font-size:1.25rem;line-height:1.5}.card p.lover{font-style:italic}.card p.expert{font-family:var(--display);font-weight:500;font-stretch:105%;color:var(--ice)}.card p.sig{font-family:var(--display);font-weight:700;font-stretch:112%;color:var(--gold);font-size:1.2rem;margin-top:1rem}.card .field{display:block;margin-bottom:.8rem;font-family:var(--display);font-size:.9rem;color:var(--fg-2)}.card .field input,.card .field textarea{display:block;width:100%;margin-top:.3rem;background:#ffffff0d;color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:.5rem .6rem;font:inherit;font-family:var(--body);font-size:1rem}.card .field textarea[aria-invalid=true]{border-color:#ff9a7a}.bottom{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1rem}.readouts{display:grid;grid-template-columns:auto auto;gap:.15rem .9rem;font-family:var(--display);font-size:.85rem;font-weight:500;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.5rem .8rem;backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}.readouts dt{color:var(--fg-2)}.readouts dd{margin:0;color:var(--gold)}.clocks{display:flex;gap:.8rem;align-items:flex-end}.clock{text-align:center;font-family:var(--display);font-size:.72rem;font-weight:500;color:var(--fg-2)}.clock canvas{display:block;width:76px;height:76px;margin:0 auto .2rem}.hint{font-family:var(--display);font-size:.78rem;color:var(--fg-2);text-shadow:0 1px 6px #000}.player{display:flex;align-items:center;gap:.35rem;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.35rem .6rem;backdrop-filter:blur(6px);font-family:var(--display);font-size:.8rem}.player[hidden]{display:none}.player button{padding:.25rem .5rem;font-size:.85rem;line-height:1}.player .ptitle{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);margin:0 .3rem}.player input[type=range]{width:70px;accent-color:var(--gold)}.choice{display:flex;gap:.6rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.6rem .8rem;backdrop-filter:blur(6px)}.choice[hidden]{display:none}.choice span{font-family:var(--display);font-size:.85rem;color:var(--fg-2)}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}#overlay:empty{display:none}.card{pointer-events:auto;width:min(52ch,100%);max-height:calc(100% - 32px);overflow:auto;background:#080b1adb;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:1.3rem 1.4rem;backdrop-filter:blur(10px)}.card h1{font-family:var(--display);font-weight:800;font-stretch:125%;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1;margin:0 0 .3rem;text-wrap:balance}.card h2{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:1.35rem;margin:0 0 .6rem;text-wrap:balance}.card p{margin:0 0 .9em;line-height:1.5}.card .sub{color:var(--fg-2);font-family:var(--display);font-size:.9rem;margin-bottom:1rem}.card fieldset{border:0;padding:0;margin:0 0 1rem}.card legend{font-family:var(--display);font-weight:600;font-stretch:105%;font-size:1rem;margin-bottom:.4rem}.card label{display:block;padding:.35rem 0;cursor:pointer;line-height:1.35}.card label input{margin-right:.5rem;accent-color:var(--gold)}.card .row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.reveal{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0 1rem}.reveal>div{background:#ffffff0a;border:1px solid var(--line);border-radius:4px;padding:.7rem .8rem;min-width:0}.reveal .k{font-family:var(--display);font-size:.8rem;color:var(--fg-2)}.reveal .v{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:1.3rem;color:var(--gold);font-variant-numeric:tabular-nums}.reveal .gap{grid-column:1 / -1}.postcard{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--line);margin:.4rem 0 .8rem}.err{color:#ff9a7a}@media (max-width: 640px){.brand small{display:none}.mid{align-items:flex-start}.say{max-width:100%;gap:.35rem;margin:.4rem 0 .5rem}.say p{padding:.5rem .7rem;line-height:1.35}.say p.lover{font-size:.98rem}.say p.expert{font-size:.84rem}.readouts{display:none}.clock canvas{width:56px;height:56px}.clock{font-size:.66rem}.player .ptitle{max-width:9ch}.player input[type=range]{width:54px}.hint{font-size:.72rem}.lever{width:100%}.lever input[type=range]{flex:1;width:auto;min-width:90px}.reveal{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.caption{transition:none}}