.experiment-tabs{display:flex;gap:5px;padding:5px;background:#e6ece2;border:1px solid #d8e1d3;border-radius:11px;width:max-content;max-width:100%;margin-bottom:25px}.experiment-tabs button{background:transparent;color:#557064;border-radius:7px;font-size:12px;font-weight:650;padding:11px 19px}.experiment-tabs button[aria-selected=true]{background:#173b3e;color:#fff;box-shadow:0 2px 6px #163a3620}.experiment-tabs button span{font-size:8px;letter-spacing:.8px;color:#087e83;background:#dff2b6;padding:3px 5px;border-radius:4px;margin-left:8px}.experiment-panel{min-width:0}.three-loading,.three-fallback{border:1px solid var(--line);border-radius:18px;background:#e8efe4;padding:55px 25px;text-align:center;color:#526d60}.three-loading-icon{display:block;font-size:65px;line-height:1;margin-bottom:20px;color:var(--teal)}.three-fallback h3{font-size:24px}.three-fallback p{font-size:13px;max-width:470px;margin:15px auto}.three-fallback>span{font-size:45px}.nav-3d{font-size:8px;letter-spacing:.3px;color:#087e83;background:#e6efd9;border-radius:3px;padding:2px 4px;margin-left:auto}.nav-3d+.nav-check{margin-left:0}.nav-link.active .nav-3d{background:#d7efae;color:#173b3e}.three-discoveries{background:#183c3e;color:#fff;border-radius:18px;padding:30px;margin:0 0 35px;overflow:hidden}.three-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.three-discovery-heading .eyebrow{color:#bce49a;font-size:9px;margin-bottom:12px}.three-discovery-heading h2{font-size:27px;margin-bottom:10px}.three-discovery-heading p{color:#b7cebf;font-size:12px;margin-bottom:24px}.three-pill{color:#d9efb0;border:1px solid #8daf7850;font-size:9px;letter-spacing:1px;border-radius:30px;padding:7px 12px;white-space:nowrap}.three-discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-discovery-grid a{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #527268;background:#ffffff05;border-radius:10px;transition:background .2s,transform .2s}.three-discovery-grid a:hover{background:#ffffff0d;transform:translateY(-2px)}.three-discovery-icon{height:38px;width:38px;display:grid;place-items:center;color:#dfeda5;font-size:30px;background:#d0e8b60c;border-radius:8px;flex-shrink:0}.three-discovery-grid b{font-size:13px;font-weight:600}.three-discovery-grid small{display:block;color:#b4cdbf;font-size:10px;margin-top:2px}.three-discovery-grid a>span:last-child{margin-left:auto;color:#dbeea7;font-size:18px}.three-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.three-heading h3{font-size:31px;margin:9px 0 0;letter-spacing:-1px}.three-value-state{font-size:10px;background:#eef3e8;color:#51715b;border:1px solid #d6e0d1;border-radius:20px;padding:6px 11px;white-space:nowrap}.three-value-state.changed{background:#fff0e3;color:#96552f;border-color:#ebcbb1}.three-description{font-size:14px;line-height:1.8;max-width:780px;margin:15px 0 24px}.three-workbench{display:grid;grid-template-columns:minmax(0,1fr) 230px;border:1px solid #d5dfd2;border-radius:19px;overflow:hidden;background:#fff}.three-viewport{min-width:0;background:#e6eee2;position:relative}.three-camera-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:#eef4e9;border-bottom:1px solid #d6e1d1}.three-camera-buttons{display:flex;gap:3px;align-items:center;padding:3px;border:1px solid #d4dfcf;background:#e0e9db;border-radius:8px}.three-camera-buttons button{font-size:11px;background:transparent;padding:7px 11px;border-radius:5px;color:#52705d}.three-camera-buttons button[aria-pressed=true]{color:white;background:#245753}.three-zoom{display:flex;gap:4px}.three-zoom button{width:29px;height:30px;border:1px solid #d2decc;border-radius:6px;background:#f6f9f1;color:#335d4a;font-size:17px}.three-stage{position:relative;height:470px;overflow:hidden;isolation:isolate}.three-canvas{position:absolute;inset:0}.three-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.three-canvas canvas:focus-visible{outline:3px solid #ec975d;outline-offset:-4px}.three-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.three-world-label{position:absolute;top:0;left:0;white-space:nowrap;font-size:10px;font-weight:650;padding:4px 7px;background:#fcfff2e3;border:1px solid #bbd2b7a6;border-radius:5px;color:#264c44;box-shadow:0 2px 7px #21462809;pointer-events:none}.three-world-label[hidden]{display:none}.three-scene-tag{position:absolute;left:17px;top:16px;font-size:8px;font-weight:750;letter-spacing:1.8px;color:#526c5a;background:#edf6e6d9;padding:5px 8px;border:1px solid #cfddc4;border-radius:5px;pointer-events:none}.three-camera-tip{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#567862;background:#eef5e5bf;padding:4px 8px;border-radius:20px;pointer-events:none}.three-playback{display:flex;gap:8px;padding:14px 16px;align-items:center;border-top:1px solid #cbdac4;background:#1b4140}.three-playback button{background:#315c51;color:#edf5dd;font-size:11px;font-weight:600;border-radius:7px;padding:9px 12px;white-space:nowrap}.three-playback .three-play{background:#d7ef9e;color:#193e32;min-width:76px}.three-playback button[hidden]{display:none}.three-timeline{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.three-timeline input{min-width:20px;width:100%;accent-color:#d7ef9e;height:5px}.three-timeline output{font-size:9px;white-space:nowrap;color:#c7dcbd;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.three-speed{display:flex;align-items:center;gap:6px;font-size:9px;color:#bfd3b6}.three-speed select{border:1px solid #608169;background:#315c51;color:#ecf5e1;font-size:11px;padding:5px 1px;border-radius:5px}.three-toggles{display:flex;flex-wrap:wrap;gap:10px 17px;padding:13px 16px;background:#f0f5e9;border-top:1px solid #d6dfcf}.three-toggles label{font-size:10px;color:#547252;display:flex;align-items:center;gap:6px;cursor:pointer}.three-toggles input{margin:0;accent-color:#087e83;width:13px;height:13px}.three-parameters{background:#fcfdf8;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}.three-control-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#5b7963;font-weight:700}.three-control-title button{font-size:9px;text-decoration:underline;text-underline-offset:3px;background:none;padding:0;color:#087e83}.three-parameter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.three-parameter>label{font-size:11px;font-weight:600;line-height:1.5}.three-number{display:flex;gap:4px;align-items:center;font-size:9px;color:#567562}.three-number input{width:62px;min-width:0;border:1px solid #d4dfcd;border-radius:6px;background:#fff;font-size:14px;color:#087e83;font-weight:650;padding:6px 4px;text-align:right;appearance:textfield;-moz-appearance:textfield}.three-number input::-webkit-inner-spin-button,.three-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.three-parameter>input[type=range]{grid-column:1/-1;width:100%;accent-color:#087e83;height:5px;margin:7px 0 0}.three-ends{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:#81947b;margin-top:-2px}.three-param-note{font-size:10px;line-height:1.8;color:#7b8e74;margin:0}.three-caption{padding:12px 2px;font-size:12px;color:#4a735c;margin:0;min-height:48px;font-variant-numeric:tabular-nums}.three-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:17px}.three-metric{padding:16px 18px;background:#e9f0e2;border:1px solid #d6e2ce;border-radius:11px;min-width:0}.three-metric>span{font-size:10px;color:#6b8062;display:block}.three-metric>strong{font-size:26px;color:#1e695c;font-weight:600;letter-spacing:-.7px;display:block;line-height:1.3;margin:6px 0 3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.three-metric small{font-size:10px;display:block;color:#657e60}.three-equations{padding:22px 24px;border:1px solid #dbe5d3;border-radius:13px;background:#fff}.three-equation-label{font-size:9px;color:#087e83;letter-spacing:1.2px;display:block;margin-bottom:17px;font-weight:700}.three-equations .math-lines{font-size:16px;gap:11px}.three-challenge{display:flex;gap:17px;align-items:flex-start;padding:22px;border:1px solid #ebd6b6;border-radius:13px;background:#f9eedc;margin-top:19px}.three-challenge-icon{font-size:30px;color:#b78648;line-height:1.2}.three-challenge h4{font-size:14px;margin:0 0 7px}.three-challenge p{font-size:12px;color:#8e724a;line-height:1.8;margin:0 0 8px}.three-challenge button{background:none;font-size:12px;font-weight:700;color:#816029;padding:3px 0}.three-challenge [data-challenge-feedback]{margin-top:12px;border-top:1px solid #e7d4b6;padding-top:10px}.three-model-note{font-size:10px;color:#6f8470;line-height:1.8;margin:17px 2px 0}.three-model-note span{display:block;margin-top:5px}.three-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.three-lab button:focus-visible,.three-lab input:focus-visible,.three-lab select:focus-visible,.experiment-tabs button:focus-visible{outline:3px solid #ec975d;outline-offset:3px}
@media(max-width:1200px){.three-workbench{grid-template-columns:minmax(0,1fr) 210px}.three-parameters{padding:20px 15px}.three-parameter{grid-template-columns:1fr}.three-number{justify-content:flex-start}.three-stage{height:420px}.three-timeline output{display:none}.three-speed>span{display:none}.three-camera-buttons button{padding:7px 9px}.three-camera-toolbar{padding:12px}}
@media(max-width:740px){.three-workbench{grid-template-columns:1fr}.three-stage{height:360px}.three-parameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:20px}.three-control-title,.three-param-note{grid-column:1/-1}.three-heading{align-items:flex-start;gap:12px}.three-heading h3{font-size:26px}.three-value-state{font-size:9px;padding:5px 8px}.three-description{font-size:13px}.three-discoveries{padding:23px}.three-discovery-heading{align-items:flex-start}.three-discovery-heading h2{font-size:25px}.three-pill{display:none}.three-discovery-grid{grid-template-columns:1fr}.three-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.three-equations{padding:20px 17px}.three-equations .math-lines{font-size:15px}.three-playback{padding:12px;gap:6px}.three-playback button{padding:8px 9px}.three-playback .three-play{min-width:69px}.three-caption{font-size:11px}.three-world-label{font-size:9px;padding:3px 5px}.three-camera-buttons button{font-size:10px;padding:7px 10px}.three-zoom button{width:27px;height:29px}.three-challenge{padding:19px;gap:12px}.three-toggles{gap:11px;font-size:9px;padding:13px}.three-toggles label{font-size:9px}.experiment-tabs button{font-size:11px;padding:10px 15px}.three-discovery-grid a{padding:15px}.three-discovery-grid small{font-size:10px}}
@media(max-width:360px){.three-camera-buttons button{padding:7px}.three-stage{height:330px}.three-zoom button{width:24px}.three-parameters{padding:19px;gap:15px}.three-playback .three-play{min-width:60px}.three-playback button{font-size:10px;padding:8px}.three-speed select{font-size:10px}.experiment-tabs button{padding:10px}}
@media print{.experiment-tabs,.three-workbench,.three-challenge{display:none}.three-metrics{break-inside:avoid}.three-equations{break-inside:avoid}}
.three-world-label{color:#234b43;background:#fcfff6f5;border-left-width:3px;z-index:1;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.three-label-leader{position:absolute;left:0;top:0;height:1px;background:#527c6980;transform-origin:left center;pointer-events:none}.three-label-leader[hidden]{display:none}

@media(max-width:1200px){.three-playback{position:relative;padding-bottom:30px}.three-timeline output{display:block;position:absolute;left:14px;bottom:7px;text-align:left;font-size:9px}}