:root{color-scheme:dark;--gold:#e0bd84;--muted:#a8b3b8;--line:#3c4950}*{box-sizing:border-box}body{margin:0;background:#11191e;color:#e9ece8;font:14px/1.6 Arial,Helvetica,sans-serif}header{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 3.5%;letter-spacing:.15em;font-size:10px;color:#acb6b9}.mark{font-size:27px;font-weight:750;color:var(--gold)}.mark span{color:#7c888d}.header-center{border-left:1px solid var(--line);padding-left:22px;flex:1}.header-center span{color:#74858d}a{color:inherit;text-decoration:none}main{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:750px}.stage{position:relative;background:radial-gradient(ellipse at center,#34434b 0,#1d2930 42%,#10191f 90%);overflow:hidden;min-height:670px}#viewport{position:absolute;inset:0;cursor:grab}#viewport canvas{width:100%;height:100%;display:block}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #68777c;background:#182329ed;padding:13px 18px;font-size:11px;letter-spacing:.15em}#loading[hidden]{display:none}.stagelabel,.footnote{position:absolute;z-index:4;left:30px;right:30px;font-size:10px;letter-spacing:.13em;color:#a5b4b8;display:flex;justify-content:space-between}.stagelabel{top:27px;color:var(--gold)}#viewlabel{color:#99aab0}.footnote{bottom:25px}.footnote span{color:var(--gold)}.views{position:absolute;bottom:72px;left:30px;z-index:5;display:flex;gap:6px}.views button{color:#c3cbd0;background:#1a272dba;border:1px solid #5a6a72;padding:10px 14px;letter-spacing:.11em;font-size:10px;cursor:pointer}.views button.selected{color:var(--gold);border-color:var(--gold)}aside{background:#192127;border-left:1px solid #36434b;padding:35px 28px 28px}.overline{font-size:10px;color:var(--gold);letter-spacing:.16em}h1{margin:8px 0 10px;font-size:31px;letter-spacing:-.05em}h1 em{font-style:normal;font-weight:350;color:#a4b3b8}aside>p{color:#a6b3b8;font-size:12px;line-height:1.85;margin:0 0 24px}hr{border:0;border-top:1px solid #3b4951;margin:22px 0}.subheading{font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between;color:#e0e5e2;margin-bottom:17px}.subheading span{color:#b7a88d;font-size:9px}label{display:flex;justify-content:space-between;font-size:12px;color:#b5c2c7;margin:15px 0 8px}label strong{color:var(--gold)}select{width:100%;padding:10px;background:#243038;border:1px solid #52626b;color:#f2eee6;cursor:pointer}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.scale{display:flex;justify-content:space-between;color:#7f9199;font-size:9px;letter-spacing:.11em;margin:9px 0}.actions{display:flex;gap:7px;margin-top:21px}.actions button{border:1px solid #9d9888;padding:12px;font-size:10px;letter-spacing:.11em;cursor:pointer}#fire{flex:1;background:var(--gold);color:#122029;font-weight:bold;border-color:var(--gold)}#fire:disabled{opacity:.5}#inspect{background:transparent;color:#dfd4bb}#inspect[aria-pressed=true]{border-color:var(--gold)}.hint{font-size:11px;color:#a3afb5;line-height:1.7;margin:12px 0 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 8px}.metrics>div{padding-left:12px;border-left:2px solid #677580}.metrics span{font-size:9px;color:#9baab0;display:block;min-height:27px;letter-spacing:.07em}.metrics strong{font-size:23px;line-height:1.25;color:#f0e9dc;font-weight:400;font-variant-numeric:tabular-nums}.physics{border:1px solid #42535d;background:#1d2a31;padding:12px;margin:23px 0 12px}.physics strong{color:var(--gold);font-size:10px;letter-spacing:.1em}.physics p{font-size:11px;color:#a5b4bc;margin:6px 0 0;line-height:1.7}#reset{width:100%;background:transparent;color:#bdcacc;border:1px solid #53646c;padding:13px;letter-spacing:.12em;font-size:10px;cursor:pointer}#reset:hover{border-color:var(--gold)}footer{height:50px;border-top:1px solid var(--line);padding:0 3.5%;color:#7d8e94;display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;font-size:9px}@media(max-width:980px){main{display:block}.stage{min-height:570px}aside{border-left:0;border-top:1px solid var(--line)}.metrics{max-width:500px}}@media(max-width:550px){.header-center,.footnote span,#viewlabel,footer span{display:none}.stage{min-height:440px}.views{left:15px;bottom:54px}.stagelabel,.footnote{left:15px;right:15px}.stagelabel{top:18px}.footnote{bottom:13px;font-size:8px}aside{padding:29px 19px}}