@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg:#f6f1e9;--panel:#fffc;--text:#2a2b2f;--text-strong:#101116;--accent:#ffcf6b;--accent-2:#2aa198;--border-subtle:#0f172a26;--shadow-lg:0 20px 45px #1018282e;--shadow-xl:0 30px 60px #10182838;--display:"Fraunces", "Times New Roman", serif;--sans:"Space Grotesk", "Segoe UI", sans-serif;font:16px/150% var(--sans);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 10% 10%,#ffd28259,#0000 45%),radial-gradient(circle at 90% 0,#64beaf40,#0000 40%),linear-gradient(#fff9,#f6f1e9e6);min-height:100svh;margin:0}*{box-sizing:border-box}#root{min-height:100svh}.app{box-sizing:border-box;grid-template-columns:minmax(260px,380px) 1fr;align-items:stretch;gap:24px;min-height:100svh;padding:32px;display:grid}.hud{z-index:2;background:var(--panel);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;justify-content:flex-end;gap:18px;padding:28px;display:flex;position:relative}.brand{font-family:var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--accent-2);font-size:14px}.title{font-family:var(--display);color:var(--text-strong);margin:0;font-size:36px}.subtitle{color:var(--text);max-width:26ch;margin:0}.controls{flex-wrap:wrap;gap:10px;display:flex}.action-btn{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #12595240}.action-btn:hover{transform:translateY(-1px)scale(1.01)}.action-btn.ghost{color:var(--text-strong);border:1px solid var(--border-subtle);box-shadow:none;background:0 0}.chat-panel{border:1px dashed var(--border-subtle);background:#fff9;border-radius:18px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.chat-title{color:var(--text-strong);font-size:14px;font-weight:600}.chat-status{color:var(--text);margin:0;font-size:13px}.chat-form{gap:10px;display:flex}.chat-input{border:1px solid var(--border-subtle);color:var(--text-strong);background:#ffffffd9;border-radius:12px;flex:1;padding:10px 12px;font-size:14px;font-weight:500}.chat-send{color:var(--text-strong);cursor:pointer;background:#2aa1982e;border:none;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .2s}.chat-send:hover{transform:translateY(-1px)}.stage{border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);background:radial-gradient(circle at 30% 20%,#f9e6be73,#0000 55%),radial-gradient(circle at 80% 10%,#78c8be59,#0000 50%),linear-gradient(#fff6,#ffffff1a);border-radius:28px;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;background:radial-gradient(circle at 70% 80%,#1446501f,#0000 50%);position:absolute;inset:0}.stage canvas{display:block;width:100%!important;height:100%!important}@media (width<=960px){.app{grid-template-columns:1fr;padding:20px}.hud{order:2}.stage{min-height:420px}}