:root{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color:#26365b;background:#eff4fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#dbfbf5,transparent 48%),radial-gradient(ellipse at 100% 30%,#e5dbff,transparent 50%),#f3f5fb}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;min-height:44px;padding:11px 16px;border-radius:16px;background:#fff;color:#26365b;font-weight:750;box-shadow:0 3px 0 #cad4e5;touch-action:manipulation}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #ffae3d;outline-offset:4px}header{max-width:1260px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{text-decoration:none;color:#26365b;font-size:25px;font-weight:950;letter-spacing:-1px}.brand span{color:#7d5deb;margin-left:4px}nav{display:flex;gap:8px}nav button{font-size:12px;background:#ffffffa8}main{max-width:1200px;margin:auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:25px 55px 0}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#547689}h1{font-size:clamp(36px,5vw,59px);line-height:1.08;letter-spacing:-2px;margin:14px 0}h1 em{font-style:normal;color:#7854d5}.intro p:not(.eyebrow){line-height:1.7;color:#65718b}.primary{background:#7855da;color:#fff;box-shadow:0 5px 0 #5b3cb0;padding:15px 22px}.hero-robot{width:240px;filter:drop-shadow(0 24px 14px #7294ad44);animation:float 4s ease-in-out infinite}.robot-svg{width:100%;height:100%;overflow:visible}.robot-svg .foot{transform-box:fill-box;transform-origin:center;animation:step .7s infinite alternate}.robot-svg .f2{animation-delay:.35s}.robot-svg .eyes{animation:blink 5s infinite}.map{height:440px;position:relative;margin-top:20px;border-radius:46px;background:radial-gradient(ellipse at center,#254d6e,#1c304f 68%);overflow:hidden;box-shadow:0 18px 40px #182f5520;border:6px solid #fff}.orbit{position:absolute;border:1px dashed #86d5ed38;border-radius:50%;width:88%;height:70%;left:6%;top:14%;transform:rotate(-8deg)}.o2{width:60%;left:20%;height:100%;top:0;transform:rotate(28deg)}.mapstar{position:absolute;color:#b3eef9;font-size:30px}.s1{left:46%;top:40%}.s2{right:7%;top:10%}.world{position:absolute;width:190px;text-align:center;box-shadow:none;color:white;background:transparent;padding:0;transition:transform .25s}.world:hover{transform:translateY(-7px)}.world strong{display:block;font-size:16px;margin-top:5px}.world small{display:block;font-size:10px;color:#c0d7ec;margin:6px}.planet{margin:auto;width:128px;height:90px;background:linear-gradient(145deg,var(--p),#fff 180%);border-radius:50%;position:relative;border-bottom:16px solid #0002;box-shadow:0 15px 20px #0003,inset 0 5px 0 #ffffff7a}.planet span{font-size:47px;position:absolute;bottom:20px;left:35px;filter:drop-shadow(0 8px 1px #0002)}.world:nth-child(1){left:4%;top:14%}.world:nth-child(2){left:24%;top:50%}.world:nth-child(3){left:41%;top:10%}.world:nth-child(4){right:20%;top:51%}.world:nth-child(5){right:2%;top:14%}.world.done strong:after{content:' ✓';color:#99f6c7}.mapcaption{position:absolute;bottom:10px;width:100%;text-align:center;color:#a5c6dc;letter-spacing:2px;font-size:9px}.walker{width:45px;height:55px;position:absolute;top:58%;left:10%;animation:walk 24s linear infinite;pointer-events:none}.journey{display:flex;justify-content:space-between;padding:24px 6px;font-size:13px;color:#73839b}.journey span:first-child{font-weight:800;color:#6248aa}footer{text-align:center;font-size:11px;line-height:1.9;color:#7c879b;padding:30px 0}.activity-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0}.activity-top span{font-size:13px;font-weight:850}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.scene-panel{background:#fff;border-radius:30px;overflow:hidden;border:1px solid #e0e6f0}.scene-label{display:flex;justify-content:space-between;padding:22px;font-size:12px;font-weight:800}.live-dot{font-size:9px;color:#3d9e95}#scene{height:370px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#dbf7fa,#c6dcf2);perspective:600px}#scene:before{content:'';position:absolute;inset:50% -40% -50%;background:linear-gradient(#7799bc33 1px,transparent 1px),linear-gradient(90deg,#7799bc33 1px,transparent 1px);background-size:45px 45px;transform:rotateX(60deg);transform-origin:50% 0}.scene-robot{width:110px;position:absolute;left:8%;bottom:25px}.bito-talk{display:flex;align-items:center;gap:15px;padding:20px;min-height:120px}.bito-talk>div{width:55px;flex-shrink:0}.bito-talk p{font-size:16px;line-height:1.65;margin:0}.console{background:#1d2945;color:#ecf5ff;border-radius:28px;padding:23px;box-shadow:0 15px 35px #1c304f15}.console-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#9eafcc;padding-bottom:22px;border-bottom:1px solid #ffffff15}.console-top span:first-child{color:#f5b5c8;letter-spacing:5px}h2{font-size:25px;letter-spacing:-.6px}h3{font-size:14px;font-weight:650;color:#afc4e4;margin:22px 0 10px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button{background:#314060;color:white;box-shadow:0 3px #101d35;border:2px solid transparent;font-size:13px}.choices button.selected{background:#57498c;border-color:#bca5ff}.choices button span{font-size:25px;display:block;margin-bottom:4px}.terminal{background:#142038;border:1px solid #415576;border-radius:16px;padding:16px;margin:20px 0;font-family:ui-monospace,monospace;font-size:14px;line-height:2}.token{padding:3px 7px;border-radius:7px;background:#7059bb44;color:#ceb5ff;display:inline-block;margin:2px}.token.cyan{color:#8ee9e4;background:#3b7f8544}.token.peach{color:#ffcf9b;background:#8b644e44}.console .primary{width:100%;margin-top:8px;background:#b4f4dc;color:#244a4d;box-shadow:0 5px #5aafa3}.feedback{color:#b4f4dc}#feedback{line-height:1.65;font-size:14px;margin-top:18px}#nextarea button{margin-top:16px;background:#edddff}.object{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:70px;text-align:center;filter:drop-shadow(0 14px 4px #285b7330);transition:.6s}.object big{font-size:inherit}.object .caption{display:block;white-space:nowrap;font-size:13px;font-weight:850;letter-spacing:1px;margin-top:15px;color:#426278}.cloud{position:absolute;top:20px;left:30px;color:#fff;font-size:60px;opacity:.7}.holo{width:110px;height:110px;background:#40e1ee55;border:3px solid #8efcff;box-shadow:0 0 35px #64edf0,inset 0 0 25px #c7ffff;animation:float 3s infinite;position:relative}.holo.circle{border-radius:50%}.holo.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.projector{position:absolute;bottom:40px;left:calc(50% - 75px);width:150px;height:40px;border-radius:50%;background:#526eaa;border:8px solid #93e9ee;box-shadow:0 0 25px #45ebfa}.beam{position:absolute;bottom:65px;left:calc(50% - 90px);width:180px;height:230px;background:linear-gradient(0deg,#6ef9f94d,transparent);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0)}.grid{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;inset:25px 45px 30px}.cell{background:#ffffff7a;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:30px;border-bottom:4px solid #7faab740}.cell .robot-svg{width:55px;height:65px}.command{background:#b2f2df!important;color:#24545b!important}.sample-row{display:flex;justify-content:center;gap:12px;position:relative;padding:55px 20px 0;font-size:45px}.card-object{background:#ffffffba;border-radius:22px;padding:18px;box-shadow:0 8px #a5bfda}.badge-scene{position:absolute;bottom:40px;left:25%;right:10%;background:white;padding:15px;border-radius:18px;text-align:center;font-size:15px}.sky{position:absolute;inset:0;background:linear-gradient(#223352,#6d5b93)}.floating{animation:float 3s infinite}.tiny{font-size:11px;color:#a4b7d4;line-height:1.6}dialog{max-width:550px;border:0;border-radius:25px;padding:28px;color:#26365b;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#15284999}dialog p{line-height:1.7}dialog a{display:block;margin-top:20px;color:#7152b6}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-10px)}}@keyframes step{to{transform:rotate(10deg)}}@keyframes blink{0%,43%,47%,100%{opacity:1}45%{opacity:.1}}@keyframes walk{0%{left:8%;top:57%}25%{left:43%;top:74%}50%{left:85%;top:60%}75%{left:60%;top:32%}100%{left:8%;top:57%}}@media(max-width:800px){header{padding:18px;flex-wrap:wrap}.intro{padding:15px 5px}.hero-robot{width:150px}.workspace{grid-template-columns:1fr}.map{height:600px}.world{width:150px}.world:nth-child(1){left:3%;top:7%}.world:nth-child(2){left:auto;right:3%;top:27%}.world:nth-child(3){left:3%;top:44%}.world:nth-child(4){right:3%;top:65%}.world:nth-child(5){right:3%;top:4%}.world:nth-child(2){top:36%}.world:nth-child(3){top:40%}.world:nth-child(4){top:69%}.world:nth-child(5){top:7%}.world:nth-child(2){right:3%;top:38%}.world:nth-child(3){left:3%;top:38%}.world:nth-child(4){right:calc(50% - 75px);top:69%}.journey{flex-direction:column;gap:10px}.intro h1{font-size:38px}.intro .eyebrow{font-size:8px}.intro p{font-size:13px}.hero-robot{width:120px;flex-shrink:0}main{padding:0 16px}.activity-top{flex-wrap:wrap}#scene{height:300px}.console{padding:20px}.brand{font-size:24px}nav{width:100%}nav button{flex:1;font-size:11px;padding:8px}.scene-label{padding:17px;font-size:11px}.grid{inset:20px}.intro{align-items:flex-start}.hero-robot{margin-top:55px;width:95px}.intro h1{font-size:33px}.primary{font-size:14px}.planet{width:110px;height:80px}.planet span{left:26px;font-size:42px}.world strong{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#scene{background-image:url('landscape.svg'),radial-gradient(ellipse at center,#dbf7fa,#c6dcf2);background-size:cover;background-position:center}.scene-robot{animation:stroll 10s ease-in-out infinite}.map:before{content:'';position:absolute;width:260px;height:260px;left:calc(50% - 130px);top:20%;border:1px solid #7ed8e32e;border-radius:50%;box-shadow:0 0 0 40px #87b3ed08,0 0 0 80px #87b3ed06}@keyframes stroll{0%,100%{left:8%}50%{left:17%}}@media(prefers-reduced-motion:reduce){.scene-robot{animation:none}}