.simulator{color:#dce9f8;background:#101f30;border:1px solid #30475f;position:relative}.sim-top{border-bottom:1px solid #30475f;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.sim-top>div{align-items:center;gap:18px;display:flex}.sim-badge{letter-spacing:.12em;color:#cdddf2;border:1px solid #7d9bb9;padding:6px 9px;font:8px monospace}.sim-kicker{letter-spacing:.08em;font:9px/1.6 monospace}.sim-disclaimer{color:#a7bdd4;font-size:10px}.sim-workbench{flex-direction:column;display:flex}.sim-visual{background:#101f30;min-width:0}.sim-viewbar{justify-content:space-between;align-items:center;gap:14px;padding:20px 28px 0;display:flex}.sim-viewbar>span{color:#91acc7;letter-spacing:.12em;font:9px monospace}.sim-viewbar>div,.sim-observation>div{gap:5px;display:flex}.simulator button{color:#cdddf2;background:0 0;border:1px solid #536b84;border-radius:2px;min-height:40px;padding:9px 13px;font-size:11px}.simulator button[aria-pressed=true]{color:#163756;background:#cdddf2;border-color:#cdddf2}.simulator button:hover{border-color:#edf7ff}.simulator button:focus-visible{outline-offset:3px;outline:2px solid #cdddf2}.sim-scene{height:490px;position:relative;overflow:hidden}.sim-scene canvas{width:100%;height:100%;display:block}.sim-poster{text-align:center;background:radial-gradient(#2f578c,#101f30);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:28px;display:flex;position:absolute;inset:0}.sim-poster>span{letter-spacing:.1em;font:9px monospace}.sim-poster strong{font:36px Instrument Serif,serif}.sim-poster p{color:#cdddf2;max-width:320px;font-size:12px}.sim-model-key{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 7% 25px;display:grid}.sim-model-key span{color:#a7bdd4;justify-content:center;align-items:center;gap:7px;font:9px monospace;display:flex}.sim-model-key i{background:#91bceb;flex-shrink:0;width:4px;height:4px}.sim-controls{border-block:1px solid #30475f;align-items:center;gap:8px;padding:18px 28px;display:flex}.sim-controls button{align-items:center;gap:9px;display:flex}.sim-controls .sim-play{color:#163756;background:#cdddf2}.sim-controls>span{color:#a7bdd4;margin-left:14px;font-size:10px}.sim-controls>b{margin-left:auto;font:12px monospace}.sim-story{background:#172c42;grid-template-columns:1.2fr 1fr .9fr;gap:12px 35px;padding:30px 28px;display:grid}.sim-story>.sim-kicker{color:#acc6e9;grid-column:1}.sim-story h2{letter-spacing:-.025em;grid-column:1;max-width:330px;font:38px/.98 Instrument Serif,serif}.sim-story>p{color:#b9ccdf;grid-area:1/2/4;align-self:center;max-width:430px;font-size:12px}.sim-story dl{grid-area:1/3/4;margin:0}.sim-story dl>div{border-bottom:1px solid #3a5168;padding:10px 0}.sim-story dt{letter-spacing:.08em;color:#acc6e9;font:8px monospace}.sim-story dd{margin:6px 0 0;font-size:11px}.sim-observation,.sim-channels{border-top:1px solid #3a5168;grid-column:2/4;align-items:center;gap:20px;padding-top:15px;display:flex}.sim-observation>span,.sim-channels span{color:#acc6e9;font:8px/1.6 monospace}.sim-observation small,.sim-channels small{color:#b9ccdf;max-width:230px;font-size:10px}.sim-observation button{min-height:36px;font-size:10px}.sim-channels>div{flex-direction:column;gap:5px;min-width:0;display:flex}.sim-channels strong{font-size:16px;font-weight:400}.sim-real{color:#eaf0f5;grid-area:4/1;align-items:center;gap:12px;font-size:11px;display:flex}.sim-stages{border-top:1px solid #46617c;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sim-stages button{text-align:left;border:0;border-right:1px solid #46617c;border-radius:0;grid-template-columns:32px 1fr;gap:3px 12px;min-height:95px;padding:20px 28px;display:grid}.sim-stages button>span{grid-row:1/3;font:26px Instrument Serif,serif}.sim-stages strong{font-size:13px;font-weight:500}.sim-stages small{opacity:.75;font:9px monospace}.sim-boundary{color:#96afc8;border-top:1px solid #30475f;justify-content:space-between;gap:20px;padding:15px 28px;font-size:9px;display:flex}@media (min-width:1500px){.sim-scene{height:560px}}@media (max-width:1000px){.sim-scene{height:390px}.sim-story{grid-template-columns:1fr 1fr;gap:20px 30px}.sim-story h2{grid-area:2/1;font-size:34px}.sim-story>p{grid-area:1/2/3}.sim-story dl{grid-area:3/1}.sim-observation,.sim-channels{flex-wrap:wrap;grid-area:3/2;align-content:start;gap:10px}.sim-real{grid-area:4/1/auto/-1}.sim-stages button{gap:4px;padding:18px}.sim-model-key{padding-inline:28px}}@media (max-width:600px){.sim-top{align-items:flex-start;gap:8px;padding:16px}.sim-top>div{flex-direction:column;align-items:flex-start;gap:10px}.sim-kicker{max-width:170px;font-size:7px}.sim-disclaimer{text-align:right;max-width:98px;font-size:9px}.sim-badge{font-size:7px}.sim-viewbar{align-items:center;gap:6px;padding:17px 14px 0}.sim-viewbar>span{max-width:78px;font-size:7px;line-height:1.7}.sim-viewbar button{min-height:36px;padding:7px 9px;font-size:9px}.sim-scene{height:300px}.sim-model-key{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 16px 22px}.sim-model-key span{justify-content:flex-start;font-size:8px}.sim-controls{padding:14px}.sim-controls>span{display:none}.sim-controls button{min-height:42px;font-size:10px}.sim-controls>b{font-size:10px}.sim-story{flex-direction:column;gap:17px;padding:25px 18px;display:flex}.sim-story>.sim-kicker{max-width:none;font-size:8px}.sim-story h2{max-width:260px;font-size:35px}.sim-story>p{font-size:12px;line-height:1.8}.sim-story dl{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sim-story dd{font-size:10px}.sim-observation,.sim-channels{flex-wrap:wrap;gap:12px}.sim-observation>span{flex-basis:100%}.sim-observation small,.sim-channels small{flex-basis:100%;max-width:none}.sim-channels>div{flex:1}.sim-channels span{font-size:7px}.sim-real{padding-top:10px;font-size:10px}.sim-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-stages button{border-bottom:1px solid #46617c;grid-template-columns:27px 1fr;min-height:77px;padding:15px}.sim-stages strong{font-size:12px}.sim-stages small{font-size:8px}.sim-boundary{flex-direction:column;gap:6px;padding:15px;font-size:8px}.sim-poster strong{font-size:29px}}
