:root{--paper: #f8efe1;--paper-2: #f3e3c8;--ink: #2b2233;--ink-2: #5a4e5f;--line: #d9c7a8;--card: #fffaf1;--brass: #c99a4a;--good: #3fae6a;--bad: #d9534f;--wait: #e0a33a;--info: #3b8de0;--tk: #2f7fd1;--gp: #3c9a5f;--mh: #8a5cc7;--bw: #d9822b;--qh: #2bb3c0;--radius: 14px;--shadow: 0 1px 0 rgba(43, 34, 51, .06), 0 8px 24px -12px rgba(59, 42, 30, .35);--font-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:15px/1.45 var(--font-ui);color:var(--ink);background:radial-gradient(120% 90% at 30% 0%,#fdf6ea 0%,var(--paper) 45%,var(--paper-2) 100%)}button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--info);outline-offset:2px;border-radius:6px}.muted{color:var(--ink-2)}.warn{color:#9a4a10}.fine{font-size:12.5px;color:var(--ink-2)}code{font-family:var(--font-mono);font-size:12px;background:#f1e6d3;padding:1px 5px;border-radius:5px}.site{display:flex;flex-direction:column;height:100%}.site>.stage-wrap{flex:1}.demo-banner{background:repeating-linear-gradient(-45deg,#2b2233 0 14px,#3a2f45 14px 28px);color:#ffe7a8;text-align:center;font-weight:700;letter-spacing:.04em;padding:6px 12px;font-size:13px}.topbar{display:flex;align-items:center;gap:18px;padding:14px 22px 8px}.wordmark{font:800 26px/1 var(--font-display);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:10px;letter-spacing:-.01em}.burrow{width:30px;height:22px;border-radius:50% 50% 46% 46%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 78%,#4a3527 0 28%,transparent 30%),linear-gradient(#e39a55,#c9773a);box-shadow:inset 0 -3px #0000001f;display:inline-block}.tagline{margin:0;color:var(--ink-2);flex:1;min-width:0}.top-actions{display:flex;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13.5px;white-space:nowrap;box-shadow:var(--shadow)}.pill .dot{width:9px;height:9px;border-radius:50%;background:#9a9a9a}.fresh-live .dot{background:var(--good);box-shadow:0 0 #3fae6a99;animation:breathe 2.4s ease-in-out infinite}.fresh-reconnecting .dot,.fresh-connecting .dot{background:var(--wait)}.fresh-offline .dot,.fresh-paused .dot{background:var(--bad)}.fresh-demo{background:#2b2233;color:#ffe7a8;border-color:#2b2233}.fresh-demo .dot{background:#ffe7a8}.pill .sub{color:var(--ink-2)}@keyframes breathe{50%{box-shadow:0 0 0 6px #3fae6a00}}.btn{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;cursor:pointer;min-height:40px;box-shadow:var(--shadow)}.btn:hover{background:#fff}.btn.sound{font-weight:700;background:var(--ink);color:#fff7e6;border-color:var(--ink)}.btn.sound.on{background:var(--card);color:var(--ink);border-color:var(--line)}.btn.tiny{min-height:32px;padding:4px 10px;font-size:12.5px}.chips{display:flex;flex:none;align-items:center;gap:8px;padding:4px 22px 10px;overflow-x:auto;scrollbar-width:none}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap;min-height:44px}.chip.on{background:var(--ink);color:#fff7e6;border-color:var(--ink)}.chip .count{display:inline-block;min-width:22px;padding:0 6px;margin-left:4px;border-radius:999px;background:#00000014;font-size:12px;text-align:center}.chip.c-turbokast{border-left:5px solid var(--tk)}.chip.c-greenpalm{border-left:5px solid var(--gp)}.chip.c-mythhelm{border-left:5px solid var(--mh)}.chip.c-botwarren{border-left:5px solid var(--bw)}.chip.c-quotahop{border-left:5px solid var(--qh)}.stage-wrap{position:relative;display:grid;grid-template-columns:1fr 360px;min-height:0}.world{position:relative;min-height:0;overflow:hidden;touch-action:none}.world canvas{display:block}.world-fallback{position:absolute;inset:auto 20px 20px;background:var(--card);padding:12px;border-radius:var(--radius)}.counters{position:absolute;left:18px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.counters span{background:#fffaf1eb;border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:13.5px;box-shadow:var(--shadow)}.counters b{font:800 16px var(--font-display);margin-right:3px}.side{border-left:1px solid var(--line);background:#fffaf1b3;backdrop-filter:blur(6px);overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.inspector{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.inspector h2{font:800 24px/1.1 var(--font-display);margin:2px 0 10px}.eyebrow{margin:0;text-transform:uppercase;font-size:11.5px;letter-spacing:.08em;color:var(--ink-2)}.inspector dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px}.inspector dt{color:var(--ink-2)}.inspector dd{margin:0}.persona{margin:0 0 10px;font-size:13.5px;color:var(--ink-2)}.persona b{color:var(--ink)}.persona .trait{margin-left:6px;font:600 11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.btn.close{position:absolute;right:8px;top:8px;min-height:36px;width:36px;padding:0;font-size:20px;line-height:1}.tabs{display:flex;gap:4px;background:#efe2cb;padding:4px;border-radius:999px}.tab{flex:1;border:0;background:transparent;border-radius:999px;padding:8px;cursor:pointer;min-height:40px}.tab.on{background:var(--card);box-shadow:var(--shadow);font-weight:700}.timeline h3,.sound-panel h3{font:700 16px var(--font-display);margin:4px 0 8px}.timeline ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}.timeline li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--card);border-radius:10px;border-left:4px solid var(--info);font-size:14px}.timeline li time{color:var(--ink-2);font-size:12px;white-space:nowrap}.t-good{border-left-color:var(--good)!important}.t-bad{border-left-color:var(--bad)!important}.t-wait{border-left-color:var(--wait)!important}.truth{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px}.truth .stage{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;color:var(--ink-2)}.truth .mark{width:14px;height:14px;border-radius:50%;border:2px solid #b9aa92;background:transparent;flex:none}.truth .done{color:var(--ink)}.truth .done .mark{background:var(--good);border-color:var(--good)}.truth .active{color:var(--ink);font-weight:700}.truth .active .mark{border-color:var(--info);background:radial-gradient(var(--info) 40%,transparent 45%)}.truth .failed{color:#8f2a26}.truth .failed .mark{background:var(--bad);border-color:var(--bad)}.sound-panel{display:grid;gap:10px}.slider{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px}.slider input{accent-color:var(--ink);min-height:32px}.bus{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.check{display:flex;gap:8px;align-items:center;min-height:40px}.listview h4{margin:10px 0 4px;font-family:var(--font-display)}.listview ul{margin:0;padding-left:18px}.caption-bar{position:fixed;left:50%;bottom:64px;transform:translate(-50%);max-width:min(760px,92vw);background:#1b151fe6;color:#fff7e6;padding:10px 18px;border-radius:12px;font-size:18px;text-align:center;z-index:20}.foot{padding:8px 22px 12px;font-size:13px;color:var(--ink-2);border-top:1px solid var(--line)}.foot a{color:var(--ink)}@media(max-width:720px){.topbar{flex-wrap:wrap;padding:10px 14px 4px;gap:8px}.tagline{order:3;flex-basis:100%;font-size:13.5px}.wordmark{font-size:22px}.top-actions{margin-left:auto}.top-actions .pill{font-size:12px;padding:6px 10px}.chips{padding:4px 14px 8px}.stage-wrap{grid-template-columns:1fr;grid-template-rows:minmax(300px,52vh) auto}.counters{left:10px;bottom:10px}.counters span:nth-child(3){display:none}.side{border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;margin-top:-14px;position:relative;z-index:2;box-shadow:0 -8px 24px -16px #0006}.side:before{content:"";width:44px;height:5px;border-radius:3px;background:#cdbb9c;align-self:center}.foot{font-size:12px}}body[data-route=landscape],body[data-route=sidecar]{background:radial-gradient(120% 90% at 30% 0%,#fdf6ea 0%,var(--paper) 45%,var(--paper-2) 100%);overflow:hidden}body[data-route=compact]{background:transparent;overflow:hidden}.broadcast{position:fixed;inset:0}.broadcast .world{position:absolute;inset:0}.b-hud{position:absolute;top:28px;left:36px;display:flex;gap:14px;align-items:center}.b-mark{font:800 34px var(--font-display);display:inline-flex;gap:12px;align-items:center;color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.6)}.b-mark .burrow{width:40px;height:30px}.broadcast .pill{font-size:17px;padding:9px 16px}.b-lower{position:absolute;left:36px;right:36px;bottom:32px;display:flex;gap:14px;align-items:center}.broadcast .counters{position:static}.broadcast .counters span{font-size:18px;padding:8px 16px}.broadcast .counters b{font-size:22px}.b-ticker{flex:1;background:#1b151fe0;color:#fff7e6;padding:12px 20px;border-radius:14px;font-size:22px;border-left:8px solid var(--info);animation:slidein .5s cubic-bezier(.2,.8,.2,1)}@keyframes slidein{0%{transform:translateY(12px);opacity:0}}.b-sidecar .world{right:0;left:0;bottom:38%}.b-sidecar .b-side{position:absolute;inset:64% 24px 120px;overflow:hidden}.b-sidecar .b-lower{flex-direction:column;align-items:stretch;left:24px;right:24px}.b-sidecar .b-hud{left:24px;top:20px;flex-wrap:wrap}.b-sidecar .b-mark{font-size:26px}.b-compact .b-hud{top:auto;bottom:108px;left:28px}.b-compact .b-mark{font-size:24px;background:#fffaf1f0;padding:6px 14px;border-radius:999px}.b-compact .b-lower{bottom:24px;left:28px;right:28px}.broadcast .caption-bar{bottom:120px;font-size:26px}.b-compact .caption-bar{bottom:170px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}