:root{--ink:#101213;--navy:#102d38;--deep:#071b22;--foam:#d9f1ed;--parchment:#e7d6a6;--gold:#d1a553;--copper:#c4693d;--coffee:#2d1b13;--line:#fff3;color:var(--foam);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{background:var(--deep);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{cursor:none;background:#7fc0c8;width:100%;height:100%;display:block}.screen{z-index:10;text-align:center;background:-webkit-linear-gradient(270deg,#06141833,#061418cc),-webkit-linear-gradient(#071b223d,#071b22db),-webkit-image-set(url(/assets/ship-hero.webp) 1x type("image/webp"),url(/assets/ship-hero.png) 1x type("image/png")) 50%/cover no-repeat;background:linear-gradient(#06141833,#061418cc),linear-gradient(90deg,#071b22db,#071b223d),image-set("/assets/ship-hero.webp" 1x type("image/webp"),"/assets/ship-hero.png" 1x type("image/png")) 50%/cover no-repeat;align-content:center;place-items:center;gap:18px;padding:28px;display:grid;position:fixed;inset:0}.screen:after{pointer-events:none;content:"";mix-blend-mode:soft-light;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 78px),repeating-linear-gradient(0deg,#0000001c 0 1px,#0000 1px 84px);position:absolute;inset:0}.screen--hidden{display:none}.brand-mark{z-index:1;aspect-ratio:1;place-items:center;width:min(132px,32vw);display:grid;position:relative}.brand-mark img{filter:drop-shadow(0 10px 18px #0000008f);width:100%;height:auto}.eyebrow{z-index:1;color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(.75rem,1vw,.92rem);font-weight:700;position:relative}h1{z-index:1;color:#fff4cf;letter-spacing:0;text-shadow:0 18px 34px #0000008c;text-transform:uppercase;max-width:820px;margin:0;font-size:clamp(3rem,9vw,8rem);font-weight:900;line-height:.86;position:relative}.intro{z-index:1;color:#f6edcf;text-wrap:balance;width:min(640px,92vw);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.45;position:relative}.primary-button{z-index:1;color:#140e08;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe09a,#bf7e35);border:1px solid #f5d889;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:13px 22px;font-size:1rem;font-weight:900;display:inline-flex;position:relative;box-shadow:0 14px 28px #00000057}.primary-button:focus-visible,.hint-button:focus-visible,.hotbar button:focus-visible,.mobile-controls button:focus-visible,.trade-offer button:focus-visible{outline-offset:3px;outline:3px solid #f2e0a7}.play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #140e08;width:0;height:0;display:inline-block}.hud{z-index:5;pointer-events:none;grid-template-columns:minmax(180px,.58fr) minmax(360px,1.3fr) minmax(390px,1.15fr);align-items:start;gap:10px;width:min(1120px,100vw - 32px);display:grid;position:fixed;top:16px;left:16px}.hud__brand,.mission,.meters{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061216c7;border:1px solid #e6ce8c6b;border-radius:6px;min-height:68px;box-shadow:0 12px 28px #00000042}.hud__brand{grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px 12px;display:grid}.hud__brand img{object-fit:contain;width:52px;height:52px}.hud p,.hud span{color:#d9be72;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.hud strong{color:#fff5d9;margin-top:3px;font-size:.94rem;line-height:1.2;display:block}.mission{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.mission span,.mission strong{min-width:0}.mission span{grid-column:1}.mission strong{grid-column:1;margin-top:0}.hint-button{color:#140e08;cursor:pointer;pointer-events:auto;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;grid-area:1/2/span 2;min-width:138px;min-height:36px;padding:8px 10px;font-size:.72rem;font-weight:900;line-height:1.05;box-shadow:0 8px 18px #00000038}.meters{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.meters div{text-align:center;background:#ffffff0a;place-content:center;padding:8px;display:grid}#crosshair{z-index:4;pointer-events:none;width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff6d6eb;position:absolute;box-shadow:0 0 10px #000000a6}#crosshair:before{width:22px;height:2px;top:10px;left:0}#crosshair:after{width:2px;height:22px;top:0;left:10px}.target-tooltip{z-index:5;color:#fff4d6;pointer-events:none;background:linear-gradient(135deg,#14373df5,#08181deb),#08181deb;border:1px solid #ffe190a8;border-radius:6px;gap:5px;width:min(310px,100vw - 48px);padding:12px 14px;display:grid;position:fixed;top:calc(50% + 26px);left:calc(50% + 34px);box-shadow:0 18px 34px #00000057}.target-tooltip[hidden],.trade-offer[hidden]{display:none}.target-tooltip span,.trade-offer span{color:#d9be72;text-transform:uppercase;font-size:.68rem;font-weight:900}.target-tooltip strong,.trade-offer strong{color:#fff5d9;font-size:1rem;line-height:1.1}.target-tooltip p,.trade-offer p{color:#f2e4c6;margin:0;font-size:.82rem;line-height:1.3}.target-tooltip b{color:#ffe19b;font-size:.95rem}.target-tooltip em{color:#aee2c1;text-transform:uppercase;font-size:.72rem;font-style:normal;font-weight:900}.trade-offer{z-index:7;color:#fff4d6;pointer-events:auto;background:linear-gradient(135deg,#2d1b13f0,#071b22f0),#08181df0;border:1px solid #ffe190b8;border-radius:6px;gap:8px;width:min(380px,100vw - 32px);padding:14px;display:grid;position:fixed;bottom:112px;right:16px;box-shadow:0 18px 38px #00000061}.trade-offer__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-offer button{color:#140e08;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;min-height:38px;font-size:.78rem;font-weight:900}.trade-offer button:last-child{color:#f3e7c9;background:#08181db8}#toast{z-index:6;color:#fff4d6;opacity:0;pointer-events:none;background:#112b32e6;border:1px solid #ffe19099;border-radius:6px;width:min(360px,100vw - 36px);min-height:46px;padding:12px 14px;transition:opacity .16s,transform .16s;position:fixed;top:96px;right:18px;transform:translateY(-10px);box-shadow:0 16px 36px #00000052}#toast.toast--visible{opacity:1;transform:translateY(0)}.hotbar{z-index:5;pointer-events:auto;grid-template-columns:repeat(7,minmax(0,92px));justify-content:center;gap:8px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.hotbar button{color:#f3e7c9;cursor:pointer;background:#08181dc2;border:1px solid #efd4934d;border-radius:6px;grid-template-rows:24px 1fr 14px;justify-items:center;gap:4px;min-width:0;min-height:74px;padding:8px 6px;font-size:.73rem;line-height:1.05;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.hotbar button.is-selected{background:#26484ce6;border-color:#ffe19b;box-shadow:0 0 0 2px #ffe19b4d,0 10px 24px #0000003d}.hotbar .swatch{border:1px solid #ffffff59;border-radius:3px;width:24px;height:24px;display:block}.hotbar b{color:#d8ba70;width:18px;height:14px;font-size:.72rem;display:block}.mobile-controls{z-index:5;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:164px 82px;gap:10px;display:none;position:fixed;bottom:108px;right:18px}.mobile-pad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,52px);gap:4px;display:grid}.mobile-actions{grid-template-rows:repeat(3,46px);gap:4px;display:grid}.mobile-controls button{color:#fff2ca;cursor:pointer;text-transform:uppercase;touch-action:none;background:#081b21b8;border:1px solid #ffe29e66;border-radius:6px;font-size:.69rem;font-weight:900;line-height:1;box-shadow:0 10px 22px #00000038}.mobile-controls button:active{background:#30585bf0;border-color:#ffe19b;transform:translateY(1px)}.mobile-label--ship,.is-piloting .mobile-label--walk{display:none}.is-piloting .mobile-label--ship{display:inline}.mobile-pad button[data-move=forward]{grid-area:1/2}.mobile-pad button[data-move=left]{grid-area:2/1}.mobile-pad button[data-move=backward]{grid-area:3/2}.mobile-pad button[data-move=right]{grid-area:2/3}@media (width<=780px){.hud{grid-template-columns:1fr;width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.hud__brand{display:none}.mission,.meters{min-width:0;min-height:54px;overflow:hidden}.mission{grid-template-columns:1fr}.hint-button{grid-area:auto/1;width:fit-content;min-height:34px;font-size:.68rem}.meters{grid-template-columns:repeat(3,minmax(0,1fr))}.meters div{min-width:0}.meters span{font-size:.64rem}.meters strong{font-size:.88rem}.hotbar{grid-template-columns:repeat(4,minmax(0,74px));justify-content:start}.hotbar button{min-height:62px;font-size:.65rem}.mobile-pad{display:grid}.mobile-controls{display:grid;bottom:216px;right:16px}#toast{top:auto;bottom:372px;right:16px}}@media (width<=420px){.mobile-controls{grid-template-columns:146px 74px;gap:8px}.mobile-pad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,46px)}.mobile-actions{grid-template-rows:repeat(3,42px)}.mobile-controls button{font-size:.62rem}}