.stage{background:radial-gradient(ellipse at 45% 45%,#10206a 0,#070c28 47%,#030614 100%);height:min(61vw,800px)}.stage:after{background:linear-gradient(0deg,#03081788,transparent 28%);z-index:1}.stage-art{opacity:.07}.research-console{display:none}.scene-copy{top:5%;left:5%;max-width:75%}.scene-copy h2{font-size:clamp(20px,2.2vw,34px);margin:12px 0 7px}.scene-copy p{max-width:none;margin:0;font-size:13px;color:#9daecc}.scene-copy>span{font-size:10px;letter-spacing:2px}.signal{top:6%;font-size:10px}.creative-device{position:absolute;width:67%;height:53%;top:54%;left:50%;z-index:5;transform-origin:50% 50%;will-change:transform}.device-shell{height:100%;border:2px solid #8fa5ff;border-radius:18px;background:#10142c;box-shadow:0 0 0 5px #243266,0 0 50px #304cff66,0 30px 70px #000b;overflow:hidden;position:relative}.device-toolbar{height:34px;background:#0e1428;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#929eb8;font-size:9px;letter-spacing:1.3px;border-bottom:1px solid #333d62}.window-dots{color:#758ac7;letter-spacing:3px}.prompt-view,.code-view,.screen-result{position:absolute;inset:34px 0 0}.prompt-view{padding:5% 8%;background:radial-gradient(ellipse at 20% 80%,#202b76,#121629 85%)}.prompt-label{font-size:clamp(12px,1.5vw,22px);color:#b3b6d4;display:flex;justify-content:space-between;margin-bottom:18px}.prompt-glass{position:relative;border-radius:18px;padding:5% 5% 4%;min-height:63%;background:linear-gradient(110deg,#293c9970,#33286055);border:1px solid #90b8ff;box-shadow:inset 2px 2px 3px #ddfaffaa,inset -1px -1px 3px #7384ff,0 0 25px #2858ffb0,0 0 65px #174fff55}.prompt-glass p{display:inline;font-size:clamp(17px,2.1vw,32px);font-weight:700;line-height:1.55;white-space:pre-line;color:#f6f8ff;letter-spacing:-.7px;margin:0}.typing-cursor{color:#c8ff6b;font-size:28px}.prompt-footer{display:flex;align-items:center;justify-content:space-between;color:#a8b8ea;font-size:12px;margin-top:20px;padding-top:12px;border-top:1px solid #b4bdff20}.send-symbol{background:#5479ff55;box-shadow:0 0 15px #5b72ff88;border-radius:9px;padding:0 10px;font-size:25px;color:white}.prompt-hint{display:block;margin-top:16px;color:#6f7aa1;font-size:9px;letter-spacing:1.4px}.device-neck{height:12%;width:12%;margin:auto;background:linear-gradient(90deg,#161d34,#7180ac,#1e2945);transform:perspective(150px) rotateX(15deg)}.device-foot{height:3%;width:31%;margin:auto;border-radius:50%;background:linear-gradient(#8699c1,#1e2942);box-shadow:0 16px 25px #0007}.code-view{opacity:0;background:#0b1021;display:flex;flex-direction:column}.editor-tabs{padding:12px 20px;display:flex;gap:28px;background:#141c33;color:#8191b5;font-size:11px}.editor-tabs span:first-child{color:#bfccff}.editor-tabs span:last-child{margin-left:auto}.editor-content{display:flex;flex:1;min-height:0;overflow:hidden;padding:18px 22px;gap:20px}.editor-content pre{margin:0;font:clamp(10px,1.23vw,18px)/1.65 Consolas,monospace;color:#aef9c4;white-space:pre-wrap}.editor-content .line-numbers{color:#405173;flex-shrink:0}.build-status{padding:9px 18px;color:#abbded;background:#182442;display:flex;justify-content:space-between;font:10px monospace}.screen-result{opacity:0;background:#eaf4f6;overflow:hidden}.screen-result img{width:100%;height:100%;object-fit:cover;object-position:top}.screen-result>span{position:absolute;bottom:12px;left:12px;background:#142c24;color:#c8ff6b;padding:8px 12px;font-size:12px;border-radius:5px}.product-orbit{position:absolute;inset:0;z-index:6;pointer-events:none}.output-card{position:absolute;opacity:0;will-change:transform;box-shadow:0 15px 40px #0009,0 0 20px #3161ff44;border:1px solid #a4c5ff66;border-radius:10px;overflow:hidden;background:#0c1832;width:13%;height:35%;top:32%}.output-card img{width:100%;height:calc(100% - 41px);object-fit:cover;object-position:top}.output-card>span{height:41px;display:block;padding:6px 9px;font-size:12px;line-height:1.2}.output-card b{display:block;color:#8babc8;font-size:7px;letter-spacing:.5px;font-weight:400;margin-top:3px}.output-uni{left:56%;background:#721d34}.output-guide{left:71%;top:26%;height:38%}.output-saas{width:25%;height:24%;left:60%;top:67%}.output-saas img{object-fit:cover;object-position:left top}.andori{left:4%;bottom:6%;width:25%;height:34%;z-index:7}.bot{z-index:7;height:25%;width:10%;bottom:6%}.bot-code{left:32%}.bot-data{left:44%;height:22%;width:9%;bottom:7%}.bot-test{left:84%;height:21%;width:9%}.stage-word{font-size:clamp(34px,6vw,80px);bottom:3%;left:5%;z-index:2;color:#324369}.connection-line{position:absolute;left:25%;top:29%;z-index:8;color:#c8ff6b;font-size:13px;letter-spacing:2px;opacity:0;pointer-events:none}.connection-line span{color:#629cff;font-size:15px;margin:0 15px}.player button{min-height:36px}.chapters button{padding:18px 12px}#world{pointer-events:none}
@media(max-width:760px){.stage{height:540px;min-height:540px}.scene-copy{top:6%;max-width:90%}.scene-copy h2{font-size:21px;margin:10px 0 7px}.scene-copy p{font-size:11px;max-width:265px}.scene-copy>span{font-size:9px}.signal{display:none}.creative-device{width:87%;height:43%;top:52%}.device-shell{border-radius:11px;box-shadow:0 0 0 3px #243266,0 0 25px #304cff66,0 20px 30px #0008}.device-toolbar{height:24px;padding:0 9px;font-size:7px;letter-spacing:.5px}.device-status{display:none}.prompt-view,.code-view,.screen-result{inset:24px 0 0}.prompt-view{padding:15px}.prompt-label{margin-bottom:10px;font-size:13px}.prompt-glass{border-radius:12px;padding:13px;min-height:120px}.prompt-glass p{font-size:15px;letter-spacing:-.5px}.typing-cursor{font-size:17px}.prompt-footer{font-size:9px;margin-top:10px;padding-top:7px}.send-symbol{font-size:16px;padding:0 7px}.prompt-hint{font-size:6px;margin-top:12px}.editor-tabs{font-size:8px;padding:8px 10px;gap:12px}.editor-content{padding:10px 8px;gap:8px}.editor-content pre{font-size:8px;line-height:1.7}.build-status{font-size:7px;padding:6px}.build-status>span:last-child{display:none}.screen-result>span{font-size:8px;padding:5px}.output-card{width:20%;height:29%;top:33%}.output-uni{left:53%}.output-guide{left:76%;top:30%;height:31%}.output-saas{left:53%;top:64%;width:42%;height:18%}.output-card>span{font-size:10px;padding:5px;height:33px}.output-card img{height:calc(100% - 33px)}.output-card b{font-size:5px}.andori{left:0;bottom:13%;height:27%;width:33%}.bot-code{left:30%;bottom:12%;height:20%;width:17%}.bot-data{left:48%;bottom:7%;height:18%;width:16%}.bot-test{left:81%;bottom:6%;height:17%;width:15%}.stage-word{font-size:39px;bottom:2%}.connection-line{font-size:9px;left:8%;top:27%;letter-spacing:1px}.connection-line span{font-size:9px;margin:0 3px}.chapters button{padding:15px 5px}}
.andori{background-image:url('/lab/andori-actions.png');background-size:300% 100%;background-repeat:no-repeat;background-position:0 50%;height:auto;aspect-ratio:1;bottom:5%;width:25%}