.keeper-intro{grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-block:42px 28px;display:grid}.keeper-intro h1{font-size:clamp(2.4rem,4.3vw,4.3rem)}.keeper-intro h1 span{color:var(--accent)}.keeper-intro p{max-width:390px;color:var(--muted);margin-top:8px;font-size:16px}.keeper-intro>div{justify-self:end}.keeper-intro>div:first-child{justify-self:start}.keeper-back{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:inline-flex}.portal-keeper{padding-bottom:60px}.keeper-workspace{border-block:1px solid var(--line)}.keeper-stage{background:#14221d}.keeper-stage-label{color:#c3cabc;border-bottom:1px solid #344439;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 24px;font-size:12px;display:flex}.keeper-stage-label>span:last-child{align-items:center;gap:8px;display:inline-flex}.keeper-stage-label>span:last-child>span{border:1px solid #a6b797;border-radius:50%;width:5px;height:5px}.keeper-stage-label .keeper-awake{color:var(--accent)}.keeper-stage-label .keeper-awake>span{background:var(--accent)}.keeper-scene{touch-action:pan-y;height:clamp(390px,49vw,550px);position:relative}.keeper-scene>div{inset:0;position:absolute!important}.keeper-loading{color:var(--muted);place-content:center;font-size:14px;display:grid}.keeper-diagram{width:100%;height:100%;max-height:550px;display:block}.keeper-utilities{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;padding-inline:20px;display:flex}.keeper-utilities>span{color:var(--muted);font-size:12px}.keeper-utilities>div{gap:20px;display:flex}.keeper-utilities button,.keeper-actions button{justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;display:inline-flex}.keeper-utilities button[aria-pressed=true]{color:var(--accent)}.portal-keeper button:disabled{opacity:.5;cursor:default}.keeper-desk{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);display:grid}.keeper-instruments{border-right:1px solid var(--line);padding:24px 28px 24px 0}.keeper-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.keeper-selectors button{text-align:left;border:1px solid #0000;border-bottom-color:var(--line);align-items:center;gap:11px;min-height:64px;padding:12px 10px;display:flex}.keeper-selectors button[aria-pressed=true]{background:#252e23;border-color:#64734e}.keeper-instrument-mark{width:28px;height:28px;color:var(--accent);border:1px solid #778667;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.keeper-instrument-mark svg{stroke:currentColor;stroke-width:1.3px;width:22px}.keeper-selectors strong{font-size:13px;font-weight:500;display:block}.keeper-selectors small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.keeper-instrument-controls{justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.keeper-instrument-controls h2{letter-spacing:-.02em;font-size:21px}.keeper-instrument-controls p{color:var(--muted);max-width:235px;margin-top:7px;font-size:12px}.keeper-turn-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.keeper-turn-controls button{background:#242e25;border:1px solid #68765b;justify-content:center;align-items:center;gap:6px;min-width:58px;min-height:48px;padding:10px;font-size:12px;display:inline-flex}.keeper-turn-controls button:hover{border-color:var(--accent);color:var(--accent)}.keeper-angle{text-align:center;font-variant-numeric:tabular-nums;min-width:55px;font-size:13px}.keeper-field-notes{padding:28px 0 24px 32px}.keeper-progress{color:var(--muted);flex-wrap:wrap;gap:12px 24px;font-size:11px;display:flex}.keeper-progress>span{align-items:center;gap:7px;display:inline-flex}.keeper-progress>span>span{border:1px solid #6a7468;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.keeper-progress [data-complete=true]{color:var(--accent)}.keeper-state{color:#d2d8cb;min-height:47px;font-size:13px;line-height:1.65;margin-block:14px 12px!important}.keeper-enter{color:#d5ed9b;border:1px solid #708452;justify-content:space-between;align-items:center;width:100%;min-height:45px;padding:10px 15px;font-size:13px;display:flex}.keeper-enter:enabled{background:var(--accent);color:var(--paper);border-color:var(--accent)}.keeper-actions{flex-wrap:wrap;gap:0 22px;margin-top:5px;display:flex}.keeper-actions button:hover{color:var(--accent)}.keeper-hint{color:var(--accent);border-top:1px solid var(--line);padding:12px 0;font-size:13px}.keeper-save{color:var(--muted);margin-top:6px;font-size:10px;display:block}.keeper-completion{padding:32px 32px 32px 0}.keeper-completion h2{font-size:clamp(1.8rem,3vw,2.9rem)}.keeper-completion h2 span{color:var(--accent)}.keeper-completion p{color:var(--muted);max-width:420px;margin-top:18px;font-size:14px}.keeper-completion-actions{flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:25px;display:flex}.keeper-nojs{padding:20px}.keeper-making{grid-template-columns:1fr 1fr;gap:70px;padding-block:20px 100px;display:grid}.keeper-making h2{max-width:430px;font-size:clamp(2rem,3.5vw,3rem)}.keeper-making>div>p{max-width:420px;color:var(--muted);margin-top:24px;font-size:15px}.keeper-making details{border-bottom:1px solid var(--line);padding-block:16px}.keeper-making-link{margin-top:24px;font-size:14px}.keeper-making summary{cursor:pointer;min-height:32px;font-size:15px}.keeper-making details p{color:var(--muted);padding-block:12px;font-size:13px;line-height:1.8}@media (max-width:1100px){.keeper-desk{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}.keeper-instruments{padding-right:20px}.keeper-field-notes{padding-left:22px}.keeper-instrument-controls{flex-direction:column;align-items:flex-start}.keeper-selectors button{flex-direction:column;align-items:flex-start;gap:8px}.keeper-selectors small{display:none}}@media (max-width:760px){.keeper-desk button,.keeper-desk a,.keeper-completion h2,.keeper-utilities button{scroll-margin-top:calc(var(--folio-header-visible-height) + var(--keeper-stage-height,360px) + 16px);scroll-margin-bottom:24px}.keeper-intro{grid-template-columns:1fr;gap:12px;padding-block:20px 24px}.keeper-intro>div{justify-self:start}.keeper-intro h1{font-size:2.6rem}.keeper-intro p{max-width:100%;font-size:14px}.keeper-back{margin-bottom:5px}.keeper-stage{top:var(--folio-header-visible-height);transition:top var(--folio-header-transition);z-index:5;position:sticky}.keeper-stage-label{min-height:40px;padding:9px 12px;font-size:10px}.keeper-stage-label>span:last-child{gap:5px}.keeper-scene{height:clamp(205px,38svh,350px)}.keeper-utilities{gap:1px;padding:7px 0 0}.keeper-utilities>span{font-size:10px}.keeper-utilities>div{justify-content:space-between;width:100%}.keeper-utilities button{font-size:11px}.keeper-desk{grid-template-columns:1fr}.keeper-instruments{border-right:0;padding:15px 0 22px}.keeper-selectors button{flex-direction:row;align-items:center;gap:8px;min-height:52px;padding:10px 7px}.keeper-selectors strong{font-size:11px}.keeper-instrument-mark{width:24px;height:24px;font-size:10px}.keeper-instrument-controls{flex-flow:wrap;align-items:center;gap:12px;padding-top:20px}.keeper-instrument-controls h2{font-size:18px}.keeper-instrument-controls p{max-width:155px;font-size:11px}.keeper-turn-controls button{min-width:44px;padding:10px}.keeper-turn-controls button span{display:none}.keeper-angle{min-width:46px;font-size:12px}.keeper-field-notes{border-top:1px solid var(--line);padding:20px 0 22px}.keeper-state{min-height:0}.keeper-save{font-size:11px}.keeper-completion{padding:24px 0}.keeper-making{grid-template-columns:1fr;gap:25px;padding-block:0 60px}}@media (max-height:600px) and (max-width:760px){.keeper-stage{position:relative;top:auto}.keeper-desk button,.keeper-desk a,.keeper-completion h2,.keeper-utilities button{scroll-margin-top:calc(var(--folio-header-visible-height) + 16px)}}@media (prefers-reduced-motion:reduce){.portal-keeper *,.portal-keeper :before,.portal-keeper :after{scroll-behavior:auto;transition:none;animation:none}}
