:root{--void:#070a13;--panel:#0d1321;--panel-2:#131c2d;--line:#b0cdeb33;--text:#eff8ff;--muted:#7f91a7;--zone-color:#54e5d8}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{color:var(--text);background:var(--void);-webkit-font-smoothing:none;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,monospace}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{border:0}.pixel-world{touch-action:pinch-zoom;cursor:crosshair;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--zone-color) 7%, transparent), transparent 43%), linear-gradient(180deg, #070a13 0%, #080b15 100%);width:100vw;height:100svh;transition:--zone-color .3s linear;position:relative;overflow:hidden}.voxel-canvas{z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000000a 24%,#00000085 43%,#000 60%);mask-image:linear-gradient(90deg,#0000 0%,#0000000a 24%,#00000085 43%,#000 60%)}.voxel-canvas canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.pixel-grid,.scanlines{z-index:1;pointer-events:none;position:absolute;inset:0}.pixel-grid{opacity:.18;background-image:linear-gradient(#7a9fc211 1px,#0000 1px),linear-gradient(90deg,#7a9fc211 1px,#0000 1px);background-size:48px 48px}.scanlines{opacity:.16;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000006b 4px)}.game-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a13d1;border-bottom:2px solid #b0cdeb2e;grid-template-columns:172px auto 1fr auto;align-items:center;min-height:76px;padding:0 28px;display:grid;position:absolute;top:0;left:0;right:0}.game-header:after{content:"";background:var(--zone-color);width:18%;height:2px;box-shadow:0 0 14px var(--zone-color);transition:background .25s,box-shadow .25s;position:absolute;bottom:-2px;right:0}.pixel-brand{width:142px;display:flex}.pixel-brand img{filter:invert()brightness(2)}.server-state,.demo-link,.zone-code,.control-hint,.coordinates,.map-title{letter-spacing:.14em;font-size:9px;font-weight:700}.server-state{border-left:1px solid var(--line);border-right:1px solid var(--line);color:#78899e;align-items:center;gap:10px;height:76px;padding:0 26px;display:flex}.server-state i,.zone-code i{background:var(--zone-color);width:7px;height:7px;box-shadow:0 0 12px var(--zone-color);animation:1.4s steps(2,end) infinite pixelPulse}.world-tabs{justify-content:center;height:76px;display:flex}.world-tabs button{color:#718095;cursor:pointer;letter-spacing:.08em;background:0 0;min-width:88px;padding:0 18px;font-size:11px;font-weight:700;position:relative}.world-tabs button:before{content:"";border:1px solid #0000;position:absolute;inset:15px 5px}.world-tabs button span{color:#3d4a5d;margin-right:8px;font-size:8px}.world-tabs button:hover{color:#c7d5e5}.world-tabs button.active{color:var(--zone-color);text-shadow:0 0 12px var(--zone-color)}.world-tabs button.active:before{border-color:var(--zone-color);box-shadow:inset 0 0 12px color-mix(in srgb, var(--zone-color) 14%, transparent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.world-tabs button.active span{color:var(--zone-color)}.demo-link{border:1px solid var(--zone-color);color:var(--zone-color);background:color-mix(in srgb, var(--zone-color) 8%, transparent);padding:13px 16px;transition:color .12s steps(2,end),background .12s steps(2,end);box-shadow:4px 4px #00000073}.demo-link:hover{color:#071019;background:var(--zone-color)}.game-stage{z-index:4;pointer-events:none;position:absolute;inset:76px 0 74px}.zone-copy{z-index:10;pointer-events:auto;width:min(500px,39vw);position:absolute;top:50%;left:5.6vw;translate:0 -51%}.zone-code{color:var(--zone-color);text-shadow:0 0 10px color-mix(in srgb, var(--zone-color) 55%, transparent);align-items:center;gap:11px;margin:0 0 24px;display:flex}.zone-copy h1{color:#f1f7ff;letter-spacing:-.09em;text-shadow:7px 7px #11192a,12px 12px #0000006b;margin:0;font-family:Arial Black,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(68px,7.5vw,126px);font-weight:950;line-height:.82}.zone-copy h1 em{color:var(--zone-color);-webkit-text-stroke:1px var(--zone-color);text-shadow:7px 7px 0 color-mix(in srgb, var(--zone-color) 22%, #11192a), 12px 12px 0 #0000006b, 0 0 25px color-mix(in srgb, var(--zone-color) 28%, transparent);font-style:normal}.zone-line{border-left:4px solid var(--zone-color);color:#b3c0d1;letter-spacing:.04em;background:#080c16b8;width:fit-content;margin:38px 0 0;padding:9px 12px;font-size:13px;font-weight:700;box-shadow:4px 4px #00000061}.zone-metric{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#080d17d1;grid-template-columns:1fr auto;align-items:end;width:265px;margin-top:24px;padding:14px 16px;display:grid;box-shadow:5px 5px #00000059}.zone-metric span,.zone-metric small{color:#718198;letter-spacing:.12em;font-size:10px}.zone-metric small{font-size:9px}.zone-metric strong{color:var(--zone-color);letter-spacing:-.06em;text-shadow:3px 3px #00000073;grid-area:1/2/3;font-family:Arial Black,sans-serif;font-size:32px}.ability-list{border:1px solid var(--line);background:#080d17c2;grid-template-columns:repeat(3,1fr);width:min(420px,100%);margin-top:10px;display:grid;box-shadow:5px 5px #0000004d}.ability-item{border-right:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 7px;min-width:0;padding:11px 10px;display:grid;position:relative}.ability-item:last-child{border-right:0}.ability-item i{background:var(--zone-color);width:6px;height:6px;box-shadow:0 0 9px var(--zone-color);grid-row:1/3;align-self:center}.ability-item span{color:#aebdce;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.ability-item small{color:#57687e;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.next-world{color:#071019;background:var(--zone-color);cursor:pointer;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);justify-content:space-between;align-items:center;width:265px;min-height:48px;margin-top:10px;padding:0 16px;font-size:12px;font-weight:900;display:flex;box-shadow:5px 5px #00000073}.next-world:hover span{animation:.65s steps(2,end) infinite arrowNudge}.next-world span{font-size:18px}.mission-card{z-index:8;border:1px solid var(--line);color:#b6c3d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#090e19d1;width:260px;position:absolute;top:7vh;right:3.4vw;box-shadow:6px 6px #0000005c}.mission-head{border-bottom:1px solid var(--line);height:38px;color:var(--zone-color);background:color-mix(in srgb, var(--zone-color) 8%, transparent);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;display:flex}.mission-head b{font-size:14px}.mission-card p{color:#63758c;letter-spacing:.1em;margin:18px 15px 8px;font-size:10px}.mission-card strong{min-height:48px;margin:0 15px;font-size:13px;line-height:1.55;display:block}.mission-card .intel-copy{color:#73849a;letter-spacing:.02em;margin:4px 15px 15px;font-size:11px;line-height:1.7}.intel-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intel-list>div{border-bottom:1px solid #b0cdeb14;justify-content:space-between;align-items:center;min-height:32px;padding:0 15px;font-size:10px;display:flex}.intel-list>div:last-child{border-bottom:0}.intel-list span{color:#617289}.intel-list b{color:var(--zone-color);letter-spacing:.09em;font-size:10px}.mission-card>div:last-child{border-top:1px solid var(--line);color:#65768b;letter-spacing:.11em;align-items:center;gap:8px;margin-top:0;padding:12px 15px;font-size:9px;display:flex}.mission-card>div:last-child i{background:#ffd267;width:7px;height:7px;box-shadow:0 0 9px #ffd267}.mini-map{z-index:8;border:1px solid var(--line);pointer-events:auto;background:#090e19d1;gap:12px;width:230px;padding:14px;display:grid;position:absolute;bottom:5vh;right:3.4vw;box-shadow:6px 6px #0000005c}.map-title{color:#7b8da4}.map-track{grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:relative}.map-track:before{content:"";background:#2f3c51;height:2px;position:absolute;top:50%;left:10%;right:10%}.map-track button{cursor:pointer;background:0 0;place-items:center;height:28px;display:grid;position:relative}.map-track button i{z-index:2;background:#11192a;border:2px solid #4c5b70;width:11px;height:11px;position:relative;transform:rotate(45deg)}.map-track button.visited i{background:#8da0b6;border-color:#8da0b6}.map-track button.current i{border-color:var(--zone-color);background:var(--zone-color);width:15px;height:15px;box-shadow:0 0 13px var(--zone-color);animation:1s steps(2,end) infinite mapBlink}.mini-map small{color:#516077;letter-spacing:.12em;font-size:7px}.game-controls{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a13e6;border-top:2px solid #b0cdeb2e;grid-template-columns:auto auto 1fr auto;align-items:center;min-height:74px;padding:0 28px;display:grid;position:absolute;bottom:0;left:0;right:0}.dpad{gap:5px;margin-right:22px;display:flex}.dpad button{color:#aebdd0;cursor:pointer;background:#111928;border:1px solid #425169;place-items:center;width:36px;height:36px;font-size:16px;display:grid;box-shadow:3px 3px #02040a}.dpad button:hover:not(:disabled){border-color:var(--zone-color);color:var(--zone-color)}.dpad button:active:not(:disabled){translate:2px 2px;box-shadow:1px 1px #02040a}.dpad button:disabled{opacity:.25;cursor:not-allowed}.control-hint{color:#526177;white-space:nowrap;align-items:center;gap:9px;display:flex}.control-hint span{color:#8495aa;background:#101725;border:1px solid #344156;padding:5px 7px;box-shadow:2px 2px #02040a}.world-progress{background:#182235;height:6px;margin:0 38px;overflow:hidden;box-shadow:inset 0 0 0 1px #29364b}.world-progress span{background:var(--zone-color);height:100%;box-shadow:0 0 13px var(--zone-color);transition:width .36s steps(6,end),background .2s;display:block}.coordinates{color:var(--zone-color)}@keyframes pixelPulse{0%,to{opacity:1}50%{opacity:.32}}@keyframes mapBlink{50%{opacity:.58}}@keyframes arrowNudge{50%{translate:5px}}@media (max-width:1050px){.game-header{grid-template-columns:152px auto 1fr}.demo-link{display:none}.world-tabs{justify-content:flex-end}.world-tabs button{min-width:75px;padding:0 10px}.zone-copy{width:43vw;left:4vw}.zone-copy h1{font-size:clamp(62px,8vw,92px)}.mission-card,.mini-map{right:2vw}.mission-card{width:230px}.mini-map{width:205px}.ability-list{width:100%}.control-hint{display:none}.game-controls{grid-template-columns:auto 1fr auto}}@media (max-width:760px){.game-header{grid-template-columns:1fr auto;min-height:64px;padding:0 16px}.pixel-brand{width:124px}.server-state{border-right:0;height:64px;padding:0 0 0 16px;font-size:7px}.world-tabs{border-bottom:1px solid var(--line);background:#070a13e6;grid-template-columns:repeat(4,1fr);height:44px;display:grid;position:absolute;top:64px;left:0;right:0}.world-tabs button{border-right:1px solid var(--line);min-width:0;padding:0;font-size:9px}.world-tabs button:before{inset:6px}.world-tabs button span{display:none}.game-stage{inset:108px 0 66px}.voxel-canvas{-webkit-mask-image:none;mask-image:none}.pixel-grid{background-size:34px 34px}.zone-copy{width:calc(100% - 36px);top:30px;left:18px;translate:none}.zone-code{margin-bottom:15px;font-size:7px}.zone-copy h1{text-shadow:5px 5px #11192a,8px 8px #0006;font-size:clamp(54px,16vw,76px);line-height:.84}.zone-copy h1 em{text-shadow:5px 5px 0 color-mix(in srgb, var(--zone-color) 22%, #11192a), 8px 8px 0 #0006}.zone-line{margin-top:21px;font-size:10px}.zone-metric{width:220px;margin-top:12px;padding:10px 12px}.zone-metric strong{font-size:23px}.next-world,.ability-list,.mission-card{display:none}.mini-map{gap:7px;width:166px;padding:9px;bottom:16px;right:14px}.map-title,.mini-map small{display:none}.game-controls{grid-template-columns:auto 1fr auto;min-height:66px;padding:0 14px}.dpad{margin-right:15px}.dpad button{width:34px;height:34px}.world-progress{margin:0 16px 0 0}.coordinates{font-size:7px}}@media (max-height:700px) and (min-width:761px){.zone-copy{top:48%}.zone-code{margin-bottom:12px}.zone-copy h1{font-size:clamp(48px,5.2vw,70px)}.zone-line{margin-top:16px;padding:7px 10px;font-size:11px}.zone-metric{width:220px;margin-top:9px;padding:8px 12px}.zone-metric strong{font-size:23px}.next-world,.ability-list,.mission-card .intel-copy,.intel-list{display:none}.mission-card{top:3vh}.mini-map{bottom:3vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}button:focus-visible,a:focus-visible{outline:2px solid var(--zone-color);outline-offset:3px}