:root{font-family:Arial,Helvetica,sans-serif;color:#242823;background:#f7f7f4;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.studio{height:100%;height:100svh;min-height:260px;position:relative;isolation:isolate}.metrics{position:absolute;z-index:2;top:max(36px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:88px;text-align:center;white-space:nowrap}.metric{display:flex;flex-direction:column;gap:11px;min-width:110px}.label{font-size:10px;letter-spacing:.22em;font-weight:500;color:#8a8e86}.value{font-size:clamp(23px,2.4vw,34px);font-weight:400;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.scene{position:absolute;inset:108px 0 138px}.scene canvas{display:block;outline:none;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.play-controls{position:absolute;z-index:3;left:50%;bottom:49px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px}.play-hint{color:#92978b;font-size:8px;letter-spacing:.2em}.play-row{display:flex;align-items:center;gap:7px;padding:5px;background:#ffffffd4;border:1px solid #e1e4da;border-radius:12px;box-shadow:0 3px 16px #383b2f05}.play-row select,.play-row button{font:inherit;font-size:12px;height:36px;border:0;border-radius:8px;background:transparent;color:#555e4c}.play-row select{width:147px;padding:0 11px;outline-offset:2px;cursor:pointer}.play-row button{padding:0 15px;cursor:pointer;background:#edf0e6}.play-row .throw-button{background:#59654e;color:#fff}.play-row button:disabled{background:#e8ebe4;color:#a4ac9a;cursor:default}.play-row button:not(:disabled):hover{filter:brightness(.95)}.play-row button:focus-visible,.play-row select:focus-visible{outline:2px solid #7a8a64;outline-offset:2px}.play-feedback{min-height:12px;color:#8d9583;font-size:10px}.scene-fallback{color:#858b80;text-align:center;font-size:12px;position:absolute;top:45%;width:100%}.statusbar{position:absolute;z-index:2;left:36px;right:36px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:20px}.feed-status,.asset-status{display:inline-flex;align-items:center;gap:8px;color:#999d95;font-size:8px;letter-spacing:.18em;line-height:1.5}.feed-status i{width:5px;height:5px;border-radius:50%;background:#8a9a80}.feed-status.is-stale i{background:#b3a385}@media(max-width:600px){.metrics{top:max(32px,env(safe-area-inset-top));gap:42px}.metric{min-width:100px;gap:10px}.label{font-size:9px}.scene{inset:101px 0 150px}.play-controls{bottom:52px;gap:8px}.play-row select{width:133px}.play-row button{padding:0 12px}.statusbar{left:22px;right:22px;bottom:max(24px,env(safe-area-inset-bottom))}.feed-status,.asset-status{font-size:7px;letter-spacing:.12em}}@media(max-height:500px){.metrics{top:17px;gap:60px}.metric{gap:6px}.value{font-size:22px}.scene{inset:74px 0 103px}.play-controls{bottom:28px;gap:4px}.play-hint{display:none}.statusbar{bottom:14px}}