:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#000;color:#fff2d8;font-synthesis:none;--accent:#ffd16e}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}body{min-height:100svh;touch-action:manipulation}button,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #fff0c2;outline-offset:5px}button:disabled{cursor:wait}#hologram{position:fixed;inset:0;width:100%;height:100%;display:block;background:#000}.gate{position:fixed;inset:0;display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) 24px max(22px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at center,rgba(0,5,10,.78),rgba(0,0,0,.35) 72%);overflow:auto;transition:opacity .35s}.intro{width:min(390px,100%);text-align:center}.eyebrow{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:#c0ae8c;margin:0 0 22px}.status-dot{display:inline-block;width:5px;height:5px;margin:0 8px 1px 0;background:#ffd77c;box-shadow:0 0 12px #eeb13a;border-radius:50%}h1{font-weight:300;font-size:clamp(35px,8vw,54px);letter-spacing:.14em;margin:0 0 12px;padding-left:.14em;text-shadow:0 0 36px #df9d2533}.lead{font-size:14px;font-weight:300;color:#b3a285;margin:0 0 36px}.modes{display:flex;gap:8px;margin:0 0 12px}.modes button{flex:1;color:#ae9670;border:1px solid #49371b;background:#0b0803;padding:12px 8px;border-radius:9px;font-size:13px}.modes button span{font:10px ui-monospace,SFMono-Regular,monospace;margin-left:7px;color:#8b764f}.modes button[aria-pressed=true]{background:#2a1c07;border-color:#9e7831;color:#fff0cb}.modes button[aria-pressed=true] span{color:#ffdb8d}.start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:17px 12px;border:1px solid #ffe4a8;border-radius:9px;background:#ffd57a;color:#281b00;font-weight:650;font-size:14px;box-shadow:0 0 32px #ffbd451c;transition:background .2s,transform .2s}.start:hover{background:#ffebba;transform:translateY(-1px)}.start svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.instructions{color:#a38c67;font-size:12px;line-height:1.7;margin:17px auto 0;max-width:340px;min-height:40px}details{margin:18px auto 0;font-size:11px;color:#a38c67;text-align:left}summary{text-align:center;cursor:pointer;list-style:none;display:block;padding:6px}summary:after{content:' +';color:#9ecddc}details[open] summary:after{content:' −'}details label{display:block;margin:15px 4px 5px}output{float:right;color:#d0b987;font-family:ui-monospace,monospace}input[type=range]{display:block;width:100%;accent-color:#ffd174;margin-top:10px;height:18px}.check{display:flex;align-items:center;gap:6px}input[type=checkbox]{accent-color:#ffd174}.reset{display:block;margin:12px auto 0;color:#ae9670;border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:3px}.connection{margin:24px 0 0;font:9px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.045em;color:#8c7959}.exit{display:none;position:fixed;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));align-items:center;gap:9px;border:1px solid #705126;border-radius:999px;background:#1b1205dd;color:#f1d8a7;padding:10px 15px;font-size:12px;opacity:0;transition:opacity .3s;z-index:3}.projecting{cursor:none}.projecting .gate{display:none}.projecting .exit{display:flex;pointer-events:none}.projecting.controls{cursor:default}.projecting.controls .exit,.projecting .exit:focus-visible{opacity:1;pointer-events:auto}.notice{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(90%,440px);margin:0;text-align:center;background:#1b1206e8;border:1px solid #573e1d;border-radius:8px;color:#d3ba8e;padding:10px 16px;font-size:11px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .3s}.notice.visible{opacity:1}noscript{position:fixed;inset:30%;text-align:center;color:#fff1d1}@media(max-height:570px)and(min-width:600px){.intro{width:min(520px,90vw)}.eyebrow{margin-bottom:12px}h1{font-size:38px}.lead{margin-bottom:18px}.modes,.start{max-width:390px;margin-left:auto;margin-right:auto}.instructions{min-height:0;margin-top:10px}details{margin-top:5px;max-width:390px}.connection{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}
.modes button{padding:12px 3px;font-size:12px}.modes button span{display:block;margin:5px 0 0;font-size:9px}