:root{color-scheme:dark;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif;font-synthesis:none;color:#e9e6dc;background:#090b09;--bg: #090b09;--surface: rgba(15, 17, 14, .84);--surface-strong: rgba(18, 20, 17, .96);--line: rgba(228, 226, 216, .24);--line-strong: rgba(228, 226, 216, .48);--text: #ede9df;--muted: #aaa99f;--brass: #c49458;--brass-pale: #f0d5a6}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brass-pale);outline-offset:3px}.app-shell{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden;background:var(--bg)}.app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,4,.42),transparent 35%,transparent 68%,rgba(4,5,4,.28))}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;cursor:grab}.canvas-wrap canvas:active,.is-cranking .canvas-wrap canvas{cursor:grabbing}.mobile-ui-toggle,.mobile-navigation{display:none}.loading-state{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;letter-spacing:.2em;color:var(--muted)}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 32px;border:1px solid var(--line);border-top:0;background:#090b09bd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:1.75rem;font-weight:500;letter-spacing:.075em}.topbar nav{display:flex;align-items:center;gap:10px}.navigation-switch{display:grid;grid-template-columns:1.4fr .8fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.topbar .navigation-switch button{min-height:40px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}.topbar .navigation-switch button:last-child{border-right:0}.topbar .navigation-switch button.selected{color:var(--brass-pale);background:#b1814924;box-shadow:inset 0 -2px 0 var(--brass)}.topbar .navigation-switch button:disabled{color:#666a62;cursor:not-allowed}.topbar button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#0d0f0c99;font-size:.68rem;letter-spacing:.13em;cursor:pointer;transition:border-color .16s ease,background .16s ease}.topbar button:hover{border-color:var(--line-strong);background:#262822ad}.topbar .run-button.selected{border-color:var(--brass);color:var(--brass-pale);background:#b181492e;box-shadow:inset 0 -2px 0 var(--brass)}.topbar .sound-button{min-width:90px}.topbar .sound-button.selected,.topbar .audio-debug-button.selected{border-color:var(--brass);color:var(--brass-pale);background:#b1814929}.currency-switch{display:flex;border:1px solid rgba(184,161,118,.24)}.currency-switch button{width:34px;min-width:34px;padding:0;border:0;border-right:1px solid rgba(184,161,118,.18);font-size:.82rem}.currency-switch button:last-child{border-right:0}.currency-switch button.selected{color:var(--brass-pale);background:#b1814933;box-shadow:inset 0 -2px 0 var(--brass)}.topbar .icon-button{width:42px;padding:9px}.icon-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.control-panel{position:absolute;z-index:5;top:106px;right:28px;width:206px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.control-group{padding:15px;border-bottom:1px solid var(--line)}.control-group:last-child{border-bottom:0}.control-label{display:block;margin-bottom:12px;color:#d3d0c6;font-size:.68rem;letter-spacing:.15em}.target-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.target-grid button{min-height:43px;border:1px solid var(--line);border-radius:3px;background:transparent;font-size:.88rem;cursor:pointer}.target-grid button:hover,.target-grid button.selected{border-color:var(--brass);background:#ad7e4824;color:var(--brass-pale);box-shadow:inset 0 0 14px #c4945814}.snap-range{width:100%;margin:11px 0 2px;accent-color:var(--brass);cursor:pointer}.production-rate{display:flex;flex-direction:column;gap:2px}.production-rate strong{color:var(--brass-pale);font-size:1.42rem;font-weight:600;letter-spacing:.025em;font-variant-numeric:tabular-nums}.production-rate span{color:#85877f;font-size:.56rem;letter-spacing:.16em}.intensity-range{margin-top:16px}.intensity-scale{display:flex;align-items:center;justify-content:space-between;margin-top:4px;color:#777a72;font-size:.48rem;letter-spacing:.12em}.intensity-scale strong{color:#c7ab7b;font-size:.52rem;font-weight:500}.production-breakdown{display:grid;gap:7px;margin:15px 0 0;padding:12px 0 0;border-top:1px solid var(--line)}.production-breakdown div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.production-breakdown dt{color:#85877f;font-size:.51rem;letter-spacing:.1em}.production-breakdown dd{margin:0;color:#d8d4c9;font-size:.68rem;font-variant-numeric:tabular-nums;text-align:right}.eta-readout{display:flex;flex-direction:column;gap:4px;margin:13px 0 0;padding-top:10px;border-top:1px solid var(--line)}.eta-readout span{color:#aaa99f;font-size:.55rem;letter-spacing:.14em}.eta-readout strong{color:var(--brass-pale);font-size:1rem;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums}.mode-control{position:absolute;z-index:5;bottom:26px;left:50%;display:grid;grid-template-columns:1fr 1fr;width:312px;transform:translate(-50%);background:var(--surface-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mode-control button{height:54px;border:0;border-right:1px solid var(--line);background:transparent;color:#cbc8bf;font-size:.96rem;letter-spacing:.12em;cursor:pointer}.mode-control button:last-child{border-right:0}.mode-control button.selected{color:var(--brass-pale);box-shadow:inset 0 0 0 1px var(--brass);background:#b181491f}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.walk-hud{position:absolute;z-index:7;inset:70px 0 0;pointer-events:none}.walk-reticle{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.walk-reticle:before,.walk-reticle:after{content:"";position:absolute;background:#f0d5a6d1;box-shadow:0 0 6px #c49458a6}.walk-reticle:before{top:8px;left:0;width:18px;height:1px}.walk-reticle:after{top:0;left:8px;width:1px;height:18px}.walk-instructions{position:absolute;left:50%;bottom:92px;display:flex;align-items:center;gap:12px;padding:9px 12px;transform:translate(-50%);border:1px solid var(--line);background:#0a0c09e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:auto}.walk-instructions button{min-height:34px;padding:0 13px;border:1px solid var(--brass);background:#b1814924;color:var(--brass-pale);font-size:.68rem;letter-spacing:.12em;cursor:pointer}.walk-instructions .walk-run-toggle{border-color:var(--line-strong);background:transparent;color:#aaa99f}.walk-instructions .walk-run-toggle.selected{border-color:var(--brass);background:#b1814933;color:var(--brass-pale)}.walk-instructions strong{color:var(--brass-pale);font-size:.65rem;font-weight:500;letter-spacing:.12em}.walk-instructions span{color:#a7a79e;font-size:.6rem;letter-spacing:.08em}.scale-card{position:absolute;z-index:5;left:28px;bottom:26px;width:330px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.scale-summary{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:0;background:transparent;font-size:.67rem;letter-spacing:.13em;cursor:pointer}.scale-summary i{display:inline-block;width:7px;height:7px;margin-right:8px;background:#8eaa80;box-shadow:0 0 8px #819875}.summary-volume{color:var(--brass-pale);font-variant-numeric:tabular-nums}.scale-details{display:none;padding:0 15px 14px;border-top:1px solid var(--line)}.scale-card.expanded .scale-details{display:block}.scale-details dl{margin:10px 0}.scale-details dl>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;font-size:.66rem}.scale-details dt{color:var(--muted)}.scale-details dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.scale-details p{margin:10px 0 0;color:#8f9189;font-size:.59rem;line-height:1.5}.bundle-legend{position:absolute;z-index:4;right:28px;bottom:27px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.67rem;pointer-events:none}.bundle-shape{position:relative;display:block;width:44px;height:18px;background:#61705a;border:1px solid #88957f;transform:skewY(-4deg)}.bundle-shape:after{content:"";position:absolute;top:-1px;left:19px;width:6px;height:18px;background:#c8aa6d}.bundle-shape i{position:absolute;left:0;right:0;height:1px;background:#0f120e7a}.bundle-shape i:nth-child(1){top:4px}.bundle-shape i:nth-child(2){top:9px}.bundle-shape i:nth-child(3){top:14px}.ghost-shape{width:22px;height:18px;margin-left:8px;border:1px solid rgba(221,188,125,.72);background:#ddbc7d14}.info-panel{position:absolute;z-index:8;top:82px;right:28px;width:min(370px,calc(100vw - 40px));padding:24px;border:1px solid var(--line-strong);background:#0c0e0bf5;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.info-panel>button{position:absolute;top:9px;right:12px;border:0;background:none;color:var(--muted);font-size:1.5rem;cursor:pointer}.info-panel h2{margin:0 0 18px;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.info-panel p{margin:0 0 13px;color:#b7b6ad;font-size:.78rem;line-height:1.55}.sound-debug-panel{position:absolute;z-index:12;top:82px;right:28px;width:min(390px,calc(100vw - 40px));max-height:calc(100vh - 104px);overflow:auto;padding:18px;border:1px solid var(--line-strong);background:#0a0c0af7;box-shadow:0 24px 70px #0000009e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sound-debug-heading{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.sound-debug-heading .control-label{margin:0 0 5px;color:var(--brass-pale)}.sound-debug-heading p{margin:0;color:var(--muted);font-size:.64rem;letter-spacing:.04em}.sound-debug-close{width:32px;height:32px;flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}.sound-debug-section{padding:15px 0;border-bottom:1px solid var(--line)}.sound-debug-section-title,.sound-debug-select-label{display:block;margin-bottom:12px;color:#d3d0c6;font-size:.61rem;letter-spacing:.15em}.sound-debug-payload-label{margin-top:12px;margin-bottom:7px}.sound-debug-range{display:block;margin:10px 0}.sound-debug-range>span{display:flex;justify-content:space-between;gap:10px;color:#aaa99f;font-size:.62rem;letter-spacing:.1em}.sound-debug-range output{color:var(--brass-pale);font-variant-numeric:tabular-nums;letter-spacing:.02em}.sound-debug-range input{width:100%;margin:6px 0 0;accent-color:var(--brass);cursor:pointer}.sound-debug-section select{width:100%;min-height:36px;padding:0 9px;border:1px solid var(--line);border-radius:3px;background:#151814;color:var(--text);font-size:.72rem}.sound-debug-test,.sound-debug-actions button,.sound-debug-apply{min-height:34px;border:1px solid var(--line);background:#191c17cc;color:#d4d0c5;font-size:.6rem;letter-spacing:.1em;cursor:pointer}.sound-debug-test{width:100%;margin:10px 0 5px;border-color:var(--brass);color:var(--brass-pale);background:#b181491f}.sound-debug-test:disabled{border-color:var(--line);color:#6c7068;cursor:not-allowed}.sound-debug-event-controls{padding-top:5px}.sound-debug-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:14px 0 10px}.sound-debug-actions button:hover,.sound-debug-apply:hover{border-color:var(--line-strong);color:var(--brass-pale)}.sound-debug-json{display:block;width:100%;min-height:150px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:3px;background:#080a08;color:#c5bdac;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;line-height:1.45}.sound-debug-apply{width:100%;margin-top:8px;border-color:var(--brass);color:var(--brass-pale)}.sound-debug-status{min-height:1em;margin:9px 0 0;color:#8b9c83;font-size:.57rem;letter-spacing:.07em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.app-shell{height:100dvh;min-height:0}.mobile-ui-toggle{position:absolute;z-index:20;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-width:54px;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:#ffffffd1;background:#080a0c61;box-shadow:inset 0 1px #ffffff1a,0 8px 26px #0000002e;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);font-size:.58rem;letter-spacing:.12em;touch-action:manipulation}.mobile-ui-toggle>span{width:14px;display:grid;gap:3px}.mobile-ui-toggle i{display:block;height:1px;background:currentColor}.mobile-ui-toggle.selected{background:#181b1fb8;border-color:#ffffff61}.mobile-navigation{position:absolute;z-index:15;inset:0;display:block;pointer-events:none}.mobile-navigation button,.mobile-stick-pad,.mobile-look-pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-stick-pad,.mobile-look-pad,.mobile-navigation-mode,.mobile-action-rail button{border:1px solid rgba(255,255,255,.2);color:#ffffffbd;background:#0c0f123d;box-shadow:inset 0 1px #ffffff14,0 8px 28px #0000001f;backdrop-filter:blur(9px) saturate(115%);-webkit-backdrop-filter:blur(9px) saturate(115%)}.mobile-stick-pad{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%}.mobile-stick-guide{position:absolute;inset:25px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.mobile-stick-guide:before,.mobile-stick-guide:after{content:"";position:absolute;background:#ffffff17}.mobile-stick-guide:before{top:50%;left:-10px;right:-10px;height:1px}.mobile-stick-guide:after{top:-10px;bottom:-10px;left:50%;width:1px}.mobile-stick-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#ecf1f429;box-shadow:inset 0 1px 7px #ffffff1f,0 4px 12px #00000026;will-change:transform}.mobile-look-pad{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:132px;height:124px;display:grid;place-items:center;overflow:hidden;border-radius:22px;font-size:.52rem;letter-spacing:.16em}.mobile-look-pad:before,.mobile-look-pad:after{content:"";position:absolute;background:#ffffff14}.mobile-look-pad:before{left:18px;right:18px;top:50%;height:1px}.mobile-look-pad:after{top:18px;bottom:18px;left:50%;width:1px}.mobile-look-pad span{opacity:.62}.mobile-look-pad i{position:absolute;width:7px;height:7px;border:1px solid rgba(255,255,255,.34);border-radius:50%}.mobile-navigation-mode{position:absolute;left:max(47px,calc(env(safe-area-inset-left) + 29px));bottom:max(154px,calc(env(safe-area-inset-bottom) + 134px));min-width:66px;height:34px;border-radius:11px;font-size:.56rem;letter-spacing:.13em}.mobile-action-rail{position:absolute;right:max(160px,calc(env(safe-area-inset-right) + 142px));bottom:max(20px,env(safe-area-inset-bottom));display:grid;gap:8px;pointer-events:auto}.mobile-action-rail button{width:52px;height:52px;padding:0;border-radius:16px;font-size:.48rem;letter-spacing:.08em;touch-action:none}.mobile-action-rail button:active,.mobile-action-rail button.selected{color:#fffffff5;background:#e2e9ee33;border-color:#ffffff6b}.mobile-ui-collapsed .topbar,.mobile-ui-collapsed .control-panel,.mobile-ui-collapsed .scale-card,.mobile-ui-collapsed .mode-control,.mobile-ui-collapsed .bundle-legend,.mobile-ui-collapsed .walk-hud,.mobile-ui-open .mobile-navigation{display:none}.topbar{height:60px;padding:0 14px 0 16px}.topbar h1{font-size:1.1rem}.topbar .frame-button,.mobile-ui-open .topbar .audio-debug-button,.mobile-ui-open .topbar .icon-button{display:none}.topbar .sound-button{min-width:0;padding:0 9px;font-size:.56rem}.topbar .audio-debug-button{padding:0 8px;font-size:.52rem}.topbar nav{gap:6px}.topbar .navigation-switch button{min-height:34px;padding:0 8px;font-size:.56rem}.topbar button{min-height:36px}.topbar .icon-button{width:36px;padding:7px}.control-panel{inset:auto 12px 88px;width:auto;display:grid;grid-template-columns:.9fr 1.1fr}.control-group{min-width:0;padding:11px;border-right:1px solid var(--line);border-bottom:0}.control-group:last-child{border-right:0}.control-label{margin-bottom:8px;font-size:.55rem}.target-grid{gap:4px}.target-grid button{min-height:32px;font-size:.68rem}.production-rate strong{font-size:1.08rem}.production-breakdown{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;padding-top:8px}.production-breakdown div{display:flex;flex-direction:column;gap:2px}.production-breakdown dt{font-size:.42rem}.production-breakdown dd{font-size:.57rem;text-align:left}.snap-range{margin-top:7px}.eta-readout{margin-top:8px;padding-top:7px}.eta-readout strong{font-size:.76rem}.mode-control{bottom:18px;width:250px}.mode-control button{height:48px;font-size:.76rem}.scale-card{left:12px;bottom:auto;top:185px;width:240px}.scale-summary{min-height:40px;padding:0 10px;font-size:.55rem}.bundle-legend,.walk-hud{display:none}.sound-debug-panel{top:68px;right:12px;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 80px)}}@media(max-width:520px){.topbar{padding-inline:8px}.topbar h1{font-size:.85rem;letter-spacing:.04em}.topbar nav{gap:4px}.topbar .navigation-switch button{padding-inline:5px;font-size:.5rem}.topbar .sound-button{width:34px;padding:0;font-size:0}.topbar .sound-button:after{content:"SND";font-size:.48rem;letter-spacing:.06em}.topbar .audio-debug-button{width:34px;padding:0;font-size:0}.topbar .audio-debug-button:after{content:"DBG";font-size:.48rem;letter-spacing:.06em}.topbar .icon-button{width:32px;min-height:32px;padding:6px}.control-panel{grid-template-columns:1fr 1fr}.control-group:nth-child(3){grid-column:span 2}.scale-card{width:210px}.summary-volume{display:none}}@media(max-width:380px){.topbar h1{display:none}.mobile-stick-pad{width:108px;height:108px}.mobile-look-pad{width:112px;height:108px}.mobile-navigation-mode{left:38px;bottom:max(136px,calc(env(safe-area-inset-bottom) + 116px))}.mobile-action-rail{right:max(138px,calc(env(safe-area-inset-right) + 120px))}.mobile-action-rail button{width:46px;height:46px;border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}