html,body,#root{background:#0d1224;width:100%;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.sky{background:linear-gradient(#2a3a6a,#b98a7a);position:fixed;inset:0}.debug-overlay{color:#d8f5c8;pointer-events:none;background:#0000008c;border-radius:4px;padding:4px 8px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:8px;left:8px}.panel{-webkit-backdrop-filter:blur(6px);color:#f0f4ffe0;-webkit-user-select:none;user-select:none;background:#0e12206b;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 18px #0000002e}.panel-row{align-items:center;gap:8px;display:flex}.panel-button{min-width:26px;height:26px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.panel-button.icon{width:28px;padding:0}.panel-button:hover{background:#ffffff24}.panel-button.active{color:#fff3d6;background:#ffecbe38;border-color:#ffecbe73}.panel-button:focus-visible,.time-slider:focus-visible{outline-offset:1px;outline:2px solid #ffecbeb3}.speed-group{gap:4px;display:flex}.time-slider{accent-color:#f4d48a;cursor:pointer;width:170px}.clock{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.debug-labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.debug-label{text-align:center;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap;width:80px;margin:-9px 0 0 -40px;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:0;left:0}.debug-target{border:2px solid #ffde59;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0}