:root{--void: #080808;--void-2: #121212;--cyan: #64d8ff;--crimson: #ff3b30;--gold: #ffd080;--gold-2: #e6c387;--paper: #d8d2c4;--mono: "Space Mono", ui-monospace, SFMono-Regular, "IBM Plex Mono", monospace;--serif: "Playfair Display", "Bodoni 72", "Didot", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--void);color:var(--paper);font-family:var(--mono);overflow:hidden;cursor:none}.canvas-root{position:fixed;inset:0}.chat-dock{position:fixed;right:22px;bottom:108px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px;cursor:auto}.chat-dock .chat-toggle,.chat-dock button,.chat-dock input{cursor:auto;pointer-events:auto}.chat{width:min(370px,calc(100vw - 44px));height:min(356px,44vh);display:flex;flex-direction:column;background:#0a0a0adb;border:1px solid rgba(216,210,196,.26);border-radius:6px;backdrop-filter:blur(10px);padding:12px 12px 10px;color:var(--paper);font-family:var(--mono)}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid rgba(216,210,196,.18)}.chat-title{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.chat-head .ghost{padding:3px 8px;font-size:10px}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding-right:4px;scrollbar-width:thin}.chat-msg{max-width:92%;font-size:11.5px;line-height:1.65;letter-spacing:.02em;padding:8px 10px;border-radius:5px;white-space:pre-wrap;word-break:break-word}.chat-msg p{margin:0}.chat-msg.user{align-self:flex-end;background:#64d8ff1a;border:1px solid rgba(100,216,255,.3)}.chat-msg.assistant{align-self:flex-start;background:#d8d2c40f;border:1px solid rgba(216,210,196,.14)}.chat-thumb{display:block;width:100%;border-radius:3px;margin-bottom:7px;border:1px solid rgba(216,210,196,.2);opacity:.92}.chat-thinking{display:flex;align-items:center;gap:8px;color:#d8d2c49e}.chat-dots{width:12px;height:12px;border-radius:50%;border:1px solid rgba(216,210,196,.18);border-top-color:var(--cyan);animation:loader-spin .9s linear infinite}.chat-error{font-size:10px;letter-spacing:.06em;color:var(--crimson);border:1px solid rgba(255,59,48,.35);background:#ff3b3012;border-radius:4px;padding:7px 9px}.chat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0}.chat-chips .ghost{font-size:9px;padding:5px 9px}.chat-form{display:flex;gap:6px;margin-top:9px}.chat-input{flex:1;min-width:0;background:#00000080;border:1px solid rgba(216,210,196,.26);border-radius:4px;color:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:8px 9px;outline:none}.chat-input:focus{border-color:var(--cyan)}.chat-input::placeholder{color:#d8d2c461}.chat-send{white-space:nowrap}.chat-send:disabled{opacity:.4}.chat-note{margin-top:7px;font-size:8.5px;letter-spacing:.14em;color:#d8d2c45c}@media (max-width: 720px){.chat-dock{right:12px;bottom:64px}.chat{height:min(400px,52vh)}}.loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:30;pointer-events:none}.loader-ring{width:44px;height:44px;border-radius:50%;border:1px solid rgba(216,210,196,.14);border-top-color:var(--cyan);animation:loader-spin .9s linear infinite;box-shadow:0 0 26px #64d8ff38}.loader-text{font-family:var(--mono);font-size:9px;letter-spacing:.42em;color:#d8d2c46b;text-indent:.42em}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loader-ring{animation-duration:2.4s}}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:60;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");animation:grain .6s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-2%)}}.vignette{position:fixed;inset:0;pointer-events:none;z-index:55;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(0,0,0,.75) 100%)}.hud{position:fixed;inset:0;z-index:40;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(14px,2.2vw,30px)}.hud button,.hud a,.hud input,.hud select,.chapter,.reticle-label{pointer-events:auto}.hud-top,.hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#d8d2c4b8}.hud-top .brand{font-family:var(--serif);font-size:clamp(13px,1.5vw,18px);letter-spacing:.42em;color:var(--paper)}.hud-top .archive{font-size:9px;letter-spacing:.3em;color:var(--gold-2)}.hud-mid{position:relative;display:grid;place-items:center}.frame{position:absolute;inset:0;border:1px solid rgba(216,210,196,.14)}.crosshair{position:absolute;width:18px;height:18px}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#64d8ff8c}.crosshair:before{left:50%;top:0;width:1px;height:100%}.crosshair:after{top:50%;left:0;height:1px;width:100%}.crosshair.tl{top:10px;left:10px}.crosshair.tr{top:10px;right:10px}.crosshair.bl{bottom:10px;left:10px}.crosshair.br{bottom:10px;right:10px}.ruler{position:absolute;left:10px;top:50%;transform:translateY(-50%);height:42%;width:1px;background:repeating-linear-gradient(to bottom,rgba(216,210,196,.5) 0 1px,transparent 1px 9px)}.spiral{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.spiral path{fill:none;stroke:var(--cyan);stroke-width:1.1;filter:drop-shadow(0 0 6px rgba(100,216,255,.55));stroke-dasharray:2400;stroke-dashoffset:2400}.spiral.armed path{transition:stroke-dashoffset 1.6s cubic-bezier(.7,0,.2,1);stroke-dashoffset:0}.spiral .phi-line{stroke:var(--gold-2);stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.2s .5s ease-out}.spiral.armed .phi-line{stroke-dashoffset:0}.chapter-title{position:absolute;left:clamp(14px,3vw,56px);bottom:clamp(96px,14vh,180px);max-width:min(560px,62vw)}.chapter-title .no{font-size:10px;letter-spacing:.5em;color:var(--gold-2)}.chapter-title h1{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,6vw,5.2rem);line-height:.98;letter-spacing:.12em;margin:.25em 0 .15em;color:var(--paper);text-shadow:0 2px 40px rgba(0,0,0,.6)}.chapter-title .zh{font-size:12px;letter-spacing:.4em;color:#d8d2c4b3}.chapter-title .hint{margin-top:1.1em;font-size:10px;letter-spacing:.3em;color:var(--cyan)}.chapter-title .state{color:var(--crimson)}.chapter-title .state.live{color:var(--gold)}.chapter-select{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}.chapter{background:#0a0a0a80;border:1px solid rgba(216,210,196,.22);color:#d8d2c4b8;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;border-radius:999px;cursor:none;transition:all .25s ease;backdrop-filter:blur(6px)}.chapter:hover{border-color:var(--cyan);color:var(--cyan)}.chapter[data-active=true]{border-color:var(--gold);color:#0b0b0b;background:linear-gradient(180deg,var(--gold),var(--gold-2))}.hud .ghost{background:transparent;border:1px solid rgba(216,210,196,.3);color:#d8d2c4cc;font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;padding:7px 11px;border-radius:4px;cursor:none}.hud .ghost:hover{border-color:var(--cyan);color:var(--cyan)}.reticle{position:fixed;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:70;pointer-events:none;mix-blend-mode:screen}.reticle .ring,.reticle .dot,.reticle .tick{position:absolute;border:1px solid rgba(100,216,255,.8)}.reticle .ring{inset:0;border-radius:50%}.reticle .dot{left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--cyan)}.reticle .tick.h{left:-8px;right:-8px;top:50%;height:0;border:0;border-top:1px solid rgba(100,216,255,.6)}.reticle .tick.v{top:-8px;bottom:-8px;left:50%;width:0;border:0;border-left:1px solid rgba(100,216,255,.6)}.reticle[data-hot=true] .ring{border-color:var(--gold);transform:scale(1.22);transition:transform .2s ease}.reticle[data-hot=true] .dot{background:var(--gold)}.reticle .coords{position:absolute;left:54px;top:8px;white-space:nowrap;font-size:9px;letter-spacing:.14em;color:#64d8ffcc}.reticle-label{position:fixed;z-index:71;transform:translate(58px,34px);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#080808b3;border:1px solid rgba(255,208,128,.4);padding:5px 8px;pointer-events:none}.video-host{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none;left:-10px;top:-10px}.hud-bottom .fps{color:var(--gold-2)}.hud.grid-off .spiral,.hud.grid-off .frame,.hud.grid-off .crosshair,.hud.grid-off .ruler{display:none}.hud .archive{font-size:9px;letter-spacing:.3em;color:var(--gold-2);pointer-events:auto}.measure-panel{position:fixed;right:clamp(14px,2.2vw,30px);top:clamp(72px,11vh,116px);z-index:73;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.measure-body{background:#080808d6;border:1px solid rgba(255,208,128,.35);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.45rem;min-width:214px}.measure-row{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);display:flex;gap:.5rem;align-items:center;justify-content:space-between}.measure-value{font-family:var(--serif);font-size:1.55rem;color:var(--gold);letter-spacing:.06em}.measure-note{font-size:9px;letter-spacing:.12em;color:#d8d2c499}.measure-input{width:76px;font:inherit;font-size:11px;padding:.3rem .4rem;background:#111;color:var(--paper);border:1px solid rgba(216,210,196,.35);border-radius:4px}.panel-row{display:flex;gap:.4rem;justify-content:flex-end}.hud .ghost[data-on=true]{border-color:var(--gold);color:#0b0b0b;background:linear-gradient(180deg,var(--gold),var(--gold-2))}.brush-range{width:100%;accent-color:var(--gold)}@media (max-width: 720px){.chapter-title h1{font-size:clamp(1.7rem,9vw,2.6rem)}.ruler,.spiral .phi-line{display:none}}