:root{color:#ecf3f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#081015;--panel-border:#c1dbdf1f;--panel-strong:#f4f8f8;--panel-muted:#95a8ad;--panel-accent:#d4b86b;--button-bg:#ffffff0f;--button-hover:#ffffff1f;--sidebar-gap:16px;--sidebar-width:min(380px, calc(100vw - (2 * var(--sidebar-gap))));--app-height:100vh;--viewer-grid:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);background:radial-gradient(circle at 0 0,#58798447,#0000 32%),linear-gradient(#11171b 0%,#091015 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@supports (height:100svh){:root{--app-height:100svh}}@supports (height:100dvh){:root{--app-height:100dvh}}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--app-bg);overflow:hidden}body.ios-viewport-interacting,body.ios-viewport-interacting *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{border:1px solid var(--panel-border);background:var(--button-bg);color:var(--panel-strong);cursor:pointer;border-radius:14px;padding:.72rem .95rem;transition:background-color .16s,border-color .16s,transform .16s}button:hover{background:var(--button-hover);border-color:#d4b86b80;transform:translateY(-1px)}button[data-active=true]{background:#d4b86b2e;border-color:#d4b86b75;box-shadow:inset 0 1px #ffffff0d}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #d4b86bcc}input,select{border:1px solid var(--panel-border);width:100%;color:var(--panel-strong);background:#ffffff0a;border-radius:12px;padding:.72rem .85rem}code{font-family:SF Mono,IBM Plex Mono,monospace}#app,.app-shell,.viewport{width:100%;height:100%}.app-shell{height:var(--app-height);position:relative;overflow:hidden}.viewport{touch-action:none;background:radial-gradient(circle at 20% 20%,#d4b86b14,#0000 24%),radial-gradient(circle at 80% 0,#5785ab2e,#0000 24%),linear-gradient(#070c10f2,#05090c);position:relative;overflow:hidden}.viewport:before{content:"";background-image:var(--viewer-grid);opacity:.35;pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.viewport-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sidebar,.viewport-error{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(#0f181db8,#080e12c7),radial-gradient(circle at 0 0,#d4b86b17,#0000 32%);border:1px solid #c1dbdf29;position:absolute;box-shadow:0 24px 80px #00000052,inset 0 1px #ffffff14}.sidebar{top:var(--sidebar-gap);bottom:var(--sidebar-gap);left:var(--sidebar-gap);width:var(--sidebar-width);border-radius:26px;grid-template-rows:auto auto minmax(0,1fr);gap:.75rem;padding:1rem;display:grid;overflow:hidden}.sidebar--collapsed{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;box-shadow:none;background:0 0;border:0;padding:0;bottom:auto;overflow:visible}.sidebar--collapsed .terrain-sidebar__fixed,.sidebar--collapsed .terrain-sidebar__scroll{display:none}.sidebar-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-toggle-row{display:flex}.sidebar-header-actions{align-items:center;gap:.5rem;display:flex}.sidebar-toggle{background:linear-gradient(#0a121ae6,#0a121a9e);border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;display:grid;box-shadow:0 12px 28px #0000003d}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:#f1d58d6b}.sidebar-toggle-icon{line-height:1;display:block;transform:translate(.03rem)}.sidebar-about-button{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#0a121ae0,#0a121a99);border-radius:999px;min-height:2rem;padding:.42rem .8rem;font-size:.76rem;font-weight:600}.sidebar-about-button[aria-expanded=true]{background:#d4b86b2e;border-color:#d4b86b75}.sidebar-scroll{min-height:0;padding-right:.15rem;overflow:auto}.eyebrow{color:var(--panel-accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.hint{color:var(--panel-muted);margin:0;font-size:.84rem}.button-row,.inline-field{align-items:center;gap:.55rem;display:flex}.button-row button{flex:1 1 0}.inline-field{justify-content:space-between}.inline-field span{color:var(--panel-muted);flex:none;font-size:.85rem}.inline-field select{flex:auto;min-width:0}.terrain-sidebar__fixed{flex-direction:column;gap:.65rem;min-width:0;display:flex}.terrain-sidebar__fixed button,.terrain-sidebar__fixed select{padding-top:.5rem;padding-bottom:.5rem}.terrain-sidebar__fixed .inline-field select,.terrain-sidebar__fixed .button-row button{min-height:2.35rem}.terrain-sidebar__fixed .button-row button{white-space:pre-line;text-align:center;line-height:1.1}.terrain-sidebar__title{letter-spacing:.04em;text-transform:uppercase;color:var(--panel-strong);margin:0;font-size:1.02rem}.terrain-sidebar__status{color:#d2dde6;margin:0;font-size:.78rem;line-height:1.45}.terrain-sidebar__hint{line-height:1.4}.terrain-sidebar__scroll{padding-top:.1rem}.terrain-sidebar__stack{flex-direction:column;gap:.5rem;padding:0 0 .2rem;display:flex}.terrain-slider-row{align-items:center;gap:.45rem;display:flex}.terrain-slider-row .nslider{flex:auto;min-width:0}.terrain-slider-row__info{width:32px;height:32px;color:var(--panel-muted);border-radius:999px;flex:0 0 32px;padding:0;font-size:.76rem;font-weight:700;line-height:1}.terrain-slider-row__info:hover,.terrain-slider-row__info:focus-visible{transform:none}.terrain-slider-row__info[aria-expanded=true]{color:var(--panel-strong);background:#d4b86b2e;border-color:#d4b86b75}.terrain-floating-ui{z-index:24;-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(#121c22f5,#0a1014fa),radial-gradient(circle at 0 0,#d4b86b1a,#0000 36%);border:1px solid #c1dbdf29;position:fixed;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0f}.terrain-help-popup{--terrain-help-arrow-center:24px;border-radius:16px;width:min(290px,100vw - 24px);padding:.72rem .82rem .78rem 1rem}.terrain-about-popup{border-radius:18px;width:min(320px,100vw - 24px);padding:.88rem 1rem .96rem}.terrain-about-popup__title{color:var(--panel-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .38rem;font-size:.72rem;font-weight:600}.terrain-about-popup__body{color:#d9e2e6;margin:0;font-size:.84rem;line-height:1.5}.terrain-about-popup__link{color:#f0d78c;letter-spacing:.03em;align-items:center;margin-top:.75rem;font-size:.81rem;font-weight:600;text-decoration:none;display:inline-flex}.terrain-about-popup__link:hover,.terrain-about-popup__link:focus-visible{color:#fff0be;text-decoration:underline}.terrain-help-popup:before,.terrain-help-popup:after{content:"";border-style:solid;width:0;height:0;position:absolute}.terrain-help-popup[data-placement=right]:before{left:-10px;top:calc(var(--terrain-help-arrow-center) - 10px);border-width:10px 10px 10px 0;border-color:#0000 #c1dbdf29 #0000 #0000}.terrain-help-popup[data-placement=right]:after{left:-8px;top:calc(var(--terrain-help-arrow-center) - 9px);border-width:9px 9px 9px 0;border-color:#0000 #10181dfa #0000 #0000}.terrain-help-popup[data-placement=left]:before{right:-10px;top:calc(var(--terrain-help-arrow-center) - 10px);border-width:10px 0 10px 10px;border-color:#0000 #0000 #0000 #c1dbdf29}.terrain-help-popup[data-placement=left]:after{right:-8px;top:calc(var(--terrain-help-arrow-center) - 9px);border-width:9px 0 9px 9px;border-color:#0000 #0000 #0000 #10181dfa}.terrain-help-popup__title{color:var(--panel-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.72rem;font-weight:600}.terrain-help-popup__body{color:#d9e2e6;margin:0;font-size:.81rem;line-height:1.45}.terrain-context-menu{border-radius:14px;min-width:180px;padding:.3rem}.terrain-context-menu__item{width:100%;color:var(--panel-strong);text-align:left;background:0 0;border:0;border-radius:10px;padding:.58rem .72rem;font-size:.84rem}.terrain-context-menu__item:hover,.terrain-context-menu__item:focus-visible{background:#ffffff14;border-color:#0000;transform:none}.terrain-sidebar__separator{color:var(--panel-accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin:.35rem 0 .1rem;font-size:.74rem;font-weight:600;display:flex}.terrain-sidebar__separator:before,.terrain-sidebar__separator:after{content:"";background:#ffffff1a;flex:auto;height:1px}.viewport-error{left:var(--sidebar-gap);right:var(--sidebar-gap);top:var(--sidebar-gap);color:#d2dde6;border-radius:18px;padding:.95rem 1rem;font-size:.82rem;line-height:1.45}@media (width<=820px){:root{--sidebar-gap:12px;--sidebar-width:min(360px, calc(100vw - (2 * var(--sidebar-gap))))}.sidebar{border-radius:22px;padding:.9rem}}@media (width<=560px){.button-row{flex-direction:column}.button-row button{width:100%}}