.henry-app{--hcyan:#83e5e8;--hmuted:#97acbf;color:#e9f3f8;background:radial-gradient(at 80% 20%,#27365988,#0000 48%),radial-gradient(at 0 70%,#122b37,#0000 60%),#080f1c;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.henry-app *{box-sizing:border-box}.henry-app button{color:#e9f3f8;cursor:pointer;background:#142638;border:1px solid #446073;border-radius:8px;padding:12px 18px;font-weight:700;transition:background .15s,transform .15s}.henry-app button:hover:not(:disabled){background:#254357;transform:translateY(-1px)}.henry-app button:disabled{opacity:.45;cursor:default}:is(.henry-app button:focus-visible,.henry-app a:focus-visible){outline-offset:4px;outline:3px solid #ffe39e}.henry-app .henry-primary{color:#102a32;background:#91e8df;border-color:#91e8df;padding:16px 24px}.henry-app .henry-primary:hover:not(:disabled){background:#b6fff4}.henry-header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:18px;padding:18px 4%;display:flex}.henry-header a{color:#99e4df;letter-spacing:.1em;font-size:14px;font-weight:800;text-decoration:none}.henry-header>span{letter-spacing:.18em;color:#8b9dae;font-size:11px}.henry-header button{padding:8px 12px;font-size:12px}.henry-shell{max-width:1240px;margin:auto;padding:36px 32px 70px}.henry-eyebrow{letter-spacing:.18em;color:#9ae4db;font-size:11px;font-weight:800}.henry-menu{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;min-height:660px;display:grid}.henry-menu h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(64px,7vw,106px);line-height:.95}.henry-menu h1>span{color:#adc1d4;letter-spacing:-.035em;margin-top:14px;font-size:.51em;line-height:1.1;display:block}.henry-menu p{color:#a2b8c9;font-size:18px;line-height:1.6}.henry-menu-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.henry-save-status{margin-top:28px;line-height:1.6;color:#8297ab!important;font-size:12px!important}.henry-helmet{background:radial-gradient(#51738944,#0000 65%);place-items:center;height:490px;display:grid;position:relative}.helmet-ring{z-index:2;background:#152b3f;border:27px solid #9cbcc9;border-bottom-width:46px;border-radius:48% 48% 43% 43%;width:320px;height:348px;position:relative;transform:rotate(-8deg);box-shadow:inset 0 0 0 6px #2d4d65,9px 16px #47677e,25px 20px 60px #0006}.helmet-ring:before,.helmet-ring:after{content:"";background:#35586e;border:5px solid #83b7c2;border-radius:12px;width:30px;height:75px;position:absolute;top:115px}.helmet-ring:before{left:-42px}.helmet-ring:after{right:-42px}.helmet-glass{background:linear-gradient(145deg,#69b0b6 0,#284a63 32%,#122335 65%);border:4px solid #527c93;border-radius:45% 45% 40% 40%;height:238px;margin:20px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0007}.helmet-glass:before{content:"";background:#b0e5e866;width:280px;height:25px;position:absolute;top:38px;left:-10px;transform:rotate(-35deg)}.helmet-glass span{letter-spacing:.2em;color:#bfeef2;font-size:11px;position:absolute;top:27px;left:20px}.helmet-glass i{background:#94ffcb;border-radius:50%;width:8px;height:8px;position:absolute;bottom:45px;right:24px;box-shadow:0 0 18px #94ffcb}.helmet-glass b{color:#c2e7ed;letter-spacing:.1em;font-size:11px;line-height:1.6;position:absolute;bottom:40px;left:25px}.helmet-neck{background:linear-gradient(90deg,#30536a,#98bac4,#284b63);border-radius:65% 65% 12px 12px;width:250px;height:150px;position:absolute;bottom:15px;transform:rotate(-8deg)}.helmet-orbit{color:#85adc0;letter-spacing:.19em;font-size:10px;position:absolute;bottom:-8px}.henry-controls{text-align:left;background:#092035;border:1px solid #375364;border-radius:10px;padding:14px 18px}.henry-controls p{color:#b7cdd8;margin:8px 0;font-size:13px;line-height:1.65}.henry-controls kbd{color:#ceffff;background:#254359;border-radius:3px;padding:3px 5px;font-size:12px}.henry-ship-heading{justify-content:space-between;align-items:center;margin:14px 0 30px;display:flex}.henry-ship-heading h1{letter-spacing:-.04em;margin:12px 0;font-size:44px}.henry-ship-heading p{color:#98b2c5}.henry-wallet{text-align:right;color:#ffd593;font-size:40px}.henry-wallet small{letter-spacing:.2em;color:#aa9e87;margin-top:6px;font-size:10px;display:block}.henry-planets{grid-template-columns:1fr 1fr .7fr;gap:18px;display:grid}.henry-app .henry-planet{text-align:left;background:linear-gradient(145deg,#3c3040,#162234 80%);border:1px solid #6e5967;min-height:325px;padding:26px;position:relative;overflow:hidden}.henry-app .planet-2{background:linear-gradient(145deg,#264357,#142134 80%);border-color:#46697b}.henry-planet small{letter-spacing:.16em;color:#d8c0ac;margin-top:113px;font-size:10px;display:block}.henry-planet h2{margin:8px 0 10px;font-size:25px}.henry-planet p{color:#afbecb;font-size:13px;line-height:1.5}.henry-planet-person{color:#c5d4dd;margin:20px 0;font-size:11px;display:block}.henry-planet>strong{color:#b5f2e6;font-size:14px}.planet-ball{background:radial-gradient(circle at 25% 25%,#ffdfa0,#cc855c 42%,#8a5053 65%,#3b2e45 86%);border-radius:50%;width:115px;height:115px;position:absolute;top:18px;right:30px;box-shadow:18px 16px 55px #ed996827,inset -10px -10px 22px #1a1c3799}.planet-2 .planet-ball{background:radial-gradient(circle at 25% 25%,#e1fcff,#89cbd8 36%,#477490 62%,#142b48 90%);box-shadow:18px 16px 55px #9ddfff27}.henry-coming{color:#758797;border:1px dashed #334657;border-radius:10px;flex-direction:column;justify-content:center;padding:28px;display:flex}.henry-coming span{letter-spacing:.2em;font-size:12px}.henry-coming h2{font-size:21px;line-height:1.4}.henry-ship-grid{grid-template-columns:1.45fr 1fr;gap:18px;margin-top:22px;display:grid}.henry-panel{background:#101e2ec9;border:1px solid #294455;border-radius:10px;padding:26px}.henry-panel h2{margin:12px 0 22px;font-size:21px}.henry-upgrade{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.henry-upgrade small,.henry-crew small{color:#93afc0;margin-top:6px;font-size:12px;line-height:1.6;display:block}.henry-upgrade button{white-space:nowrap;font-size:12px}.henry-note{color:#89a4b7;font-size:12px;line-height:1.6}.henry-crew{opacity:.55;align-items:center;gap:16px;margin:20px 0;display:flex}.henry-crew.rescued{opacity:1}.henry-avatar{color:#c4ffff;background:#233c50;border:2px solid #658999;border-radius:20px;place-items:center;width:50px;height:55px;font-size:22px;font-weight:800;display:grid}.henry-brain-info{background:#132927aa;border:1px solid #37534f;border-radius:10px;margin-top:22px;padding:24px}.henry-brain-info h2{margin:10px 0;font-size:22px}.henry-brain-info p{color:#a3c3c1;font-size:13px;line-height:1.7}.henry-brain-info summary{color:#96e3cd;cursor:pointer;margin-top:16px;font-size:13px}.henry-brain-info a{color:#a5eaf1;text-decoration:underline}.henry-outcome{text-align:center;max-width:740px;margin:100px auto}.henry-outcome h1{letter-spacing:-.04em;margin:24px 0;font-size:clamp(40px,5vw,64px)}.henry-outcome p{color:#a4becf;font-size:18px;line-height:1.7}.henry-outcome h2{color:#a1f1d9;margin-top:40px;font-size:25px}.henry-outcome .henry-menu-actions{justify-content:center}.henry-error{color:#ffe6ec;background:#522f3c;align-items:center;gap:20px;padding:12px 4%;font-size:14px;display:flex}.henry-mission{max-width:1500px;margin:0 auto}.henry-mission-tools{justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}.henry-mission-tools button{padding:7px 10px;font-size:12px}.henry-viewport{aspect-ratio:16/9;background:#09131e;width:100%;max-width:calc(177.778dvh - 293.333px);margin:0 auto;position:relative;overflow:hidden}.henry-viewport canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.henry-pause{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07142199;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.henry-pause section{text-align:center;background:#0b1b2ff0;border:1px solid #5d8b9c;border-radius:14px;max-width:680px;padding:30px;box-shadow:0 20px 70px #0007}.henry-pause h2{letter-spacing:-.04em;margin:15px;font-size:36px}.henry-pause p{color:#a8c4d1;font-size:15px;line-height:1.7}.henry-pause button{margin:8px 5px 0}.henry-bottom-help{color:#95afc1;text-align:center;margin:0;padding:12px;font-size:12px}.henry-touch{pointer-events:none;display:none;position:absolute;inset:0}.henry-touch button{touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#102739c9;border-color:#9fceda77;min-width:47px;min-height:45px;padding:8px}.henry-dpad{grid-template-columns:repeat(3,47px);gap:4px;display:grid;position:absolute;bottom:12px;left:12px}.henry-dpad button:first-child{grid-column:2}.henry-dpad button:nth-child(2){grid-column:1}.henry-touch-actions{align-items:end;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.henry-touch-actions .fire{background:#25817bc9;height:66px}.henry-app.is-playing .henry-header{padding-top:10px;padding-bottom:10px}@media (pointer:coarse){.henry-touch{display:block}.henry-bottom-help{display:none}.henry-viewport{max-width:calc(177.778dvh - 204.444px)}}@media (max-width:800px){.henry-shell{padding:25px 20px 50px}.henry-header>span{display:none}.henry-menu{min-height:unset;grid-template-columns:1fr;gap:0}.henry-menu h1{font-size:70px}.henry-helmet{height:320px;margin:-15px 0 15px;transform:scale(.75)}.henry-planets{grid-template-columns:1fr 1fr}.henry-coming{grid-column:1/-1;min-height:70px;padding:16px;display:block}.henry-coming h2,.henry-coming p{margin-left:12px;font-size:14px;display:inline}.henry-ship-grid{grid-template-columns:1fr}.henry-ship-heading h1{font-size:34px}.henry-ship-heading p{font-size:13px}.henry-upgrade{flex-wrap:wrap}.henry-pause section{padding:14px}.henry-pause h2{margin:6px;font-size:26px}.henry-pause p{margin:5px;font-size:12px}.henry-pause button{padding:9px 13px;font-size:12px}.henry-pause .henry-primary{padding:10px 14px}.henry-pause .henry-eyebrow{font-size:9px}.henry-controls p{font-size:11px}.henry-mission-tools{justify-content:center;gap:4px}.henry-mission-tools button{font-size:11px}}@media (max-width:500px){.henry-planets{grid-template-columns:1fr}.henry-app .henry-planet{min-height:285px}.henry-planet small{margin-top:65px}.henry-menu h1{font-size:60px}.henry-header{padding:12px 16px}.henry-viewport{aspect-ratio:10/11;max-width:100%}.henry-viewport canvas{object-fit:contain;background:#081424}.henry-pause{padding:10px}.henry-pause section{width:100%}.henry-touch-actions{flex-direction:column;align-items:end}.henry-ship-heading{gap:12px}.henry-ship-heading h1{font-size:29px}}
