:root{--bg:#091321;--panel:#14243a;--line:#344b63;--ink:#f5fbff;--muted:#b9cada;--accent:#baf36a}
body{background:radial-gradient(ellipse at 20% 0%,#22415a55,transparent 55%),#091321}header{min-height:84px;border-color:#45607755}main{position:relative;padding-top:26px}main:focus{outline:none}button{box-shadow:0 3px 0 #050d1b;transition:background .15s,transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #050d1b}.primary{background:linear-gradient(#d2ff99,#a8e969);box-shadow:0 4px 0 #4f8132;color:#142124}.primary:hover:not(:disabled){background:linear-gradient(#e1ffb8,#baf67e)}h1,h2{font-weight:850}header .icon-button{background:#16273a}#total{background:#1c302c;border:1px solid #5f8649;border-radius:22px;padding:8px 13px;font-size:14px}.game-intro{position:relative;align-items:center;padding:24px 32px;border-radius:28px;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#102338 15%,#102338ee 40%,#10233822),url('environment.png') center/cover;border:1px solid #41607a;min-height:240px;margin-bottom:24px}.game-intro h1{font-size:clamp(30px,3.3vw,44px);max-width:660px}.game-intro p{color:#c4d8e9;font-size:16px}.game-intro .eyebrow{color:var(--green);margin-bottom:12px}.byte-welcome{flex:0 0 230px;position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center}.byte-welcome img{width:215px;height:215px;object-fit:contain;filter:drop-shadow(0 15px 16px #0007);animation:byte-idle 4s ease-in-out infinite}.speech-tag{position:absolute;bottom:0;right:0;background:#d5ffa2;color:#183023;padding:8px 12px;border-radius:14px;font-size:13px;font-weight:800;white-space:nowrap}.world{padding:0 20px 20px;border-color:#3c5772;box-shadow:0 8px 0 #050e1d,0 14px 22px #0003;background:linear-gradient(160deg,#1b3048,#132136);overflow:hidden}.world-scene{height:130px;position:relative;margin:0 -20px 20px;isolation:isolate;background-image:linear-gradient(0deg,#132136 0%,transparent 80%),url('environment.png');background-size:cover,400% auto;background-position:center,0% center}.world-1 .world-scene{background-position:center,33% center}.world-2 .world-scene{background-position:center,66% center}.world-3 .world-scene{background-position:center,100% center}.sector-tag{position:absolute;top:15px;left:20px;letter-spacing:2px;font-size:12px;font-weight:800;background:#0d1b2ddd;color:var(--accent);border:1px solid #607686;border-radius:8px;padding:5px 9px}.world h2{margin:12px 0 8px}.world .age{line-height:1.5;min-height:39px}.world p{margin-bottom:18px}.world button{box-shadow:0 4px 0 #060d18;border:1px solid #ffffff44}.world .map-link{background:transparent;color:#d5e1eb;border:0;box-shadow:none;font-size:14px;min-height:44px;margin-top:8px;padding:8px}.world .map-link:hover:not(:disabled){background:#ffffff0b}.world-progress i{height:6px}.home-bottom{padding-top:24px;margin-top:30px}.mission-links{display:flex;justify-content:space-between;gap:12px}.mission-links .back{margin-bottom:16px}.mission-top h1{font-size:32px}.mission-top .eyebrow{margin-bottom:6px}.level-nav{gap:10px;padding:10px 0;margin:12px 0 18px;position:relative}.level-nav button{border-radius:50%;width:48px;height:48px;border:2px solid #567087;box-shadow:0 4px 0 #061323}.level-nav button:not(:last-child):before{content:'';position:absolute;left:100%;top:21px;width:12px;height:3px;background:#567087}.level-nav .solved{border-color:var(--green);color:var(--green)}.level-nav .solved:after{content:'★';font-size:12px;top:-5px;right:-3px;text-shadow:0 1px 4px #081525}.panel{border-color:#3e5670;background:linear-gradient(140deg,#1b2e45,#142338);box-shadow:0 5px 0 #07111f}.mission-heading h2{font-size:23px}.instruction{font-size:16px;margin-bottom:16px}.play-stage{padding:14px 10px 18px;border:1px solid #527189;border-radius:20px;background:linear-gradient(#0c1c2ee8,#091622ee),url('environment.png') left/cover;box-shadow:inset 0 2px 8px #0009}.stage-hud{display:flex;justify-content:space-between;gap:10px;margin:0 6px;color:var(--accent);font:700 11px/1.5 ui-monospace,monospace;letter-spacing:1px}.board{position:relative;isolation:isolate;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-rows:unset;gap:5px;padding:8px;aspect-ratio:1;max-width:445px;width:100%;margin:12px auto;background:#07111dcc;border:1px solid #3b536e;border-radius:14px;box-shadow:0 7px 12px #0008;overflow:visible}.cell{aspect-ratio:auto;min-width:0;min-height:0;border-radius:6px;font-size:24px;background:linear-gradient(145deg,#385369,#263e53);border:1px solid #526a7d;box-shadow:0 3px 0 #12283b;overflow:hidden}.cell.floor{background:linear-gradient(145deg,#385369,#263e53)}.cell.wall,.arena .cell.wall{background:repeating-linear-gradient(135deg,#324152 0px,#324152 7px,#253344 7px,#253344 14px);border:1px solid #5b6b7c;box-shadow:inset 0 3px 0 #74869a55,0 4px 0 #07111e;color:#9daaba}.arena .cell.wall{border-color:#c49b5f;background:repeating-linear-gradient(135deg,#725533 0px,#725533 7px,#463b2d 7px,#463b2d 14px);color:#f3cf83}.cell.visited{box-shadow:inset 0 0 0 2px #baf36a77,0 3px 0 #12283b;background:linear-gradient(145deg,#406356,#2a454a)}.cell.goal{border-color:var(--accent);background:#163c42;box-shadow:inset 0 0 18px #80efff35,0 0 12px #80efff33}.portal{border:2px solid var(--accent);border-radius:50%;width:80%;height:80%;display:grid;place-items:center;color:#f3ffd5;font-size:clamp(16px,2.8vw,30px);box-shadow:0 0 10px var(--accent),inset 0 0 8px #a0ffae55;animation:portal-glow 2.5s ease-in-out infinite}.start-mark{font-size:21px;color:#cee4e1;opacity:.6}.legend{margin-top:16px;font-size:12px;gap:12px;color:#d0deeb}.robot{position:absolute;z-index:4;pointer-events:none;transition:left .4s ease-in-out,top .4s ease-in-out;display:grid;place-items:center;will-change:left,top}.direction-pointer{position:absolute;right:-3px;bottom:1px;border-radius:50%;background:#112434ee;color:#d9ff9b;font-size:13px;width:18px;height:18px;display:grid;place-items:center;transform:rotate(var(--heading));box-shadow:0 0 0 1px #c3f78d88}.palette button{background:linear-gradient(#38536a,#294256);border-color:#7792a7;box-shadow:0 3px 0 #071421}.program{background:#0b1829;border-style:solid;border-color:#3d5972;box-shadow:inset 0 2px 9px #0005;min-height:150px}.program button{background:linear-gradient(#3a5344,#263f39);box-shadow:0 3px 0 #050f16}.program button.active{background:var(--accent);color:#0e1c26;outline:2px solid #fff;box-shadow:0 0 16px #baf36a55;opacity:1}.status{position:relative;border:1px solid #48637b;border-left:4px solid #769ab6;background:#0b1a2c;min-height:90px}.status.success{background:#183d30;border-color:#9edd72}.mission-success .next{background:#263f2a;animation:button-ready .8s ease-out}.code-view{border:1px solid #647195;border-top:4px solid #b49aea;background:linear-gradient(#0b1628f5,#101a30f5),url('environment.png') right/cover;color:#d7e4fa;box-shadow:inset 0 0 30px #9481ff0d}.answers button{background:linear-gradient(#34405c,#232f4b);box-shadow:0 4px 0 #091024}.answers button.selected{background:#344938}.star-burst{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:14px}.star-burst span{position:absolute;left:50%;top:50%;font-size:25px;color:#e6ff9c;text-shadow:0 0 12px #c6ff72;animation:star-flight 1.4s ease-out both;--angle:calc(var(--i)*40deg);transform:rotate(var(--angle))}.map-heading h1{font-size:40px}.map-heading p{color:var(--muted)}.map-heading .eyebrow{color:var(--accent)}.mission-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;position:relative;padding:28px;border:1px solid #49647b;border-radius:28px;background:linear-gradient(#0b1b2dc9,#0b1b2def),url('environment.png') center/cover;isolation:isolate}.map-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#142b41e8;border:1px solid #4d6980;border-radius:22px;padding:20px 12px;min-height:172px;box-shadow:0 6px 0 #071421}.map-node:hover:not(:disabled){background:#29425a}.node-orbit{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:2px solid #68849a;background:radial-gradient(circle at 35% 25%,#405d76,#152b42);box-shadow:0 0 0 6px #c0efff09}.node-number{font-size:24px;font-weight:850}.node-star{position:absolute;bottom:-5px;right:-6px;font-size:20px;background:#142b41;border-radius:50%;line-height:1.2;color:#9aaec0}.map-node.solved{border-color:#89ad6d}.map-node.solved .node-orbit{border-color:var(--green);background:radial-gradient(circle at 35% 25%,#54764b,#203d33)}.map-node.solved .node-star{color:var(--green)}.node-title{font-size:15px;line-height:1.35;min-height:40px;display:grid;place-items:center}.node-phase{font-size:10px;letter-spacing:1px;color:var(--accent)}.map-note{margin-top:20px}.finish{background:linear-gradient(#11243be6,#11243bf5),url('environment.png') center/cover}.finish-byte{width:180px;height:180px;object-fit:contain;animation:byte-idle 3s ease-in-out infinite}
main[data-world="1"] .cell.floor{background:linear-gradient(145deg,#305a70,#224252)}main[data-world="1"] .play-stage{background-position:center,33% center}main[data-world="2"] .cell.floor{background:linear-gradient(145deg,#565668,#393f53)}main[data-world="2"] .play-stage{background-position:center,66% center}main[data-world="3"] .panel{border-color:#645982}
@keyframes byte-idle{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes portal-glow{50%{box-shadow:0 0 17px var(--accent),inset 0 0 14px #a0ffae55}}@keyframes happy-hop{50%{translate:0 -14px;rotate:8deg}}@keyframes bump{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes scan{50%{filter:drop-shadow(0 0 10px #7bddff);opacity:.8}}@keyframes button-ready{50%{box-shadow:0 0 16px #baf36a55}}@keyframes star-flight{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-160px) rotate(90deg) scale(1.2)}}
@media(max-width:1050px){.world-scene{height:145px}.game-intro{padding:24px}.byte-welcome{flex-basis:185px}.byte-welcome img{width:180px;height:180px}.game-intro h1{font-size:34px}.mission-map{gap:16px;padding:20px}.play-stage{padding:12px 6px}.stage-hud{font-size:10px;letter-spacing:.3px}.legend{gap:8px}.board{gap:4px;padding:6px}.robot img{width:135%;height:135%}}
@media(max-width:700px){.game-intro{padding:22px;display:flex;gap:8px;min-height:220px}.game-intro h1{font-size:30px}.game-intro p{font-size:14px}.byte-welcome{flex-basis:125px;align-self:center}.byte-welcome img{width:135px;height:160px}.speech-tag{display:none}.world-scene{height:115px}.world{padding:0 16px 16px}.world-scene{margin:0 -16px 16px}.sector-tag{left:16px;font-size:10px}.scene-symbol{font-size:23px;right:16px}.world h2{font-size:22px}.world .age{font-size:12px}.worlds{gap:16px}.mission-map{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:14px}.map-node{padding:16px 8px}.node-title{font-size:14px}.node-phase{font-size:9px;letter-spacing:.5px}.level-nav{gap:9px}.level-nav button{width:46px;height:48px}.mission-top h1{font-size:28px}.play-stage{padding:14px 12px 18px}.stage-hud{font-size:11px}.legend{font-size:12px}.panel{padding:18px}.mission-heading h2{font-size:24px}.board{max-width:440px}.mission-links .back{font-size:14px;padding:10px}.map-heading h1{font-size:32px}}
@media(max-width:480px){.game-intro{padding:20px 16px}.game-intro h1{font-size:26px;letter-spacing:-.8px}.game-intro p br{display:none}.byte-welcome{flex-basis:85px}.byte-welcome img{width:105px;height:140px}.game-intro .eyebrow{font-size:11px;letter-spacing:1px}.worlds{grid-template-columns:1fr}.world-scene{height:140px}.world .age{min-height:0}.world p{font-size:15px}.mission-map{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.level-nav{gap:8px}.level-nav button{width:44px}.node-phase{font-size:10px}.palette button{font-size:14px;padding:10px}.panel{padding:14px}.play-stage{padding:12px 4px}.stage-hud{font-size:10px}.legend{font-size:11px}.board{gap:3px}.barrier{font-size:18px}.robot img{width:140%;height:140%}.direction-pointer{font-size:11px;width:16px;height:16px}.map-heading h1{font-size:29px}.mission-top h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.star-burst{display:none}}