.realm-nav{display:flex;gap:6px;border:1px solid var(--line);padding:5px;border-radius:100px}.realm-nav a{display:block;padding:10px 23px;border-radius:100px;text-decoration:none;font-size:14px;font-weight:550;color:var(--muted)}.realm-nav a[aria-current=page]{color:#0a1615;background:var(--accent)}.realm-nav a:hover{color:var(--text)}.realm-nav a[aria-current=page]:hover{color:#0a1615}.masthead .edition{font-size:12px;line-height:1.5;letter-spacing:1px}.lab-nav{display:flex;gap:30px;border-bottom:1px solid var(--line);padding-top:26px;overflow-x:auto}.lab-nav a{text-decoration:none;color:var(--muted);white-space:nowrap;padding:9px 0 20px;font-size:15px;border-bottom:2px solid transparent}.lab-nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.lab-nav span{font-family:var(--mono);font-size:12px;color:var(--faint);margin-right:9px}.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:32px 0 26px}.lab-heading h1{font-size:clamp(43px,4.9vw,68px);letter-spacing:-2.5px;margin:10px 0 0;line-height:1.1}.lab-heading>p{color:var(--muted);font-size:16px;line-height:1.7;max-width:420px;margin:0}.lab-heading .eyebrow{font-size:12px;color:var(--accent)}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#0c1113}.simulation-view{min-width:0;border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column}.canvas-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 23px;color:var(--muted);font-family:var(--mono);font-size:12px;z-index:1}.phase-chip{display:inline-block;color:var(--accent);border:1px solid #8ebfd143;border-radius:4px;padding:5px 9px}.canvas-wrap{height:370px;position:relative}.canvas-wrap canvas{display:block;width:100%;height:100%}.canvas-caption{padding:0 23px 14px;font-size:12px;color:var(--muted);line-height:1.65}.chart-wrap{height:90px;padding:0 22px 12px}.chart-wrap canvas{display:block;width:100%;height:100%}.simulation-controls{padding:22px;display:flex;flex-direction:column;gap:23px;min-width:0}.controls-title{font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--accent);margin:0}.range-row>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.range-row label{font-size:14px;color:#d7e0e0}.range-row output{font-family:var(--mono);font-size:12px;color:var(--accent);text-align:right;white-space:nowrap}.range-row input[type=range],.timeline-row input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:24px;margin:0}.control-endpoints{display:flex;justify-content:space-between;color:var(--faint);font-family:var(--mono);font-size:12px;margin-top:3px}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button{padding:7px 10px;min-height:35px;border:1px solid var(--line);border-radius:4px;font-size:12px;background:#101b20}.presets button:hover{border-color:var(--accent)}.check-row{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer}.check-row input{width:17px;height:17px;accent-color:var(--accent);margin:0}.lab-controls-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.lab-controls-foot p{font-size:13px;color:var(--muted);line-height:1.7;margin:7px 0 0}.lab-controls-foot strong{font-size:14px;font-weight:500;color:var(--text)}.playback{display:flex;align-items:center;gap:12px;padding:17px 22px;border-top:1px solid var(--line);margin-top:auto}.play-button{min-width:106px;min-height:39px;border-radius:4px;background:var(--accent);color:#091418;font-weight:650;font-size:14px}.play-button:hover{background:#eefaff;color:#091418}.reset-button{border:1px solid var(--line);border-radius:4px;font-size:14px;min-height:39px;padding:0 14px}.speed-label{font-size:12px;color:var(--muted);margin-left:auto}.speed-select{min-height:39px;background:#10191d;border:1px solid var(--line);border-radius:4px;color:var(--text);font-family:var(--mono);font-size:12px;padding:0 9px}.timeline-row{padding:0 22px 15px;display:flex;align-items:center;gap:15px}.timeline-row label,.timeline-row output{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line);margin:0}.metric-strip>div+div{border-left:1px solid var(--line);padding-left:22px}.metric-strip dt{font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:10px}.metric-strip dd{font-size:25px;letter-spacing:-.5px;margin:0;line-height:1.3}.metric-strip small{font-size:13px;color:var(--muted);margin-left:5px}.lab-explain{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:28px 0 10px}.lab-explain h2{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 12px}.lab-explain p,.lab-explain li{color:var(--muted);font-size:15px;line-height:1.8}.lab-explain p{margin:0 0 12px}.lab-explain ul{padding-left:20px;margin:0}.lab-explain li{padding-left:5px;margin-bottom:6px}.source-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px}.source-links a{color:var(--accent);font-size:13px;text-underline-offset:4px;line-height:1.7}.formula-line{font-family:var(--mono);font-size:13px!important;padding:12px 16px;border-left:2px solid var(--accent);background:#111c21;color:#c9e3ef!important;overflow-wrap:anywhere}.simulation-empty{padding:25px;color:var(--muted);font-size:16px}.lab-grid .state-note{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.lab-grid input:focus-visible,.lab-grid select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#real-space{--accent:#a7d6eb}#atlas{padding-top:4px}.new-realm-note{font-size:12px;font-family:var(--mono);color:var(--muted)}
@media(min-width:1500px){.canvas-wrap{height:425px}.lab-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1100px){.lab-grid{grid-template-columns:minmax(0,1fr) 280px}.simulation-controls{padding:18px;gap:20px}.lab-heading>p{max-width:350px}.canvas-wrap{height:340px}.metric-strip dd{font-size:22px}.masthead .edition{max-width:150px;text-align:right}}
@media(max-width:800px){.lab-grid{grid-template-columns:1fr}.simulation-view{border-right:0}.simulation-controls{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 25px}.controls-title,.presets,.lab-controls-foot{grid-column:1/-1}.lab-controls-foot{margin-top:0}.lab-heading{align-items:start;gap:15px;flex-direction:column}.lab-heading>p{max-width:none}.lab-explain{gap:25px}.masthead .edition{display:none}.realm-nav a{padding:9px 15px}.canvas-wrap{height:380px}.controls-title{margin-bottom:0}}
@media(max-width:540px){.site-shell{padding:0 5%}.masthead{min-height:87px;gap:10px}.brand{font-size:26px;gap:6px}.brand svg{width:30px;height:30px}.realm-nav{padding:3px;gap:1px}.realm-nav a{font-size:12px;padding:9px 12px}.lab-nav{gap:22px;padding-top:16px}.lab-nav a{font-size:14px;padding-bottom:15px}.lab-nav span{display:none}.lab-heading{padding-top:25px;padding-bottom:22px}.lab-heading h1{font-size:45px;letter-spacing:-1.6px}.lab-heading>p{font-size:15px}.lab-heading .eyebrow{font-size:12px}.canvas-wrap{height:310px}.canvas-header{padding:15px 14px;font-size:12px;flex-wrap:wrap}.canvas-caption{padding:0 14px 12px;font-size:12px}.playback{padding:14px;gap:8px;flex-wrap:wrap}.play-button{min-width:99px}.reset-button{padding:0 11px}.speed-label{margin-left:auto}.speed-select{padding:0 7px}.timeline-row{padding:0 14px 15px;gap:10px}.chart-wrap{padding:0 14px 12px}.simulation-controls{padding:18px 15px;gap:22px 16px}.range-row label{font-size:14px}.range-row>div{align-items:start;flex-direction:column;gap:6px;margin-bottom:7px}.metric-strip{grid-template-columns:1fr 1fr;gap:25px 14px}.metric-strip>div:nth-child(3){border:0;padding-left:0}.metric-strip>div+div{padding-left:14px}.metric-strip dd{font-size:24px}.metric-strip dt{font-size:12px}.lab-explain{grid-template-columns:1fr;gap:18px}.lab-explain p,.lab-explain li{font-size:15px}.lab-explain h2{font-size:25px}.control-endpoints{font-size:12px}.state-note{grid-column:1/-1}}
@media(max-width:360px){.realm-nav a{padding:9px;font-size:12px}.brand{font-size:24px}.brand svg{width:27px}.masthead{gap:7px}.canvas-wrap{height:270px}.lab-heading h1{font-size:40px}.playback .speed-label{display:none}}