.simulation-launch{margin-top:12px;width:100%;max-width:270px;background:transparent}.simulation-open{overflow:hidden}.simulation{width:calc(100% - 40px);max-width:1060px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #586a48;border-radius:9px;background:var(--bg);overflow:auto;box-shadow:0 35px 120px #0009}.simulation::backdrop{background:#030602d9;backdrop-filter:blur(7px)}.sim-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:var(--bg)}.sim-header>div>span{font: .6rem var(--mono);letter-spacing:.13em;color:var(--muted)}.sim-header h2{font-size:1.25rem;margin:7px 0 0}.sim-header button{flex-shrink:0}.sim-header button span{font-size:1.4rem;line-height:1}.sim-layout{display:grid;grid-template-columns:1.12fr 1fr;min-height:500px}.sim-stage{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:44px 32px 25px;perspective:1100px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 40% 40%,#2e4224 0%,#192315 39%,#111710 75%)}.sim-orbit{position:absolute;z-index:-1;width:390px;height:390px;border:1px solid #6e8b4744;border-radius:50%;transform:rotateX(50deg) rotateZ(-30deg)}.sim-orbit:after{content:'';position:absolute;inset:38px;border:1px solid #6e8b4733;border-radius:50%}.sim-record-wrap{width:285px;max-width:100%;position:relative;transform:rotateY(-8deg) rotateZ(-3deg);animation:sim-arrive .65s cubic-bezier(.16,1,.3,1)}.sim-record-wrap:before,.sim-record-wrap:after{content:'';position:absolute;inset:0;border:1px solid #8ea278;border-radius:5px;background:#6c8058;transform:translate(10px,9px) rotate(3deg);z-index:-1}.sim-record-wrap:after{transform:translate(19px,18px) rotate(5deg);background:#33472a;z-index:-2}.sim-record{position:relative;background:var(--paper);color:var(--ink);border-radius:5px;padding:24px;box-shadow:0 18px 40px #0005}.sim-record-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.sim-record-top>span:first-child{font-size:27px;font-weight:650;letter-spacing:-.04em}.sim-record-top>span:last-child{display:flex;align-items:center;gap:5px;font-size:.62rem}.sim-record-top svg{width:16px;height:16px}.sim-ref{font: .61rem var(--mono);letter-spacing:.025em;color:#405235}.sim-record h3{font-size:1.05rem;margin:12px 0 13px}.sim-value{display:block;font-size:2.5rem;font-weight:500;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}.sim-record dl{margin:23px 0 0;font-size:.67rem}.sim-record dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bdc8af;padding:11px 0}.sim-record dt{color:#495c3a;flex-shrink:0}.sim-record dd{margin:0;text-align:right}.sim-stamp{display:flex;gap:7px;align-items:center;margin-top:10px;font:.59rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.sim-stamp svg{width:14px;height:14px}.sim-metrics{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;max-width:340px;border-top:1px solid #55713d;padding-top:19px}.sim-metrics>div{min-width:0;display:grid;gap:7px}.sim-metrics span{font-size:.68rem;color:#b8caa9}.sim-metrics strong{font:500 1.22rem var(--mono);color:var(--acid);overflow-wrap:anywhere}.sim-story{padding:40px 34px 24px;display:flex;flex-direction:column;justify-content:center}.sim-step-count{font:.7rem var(--mono);color:var(--acid);margin-bottom:19px}.sim-story h3{font-size:2rem;line-height:1.15;margin:0 0 16px;min-height:2.3em}.simulation .sim-description{font-size:.85rem;line-height:1.65;min-height:7em;margin-bottom:20px}.sim-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 27px;gap:7px}.sim-step-list li{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:.61rem;color:var(--muted);line-height:1.3;overflow-wrap:anywhere}.sim-step-list li>span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid #627450;border-radius:50%;font:.64rem var(--mono)}.sim-step-list li[aria-current=step]{color:var(--acid)}.sim-step-list li[aria-current=step]>span:first-child,.sim-step-list li.done>span:first-child{background:var(--acid);color:var(--ink);border-color:var(--acid)}.sim-clock{height:2px;overflow:hidden;background:var(--line);margin-bottom:20px}.sim-clock i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}.sim-clock.running i{animation:sim-progress var(--duration) linear forwards}.sim-controls{display:flex;justify-content:space-between;gap:12px}.sim-controls button{min-height:44px}.sim-controls .primary{flex:1}.sim-controls .small{width:44px}.sim-story>.text-button{margin:12px 0 0;font-size:.74rem;align-self:center}.sim-footer{border-top:1px solid var(--line);padding:15px 25px;font-size:.66rem;color:var(--muted);text-align:center;line-height:1.5}@keyframes sim-arrive{from{opacity:.3;transform:translateY(24px) rotateY(-16deg) rotateZ(-7deg)}to{opacity:1;transform:translateY(0) rotateY(-8deg) rotateZ(-3deg)}}@keyframes sim-progress{to{transform:scaleX(1)}}
@media(max-width:1080px){.app-topbar{flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:8px}.sim-story{padding:32px 25px}.sim-story h3{font-size:1.8rem}}
@media(max-width:720px){.app-topbar{gap:10px}.top-actions{width:100%;justify-content:space-between}.top-actions .small{min-height:38px}.simulation-launch{max-width:none}.simulation{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.sim-header{padding:16px 18px;gap:10px}.sim-header>div>span{font-size:.5rem}.sim-header h2{font-size:1.03rem}.sim-header .small{min-height:38px;font-size:.7rem;padding:8px}.sim-layout{display:flex;flex-direction:column;min-height:0}.sim-stage{padding:25px 25px 18px;gap:19px}.sim-record-wrap{width:255px}.sim-record{padding:17px 22px}.sim-record-top{margin-bottom:12px}.sim-record-top>span:first-child{font-size:23px}.sim-ref{font-size:.55rem}.sim-record h3{font-size:.94rem;margin:8px 0}.sim-value{font-size:1.95rem;line-height:1.15}.sim-record dl{margin-top:14px;font-size:.6rem}.sim-record dl>div{padding:8px 0;gap:9px}.sim-stamp{margin-top:4px;font-size:.5rem}.sim-metrics{padding-top:12px;gap:18px;max-width:300px}.sim-metrics span{font-size:.61rem}.sim-metrics strong{font-size:1.04rem}.sim-story{padding:23px 23px 18px}.sim-step-count{font-size:.62rem;margin-bottom:11px}.sim-story h3{font-size:1.65rem;min-height:0;margin-bottom:12px}.simulation .sim-description{font-size:.78rem;min-height:0;margin-bottom:18px}.sim-step-list{margin-bottom:17px;gap:8px}.sim-step-list li{font-size:.55rem;gap:6px}.sim-step-list li>span:first-child{width:23px;height:23px}.sim-clock{margin-bottom:14px}.sim-controls{gap:9px}.sim-controls button{font-size:.75rem}.sim-story>.text-button{font-size:.67rem;margin-top:10px}.sim-footer{padding:12px 20px;font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.sim-record-wrap{animation:none;transform:none}.sim-clock.running i{animation:none;transform:scaleX(1)}}

.sim-step-list li>span:first-child svg{width:14px;height:14px}