:root{color:#f2f1e9;font-synthesis:none;background:#020407;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.original-sim{--sim-accent:#8ad9d4;color:#f2f1e9;isolation:isolate;background:#020407;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.original-sim:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000047,#0000 18% 72%,#0000007a),radial-gradient(circle at 50% 48%,#0000 56%,#0003 100%);position:absolute;inset:0}.original-canvas,.original-fallback{position:absolute;inset:0}.original-canvas{touch-action:none}.original-canvas canvas{touch-action:none;display:block}.original-fallback{color:#d7d7cf;text-align:center;background:#05080c;place-items:center;padding:28px;display:grid}.original-identity{z-index:3;top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#e2e8e680;letter-spacing:.09em;text-shadow:0 1px 8px #000,0 0 22px #000;align-items:center;gap:8px;min-height:44px;font-size:.67rem;display:flex;position:absolute}.original-identity strong{color:#f4f3ebd1;letter-spacing:.06em;font-size:.7rem;font-weight:600}.original-state{z-index:3;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 2px 12px #000,0 0 28px #000;gap:3px;max-width:min(42ch,100vw - 270px);display:grid;position:absolute}.original-state strong{color:var(--sim-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.original-state span{color:#eceee9b8;font-size:.76rem;line-height:1.35}.original-controls{z-index:4;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));background:#03070cb8;border:1px solid #dae7e82b;border-radius:999px;align-items:center;gap:5px;padding:3px;display:flex;position:absolute}.original-controls button{color:#ebf0edb8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.original-controls button:hover{color:var(--sim-accent)}.original-controls button:disabled{color:#ebf0ed38;cursor:default}.original-controls .original-rate{color:#f1f2ebd1;font-variant-numeric:tabular-nums;width:48px;font-size:.69rem}.original-controls .original-pause{color:#070a0d;background:var(--sim-accent)}.original-controls .original-pause:hover{color:#070a0d;filter:brightness(1.12)}.original-controls button:focus-visible{outline:2px solid var(--sim-accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.original-identity{top:max(7px, env(safe-area-inset-top));left:max(9px, env(safe-area-inset-left))}.original-state{right:max(14px, env(safe-area-inset-right));bottom:max(68px, calc(env(safe-area-inset-bottom) + 58px));max-width:none}.original-state span{max-width:36ch;font-size:.7rem}.original-controls{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom))}.original-controls button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
