.world-explorer{background:#07151e;color:#eaf5f3;position:relative;isolation:isolate;border-top:1px solid #35505a;padding:0;overflow:hidden}
.world-explorer-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:35px 4vw 30px;background:#0b1d27}
.world-explorer-intro h2{font-size:clamp(26px,2.6vw,40px);font-weight:450;letter-spacing:-.035em;line-height:1.15;margin:0;color:#edf7f1}
.world-explorer-intro p{font-size:14px;color:#9fb9c1;margin:0}
.world-engine{display:block;position:relative;width:100%;max-width:none;margin:0;background:#07151e;color:#eaf5f3;isolation:isolate}
@media(max-width:650px){.world-explorer-intro{display:block;padding:28px 6vw 25px}.world-explorer-intro p{margin-top:10px;font-size:12px}}
.engine-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #29414b;border-bottom:1px solid #29414b;background:#0b1e28;padding:0 3vw}
.engine-tabs button{position:relative;display:flex;gap:13px;align-items:center;padding:16px 14px;color:#a3babf;background:transparent;border:0;border-right:1px solid #233b46;min-height:92px;text-align:left;border-radius:0;font-size:14px;transition:background .2s,color .2s}
.engine-tabs button:last-child{border-right:0}.engine-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:transparent}
.engine-tabs button[aria-selected=true]{background:#142e3a;color:#edfff9}.engine-tabs button[aria-selected=true]:after{background:#83f0d4}.engine-tabs button:hover{background:#132b37;color:#fff}
.engine-tabs img{width:62px;height:48px;object-fit:cover;filter:saturate(.7);opacity:.6;border:1px solid #365660;border-radius:2px}
.engine-tabs button[aria-selected=true] img{opacity:1;filter:saturate(1)}
.engine-tabs button>span{display:flex;flex-direction:column;gap:6px}.engine-tabs small{font:10px/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#70949e}
.engine-stage{height:clamp(580px,47vw,780px);position:relative;overflow:hidden;isolation:isolate;touch-action:pan-y;background:#07151e;cursor:crosshair}
.engine-stage canvas,.engine-poster{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.engine-poster{object-fit:cover;opacity:.3;filter:saturate(.65)}
.engine-stage canvas{opacity:0;transition:opacity .3s}.world-engine[data-engine-state=ready] canvas{opacity:1}.world-engine[data-engine-state=ready] .engine-poster{visibility:hidden}.world-engine[data-engine-state=fallback] canvas{opacity:0}
.engine-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#07151e9c,transparent 26%,transparent 76%,#07151ebd)}
.engine-heading{position:absolute;z-index:2;left:4vw;top:36px;pointer-events:none;max-width:540px}
.engine-heading>p{font:10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#75c1c7;margin:0 0 14px}
.engine-heading h2{font-size:clamp(27px,2.55vw,42px);color:#f0faf6;line-height:1.08;font-weight:450;letter-spacing:-.035em;max-width:490px;margin:0 0 14px;text-wrap:balance}
.engine-heading>span{display:block;max-width:410px;font-size:13px;line-height:1.55;color:#a3bec5}
.engine-status{position:absolute;z-index:2;right:4vw;top:39px;display:flex;align-items:center;gap:8px;font:10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.035em;color:#88b3bd;pointer-events:none}
.engine-status i{width:5px;height:5px;background:#8bdfc5;border-radius:50%;box-shadow:0 0 10px #67edc670}
.engine-metrics{position:absolute;z-index:2;bottom:34px;right:4vw;display:flex;gap:34px;pointer-events:none}
.engine-metrics>div{display:flex;flex-direction:column;gap:8px;max-width:160px}.engine-metrics strong{font-size:clamp(22px,2vw,31px);font-weight:450;color:#d7f5e9;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.engine-metrics span{font-size:11px;line-height:1.4;color:#8daeb9;max-width:150px}
.engine-field-key{position:absolute;left:4vw;bottom:34px;z-index:2;pointer-events:none}.engine-field-key>span{display:block;width:160px;height:4px;background:linear-gradient(90deg,#103849,#177d88,#68c9bd,#f4c760,#f35935);margin-bottom:10px}.engine-field-key p{font:10px/1.4 ui-monospace,SFMono-Regular,monospace;color:#8daeb9;margin:0}
.engine-variants{position:absolute;z-index:3;left:4vw;top:194px;display:flex;gap:5px;max-width:85%;flex-wrap:wrap}.engine-variants[hidden]{display:none}.engine-variants button{padding:8px 12px;background:#07151eab;border:1px solid #38525c;border-radius:3px;font-size:11px;color:#a4bdc5}.engine-variants button[aria-pressed=true]{background:#bcefdc;border-color:#bcefdc;color:#102f35}
.engine-controls{display:grid;grid-template-columns:auto minmax(200px,1fr) auto auto;align-items:center;gap:30px;padding:22px 4vw;background:#0b1d27;border-top:1px solid #263e49}
.engine-controls button{border:1px solid #4a6873;border-radius:3px;background:transparent;padding:11px 15px;color:#d9ede9;font-size:12px;min-height:44px;min-width:120px}.engine-controls button:hover{background:#163541}.engine-controls button[aria-pressed=true]{color:#8bead1;border-color:#568e8b}
.engine-controls label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;color:#a0bac4;font-size:11px}.engine-controls input{width:100%;min-width:70px;accent-color:#98edcf;cursor:ew-resize;height:28px;margin:0}.engine-controls output{font:11px/1.4 ui-monospace,SFMono-Regular,monospace;color:#bcd2d6;min-width:150px}.engine-controls a{font-size:12px;white-space:nowrap;color:#c1eadd;text-decoration:none;border-bottom:1px solid #507569;padding-bottom:5px}
.engine-note{margin:0;padding:13px 4vw 17px;background:#0b1d27;font-size:11px;line-height:1.6;color:#73929d;border-top:1px solid #152d37}
.world-engine :is(button,a,input):focus-visible{outline:2px solid #a5ffe3;outline-offset:4px}
@media(max-width:1100px){.engine-tabs{padding:0 2vw}.engine-tabs button{padding:15px 10px;gap:9px}.engine-tabs img{width:42px;height:40px}.engine-tabs button{font-size:12px}.engine-controls{gap:18px}.engine-controls label{display:block}.engine-controls label>span{display:block;margin-bottom:3px}.engine-controls output{min-width:115px;font-size:10px}}
@media(max-width:1000px){.engine-stage{height:630px}.engine-heading{max-width:410px}.engine-status{font-size:9px}.engine-metrics{gap:22px}.engine-metrics>div{max-width:130px}}
@media(max-width:650px){.engine-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.engine-tabs button{min-height:80px;padding:11px 10px;gap:8px;border-bottom:1px solid #263e49;font-size:11px}.engine-tabs button:nth-child(3){border-right:0}.engine-tabs img{width:32px;height:36px}.engine-tabs small{font-size:9px}.engine-stage{height:580px}.engine-heading{top:26px;left:6vw;right:6vw;max-width:none}.engine-heading>p{font-size:9px;margin-bottom:12px}.engine-heading h2{font-size:29px;max-width:340px;margin-bottom:12px}.engine-heading>span{font-size:12px;max-width:320px}.engine-status{top:auto;bottom:101px;left:6vw;right:auto;font-size:9px}.engine-variants{top:195px;left:6vw}.engine-metrics{left:6vw;right:6vw;bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.engine-metrics strong{font-size:20px}.engine-metrics span{font-size:9px;line-height:1.4}.engine-field-key{left:6vw;bottom:127px}.engine-field-key>span{width:120px;height:3px;margin-bottom:6px}.engine-field-key p{font-size:9px}.engine-controls{grid-template-columns:1fr 1fr;padding:19px 6vw;gap:17px}.engine-controls label{grid-column:1/3;grid-row:1;display:block}.engine-controls label>span{font-size:11px}.engine-controls output{grid-column:2;grid-row:2;text-align:right;font-size:10px}.engine-controls button{grid-column:1;grid-row:2;min-width:0;justify-self:start}.engine-controls a{grid-column:1/3;font-size:12px;justify-self:start}.engine-note{padding:13px 6vw 18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.engine-tabs button,.engine-stage canvas{transition:none}}

.engine-poster[hidden]{display:none}.engine-poster .scenario-preview{width:100%;height:100%;aspect-ratio:auto;background:transparent}.engine-poster svg{width:100%;height:100%;display:block}