:root{font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f4f4;background:#05090d;font-synthesis:none}*{box-sizing:border-box}html,body,#experience,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#experience{position:fixed;top:0;right:0;bottom:0;left:0}#app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}body.pre-entry #app,body.pre-entry #loading,body.pre-entry #identity,body.pre-entry #selection,body.pre-entry #guide,body.pre-entry #empire-map,body.pre-entry #controls-help{display:none}#loading{position:fixed;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 16px;color:#c7dcdf;border:1px solid rgba(112,221,232,.26);background:#050e13d1;box-shadow:0 18px 50px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:opacity .25s}#loading.hidden{opacity:0;pointer-events:none}#loading.error{color:#ffc9c4;border-color:#ff7a706b}#selection{position:fixed;z-index:3;left:28px;border:1px solid rgba(123,231,238,.24);border-left:3px solid #75dce6;background:linear-gradient(135deg,#040d12db,#101e22b8);box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none}#identity{position:fixed;z-index:3;top:26px;left:28px;padding:8px 12px 9px;color:#f5fbfb;border:1px solid rgba(123,231,238,.18);border-left:3px solid #75dce6;background:#040d1285;box-shadow:0 12px 32px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}#welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(rgba(123,231,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(123,231,238,.04) 1px,transparent 1px),radial-gradient(circle at 50% 72%,#13313a94,#05090d 62%);background-size:48px 48px,48px 48px,auto;color:#f5fbfb;opacity:1;transition:opacity .48s ease}#welcome.dismissed{opacity:0;pointer-events:none}#welcome>div{width:min(640px,calc(100vw - 40px));padding:0;text-align:center}#welcome span{color:#79e1ea;font-size:16px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}#welcome h1{margin:13px 0 0;color:#f6fbfb;font-size:clamp(42px,6vw,74px);line-height:.95;text-transform:uppercase}#welcome p{margin:20px auto 0;max-width:42ch;color:#c9d9dc;font-size:18px;line-height:1.55}#enter-territory{margin-top:26px;padding:12px 18px;color:#041014;border:1px solid rgba(156,248,255,.72);background:#7debf3;box-shadow:0 0 24px #75dce63d;font:inherit;font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#enter-territory:hover{background:#a3f8ff}#identity span,#selection span,.guide-status{color:#79e1ea;font-size:16px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}#selection small,#guide>small{display:block;color:#98adb2;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}#selection{bottom:82px;width:min(345px,calc(100vw - 56px));padding:18px 20px 19px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}#selection.visible{opacity:1;transform:translateY(0)}#selection strong{display:block;margin-top:8px;color:#f4fbfb;font-size:24px;font-weight:800;line-height:1.05}#selection small{margin-top:7px;font-size:16px}#guide{position:fixed;z-index:4;top:0;right:0;width:min(430px,calc(100vw - 32px));height:100vh;max-height:100vh;overflow:auto;padding:32px 30px 34px;color:#dce8e9;border-left:1px solid rgba(117,220,230,.5);background:linear-gradient(180deg,#050e13f2,#0b161be8);box-shadow:-18px 0 58px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translate(104%);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.75,.25,1);pointer-events:none}#guide.visible{opacity:1;transform:translate(0);pointer-events:auto}.guide-visual{display:grid;place-items:center;height:104px;margin-bottom:22px;border:1px solid rgba(117,220,230,.26);background:linear-gradient(90deg,rgba(117,220,230,.09) 1px,transparent 1px),linear-gradient(rgba(117,220,230,.08) 1px,transparent 1px),radial-gradient(circle at 50% 18%,#75dce633,#fff0 48%),#ffffff06;background-size:28px 28px,28px 28px,auto,auto}.guide-visual span{color:#f6fbfb;font-size:28px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}#guide>strong{display:block;margin-top:10px;color:#f5fbfb;font-size:31px;font-weight:800;line-height:1.04}#guide>small{margin-top:7px}#guide p{margin:18px 0 0;color:#c3d3d6;font-size:16px;line-height:1.66}#guide .guide-primary-action{display:flex;align-items:center;justify-content:center;margin-top:20px;padding:14px 16px;color:#031014;border:1px solid rgba(156,248,255,.72);background:linear-gradient(135deg,#77e7ef,#b8fbff);box-shadow:0 0 26px #75dce638;font-size:16px;font-weight:900;letter-spacing:.09em;line-height:1.1;text-align:center;text-decoration:none;text-transform:uppercase}#guide .guide-primary-action:hover{background:linear-gradient(135deg,#a3f8ff,#e1feff)}#guide section{margin-top:25px;padding-top:20px;border-top:1px solid rgba(128,169,177,.18)}#guide h2{margin:0 0 12px;color:#83e3eb;font-size:16px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.technology{display:flex;flex-wrap:wrap;gap:9px}.technology span{padding:8px 10px;color:#d7e7e8;border:1px solid rgba(117,220,230,.28);background:#75dce60e;font-size:16px;line-height:1}#guide .milestones .milestone-title{display:flex;flex-wrap:wrap;gap:7px;margin:0;color:#f5fbfb;font-size:16px;font-weight:800;line-height:1.35}#guide .milestone-title time{color:#83e3eb}#guide .milestones .milestone-title+p{margin-top:8px}#guide nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}#guide a{padding:10px 12px;color:#d9fbff;border:1px solid rgba(117,220,230,.42);background:#75dce612;font-size:16px;font-weight:800;text-decoration:none}#guide a:hover{background:#75dce624}#empire-map{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#01060ab8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;pointer-events:none;transition:opacity .2s ease}#empire-map.visible{opacity:1;pointer-events:auto}.empire-map-shell{display:grid;grid-template-rows:auto minmax(330px,1fr) auto;width:min(940px,100%);height:min(720px,calc(100dvh - 56px));border:1px solid rgba(117,220,230,.55);background:linear-gradient(145deg,#051015fa,#081c22f5);box-shadow:0 28px 100px #00000085,inset 0 0 54px #4fd6e20b}.empire-map-header,.empire-map-shell footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}.empire-map-header{border-bottom:1px solid rgba(117,220,230,.24)}.empire-map-header span,.empire-map-shell footer{color:#79e1ea;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.empire-map-header h1{margin:4px 0 0;color:#f5fbfb;font-size:26px;letter-spacing:.08em;line-height:1}.empire-map-header button,#touch-map{min-height:42px;padding:8px 12px;color:#d9fbff;border:1px solid rgba(117,220,230,.48);background:#75dce614;font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-transform:uppercase}.empire-map-header button:hover,#touch-map:hover{background:#75dce62e}kbd{padding:2px 5px;border:1px solid rgba(150,232,239,.35);border-radius:2px;font:inherit;font-size:.88em}.empire-map-stage{position:relative;min-height:0;overflow:hidden;background:linear-gradient(rgba(117,220,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,220,230,.07) 1px,transparent 1px),radial-gradient(ellipse at 50% 52%,rgba(40,118,128,.18),transparent 67%);background-size:36px 36px,36px 36px,auto}.empire-map-stage:before,.empire-map-stage:after{position:absolute;z-index:0;content:"";pointer-events:none}.empire-map-stage:before{top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(117,220,230,.12);clip-path:polygon(12% 0,88% 0,100% 20%,100% 80%,88% 100%,12% 100%,0 80%,0 20%)}.empire-map-stage:after{top:20%;right:20%;bottom:20%;left:20%;border:1px dashed rgba(117,220,230,.1);border-radius:48%}.empire-map-markers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.empire-map-marker{position:absolute;left:var(--map-x);top:var(--map-y);display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:8px;width:min(165px,24%);padding:8px;color:#e9f9fa;border:1px solid rgba(117,220,230,.3);background:#040f14d1;box-shadow:0 8px 22px #0000003d;font:inherit;text-align:left;transform:translate(-50%,-50%);cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.empire-map-marker:hover,.empire-map-marker:focus-visible{z-index:2;border-color:#8df3fa;background:#0d2b31fa;box-shadow:0 0 25px #75dce63d;outline:none;transform:translate(-50%,-50%) scale(1.045)}.empire-map-marker-dot{grid-row:span 2;align-self:center;width:10px;height:10px;border:2px solid #bdfcff;border-radius:50%;background:#36dce7;box-shadow:0 0 13px #59f0facc}.empire-map-marker-name{display:block;font-size:13px;font-weight:900;letter-spacing:.06em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.empire-map-marker-role{overflow:hidden;margin-top:3px;color:#9db9bd;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.empire-map-compass{position:absolute;z-index:2;top:18px;right:20px;display:grid;place-items:center;width:33px;color:#8cf1f8;font-size:11px;font-weight:900}.empire-map-compass b{font-size:25px;line-height:.8}.empire-map-shell footer{border-top:1px solid rgba(117,220,230,.24);color:#a6c9cd;font-size:12px;letter-spacing:.07em}#controls-help{position:fixed;z-index:2;left:50%;bottom:22px;display:grid;grid-template-columns:repeat(7,max-content);align-items:center;justify-content:center;gap:8px;width:calc(100vw - 34px);transform:translate(-50%);pointer-events:none}#controls-help span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;color:#e2f5f6cc;border:1px solid rgba(170,225,230,.16);background:#040c1194;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:16px;font-weight:700;white-space:nowrap}#controls-help b{min-width:19px;color:#7debf3;font-size:16px;font-weight:900;line-height:1;text-align:center}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto;background:linear-gradient(rgba(123,231,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(123,231,238,.04) 1px,transparent 1px),radial-gradient(circle at 50% 72%,#13313a94,#05090d 62%);background-size:48px 48px,48px 48px,auto;color:#f5fbfb;text-align:center}.access-gate[hidden]{display:none}.access-gate>div{width:min(620px,100%);margin-block:auto}.access-gate h1{margin:0;color:#f6fbfb;font-size:clamp(38px,6vw,68px);line-height:.98}.access-gate p{margin:20px auto 0;max-width:42ch;color:#c9d9dc;font-size:18px;line-height:1.55}.access-gate strong{display:block;margin-top:28px;color:#79e1ea;font-size:18px;font-weight:800;letter-spacing:.08em}@media(max-width:700px){#identity{top:14px;left:14px;padding:7px 10px 8px;font-size:16px}#welcome{padding:18px}#welcome>div{padding:24px 20px 26px}#welcome h1{font-size:40px}#welcome p{font-size:16px}#selection{left:14px;bottom:88px;width:calc(100vw - 28px);padding:16px 18px}#selection strong{font-size:22px}#guide{top:0;bottom:auto;right:0;width:min(390px,100vw);height:100vh;max-height:100vh;transform:translate(104%)}#guide.visible{transform:translate(0)}#guide>strong{font-size:25px}.guide-visual{height:82px}#controls-help{bottom:12px;grid-template-columns:repeat(7,max-content);gap:5px;overflow:hidden}#controls-help span{padding:6px 8px;font-size:16px}#controls-help b{min-width:16px;font-size:16px}}.guide-close,#touch-controls,#touch-map{display:none}@media(max-width:900px),(pointer:coarse)and (max-width:1100px){#app,#welcome{height:100dvh}#identity{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}#welcome{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}#welcome>div{flex-shrink:0;max-width:100%;margin-block:auto}#guide{height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overscroll-behavior:contain;overflow-wrap:anywhere}.guide-close{position:sticky;top:env(safe-area-inset-top);z-index:1;display:block;width:100%;min-height:48px;margin:0 0 18px;padding:12px;border:1px solid rgba(117,220,230,.5);background:#0b161b;color:#d9fbff;font:inherit;font-weight:800;text-align:left;cursor:pointer}#guide a{min-height:44px;max-width:100%}.technology span{max-width:100%;line-height:1.25}.guide-visual span{max-width:100%;text-align:center}#controls-help{display:none}#touch-controls{position:fixed;z-index:2;bottom:calc(12px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));right:calc(14px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}#touch-controls span,#touch-reset,#touch-map{padding:8px 10px;border:1px solid rgba(170,225,230,.16);background:#040c11d9;color:#dce8e9;font:inherit;font-size:14px}#touch-controls span{max-width:30ch}#touch-reset,#touch-map{min-height:44px;flex-shrink:0;color:#7debf3;font-weight:800;pointer-events:auto;cursor:pointer}#touch-map{display:block;min-width:58px}body.pre-entry #touch-controls{display:none}body:has(#guide.visible) #touch-controls{visibility:hidden}#empire-map{padding:12px}.empire-map-shell{height:min(680px,calc(100dvh - 24px))}.empire-map-header,.empire-map-shell footer{padding:14px}.empire-map-header h1{font-size:21px}.empire-map-shell footer{align-items:flex-start;flex-direction:column;gap:5px;font-size:11px}.empire-map-marker{width:min(134px,37%);padding:7px}.empire-map-marker-role{display:none}#loading{max-width:calc(100vw - 40px);width:max-content;overflow-wrap:anywhere}}