:root{color:#f3efe4;font-synthesis:none;text-rendering:optimizelegibility;background:#15130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app{background:radial-gradient(circle at 72% 18%,#c48e4c29,#0000 32rem),linear-gradient(145deg,#1b1712,#0f0e0b 68%);grid-template-columns:minmax(20rem,clamp(20rem,28vw,25rem)) minmax(0,1fr);min-height:100svh;display:grid}.app__controls{overscroll-behavior:contain;background:#14120ef0;border-right:1px solid #f3efe424;min-width:0;height:100svh;overflow:auto}.app__view{min-width:0;min-height:100svh}.control-panel__eyebrow,.terrain-view__eyebrow{color:#e9bd7a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.74rem;font-weight:700}.control-panel__summary,.control-panel__help{color:#d7c8ae}.terrain-view{background:radial-gradient(circle at 68% 26%,#d8a55c2e,#0000 26rem),#16120d;height:100svh;position:relative;overflow:hidden}.terrain-view__canvas{width:100%;height:100%;display:block}.terrain-view__fallback{margin:0;padding:24px}.terrain-view__overlay{pointer-events:none;background:#0f0d0abd;border:1px solid #f3efe42e;border-radius:24px;width:min(440px,100% - 32px);max-height:calc(100% - 32px);padding:clamp(18px,3vw,28px);position:absolute;bottom:clamp(16px,4vw,44px);right:clamp(16px,4vw,44px);overflow:auto;box-shadow:0 24px 70px #00000057}.terrain-view__title{overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,2.8vw,2rem);line-height:.96}.terrain-view__stats{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:10px;margin:24px 0 0;display:grid}.terrain-view__stat{background:#ffffff0e;border:1px solid #f3efe41f;border-radius:14px;padding:12px}.terrain-view__stat dt{color:#c4a477;text-transform:uppercase;font-size:.72rem;font-weight:700}.terrain-view__stat dd{margin:4px 0 0;font-size:1.15rem;font-weight:700}.terrain-view__empty{color:#d7c8ae;margin:18px 0 0}.control-panel{gap:clamp(16px,2vw,22px);min-width:0;padding:clamp(16px,2vw,22px);display:grid}.control-panel__header,.control-panel__section{background:#ffffff09;border:1px solid #f3efe41f;border-radius:18px;min-width:0;padding:clamp(14px,2vw,18px)}.control-panel__title{overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,7vw,2rem);line-height:1}.control-panel__summary,.control-panel__help,.control-panel__status,.control-panel__notice,.control-panel__error,.control-panel__errors{margin:10px 0 0;font-size:.92rem}.control-panel__section{gap:14px;display:grid}.control-panel__section-title{color:#f7dab0;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.95rem}.control-panel__actions{grid-template-columns:repeat(auto-fit,minmax(6.75rem,1fr));gap:8px;display:grid}.control-panel__button{color:#fff8eb;background:#ffffff14;border:1px solid #f3efe438;border-radius:999px;min-width:0;padding:10px 12px;font-weight:700}.control-panel__button--primary{color:#1b1308;background:#d09143;border-color:#e9bd7a}.control-panel__field,.parameter-slider{gap:7px;min-width:0;display:grid}.control-panel__label,.parameter-slider__label{color:#f0d6b2;overflow-wrap:anywhere;font-size:.86rem;font-weight:700}.control-panel__select,.control-panel__input{color:#fff8eb;background:#231d16;border:1px solid #f3efe42e;border-radius:12px;width:100%;min-width:0;padding:9px 10px}.parameter-slider{grid-template-columns:minmax(7rem,1fr) minmax(4.75rem,max-content);align-items:center}.parameter-slider__label{grid-column:1/-1}.parameter-slider__hint{color:#9a8468;margin-top:1px;font-size:.76rem;font-weight:400;display:block}.parameter-slider__input{accent-color:#d99b50;width:100%;min-width:0}.parameter-slider__value{color:#fff1da;font-variant-numeric:tabular-nums;text-align:center;background:#ffffff12;border-radius:999px;min-width:4.5rem;padding:4px 8px}.control-panel__notice{color:#f3d3a4;border-left:3px solid #e9bd7a;padding-left:10px}.control-panel__error,.control-panel__errors{color:#ffb4a9}.control-panel__errors{padding-left:20px}@media (width<=820px){.app{grid-template-columns:minmax(0,1fr)}.app__controls{border-bottom:1px solid #f3efe424;border-right:0;height:auto;max-height:none}.app__view{min-height:64svh}.terrain-view{height:64svh}.terrain-view__overlay{width:calc(100% - 32px);max-height:calc(64svh - 32px);bottom:16px;right:16px}}@media (width<=520px){.control-panel__actions,.parameter-slider{grid-template-columns:1fr}.parameter-slider__value{justify-self:start}.terrain-view{height:58svh;display:grid;overflow:visible}.terrain-view__overlay{width:auto;max-height:none;box-shadow:none;border-left:0;border-right:0;border-radius:0;position:static}.terrain-view__title{font-size:clamp(1.4rem,8vw,2rem)}}@media (width<=380px){.control-panel{padding:12px}.control-panel__header,.control-panel__section{border-radius:14px;padding:12px}}
