:root{color-scheme:dark;--bg:#0b1115;--panel:#111a20;--panel2:#172229;--ink:#edf3f2;--muted:#a4b2b3;--line:#28383c;--cyan:#48d6df;--copper:#d28b56;--radius:22px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:radial-gradient(ellipse at 78% 10%,rgba(26,74,82,.18),transparent 38%),var(--bg);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(255,255,255,.065);background:rgba(11,17,21,.88);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:800;letter-spacing:-.03em}.brand img{filter:drop-shadow(0 0 12px rgba(72,214,223,.26))}.top-note{color:var(--muted);font-size:.85rem;display:flex;gap:9px;align-items:center}.top-note i{width:8px;height:8px;border-radius:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}main{max-width:1440px;margin:0 auto;padding:0 clamp(20px,6vw,88px)}.intro{min-height:440px;display:grid;grid-template-columns:1fr .94fr;gap:6%;align-items:center;padding:58px 0 66px}.intro-copy{max-width:580px}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:.8rem;font-weight:750;letter-spacing:.08em}.intro h1{font-size:clamp(3.4rem,7vw,6rem);letter-spacing:-.08em;line-height:1.04;margin:10px 0 18px}.intro-text{color:#c0cdcc;max-width:510px;font-size:1.1rem;margin:0 0 19px}.intro-meta{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:.85rem;margin:24px 0 30px}.intro-meta b{color:var(--copper)}.primary-button,.launch-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:var(--cyan);color:#082126;font-weight:850;padding:13px 19px;border-radius:12px;box-shadow:0 8px 28px rgba(72,214,223,.13);transition:transform .2s,filter .2s;cursor:pointer}.primary-button:hover,.launch-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-arrow{margin-right:8px;font-size:1.2rem}.intro-art{position:relative;min-height:315px;border:1px solid rgba(136,195,194,.17);border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#19353b 0%,#13292e 52%,#142026 100%);isolation:isolate}.sun-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(72,214,223,.29),rgba(72,214,223,.07) 39%,transparent 71%);top:-70px;left:14%}.skyline{position:absolute;bottom:45px;display:flex;gap:10px;align-items:end}.skyline i{display:block;width:60px;background:linear-gradient(130deg,#314d51,#20373d);border:1px solid rgba(178,224,218,.11);box-shadow:inset 0 0 25px rgba(8,18,21,.3);position:relative}.skyline i:after{content:"";position:absolute;inset:15px 11px 13px;background:repeating-linear-gradient(180deg,rgba(140,208,205,.4) 0 3px,transparent 3px 17px);opacity:.53}.skyline-back{left:7%;opacity:.56}.skyline-back i:nth-child(1){height:100px}.skyline-back i:nth-child(2){height:145px;width:52px}.skyline-back i:nth-child(3){height:122px}.skyline-back i:nth-child(4){height:88px;width:42px}.skyline-front{right:5%;bottom:39px;gap:7px}.skyline-front i{width:73px;background:linear-gradient(160deg,#52625e,#30464a)}.skyline-front i:nth-child(1){height:127px}.skyline-front i:nth-child(2){height:190px;width:67px}.skyline-front i:nth-child(3){height:152px}.skyline-front i:nth-child(4){height:105px;width:54px}.skyline-front i:nth-child(5){height:137px}.road-shape{position:absolute;z-index:-1;bottom:-95px;left:17%;width:66%;height:180px;transform:perspective(240px) rotateX(43deg);background:repeating-linear-gradient(90deg,transparent 0 31%,rgba(213,196,146,.5) 31% 32%,transparent 32% 64%),linear-gradient(#303c40,#1f292d);border-top:1px solid rgba(255,255,255,.23)}.art-marker{position:absolute;top:92px;left:44%;width:28px;height:28px;border:2px solid rgba(123,245,244,.9);border-radius:50%;box-shadow:0 0 0 8px rgba(72,214,223,.1),0 0 36px 10px rgba(72,214,223,.32);animation:pulse 2.8s ease-in-out infinite}.art-marker span{position:absolute;inset:7px;border-radius:50%;background:#8df5f1}.art-label{position:absolute;top:57px;left:calc(44% - 52px);font-size:.72rem;color:#b7e5e1}.play-section,.controls-section{padding:43px 0 66px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.mission-strip h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.2;margin:3px 0 0;letter-spacing:-.04em}.section-heading>p{color:var(--muted);font-size:.93rem;max-width:445px;margin:0 0 4px}.game-shell{height:clamp(360px,56vw,680px);min-height:360px;position:relative;overflow:hidden;border:1px solid #304347;border-radius:var(--radius);background:#071014;box-shadow:0 25px 65px rgba(0,0,0,.3);isolation:isolate}.game-poster{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(56,178,187,.14),transparent 37%),linear-gradient(180deg,#12262b,#0c171c 72%)}.game-poster:before,.game-poster:after{content:"";position:absolute;bottom:-40px;width:44%;height:67%;background:repeating-linear-gradient(90deg,transparent 0 20%,rgba(100,161,161,.1) 20% 21%,transparent 21% 39%),linear-gradient(155deg,#203b40,#15252a);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);opacity:.45}.game-poster:before{right:-9%;transform:skewY(-6deg)}.game-poster:after{left:-9%;transform:skewY(6deg)}.poster-orbit{position:absolute;width:245px;height:245px;border:1px solid rgba(72,214,223,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(72,214,223,.025),0 0 0 70px rgba(72,214,223,.02)}.poster-mark{width:65px;height:65px;margin-bottom:10px;z-index:1;filter:drop-shadow(0 0 22px rgba(72,214,223,.45))}.game-poster p{font-size:clamp(1.3rem,3vw,2rem);font-weight:800;margin:6px 0 19px;z-index:1}.launch-button{z-index:1;padding:12px 22px}.game-poster small{position:absolute;bottom:22px;color:#a4b2b3;font-size:.77rem}.game-frame{display:block;border:0;width:100%;height:100%;background:#111;position:relative;z-index:1}.game-frame[hidden],.game-toolbar[hidden],.loading-cover[hidden]{display:none}.game-toolbar{position:absolute;z-index:5;top:14px;right:14px;left:14px;display:flex;gap:8px;justify-content:flex-start;pointer-events:none}.toolbar-button{pointer-events:auto;border:1px solid rgba(235,248,247,.3);background:rgba(7,16,20,.76);color:#f0f5f3;border-radius:9px;padding:7px 11px;font-size:.78rem;cursor:pointer;backdrop-filter:blur(8px)}.toolbar-button:hover{background:#143239;border-color:var(--cyan)}.return-button{margin-right:auto}.loading-cover{position:absolute;inset:0;z-index:4;background:rgba(5,13,16,.86);display:flex;align-items:center;justify-content:center;gap:13px;color:white}.loader{width:22px;height:22px;border:2px solid rgba(72,214,223,.27);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.mobile-hint{display:none;color:var(--muted);font-size:.85rem;margin:12px 0 0}.controls-section{border-top:1px solid var(--line)}.controls-heading{margin-bottom:25px}.control-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.control-card{background:linear-gradient(145deg,#131e23,#10181d);border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;gap:18px}.control-icon{flex:0 0 47px;width:47px;height:47px;border:1px solid rgba(72,214,223,.24);border-radius:14px;display:grid;place-items:center;color:var(--cyan);font-size:1.7rem}.touch-icon{font-size:2.1rem}.control-card h3{margin:2px 0 12px;font-size:1.14rem}.control-card dl{margin:0;display:grid;gap:8px}.control-card dl div{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:.87rem}.control-card dt{color:#d9e2e0}.control-card dd{margin:0;text-align:left}.control-card kbd{font:inherit;font-size:.76rem;color:#d8e7e5;background:#1c2b30;border:1px solid #30454a;border-radius:5px;padding:2px 6px;direction:ltr;display:inline-block}.mission-strip{display:flex;align-items:center;gap:21px;padding:25px 28px;margin:0 0 68px;border:1px solid rgba(72,214,223,.19);border-radius:18px;background:linear-gradient(100deg,rgba(72,214,223,.07),rgba(17,26,32,.78) 54%)}.mission-dot{width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 9px rgba(72,214,223,.09),0 0 25px rgba(72,214,223,.62);margin:0 5px 0 7px;flex:0 0 auto}.mission-strip h2{font-size:1.35rem}.mission-strip p:last-child{color:var(--muted);margin:8px 0 0;font-size:.9rem}footer{max-width:1440px;margin:0 auto;border-top:1px solid var(--line);padding:21px clamp(20px,6vw,88px);display:flex;justify-content:space-between;gap:15px;color:#839294;font-size:.8rem}footer span:first-child{color:#dce8e6;font-weight:750}
@keyframes pulse{0%,100%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.intro{grid-template-columns:1fr;gap:30px;padding:45px 0}.intro-copy{max-width:none}.intro-art{min-height:240px}.intro h1{font-size:clamp(3.2rem,16vw,5.5rem)}.intro-text{font-size:1rem}.section-heading{align-items:start;flex-direction:column;gap:7px}.section-heading>p{font-size:.88rem}.game-shell{height:clamp(310px,65vw,490px);min-height:310px}.control-cards{grid-template-columns:1fr}.mission-strip{margin-bottom:45px;padding:21px}.mobile-hint{display:block}.topbar{height:66px}.top-note{font-size:.75rem}}
@media(max-width:460px){main{padding-left:17px;padding-right:17px}.topbar{padding-left:17px;padding-right:17px}.brand{font-size:1rem}.brand img{width:34px;height:34px}.top-note{font-size:.68rem}.intro-meta{flex-wrap:wrap;font-size:.76rem;gap:8px}.intro-art{min-height:210px}.skyline-front i:nth-child(2){height:143px}.game-shell{height:62vh;min-height:340px;border-radius:16px}.game-poster small{bottom:14px}.control-card{padding:19px 15px;gap:13px}.control-card dl div{font-size:.8rem}.control-card dd{max-width:44%;line-height:1.45}.toolbar-button{font-size:.69rem;padding:6px 8px}footer{padding-left:17px;padding-right:17px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep the game canvas inside the viewport; author display styles override the browser's hidden rule. */
.game-poster[hidden]{display:none}
.game-frame{position:absolute;inset:0;width:100%;height:100%}