.stage{--panel-w: min(400px, 32vw);position:relative;height:calc(100svh - var(--head));min-height:600px;overflow:hidden}.stage .tray{position:absolute;inset:0;height:auto;min-height:0;margin:0}.stage .tray:before{inset:8% 22%}.stage-title{position:absolute;z-index:2;left:var(--gutter);top:26px;display:grid;gap:10px;max-width:min(30vw,420px);pointer-events:none}.stage-title a,.stage-title button{pointer-events:auto}.stage-title h1{font-size:clamp(56px,6vw,104px);line-height:.88;letter-spacing:-.02em;text-shadow:0 0 .03em var(--halo),0 0 .2em var(--halo-2),0 0 .62em var(--halo-2)}.stage-title .lead{font-size:17px;color:var(--ink-2);max-width:34ch}.stage .tray-status{position:absolute;z-index:2;right:var(--gutter);top:22px}.panel{position:absolute;z-index:3;right:var(--gutter);bottom:22px;width:var(--panel-w);max-height:calc(100% - 96px);display:grid;grid-template-rows:auto 1fr;background:color-mix(in srgb,var(--room-2) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 18px 50px #0008}:root[data-room=light] .panel{box-shadow:0 18px 40px #2a1a1022}.panel-grip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink-2);cursor:pointer;text-align:left}.panel-grip:after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}.panel.is-folded .panel-grip:after{transform:rotate(-135deg) translateY(-3px)}.panel-body{display:grid;gap:12px;padding:14px 16px 16px;overflow:auto;overscroll-behavior:contain}.panel.is-folded .panel-body{display:none}.panel .say{font-size:14px}.tools{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink);font:600 13px/1 var(--text);cursor:pointer}.pill:hover{border-color:var(--signal)}.pill[disabled]{opacity:.38;cursor:default}.pill[hidden]{display:none}.pill[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:#fff}.is-back .pill.back-only{display:inline-flex}.stage[data-dock=left] .panel{right:auto;left:var(--gutter)}.stage[data-dock=left] .stage-title{left:auto;right:var(--gutter);text-align:right;justify-items:end;top:70px}.stage[data-dock=console] .panel{left:50%;right:auto;transform:translate(-50%);width:min(560px,44vw);bottom:14px}.stage[data-dock=wide]{--panel-w: min(470px, 36vw)}.panel-links{display:none;font-size:14px;color:var(--ink-3)}.panel-lead{display:none;font-size:15px;color:var(--ink-2)}.panel-links a{font-weight:600}@media(max-width:959px){.stage{height:calc(100svh - var(--head));min-height:540px}.stage .tray{top:clamp(78px,21vw,104px);bottom:var(--sheet-h, 40%)}.stage .tray:before{inset:10% 8%}.stage-title{left:var(--gutter);right:var(--gutter);top:10px;max-width:none;gap:4px}.stage-title h1{font-size:clamp(40px,12vw,64px)}.stage-title .lead{display:none}.panel-lead{display:block}.stage-title .links,.stage-title .status-note{display:none}.stage[data-dock=left] .stage-title{text-align:left;justify-items:start;right:var(--gutter);top:10px}.stage .tray-status{display:none}.stage[data-dock] .panel{left:0;right:0;bottom:0;transform:none;width:auto;max-height:48%;border-radius:18px 18px 0 0;border-bottom:0}.panel-grip{position:relative;justify-content:center;padding:16px 16px 8px}.panel-grip:before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line-2)}.panel-links{display:block}}.status-note{font-size:15px;color:var(--ink-2);border-left:2px solid var(--signal);padding-left:10px;max-width:46ch}.dev{display:grid;gap:14px}.dev:empty{display:none}.dev-line{min-height:1.4em;font-size:15px;color:var(--ink-2)}.back-only{display:none}.is-back .back-only{display:inline-flex}.btn[disabled]{opacity:.4;cursor:default;transform:none;box-shadow:none}.readout{min-height:1.4em;font-size:15px;color:var(--ink)}.readout .mono{font-family:var(--mono);font-size:14px}.links{font-size:15px;color:var(--ink-3)}.links a{font-weight:600}.negs{display:flex;gap:6px;padding:8px;background:var(--film);width:fit-content;max-width:100%;overflow-x:auto;border-radius:2px}.neg{position:relative;display:grid;justify-items:center;gap:4px;padding:4px 4px 2px;border:0;background:#1b1412;cursor:pointer}.neg img{width:56px;height:70px;object-fit:cover;filter:invert(1) sepia(1) hue-rotate(-20deg) saturate(2.4) brightness(.9)}.neg .edge{font-size:10px;color:var(--film-ink)}.neg[aria-pressed=true]:after{content:"";position:absolute;inset:-3px;border:2px solid #ff4d28;border-radius:50%;pointer-events:none}.neg:hover{background:#2c1510}.keys{display:grid;gap:6px;max-width:520px;-webkit-user-select:none;user-select:none}.keys>div{display:flex;gap:5px;justify-content:center}.keys button{flex:1 1 0;min-width:0;height:48px;padding:0;border:1px solid var(--line-2);border-radius:4px;background:var(--room-2);font:700 15px/1 var(--text);text-transform:uppercase;cursor:pointer}.keys button[data-k=\21b5],.keys button[data-k=\232b]{flex:1.6 1 0;font-size:12px}.keys button[data-mark=correct]{background:#378c3f;color:#fff;border-color:#378c3f}.keys button[data-mark=present]{background:#c09000;color:#fff;border-color:#c09000}.keys button[data-mark=absent]{background:#505d62;color:#dfe4e6;border-color:#505d62}.quote{margin:0;font:italic 400 clamp(30px,5vw,52px)/1.05 var(--display);max-width:22ch}.quote cite{display:block;margin-top:10px;font:700 12px/1 var(--edge);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--ink-3)}.fall{max-width:var(--wide);margin:64px auto 0;padding:0 var(--gutter)}.fall-link{display:grid;gap:4px;justify-items:center;text-align:center;padding:48px 16px;text-decoration:none;border:1px solid var(--line-2);border-radius:50%/22%;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--signal) 22%,transparent),transparent 62%)}.fall-link strong{font:400 clamp(44px,9vw,96px)/.95 var(--display);color:var(--ink)}.fall-link span:last-child{color:var(--ink-2)}.fall-link:hover strong{color:var(--signal)}.tier{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-2)}.anagrams{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;max-width:520px}.anagrams button{font:400 22px/1.2 var(--display);text-decoration:none}.anagrams button[aria-pressed=true]{color:var(--signal);text-decoration:underline}.mermaid-out{margin:0;padding:12px 14px;background:var(--film);color:#d7e3ff;font:500 13.5px/1.5 var(--mono);border-radius:3px;overflow-x:auto;max-width:520px}.steps,.stops{border:0;padding:0;margin:0;display:grid;gap:6px}.steps legend,.stops legend{margin-bottom:6px}.step{display:flex;gap:10px;align-items:center}.step input,.field select{font:500 16px/1.4 var(--text);color:var(--ink);background:var(--room-2);border:1px solid var(--line-2);border-radius:3px;padding:8px 10px;min-height:42px}.step input{flex:1}.stops label{display:flex;gap:8px;align-items:center;font-size:15px}.kept{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-width:520px}.kept li{display:grid;gap:2px;padding:8px 10px;border-left:2px solid var(--signal);background:var(--room-2)}.kept span{font:500 12px/1.3 var(--mono);color:var(--ink-3);word-break:break-all}.carry{font-size:15px;color:var(--ink-2);max-width:520px;line-height:1.7}.carry .edge{display:block;font-size:11px;color:var(--ink-3)}.dev-form{display:grid;gap:12px}.field select,.field input[type=number]{font:500 15px/1.3 var(--text);color:var(--ink);background:var(--room-2);border:1px solid var(--line-2);border-radius:3px;padding:6px 8px;min-height:38px}.field input[type=number]{width:4.5em}.field.inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.field.inline .edge{flex:1 0 100%}.field input[type=range]{accent-color:var(--signal);width:100%;padding:0;min-height:28px;border:0;background:none}.field output{font:700 15px/1 var(--mono);color:var(--ink)}.field textarea{font:400 15px/1.45 var(--text);resize:vertical}.lists{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}.lists legend{margin-bottom:6px}.lists label{position:relative}.lists input{position:absolute;opacity:0;inset:0;margin:0}.lists span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:999px;font:600 13px/1 var(--text);cursor:pointer}.lists input:checked+span{background:var(--signal);border-color:var(--signal);color:#fff}.lists input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-2)}.check input{accent-color:var(--signal);width:18px;height:18px}.count{font-size:15px;color:var(--ink-2)}.count strong{font:400 34px/1 var(--display);color:var(--ink);margin-right:4px}.papers{display:grid;gap:8px;margin:0;padding:0;list-style:none;max-height:260px;overflow:auto}.papers li{display:grid;gap:2px;font-size:14px;line-height:1.35}.papers .edge{font-size:10.5px;color:var(--ink-3)}.papers a{color:var(--ink);text-decoration-color:var(--line-2)}.backdrop{position:absolute;z-index:0;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;text-align:center;white-space:nowrap;overflow:hidden;font:400 clamp(90px,21vw,360px)/.9 var(--display);color:var(--halo);opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none}:root[data-room=light] .backdrop{color:var(--signal);opacity:.08}.stage .tray{z-index:1}.plate[data-type=caps] h1,.plate[data-type=caps] .backdrop{font-family:var(--sans, "Instrument Sans"),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.plate[data-type=caps] h1{font-size:clamp(38px,4.2vw,68px)}.plate[data-type=italic] h1,.plate[data-type=italic] .backdrop{font-style:italic}.plate[data-type=dots] h1,.plate[data-type=dots] .backdrop{font-family:Doto,ui-monospace,monospace;font-weight:700;letter-spacing:.02em}.plate[data-type=dots] h1{font-size:clamp(44px,4.6vw,80px)}.plate[data-type=tiles] h1,.plate[data-type=tiles] .backdrop{text-transform:uppercase;letter-spacing:.06em}.plate[data-type=cond] h1,.plate[data-type=cond] .backdrop{font-family:var(--sans, "Instrument Sans"),sans-serif;font-stretch:75%;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}.plate[data-type=slant] h1,.plate[data-type=slant] .backdrop{font-family:var(--sans, "Instrument Sans"),sans-serif;font-style:italic;font-weight:700;letter-spacing:-.03em}.plate[data-type=mono] h1,.plate[data-type=mono] .backdrop{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600;letter-spacing:-.04em}.plate[data-type=mono] h1{font-size:clamp(40px,4.4vw,74px)}.plate[data-type=serif] h1{font-size:clamp(52px,5.4vw,96px)}@media(max-width:959px){.backdrop{top:34%;font-size:26vw}}@media(min-width:960px){.stage[data-dock=right] .tray,.stage[data-dock=wide] .tray{left:min(24vw,360px);right:calc(var(--panel-w) + var(--gutter))}.stage[data-dock=left] .tray{left:calc(var(--panel-w) + var(--gutter));right:min(24vw,360px)}}@media(min-width:960px){.stage[data-dock=right] .stage-title,.stage[data-dock=wide] .stage-title,.stage[data-dock=left] .stage-title{max-width:min(21vw,320px)}}.stage-title>*{min-width:0;max-width:100%}.stage-title .links,.stage-title .edge{overflow-wrap:anywhere}
