:root{--bg: #171b20;--surface-1: #1f252d;--surface-2: #262e38;--text: #ede4d3;--text-muted: #9aa3ad;--accent: #c98a3f;--accent-support: #5fa3a3;--success: #7fb069;--danger: #c1543c;--font-display: "Fraunces", Georgia, serif;--font-ui: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--radius: 6px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh;display:grid;grid-template-columns:1fr 380px;gap:var(--space-2);padding:var(--space-2);background:radial-gradient(120% 90% at 30% 0%,rgba(201,138,63,.06),transparent 60%),var(--bg)}.viewport{position:relative;min-height:60vh;border-radius:calc(var(--radius) * 2);overflow:hidden;background:radial-gradient(120% 120% at 50% 20%,#1c222a,#12161b 75%);box-shadow:inset 0 0 0 1px #c98a3f40,inset 0 2px 24px #000000a6}#terrain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#terrain:active{cursor:grabbing}.bezel-ring{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:var(--radius);pointer-events:none;box-shadow:inset 0 0 0 1px #c98a3f59}.bezel-ring:before,.bezel-ring:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:calc(var(--radius) * 3);border:1px solid rgba(201,138,63,0);pointer-events:none}.bezel-ring.pulse:before{animation:contour-pulse .9s var(--ease-out)}.bezel-ring.pulse:after{top:-28px;right:-28px;bottom:-28px;left:-28px;animation:contour-pulse .9s var(--ease-out) .12s}@keyframes contour-pulse{0%{border-color:var(--pulse-color, rgba(201, 138, 63, .55));opacity:1;transform:scale(.98)}to{border-color:#c98a3f00;opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.bezel-ring.pulse:before,.bezel-ring.pulse:after{animation:none}}.masthead{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:4px}.wordmark{margin:0;font-family:var(--font-display);font-weight:600;font-size:31px;letter-spacing:.01em;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.5)}.wordmark-accent{color:var(--accent)}.status{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-support);transition:color .2s var(--ease-out)}.status.converged{color:var(--success)}.viewport-actions{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-1)}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(201,138,63,.35);background:#171b208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);text-decoration:none;cursor:pointer;transition:transform .15s var(--ease-out),background .15s var(--ease-out),border-color .15s var(--ease-out)}.btn-icon:hover{background:#262e38bf;border-color:#c98a3f99}.btn-icon:active{transform:scale(.92)}.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-icon[aria-pressed=true]{color:var(--text-muted);border-color:#9aa3ad59}.console{background:var(--surface-1);border-radius:calc(var(--radius) * 2);display:flex;flex-direction:column;box-shadow:inset 0 1px #c98a3f26,0 12px 32px #00000059}.console-handle{display:none}.console-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3);overflow-y:auto}.console-section{display:flex;flex-direction:column;gap:var(--space-2)}.console-section h2{margin:0;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid rgba(154,163,173,.2);padding-bottom:var(--space-1)}.control{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--space-2);row-gap:6px}.control-label{font-size:13px;color:var(--text)}.control-value{font-size:13px;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right}.control-range{grid-column:1 / -1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer}.control-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 1px 3px #00000080}.control-range::-moz-range-track{height:6px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 1px 3px #00000080}.control-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:linear-gradient(160deg,#e0a75c,var(--accent));box-shadow:0 1px 2px #00000080,0 0 0 1px #00000040;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.control-range::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:linear-gradient(160deg,#e0a75c,var(--accent));box-shadow:0 1px 2px #00000080,0 0 0 1px #00000040;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.control-range:hover::-webkit-slider-thumb{transform:scale(1.08)}.control-range:active::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px #c98a3f33}.control-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ede4d3d9}.control-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #ede4d3d9}.control-range:focus-visible{outline:none}.btn{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius);border:1px solid rgba(201,138,63,.4);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-weight:500;font-size:14px;cursor:pointer;transition:transform .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out)}.btn:hover{background:#2c3542;box-shadow:0 4px 16px #00000059}.btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-regenerate{border-color:#c1543c80;color:#f2c9bd}.btn-regenerate:hover{background:#c1543c2e}.viewport-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:16px}.about{padding:var(--space-8) var(--space-3);background:radial-gradient(120% 80% at 80% 0%,rgba(95,163,163,.05),transparent 55%),linear-gradient(180deg,var(--bg),#14181d);border-top:1px solid rgba(201,138,63,.18)}.about-inner{max-width:68ch;margin:0 auto}.about h2{font-family:var(--font-display);font-weight:600;font-size:31px;line-height:1.15;margin:0 0 var(--space-3)}.about-lead{font-size:16px;line-height:1.7;color:var(--text)}.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-6) 0}.about-card{background:var(--surface-1);border-radius:var(--radius);padding:var(--space-3);box-shadow:inset 0 1px #c98a3f24,0 8px 24px #00000047}.about-card h3{margin:0 0 var(--space-1);font-size:16px;color:var(--accent)}.about-card p{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.btn-cta{display:inline-block;min-height:44px;line-height:44px;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid rgba(201,138,63,.5);background:linear-gradient(160deg,#e0a75c,var(--accent));color:#171b20;font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.btn-cta:hover{box-shadow:0 6px 20px #c98a3f4d;transform:translateY(-1px)}.btn-cta:active{transform:translateY(1px) scale(.99)}.btn-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.faq-heading{margin-top:var(--space-8)}.faq{margin:var(--space-3) 0 0}.faq dt{font-weight:600;font-size:15px;color:var(--text);margin-top:var(--space-3)}.faq dd{margin:6px 0 0;padding:0;font-size:14px;line-height:1.65;color:var(--text-muted)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-3);border-top:1px solid rgba(154,163,173,.15);font-size:14px;color:var(--text-muted)}.site-footer-wordmark{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--text)}.site-footer a{color:var(--accent-support)}.site-footer a:hover{color:var(--accent)}@media (max-width: 860px){#app{grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;min-height:100vh;padding-bottom:0}.viewport{min-height:100%}.about-features{grid-template-columns:1fr}.console{position:absolute;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);height:132px;max-height:70vh;z-index:10;transition:height .22s var(--ease-out)}.console.dragging{transition:none}.console.expanded{height:70vh}.console-handle{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;height:32px;padding:0;border:none;background:transparent;cursor:grab;touch-action:none}.console-handle:before{content:"";width:40px;height:4px;border-radius:999px;background:#c98a3f66}.console-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.console-body{flex:1 1 auto;padding:0 var(--space-3) var(--space-3)}}@media (max-width: 480px){.wordmark{font-size:25px}.console-body{padding:0 var(--space-2) var(--space-2);gap:var(--space-3)}.about{padding:var(--space-6) var(--space-2)}.about h2{font-size:25px}}