:root{font-family:var(--sans);color:#e9e6dc;font-synthesis:none;text-autospace:normal;background:#0d1617}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #9cd3c4}button:disabled{opacity:.45;cursor:default}.app{flex-direction:column;height:100svh;min-height:640px;padding:18px 32px 12px;display:flex}header{border-bottom:1px solid #263534;justify-content:space-between;align-items:center;padding:0 0 14px;display:flex}.wordmark{letter-spacing:.22em;color:inherit;font-family:serif;font-size:26px;line-height:1.2;text-decoration:none}.wordmark span{color:#9caeaa;letter-spacing:.28em;margin-inline-start:25px;font-family:sans-serif;font-size:10px}.edition{letter-spacing:.13em;color:#96aaa4;font-size:11px}main{flex:1;grid-template-columns:minmax(0,1fr) 235px;align-items:stretch;gap:24px;min-height:0;display:grid}.stage{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.intro{text-align:center;z-index:1;pointer-events:none;padding:8px 0 0;position:relative}.eyebrow{letter-spacing:.28em;color:#bfa97f;font-size:9px;display:none}h1{font-family:var(--serif);letter-spacing:.1em;margin:4px 0;font-size:22px;font-weight:400}.intro p{color:#92a8a1;margin:4px 0;font-size:12px;line-height:1.8}canvas{touch-action:none;outline:none;width:100%;height:100%;min-height:0;display:block}.canvas-actions{color:#859e96;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:0;font-size:10px;display:flex}.canvas-actions button{color:#c6d7cd;background:0 0;border:1px solid #3d5550;border-radius:18px;padding:7px 17px}aside{scrollbar-width:thin;min-height:0;padding:20px 4px 0 0;overflow-y:auto}.section-label{color:#a8b9b0;letter-spacing:.1em;margin-bottom:16px;font-size:11px}.tools{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.tools button{background:#14211e;border:1px solid #30443e;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:9px 0;font-size:11px;display:flex}.tools b{color:#9dbbad;font-size:24px;font-weight:400;line-height:1}.tools .selected{color:#f3eed9;background:#283c31;border-color:#9bbba3}.help{color:#9eafa4;min-height:40px;margin:10px 0;font-size:11px;line-height:1.9}.depth-label{color:#c2cdbf;justify-content:space-between;font-size:11px;display:flex}.depth-label output{font-variant-numeric:tabular-nums;color:#b9cfae}input[type=range]{accent-color:#b6c5a1;width:100%;margin:12px 0}.load{color:#99ad99;min-height:34px;font-size:10px;line-height:1.8}.divider{background:#2a3c33;height:1px;margin:12px 0}.primary,.secondary{border-radius:7px;justify-content:space-between;width:100%;padding:12px 16px;font-size:12px;display:flex}.primary{color:#18291d;background:#b7c8a7}.primary.running{color:#e1e8d9;background:#364c3b}.secondary{color:#c5d0bb;background:0 0;border:1px solid #435441;margin-top:10px}.text-button{color:#8fa08c;background:0 0;margin:auto;padding:16px 0;font-size:11px;display:block}#status{color:#a6b8a2;min-height:40px;font-size:10px;line-height:1.8}footer{color:#728677;letter-spacing:.13em;border-top:1px solid #273930;justify-content:space-between;margin-top:10px;padding-top:10px;font-size:9px;display:flex}.payload{opacity:.5;align-items:center;gap:2px;height:62px;margin:0 0 4px;transition:opacity .15s;display:flex}.payload.active{opacity:1}.payload svg{flex:1;width:150px;min-width:0;height:72px}.payload>div{color:#92a799;white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:9px;display:flex}.payload output{color:#e0dbc8;font-variant-numeric:tabular-nums;font-size:22px;line-height:1.25}.bowl-back{fill:#233936;stroke:#73968a;stroke-width:1.2px}.bowl-front{fill:none;stroke:#a6bdb0;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.payload-sand{fill:url(#held-sand-grain)}.load{min-height:34px}@media (width<=640px){.payload{max-width:250px;height:65px}.payload svg{height:60px}}.supply-label{color:#a8b9b0;margin-bottom:8px;font-size:11px;display:block}#initial-supply,#sand-stability{width:100%;font:inherit;color:#d6deca;background:#14211e;border:1px solid #435441;border-radius:7px;padding:10px;font-size:12px}#initial-supply:focus-visible,#sand-stability:focus-visible{outline-offset:3px;outline:2px solid #9cd3c4}.supply-help{color:#99ad99;margin:7px 0 14px;font-size:10px;line-height:1.6}.grain-toggle{color:#c6d7cd;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.grain-toggle input{accent-color:#b7c8a7;margin:0}@media (width<=900px){.app{padding:16px 20px 12px}main{grid-template-columns:minmax(0,1fr) 185px;gap:16px}h1{font-size:20px}aside{padding-top:16px}}@media (width<=700px){.app{height:auto;min-height:100svh;padding:18px 16px 12px}header .edition{display:none}main{flex-direction:column;gap:24px;display:flex}.stage{grid-template-rows:auto auto auto;width:100%}.intro{padding-top:18px}h1{font-size:20px}canvas{height:clamp(300px,90vw,600px)}aside{width:100%;padding:0;overflow:visible}.tools{grid-template-columns:repeat(3,1fr)}.help{min-height:0}.section-label{margin-bottom:12px}.payload{max-width:250px;height:65px}.payload svg{height:60px}footer{letter-spacing:.06em;margin-top:18px;font-size:8px}}:root[data-palette=warm]{color:#fff3db;background:#354945}[data-palette=warm] header,[data-palette=warm] footer{border-color:#526761}[data-palette=warm] .wordmark span,[data-palette=warm] .edition,[data-palette=warm] .intro p,[data-palette=warm] .canvas-actions,[data-palette=warm] .section-label,[data-palette=warm] .help,[data-palette=warm] .load,[data-palette=warm] .supply-label,[data-palette=warm] .supply-help,[data-palette=warm] #status,[data-palette=warm] .text-button,[data-palette=warm] footer{color:#c0cec1}[data-palette=warm] .tools button,[data-palette=warm] #initial-supply,[data-palette=warm] #sand-stability{color:#f4edda;background:#3e5550;border-color:#698078}[data-palette=warm] .tools b{color:#b1e1d1}[data-palette=warm] .tools .selected{color:#fff7df;background:#547267;border-color:#c3ddbb}[data-palette=warm] .canvas-actions button,[data-palette=warm] .secondary{color:#e3ead7;border-color:#82998b}[data-palette=warm] .primary{color:#293f32;background:#d0dfb4}[data-palette=warm] .primary.running{color:#fff7df;background:#658466}[data-palette=warm] .divider{background:#526b5d}[data-palette=warm] .depth-label,[data-palette=warm] .depth-label output,[data-palette=warm] .grain-toggle{color:#e3ead7}[data-palette=warm] .payload>div{color:#c0cec1}[data-palette=warm] .payload output{color:#fff0ce}:root[data-palette=dark]{color:#efe8d8;background:#0b0d0e}[data-palette=dark] header,[data-palette=dark] footer{border-color:#1f2526}[data-palette=dark] .wordmark span,[data-palette=dark] .edition,[data-palette=dark] .intro p,[data-palette=dark] .canvas-actions,[data-palette=dark] .section-label,[data-palette=dark] .help,[data-palette=dark] .load,[data-palette=dark] .supply-label,[data-palette=dark] .supply-help,[data-palette=dark] #status,[data-palette=dark] .text-button,[data-palette=dark] footer,[data-palette=dark] .payload>div{color:#8f9894}[data-palette=dark] .tools button,[data-palette=dark] #initial-supply,[data-palette=dark] #sand-stability{color:#e6e0d1;background:#141819;border-color:#2b3334}[data-palette=dark] .tools b{color:#7fcdbe}[data-palette=dark] .tools .selected{color:#f6f0e0;background:#1b2625;border-color:#71c9b8}[data-palette=dark] .canvas-actions button,[data-palette=dark] .secondary{color:#d5d9d0;border-color:#3a4445}[data-palette=dark] .primary{color:#17130b;background:#e3d3ae}[data-palette=dark] .primary.running{color:#efe8d8;background:#232c2b}[data-palette=dark] .divider{background:#1f2526}[data-palette=dark] .depth-label,[data-palette=dark] .depth-label output,[data-palette=dark] .grain-toggle{color:#d5d9d0}[data-palette=dark] .payload output{color:#f3e7cb}[data-palette=dark] input[type=range],[data-palette=dark] .grain-toggle input{accent-color:#d9c9a3}[data-palette=dark] .bowl-back{fill:#141a1a;stroke:#56625f}[data-palette=dark] .bowl-front{stroke:#9fb0aa}.tools b svg{vertical-align:middle;display:inline-block}.supply-entry{align-items:stretch;gap:8px;display:flex}.supply-entry #initial-supply{flex:1;width:0;min-width:0}.supply-entry button{white-space:nowrap;color:#e6e0d1;background:#293631;border:1px solid #52625d;border-radius:7px;flex:none;padding:8px 10px;font-size:11px}[data-env] .app{height:100dvh;min-height:0;padding:0}[data-env] header,[data-env] footer,[data-env] .intro,[data-env] .canvas-actions{display:none}[data-env] main,[data-env] .stage{display:block;position:fixed;inset:0}[data-env] canvas{width:100vw;height:100dvh;position:fixed;inset:0}[data-env] aside{-webkit-backdrop-filter:blur(12px);background:#10121280;border-radius:14px;align-items:center;gap:8px;padding:7px;display:flex;position:fixed;bottom:22px;left:50%;overflow:visible;transform:translate(-50%)}[data-env] aside>:not(#tools):not(#motor):not(.chips):not(#tool-help):not(.env-more):not(.env-card-head):not(.env-card-opts):not(.env-caption){display:none}[data-env] .tools{gap:4px;display:flex}[data-env] .tools button{color:#e8e3d6;background:0 0;border-color:#0000;flex-direction:row;gap:6px;padding:8px 11px}[data-env] .tools b{font-size:15px}[data-env] .tools .selected{background:#ffffff24;border-color:#ffffff47}[data-env] #motor{white-space:nowrap;gap:10px;width:auto;padding:9px 14px}.env-nav{-webkit-backdrop-filter:blur(12px);z-index:5;background:#10121273;border-radius:12px;gap:4px;padding:5px;font-size:12px;display:flex;position:fixed;top:18px;left:20px}.env-nav a{color:#e8e3d6;letter-spacing:.08em;border-radius:8px;padding:6px 11px;text-decoration:none}.env-nav a[aria-current]{background:#ffffff29}.env-hint{letter-spacing:.08em;color:#e8e3d6;backdrop-filter:blur(12px);z-index:5;background:#10121266;border-radius:10px;margin:0;padding:6px 10px;font-size:11px;position:fixed;top:24px;right:24px}.env-toggle{letter-spacing:.06em;color:#f3ead8;-webkit-backdrop-filter:blur(12px);z-index:5;background:#10121280;border-radius:10px;padding:7px 12px;font-size:11px;position:fixed;top:62px;right:24px}[data-env=engawa] aside #tools{display:none}.env-tip{pointer-events:none;letter-spacing:.08em;color:#f6efe2;-webkit-backdrop-filter:blur(8px);opacity:0;z-index:6;white-space:nowrap;background:#14100c8c;border-radius:9px;padding:5px 10px;font-size:12px;transition:opacity .15s;position:fixed;top:0;left:0}.env-stick{-webkit-backdrop-filter:blur(10px);touch-action:none;z-index:6;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#fffaf029,#14100c6b 70%);border:1px solid #fff5e647;border-radius:50%;width:112px;height:112px;position:fixed;bottom:28px;right:28px}.env-stick.active{cursor:grabbing;border-color:#fff5e680}.env-stick-knob{pointer-events:none;background:radial-gradient(circle at 40% 35%,#f4ead8,#b9ab92 70%);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:transform .18s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #00000059}.env-stick.active .env-stick-knob{transition:none}.env-stick-label{text-align:center;letter-spacing:.2em;color:#f6efe2cc;pointer-events:none;text-shadow:0 1px 3px #00000080;font-size:11px;position:absolute;top:calc(100% + 6px);left:0;right:0}.env-reset{letter-spacing:.08em;color:#f6efe2;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:6;background:#14100c80;border-radius:12px;padding:7px 13px;font-size:12px;transition:opacity .2s;position:fixed;bottom:40px;right:154px}.env-reset.shown{opacity:1;pointer-events:auto}@media (width<=700px),(orientation:portrait),(height<=520px){.env-nav,.env-hint,.env-toggle{display:none}[data-env] aside{left:auto;right:16px;bottom:calc(46px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:5px;transform:none}[data-env] #motor{padding:9px 14px}.env-stick{right:18px;bottom:calc(30px + env(safe-area-inset-bottom));width:96px;height:96px}.env-stick-knob{width:40px;height:40px;margin:-20px 0 0 -20px}.env-reset{right:126px;bottom:calc(60px + env(safe-area-inset-bottom))}}.env-perf{color:#f6efe2;z-index:7;pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:8px;padding:4px 9px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;top:10px;left:50%;transform:translate(-50%)}@media (height<=520px) and (orientation:landscape){.env-stick{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:78px;height:78px}.env-stick-knob{width:32px;height:32px;margin:-16px 0 0 -16px}.env-stick-label{display:none}.env-reset{right:100px;bottom:calc(30px + env(safe-area-inset-bottom))}[data-env] aside{bottom:calc(14px + env(safe-area-inset-bottom));right:14px}}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;display:flex}.chips[hidden],.chips [hidden]{display:none!important}#symmetry-options,#stake-options,#spiro-options{display:contents}.chips button{color:#c6d7cd;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #30443e;border-radius:14px;padding:5px 10px;font-size:11px}.chips button[aria-pressed=true]{color:#f3eed9;background:#283c31;border-color:#9bbba3}#symmetry:before{content:"";vertical-align:1px;border:1.2px solid;border-radius:50%;width:6px;height:6px;margin-inline-end:6px;display:inline-block}#symmetry[aria-pressed=true]:before{background:currentColor}[data-palette=warm] .chips button{color:#f4edda;border-color:#698078}[data-palette=warm] .chips button[aria-pressed=true]{background:#547267;border-color:#c3ddbb}[data-palette=dark] .chips button{color:#e6e0d1;border-color:#2b3334}[data-palette=dark] .chips button[aria-pressed=true]{background:#1b2625;border-color:#71c9b8}[data-env] aside .chips{flex-wrap:nowrap;gap:4px;margin:0}[data-env] aside .chips button{color:#f1eadc;border-color:#ffffff38;padding:6px 10px}[data-env] aside .chips button[aria-pressed=true]{color:#fff;background:#ffffff2e;border-color:#ffffff80}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env] aside{flex-direction:column;align-items:flex-end;max-width:calc(100vw - 150px)}[data-env] aside .chips{flex-wrap:wrap;justify-content:flex-end}}[data-env] #tool-help{white-space:nowrap;letter-spacing:.06em;color:#f6efe2;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#14100c6b;border-radius:9px;min-height:0;margin:0;padding:4px 11px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env] #tool-help{left:auto;right:0;transform:none}}.chip-sep{background:#30443e;width:1px;height:14px;margin:0 2px}[data-held=scoop][data-env] .chips.symmetry,[data-held=shovel][data-env] .chips.symmetry,[data-held=scoop][data-env] .chips.stake,[data-held=shovel][data-env] .chips.stake,[data-held=pendulum][data-env] .chips.stake,[data-env] .chips.arm-speed[hidden]{display:none}.env-guide{letter-spacing:.12em;color:#3a352c;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:6;white-space:nowrap;font-size:14px;font-family:var(--serif);background:#faf8f2b3;border-radius:12px;margin:0;padding:8px 16px;transition:opacity .5s,transform .5s;position:fixed;top:22px;left:50%;transform:translate(-50%,-6px)}.env-guide.shown{opacity:1;transform:translate(-50%)}.env-keep{letter-spacing:.2em;color:#3a352c;-webkit-backdrop-filter:blur(10px);z-index:6;font-size:13px;font-family:var(--serif);background:#faf8f29e;border-radius:12px;padding:8px 14px 8px 16px;position:fixed;top:18px;right:20px}.env-keep:hover{background:#fffdf8d9}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env] aside{max-width:calc(100vw - 132px)}[data-env] aside .chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto}[data-env] aside .chips::-webkit-scrollbar{display:none}[data-env] aside .chips button{flex:none;padding:5px 9px}.env-guide{top:calc(14px + env(safe-area-inset-top));font-size:13px}.env-keep{top:calc(12px + env(safe-area-inset-top));padding:7px 12px;display:block;right:12px}}.env-skin{-webkit-backdrop-filter:blur(10px);z-index:6;background:#faf8f29e;border-radius:12px;gap:2px;padding:3px;display:flex;position:fixed;top:18px;right:92px}.env-skin button{font:13px/1 var(--serif);color:#3a352c;background:0 0;border-radius:9px;padding:6px 9px}.env-skin button[aria-pressed=true]{background:#3a352c24}[data-skin=glass] .env-guide,[data-skin=glass] .env-keep,[data-skin=glass] .env-skin{color:#e6eef0;background:#14181e8c}[data-skin=glass] .env-skin button{color:#e6eef0}[data-skin=glass] .env-skin button[aria-pressed=true]{background:#78dccd38}@media (width<=700px),(orientation:portrait),(height<=520px){.env-skin{top:calc(12px + env(safe-area-inset-top));right:72px}}[data-skin=glass][data-env] aside{background:#0e12188c}[data-skin=glass][data-env] #motor{color:#e6f4f1;background:#78dccd33}[data-skin=glass][data-env] #motor.running{background:#78dccd61}[data-skin=glass] .env-tip{background:#0e121899}.env-more{display:none}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env] aside{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:6px}[data-env] .env-more{letter-spacing:.1em;color:#f1eadc;background:0 0;border:1px solid #ffffff38;border-radius:10px;padding:8px 12px;font-size:12px;display:block}[data-env] .env-more[aria-pressed=true]{background:#ffffff2e}html[data-env]:not([data-env=engawa]):not([data-more="1"]) aside .chips.symmetry,html[data-env]:not([data-env=engawa]):not([data-more="1"]) aside .chips.stake,html[data-env]:not([data-env=engawa]):not([data-more="1"]) aside .chips.spiro,html[data-env]:not([data-env=engawa]):not([data-more="1"]) aside .chips.sound{display:none}[data-env] aside .chips{flex-basis:100%;justify-content:flex-end}}.sub-label{letter-spacing:.14em;color:#8ea397;margin:14px 0 -2px;font-size:10px}.sub-label[hidden]{display:none}html:not([data-env]) .chips.pendulum{flex-direction:column;align-items:flex-start}.chip-row{align-items:center;gap:6px;display:flex}.chips button svg{display:block}.segmented{display:inline-flex}.segmented button{border-radius:0!important}.segmented button:first-child{border-radius:0!important;border-start-start-radius:14px!important;border-end-start-radius:14px!important}.segmented button:last-child{margin-inline-start:-1px;border-radius:0!important;border-start-end-radius:14px!important;border-end-end-radius:14px!important}.chips button[aria-disabled=true]{opacity:.32;cursor:not-allowed}[data-env] aside .chips.symmetry{order:1}[data-env] aside .chips.guide{order:2}[data-env] aside .chips.pendulum{order:3}[data-env] aside .env-more{order:7}[data-env] aside .chips button{white-space:nowrap}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env] aside .chips{flex-wrap:wrap;justify-content:flex-end;overflow:visible}[data-env] aside .chips.sound{flex-basis:auto}[data-env] aside .chips.pendulum .chip-row{flex-wrap:wrap;justify-content:flex-end}}[data-env=engawa] aside{background:#1212108f;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;width:max-content;min-width:300px;max-width:calc(100vw - 340px);padding:10px 14px 11px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}.env-card-head{align-items:center;gap:12px;display:flex}.env-card-icon svg{width:auto;height:30px;display:block}.env-card-name{font:600 15px/1.2 var(--serif);letter-spacing:.24em;color:#f6efe2;white-space:nowrap;flex:none}.env-card-note{letter-spacing:.06em;color:#f0eade8c;white-space:nowrap;font-size:12px}.env-card-say{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.env-card-back{letter-spacing:.1em;color:#f1eadc;white-space:nowrap;background:0 0;border:1px solid #ffffff3d;border-radius:12px;flex:none;padding:5px 11px;font-size:12px}.env-card-back:hover{background:#ffffff1f}.env-card-back[hidden]{display:none}.env-card-acts{flex:none;gap:8px;margin-inline-start:auto;display:flex}[data-env=engawa] #tool-help{-webkit-backdrop-filter:none;white-space:nowrap;text-overflow:ellipsis;text-align:start;letter-spacing:.06em;color:#efe8da;background:0 0;margin:0;padding:0;font-size:13px;position:static;overflow:hidden;transform:none}.env-steps{counter-reset:step;flex:none;gap:4px;margin:0;padding:0;list-style:none;display:flex}.env-steps[hidden]{display:none}.env-steps li{white-space:nowrap;counter-increment:step;letter-spacing:.06em;color:#f0eade80;border:1px solid #ffffff24;border-radius:10px;padding:2px 8px;font-size:12px}.env-steps li:before{content:counter(step) " "}.env-steps li.now{color:#fff8ea;background:#c9a35e52;border-color:#d6b26ed9}.env-card-opts{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:8px;display:flex}[data-held=scoop] .env-card-opts,[data-held=shovel] .env-card-opts{display:none}[data-env=engawa] aside .chips{flex-wrap:nowrap;flex-basis:auto;justify-content:flex-start;gap:4px;margin:0;overflow:visible}[data-env=engawa] aside .env-card-opts .chips{order:0}[data-env=engawa] aside .chips.pendulum{flex-direction:row;align-items:center;gap:16px}[data-env=engawa] aside .chips.pendulum .chip-row{flex-wrap:nowrap;justify-content:flex-start;gap:4px}.env-row-label{letter-spacing:.14em;color:#f0eade7a;flex:none;margin-inline-end:4px;font-size:11px}[data-env=engawa] aside .chips button.env-drawn{align-items:center;gap:5px;display:inline-flex}[data-env=engawa] aside .chips button svg{flex:none}[data-env=engawa] aside #symmetry:before{content:none}.env-caption{letter-spacing:.04em;color:#f3e7cc;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#14100c99;border-radius:9px;width:max-content;max-width:min(560px,100vw - 32px);margin:0;padding:5px 11px;font-size:12px;line-height:1.5;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.env-caption.shown{opacity:1}[data-env=engawa] .env-reset{bottom:156px;left:auto;right:28px}.env-page{z-index:7;align-items:center;gap:6px;display:flex;position:fixed;top:18px;right:20px}.env-page .chips{margin:0}.env-page .chips[hidden]{display:none}.env-page .chips button,.env-page .env-keep{font:13px/1 var(--serif);letter-spacing:.14em;color:#3a352c;-webkit-backdrop-filter:blur(10px);background:#faf8f29e;border:0;border-radius:12px;padding:9px 13px;position:static}.env-page .chips.arm-speed{-webkit-backdrop-filter:blur(10px);background:#faf8f29e;border-radius:12px;gap:2px;padding:3px}.env-page .chips.arm-speed button{-webkit-backdrop-filter:none;background:0 0;border-radius:9px;padding:6px 9px}.env-page .chips button[aria-pressed=true]{color:#2a261f;background:#3a352c29}.env-page .chips.sound button[aria-pressed=false]{color:#3a352c80}.env-page #sound:before{content:none}.env-page #motor{width:auto;font:13px/1 var(--serif);letter-spacing:.14em;border-radius:12px;padding:9px 14px}.env-page .env-keep:hover,.env-page .chips button:hover{background:#fffdf8d9}.env-home{z-index:7;font:13px/1 var(--serif);letter-spacing:.04em;color:#3a352c;-webkit-backdrop-filter:blur(10px);background:#faf8f29e;border-radius:12px;padding:9px 13px;text-decoration:none;position:fixed;top:18px;left:20px}.env-home:hover{background:#fffdf8d9}@media (width<=700px),(orientation:portrait),(height<=520px){[data-env=engawa] aside{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:7px;width:auto;min-width:0;max-width:none;padding:9px 96px 10px 12px;transform:none}[data-env=engawa] .env-stick{right:22px;bottom:calc(22px + env(safe-area-inset-bottom));width:72px;height:72px}[data-env=engawa] .env-stick-knob{width:30px;height:30px;margin:-15px 0 0 -15px}[data-env=engawa] .env-stick-label{display:none}[data-env=engawa] .env-reset{top:auto;left:auto;right:12px;bottom:calc(170px + env(safe-area-inset-bottom))}.env-card-head{flex-wrap:wrap;gap:6px 8px}.env-card-note{display:none}.env-card-name{font-size:14px}.env-card-head button{padding:4px 9px}.env-card-say{flex-wrap:wrap;flex-basis:100%;order:5;gap:6px}[data-env=engawa] #tool-help{white-space:normal;font-size:12.5px}.env-steps li{padding:2px 7px}.env-card-opts{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:1px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.env-card-opts::-webkit-scrollbar{display:none}[dir=rtl] .env-card-opts{-webkit-mask-image:linear-gradient(270deg,#000 88%,#0000);mask-image:linear-gradient(270deg,#000 88%,#0000)}.env-card-opts .chips,.env-card-opts .chip-row{flex:none}[data-env=engawa] aside .chips button{flex:none;padding:5px 9px}.env-row-label{margin-inline-end:2px}.env-page{top:calc(12px + env(safe-area-inset-top));flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100vw - 24px);right:12px}[dir=rtl] .env-page{justify-content:flex-start}.env-home{top:calc(12px + env(safe-area-inset-top));padding:8px 10px;font-size:12px;left:12px}html[data-site] .env-page{max-width:calc(100vw - 132px)}.env-page .chips button,.env-page .env-keep,.env-page #motor{letter-spacing:.08em;padding:8px 10px;font-size:12px}.env-guide{top:calc(62px + env(safe-area-inset-top))}}.record-button span{color:#d98473}.record-button.recording{color:#f3d6cf;border-color:#d98473}.record-button.recording span{animation:1s steps(2,end) infinite record-blink}@keyframes record-blink{50%{opacity:.2}}.record-result{color:#a6b8a2;margin-top:10px;font-size:11px;line-height:1.8}.record-result[hidden]{display:none}.record-actions{gap:8px;margin-top:6px;display:flex}.record-actions button{color:#c5d0bb;background:0 0;border:1px solid #435441;border-radius:7px;padding:7px 12px;font-size:11px}.record-actions button[hidden]{display:none}.env-record{-webkit-backdrop-filter:blur(10px);background:#faf8f29e;border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex;position:relative}.env-page #record{width:auto;font:13px/1 var(--serif);letter-spacing:.14em;color:#3a352c;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;margin:0;padding:6px 10px;display:inline-flex}.env-page #record span{color:#b4483a}.env-page #record.recording{color:#7a2a20;background:#b4483a29}.env-page #record:hover{background:#fffdf8d9}.env-record-more{color:#3a352c;background:0 0;border:0;border-radius:9px;padding:6px 7px;font-size:11px}.env-record-more[aria-expanded=true]{background:#3a352c24}.env-record-panel{-webkit-backdrop-filter:blur(12px);background:#f8f6f0;border-radius:12px;flex-direction:column;gap:8px;min-width:210px;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 20px #2820141f}.env-record-panel[hidden]{display:none}.env-record-label{letter-spacing:.14em;color:#3a352c8c;font-size:11px}.env-record-panel .chips.record{flex-direction:column;align-items:flex-start;gap:6px;margin:0}.env-record-panel .chips.record .chip-row{gap:6px}.env-record-panel .chips button{color:#3a352c;background:0 0;border:1px solid #3a352c40;border-radius:10px;padding:5px 10px;font-size:12px}.env-record-panel .chips button[aria-pressed=true]{background:#3a352c24;border-color:#3a352c80}.env-record-panel .record-result{color:#3a352c;border-top:1px solid #3a352c24;margin:0;padding-top:8px;font-size:12px}.env-record-panel .record-actions button{color:#3a352c;border:1px solid #3a352c4d;border-radius:9px;padding:6px 12px;font-size:12px}@media (width<=700px),(orientation:portrait),(height<=520px){.env-page #record{letter-spacing:.06em;padding:6px 8px;font-size:12px}}.lang-switch{letter-spacing:.04em;margin-inline-start:18px;font-size:12px;display:inline-block;position:relative}.lang-switch summary{cursor:pointer;color:#aaa79d;border:1px solid #3a403e;border-radius:9px;align-items:center;gap:5px;padding:4px 9px;list-style:none;display:flex}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary:hover,.lang-switch[open] summary{color:#efe8d8;border-color:#555b58}.lang-switch:not([open]) .lang-menu{display:none}.lang-menu{inset-inline-end:0;z-index:20;background:#151a1a;border:1px solid #2c3332;border-radius:12px;min-width:140px;max-height:min(70vh,520px);padding:5px;display:grid;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 8px 24px #00000059}.lang-menu a{color:#cfcabd;white-space:nowrap;border-radius:8px;padding:7px 10px;text-decoration:none}.lang-menu a:hover{color:#efe8d8;background:#ffffff12}.lang-menu a[aria-current]{color:#efe8d8;background:#ffffff1a}.env-page .lang-switch{margin:0}.env-page .lang-switch summary{color:#3a352c;font:12px/1 var(--serif);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);background:#faf8f29e;border:0;border-radius:12px;padding:8px 10px}.env-page .lang-switch summary:hover,.env-page .lang-switch[open] summary{background:#fffdf8d9}.env-page .lang-menu{background:#f8f6f0;border:0;box-shadow:0 8px 24px #28241e2e}.env-page .lang-menu a{color:#5a5347;font:13px/1.2 var(--serif)}.env-page .lang-menu a:hover{color:#3a352c;background:#ffffffb3}.env-page .lang-menu a[aria-current]{color:#3a352c;background:#fffc}:root{--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif SC",serif}:root:lang(zh-Hant){--sans:Inter,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;--serif:"Songti TC","Noto Serif TC",serif}:root:lang(ja){--sans:Inter,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif}:root:lang(ko){--sans:Inter,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--serif:"AppleMyungjo","Nanum Myeongjo","Noto Serif KR",serif}:root:lang(ar){--sans:"Geeza Pro","Noto Sans Arabic",Tahoma,sans-serif;--serif:"Noto Naskh Arabic","Geeza Pro",serif}:root:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .wordmark{letter-spacing:.04em}:root:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .intro h1,:root:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) :is(.env-page .chips button,.env-page .env-keep,.env-page #motor,#record,.env-guide){letter-spacing:.02em}:root:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .env-card-name{letter-spacing:.03em}:root:lang(ar) *{letter-spacing:0!important}