:root{font-family:system-ui,-apple-system,sans-serif;color:#eee9dc;background:#1b2421;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 9px;border-bottom:1px solid #ffffff12}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#c3ae7d}h1{font-size:20px;letter-spacing:.4px;font-weight:500;margin:3px 0}button{font:inherit;font-size:12px;min-height:44px;border:1px solid #ffffff24;background:#2d3831;color:inherit;border-radius:8px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #efce81;outline-offset:3px}#debug-toggle{font-size:22px;width:44px;padding:0}#viewport{position:relative;min-height:0;overflow:hidden;background:#b39b72}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-meta{position:absolute;left:12px;top:12px;display:flex;gap:5px;flex-direction:column;pointer-events:none;color:#faf4e5;text-shadow:0 1px 4px #312c1c;font-size:10px;letter-spacing:.3px}#saka-handle{position:absolute;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #f7df94aa;border-radius:50%;background:#e0bf6f14;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;box-shadow:0 0 0 4px #ead6a111}#saka-handle span{height:28px}#saka-handle small{font-size:8px;letter-spacing:1px;color:#fff7d8;text-shadow:0 1px 3px #000}#saka-handle[hidden]{display:none}#controls{padding:10px 14px 8px;z-index:2;border-top:1px solid #c2aa6c33;background:#1b2421}.mode-row,.bottom-row,.power-row{display:flex;gap:7px;align-items:center}.mode-row #mode{margin-right:auto;color:#ddc58d;font-size:13px}.mode-row button{font-size:11px;padding:7px 9px}#status{font-size:11px;color:#cbcfc4;min-height:30px;margin:7px 0 3px;line-height:15px}.power-row{font-size:10px;color:#aeb9ab}progress{flex:1;height:5px;accent-color:#ddbd70}#power-text{width:32px}#flank-zone{touch-action:none;-webkit-user-select:none;user-select:none;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #7c896b88;border-radius:8px;margin:10px 0 8px;color:#d1d6c5;font-size:11px;padding:6px 10px;text-align:center}#flank-zone[data-locked=true]{opacity:.35}.bottom-row button{font-size:11px;min-height:36px}#fps{margin-left:auto;color:#8f9d88;font:10px monospace}#debug{position:absolute;z-index:5;right:max(8px,env(safe-area-inset-right));top:calc(72px + env(safe-area-inset-top));width:min(325px,calc(100vw - 16px));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;background:#1c2626f7;box-shadow:0 12px 50px #0006;border:1px solid #c2aa6c77;border-radius:12px;padding:15px}#debug h2{font-size:16px;margin:0}#debug p{font-size:11px;color:#b4c0b1}#tuning label{display:grid;grid-template-columns:1fr 75px;align-items:center;font-size:11px;gap:8px;margin:9px 0}input{width:75px;min-height:34px;background:#344239;border:1px solid #87987766;border-radius:5px;padding:5px;color:#fff}pre{font:10px/1.8 monospace;white-space:pre-wrap;color:#cbd8c3}#error{position:absolute;inset:10%;padding:20px;background:#1b2421;color:#ffe3b3;z-index:10;font-size:14px}@media(max-height:650px){header{padding:5px 12px}h1{font-size:17px}#controls{padding:5px 10px}#flank-zone{min-height:44px;margin:5px 0}#status{min-height:15px}button{min-height:40px}.scene-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}