:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f0df;--panel:#111615c7;--panel-strong:#0c0f0fe6;--line:#f4dea938;--gold:#f4cf73;--teal:#77d7c2;--danger:#ff805d;background:#0e1111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0e1111}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);color:#fff7e7;background:#080c0cc2}button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 14px}button:hover{border-color:#f4cf73a6}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.start-screen{z-index:10;padding:max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));background:linear-gradient(#070a0a2e,#070a0a9e),radial-gradient(circle at 52% 18%,#6dc6ad33,#0000 38rem),#070a0a80;place-items:center;display:grid;position:fixed;inset:0}.start-screen.is-hidden{pointer-events:none;opacity:0;transition:opacity .22s}.brand-lockup{top:max(28px, env(safe-area-inset-top));position:fixed;left:clamp(18px,5vw,52px)}.brand-lockup p{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem}.brand-lockup h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(3.2rem,10vw,8rem);line-height:.86}.start-form{border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;width:min(94vw,430px);margin-left:auto;margin-right:clamp(0px,5vw,72px);padding:18px;box-shadow:0 28px 90px #0000006b}.start-form label{gap:7px;margin-bottom:12px;display:grid}.start-form span{color:#d6c9aa;font-size:.78rem}.start-form strong{color:#fff7e7;font-size:.74rem;font-weight:800}.start-form input,.start-form select,#qualitySelect{border-radius:8px;width:100%;height:42px;padding:0 12px}.start-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.primary-button{color:#101414;background:linear-gradient(135deg,#f4cf73,#88dec9);border:0;width:100%;margin-top:4px;font-weight:800}.status-line{color:#cfc8b8;white-space:pre-line;min-height:38px;margin:12px 0 0}.hud,.forge-controls,.top-controls,.prompt,.mobile-controls{z-index:5;position:fixed}.app-shell:not(.is-started) .hud,.app-shell:not(.is-started) .forge-controls,.app-shell:not(.is-started) .prompt,.app-shell:not(.is-started) .mobile-controls{display:none}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:grid}.hud-chip,.hud-strip,.hud-stats,.forge-pipeline,.forge-controls,.prompt,.top-controls{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px}.hud-chip{width:-moz-fit-content;width:fit-content;max-width:min(74vw,420px);color:var(--gold);padding:10px 12px;font-weight:700}.hud-strip{color:#e9dec7;flex-wrap:wrap;gap:8px 14px;width:-moz-fit-content;width:fit-content;max-width:min(88vw,620px);padding:8px 10px;font-size:.84rem;display:flex}.hud-stats{color:#cfc8b8;text-transform:uppercase;grid-template-columns:repeat(4,minmax(64px,max-content));gap:1px;width:-moz-fit-content;width:fit-content;max-width:min(92vw,560px);font-size:.68rem;display:grid;overflow:hidden}.hud-stats span{background:#080c0c6b;gap:2px;min-width:64px;padding:7px 9px;display:grid}.hud-stats strong{color:#fff7e7;text-transform:none;font-size:.8rem;font-weight:800}.forge-pipeline{color:#bfb7a3;text-transform:uppercase;grid-template-columns:repeat(6,minmax(54px,1fr));gap:1px;width:min(92vw,560px);margin:0;padding:0;font-size:.66rem;list-style:none;display:grid;overflow:hidden}.forge-pipeline li{background:#080c0c6b;min-width:0;padding:7px 8px}.forge-pipeline li.active{color:#101414;background:var(--gold)}.forge-pipeline li.done{color:#dffaf2;background:#77d7c233}.forge-controls{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));width:min(420px,100vw - 28px);padding:10px}.forge-control-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.forge-control-grid label{color:#d6c9aa;gap:6px;min-width:0;font-size:.74rem;display:grid}.forge-control-grid label>span:first-child{justify-content:space-between;gap:8px;display:flex}.forge-control-grid strong{color:#fff7e7}.forge-control-grid input,.forge-control-grid select{border-radius:8px;width:100%;min-width:0;height:38px;padding:0 10px}.seed-control{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.seed-control button,.forge-control-grid>button{border-radius:8px;min-height:38px;font-size:.82rem;font-weight:800}.forge-control-grid>button{color:#101414;background:linear-gradient(135deg,#f4cf73,#88dec9);border:0;align-self:end}.top-controls{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));align-items:center;gap:8px;padding:8px;display:flex}.layer-toggles{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.layer-toggles label{border:1px solid var(--line);color:#e9dec7;background:#080c0c94;border-radius:6px;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-size:.78rem;display:inline-flex}.layer-toggles input{width:14px;height:14px;accent-color:var(--teal)}.segmented{gap:2px;display:flex}.segmented button{border-radius:6px;min-width:58px;padding:0 10px}.segmented button[aria-pressed=true]{background:#77d7c238;border-color:#77d7c2d1}#qualitySelect{width:104px}.prompt{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:var(--gold);padding:10px 14px;font-weight:800;transform:translate(-50%)}.mobile-controls{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:end;display:none}.joystick,.mobile-actions button{pointer-events:auto;touch-action:none}.joystick{border:1px solid var(--line);background:#0a0d0d75;border-radius:50%;width:116px;height:116px;position:relative}.joystick span{background:#f4cf73e6;border-radius:50%;width:38px;height:38px;position:absolute;top:38px;left:38px}.mobile-actions{grid-template-columns:72px 72px;gap:10px;display:grid}.mobile-actions button{border-radius:50%;height:72px;font-weight:800}@media (max-width:760px),(pointer:coarse){.brand-lockup{place-self:start;margin:6px 0 0 6px;position:static}.brand-lockup h1{font-size:clamp(2.8rem,14vw,5.6rem)}.start-screen{flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.start-form{margin:0 auto}.top-controls{top:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 92px);flex-wrap:wrap;justify-content:end;max-width:calc(100vw - 24px)}.forge-controls{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 220px);width:auto;max-width:460px}.top-controls+.prompt{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 340px)}.hud-strip{max-width:calc(100vw - 28px)}.hud-stats{grid-template-columns:repeat(4,minmax(52px,1fr));max-width:calc(100vw - 28px);font-size:.58rem}.hud-stats span{min-width:0;padding:6px 7px}.forge-pipeline{grid-template-columns:repeat(3,minmax(52px,1fr));max-width:calc(100vw - 28px);font-size:.58rem}.forge-pipeline li{padding:6px 7px}.mobile-controls{display:flex}}