#toe-scene{width:min(1040px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f1e8cf;color:#2f5448;border:1px solid #acb292;border-radius:20px}#toe-scene::backdrop{background:#142f2cdf;backdrop-filter:blur(5px)}.toe-nav{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid #c4c9a9;font:13px system-ui}.toe-nav button{background:none;border:0;padding:8px;color:#315941;min-height:42px;cursor:pointer}.toe-content{position:relative;text-align:center;padding:8px 16px}.toe-content h1{font:600 clamp(21px,2.8vw,28px)/1.1 Georgia;margin:5px 0 9px}.toe-stage{position:relative;width:min(100%,calc(max(180px,100svh - 335px)*1.53846));aspect-ratio:20/13;margin:auto;overflow:hidden;border-radius:14px;background:#b6c6ab;isolation:isolate;touch-action:none}.toe-world{display:block;width:100%;height:100%}.toe-name{position:absolute;top:26%;background:#fff0c5e8;border:1px solid #ac8d5d;border-radius:5px;padding:2px 5px;font:600 clamp(9px,1.3vw,13px) system-ui;transform:translateX(-50%);white-space:nowrap}.toe-name-john{left:17%;top:29%}.toe-name-agy{left:31%;top:28%}.toe-name-doctor{left:85.5%}.toe-scene-note{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);margin:0;background:#fff1cee8;padding:4px 9px;border-radius:8px;font:600 clamp(10px,1.4vw,15px) system-ui;white-space:nowrap}.toe-meter{display:flex;align-items:center;gap:9px;max-width:650px;margin:7px auto 0;font:600 12px system-ui;text-align:left}.toe-meter-label{width:68px;flex:none}.toe-gauge{position:relative;flex:1;height:18px;border:2px solid #607c65;border-radius:6px;background:#d8c49a}.toe-gauge-marker{position:absolute;top:-4px;width:4px;height:24px;background:#324f43;border:1px solid #fff0c5;transform:translateX(-50%);border-radius:3px}.toe-count{min-width:46px;font-variant-numeric:tabular-nums}.toe-guide{height:47px;margin:7px 0 4px;font:13px/1.3 system-ui}.toe-controls{min-height:44px;display:flex;gap:8px;justify-content:center}.toe-controls button{min-height:44px;padding:9px 14px;border:1px solid #9ba987;border-radius:10px;background:#315941;color:#fff5df;font:600 14px system-ui;cursor:pointer;touch-action:none}.toe-stop svg{width:52%;height:52%;filter:drop-shadow(0 3px 3px #353d3655)}.toe-content.is-loading .toe-stage,.toe-content.is-loading .toe-meter,.toe-content.is-loading .toe-guide,.toe-content.is-loading .toe-controls{visibility:hidden;pointer-events:none}.toe-content.is-loading::after{content:'Getting the room ready…';position:absolute;top:50%;left:0;right:0;font:14px system-ui;color:#315941}@media(max-width:600px){.toe-content{padding:8px 12px}.toe-nav{padding:5px 7px}.toe-guide{font-size:12px}.toe-name{font-size:10px;padding:1px 3px}.toe-controls button{font-size:12px;padding:8px 10px}.toe-meter{font-size:11px;gap:5px}.toe-meter-label{width:61px}.toe-count{min-width:38px}}

.toe-green{position:absolute;top:0;bottom:0;background:#80ad68;left:48%;width:8%}.toe-gauge-marker{z-index:2}.toe-controls button:disabled{opacity:.5;cursor:default}