.layer-lab{position:relative;border:1px solid #80f4a93b;background:radial-gradient(ellipse at 72% 45%,#153c254a,transparent 62%),#060d09d9;margin:0 0 48px;overflow:hidden}.layer-top{display:flex;justify-content:space-between;gap:15px;padding:21px 26px;border-bottom:1px solid #80f4a91c;font:10px/1.5 'Courier New',monospace;letter-spacing:.14em;color:#94bca1}.layer-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#80f4a9;box-shadow:0 0 14px #80f4a9;margin-right:9px}.layer-layout{display:grid;grid-template-columns:.84fr 1.3fr;min-height:630px}.layer-copy{padding:65px 0 35px 36px;position:relative;z-index:2;pointer-events:none}.layer-copy>*{pointer-events:auto}.layer-copy>.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:23px}.layer-copy h3{font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}.layer-copy h3 em{font-style:normal;color:#80f4a9}.layer-copy>p:not(.eyebrow){font-size:14px;color:#a8bcae;line-height:1.85}.layer-copy .layer-invite{font-size:12px!important;color:#7f9f89!important;margin:23px 0}.layer-primary{padding:14px 18px;border:1px solid #80f4a9;border-radius:28px;background:#0c201499;color:#b6ffcd;font:12px 'Courier New',monospace;display:inline-flex;gap:24px;align-items:center}.layer-primary:hover{background:#184b2d}.layer-primary span{font-size:20px}.layer-description{margin-top:30px;border-left:1px solid #80f4a955;padding-left:16px;max-width:300px;min-height:115px}.layer-description>span{font:10px monospace;letter-spacing:.08em;color:#80f4a9}.layer-description h4{font-size:17px;font-weight:400;margin:12px 0 8px}.layer-description p{font-size:12px;line-height:1.7;color:#8ca795;margin:0}.layer-stage{position:relative;min-width:0;height:630px;overflow:hidden}.layer-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.layer-stage canvas:active{cursor:grabbing}#layer-viewport{position:absolute;inset:0}.layer-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9ec3ab;font:12px/1.6 monospace;text-align:center}.layer-fallback img{width:105px;filter:drop-shadow(0 0 35px #80f4a977);margin-bottom:15px}.layer-ready .layer-fallback{display:none}.layer-orbit-label{position:absolute;left:20px;top:23px;font:8px 'Courier New',monospace;letter-spacing:.15em;color:#719c81;pointer-events:none}.layer-hotspots{position:absolute;inset:0;pointer-events:none}.layer-hotspots button{pointer-events:auto;position:absolute;right:10px;padding:9px 10px;background:#07170de8;border:1px solid #80f4a92b;color:#b8ddc4;font:10px/1.4 'Courier New',monospace;letter-spacing:.07em;min-width:108px;text-align:left}.layer-hotspots button:nth-child(1){top:18%}.layer-hotspots button:nth-child(2){top:48%}.layer-hotspots button:nth-child(3){top:76%}.layer-hotspots button span{display:block;margin-left:16px;font-size:8px;letter-spacing:.1em;color:#709b7c}.layer-hotspots button i{display:inline-block;width:5px;height:5px;border-radius:50%;border:1px solid #80f4a9;margin-right:8px}.layer-hotspots button.selected,.layer-hotspots button:hover{border-color:#80f4a9;background:#14331fe8}.layer-hotspots button.selected i{background:#80f4a9;box-shadow:0 0 12px #80f4a9}.layer-gesture{position:absolute;bottom:21px;left:0;right:0;text-align:center;font:10px/1.5 'Courier New',monospace;color:#89b398;pointer-events:none}.layer-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:21px 26px;border-top:1px solid #80f4a926;background:#09140ee0}.layer-toolbar label{font:10px 'Courier New',monospace;color:#92b59d;display:flex;gap:20px;align-items:center}.layer-toolbar output{color:#80f4a9;min-width:32px}.layer-toolbar input{accent-color:#80f4a9;flex:1;min-width:100px;max-width:260px;cursor:pointer;height:28px}.layer-tools{display:flex;gap:8px;margin-left:auto}.layer-tools button{background:#102119;border:1px solid #80f4a93b;color:#b3d8bf;padding:10px 12px;font:10px 'Courier New',monospace}.layer-tools button:hover{border-color:#80f4a9}#layers-status{width:100%;font:9px monospace;color:#739d80;letter-spacing:.12em;text-align:right}.layer-unavailable .layer-hotspots,.layer-unavailable .layer-gesture{display:none}
@media(max-width:1000px){.layer-copy{padding-left:24px}.layer-layout{grid-template-columns:.9fr 1.1fr}.layer-copy h3{font-size:40px}.layer-stage{height:630px}.layer-hotspots button{font-size:9px;min-width:95px;right:5px}.layer-copy>p:not(.eyebrow){font-size:13px}}
@media(max-width:700px){.layer-top{padding:16px;font-size:9px}.layer-top>span:last-child{display:none}.layer-layout{display:flex;flex-direction:column;min-height:0}.layer-copy{padding:28px 22px 0}.layer-copy h3{font-size:43px;line-height:1.04;margin-bottom:20px}.layer-copy>.eyebrow{font-size:10px}.layer-copy>p:not(.eyebrow){font-size:13px}.layer-copy .layer-invite{display:none}.layer-primary{margin:12px 0 5px;font-size:11px}.layer-description{margin:22px 0 0;min-height:95px;max-width:none}.layer-description h4{font-size:16px;margin:8px 0}.layer-stage{height:530px;margin-top:-10px}.layer-orbit-label{top:17px;left:16px;font-size:7px}.layer-hotspots button{min-width:87px;font-size:8px;padding:8px;right:8px}.layer-hotspots button span{font-size:7px;margin-left:13px}.layer-hotspots button:nth-child(1){top:16%}.layer-hotspots button:nth-child(2){top:47%}.layer-hotspots button:nth-child(3){top:74%}.layer-gesture{bottom:12px;font-size:9px}.layer-toolbar{padding:16px;gap:10px}.layer-toolbar label{font-size:9px;width:100%;justify-content:space-between}.layer-toolbar input{width:100%;max-width:none;flex-basis:100%;min-width:0}.layer-tools{width:100%;margin:0;gap:6px}.layer-tools button{flex:1;font-size:9px;padding:11px 5px}#layers-status{font-size:8px}.layer-lab{margin-bottom:25px}}
