/* Cinematic island: world first; semantic HTML remains the accessible interface. */
.island-journey{height:700svh;position:relative;background:#0e1a20}.island-stage{position:sticky;top:0;height:100svh;overflow:hidden}.island-canvas{width:100%;height:100%;display:block}.island-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07121888,transparent 18%,transparent 82%,#04101955),radial-gradient(ellipse,transparent 64%,#040b0f44)}.island-hud{position:absolute;inset:0;padding:96px 4.2% 26px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity 1s;z-index:2}.island-ready.intro-complete .island-hud{opacity:1}.island-hud a,.island-hud button{pointer-events:auto}.hud-top,.hud-bottom{display:flex;justify-content:space-between;gap:20px}.hud-title .eyebrow{font:10px monospace;letter-spacing:.17em;color:#c4d0c3}.hud-title h1{font-size:21px;line-height:1;letter-spacing:.06em;margin:10px 0;color:#f1f2e8;text-shadow:0 2px 12px #0008}.hud-title p{font-size:11px;color:#d1d9cf;margin-top:10px}.hud-controls{display:flex;gap:16px;align-items:start}.hud-controls button{color:#e1e5de;border:0;border-bottom:1px solid #a5b3a35c;background:#101c2250;font:10px monospace;letter-spacing:.03em;padding:8px 3px;backdrop-filter:blur(6px)}.hud-controls button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.sector-nav{position:absolute;right:3%;top:39%;display:flex;flex-direction:column;gap:14px}.sector-nav:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b4c2ad55;z-index:-1}.sector-nav button{width:34px;height:34px;font:11px monospace;background:#111e25d9;color:#c1c9bd;border:1px solid #abb6a54f;transition:color .3s,border-color .3s}.sector-nav button.active{color:var(--lime);border-color:var(--lime);box-shadow:0 0 14px #a8ed2820}.hud-bottom{align-items:end}.hud-coordinate{font:10px monospace;line-height:1.8;color:#d1d6cb;letter-spacing:.1em}.sector-readout{color:var(--lime);font-size:14px;margin-left:8px}.hud-grid,.render-status{display:block}.hud-catalogue{color:#e6eadf;font:10px monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #c8d5b955;padding-bottom:8px}.journey-track{position:absolute;right:14px;top:25%;height:50%;width:1px;background:#b8c7b633}.journey-progress{height:100%;background:var(--lime);transform-origin:top}.island-loading{position:absolute;inset:0;z-index:6;background:#030504;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .7s}.island-loading[hidden]{display:none}.island-loading.departing{opacity:0;pointer-events:none}.island-loading img{width:96px;height:96px;object-fit:cover;animation:bootPulse 2s ease-in-out infinite}.island-loading p{font:10px monospace;color:#cbd9bf;letter-spacing:.2em}.island-loading progress{width:150px;height:2px;appearance:none;border:0;background:#293124}.island-loading progress::-webkit-progress-bar{background:#293124}.island-loading progress::-webkit-progress-value{background:var(--lime);transition:width .3s}.loading-phase{font:9px monospace;color:#889883;letter-spacing:.13em}.skip-intro{margin-top:15px;background:transparent;border:0;color:#b4beaf;font-size:10px;text-decoration:underline;text-underline-offset:5px}.poi-panel{position:absolute;left:4.2%;bottom:112px;width:310px;max-width:32vw;padding:18px 20px;border-left:1px solid #c6fa63;background:linear-gradient(90deg,#0c1a20d9,#0c1a20a1);backdrop-filter:blur(8px);opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;transition:opacity .45s,transform .45s}.poi-panel.visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.poi-zone{font:9px monospace;letter-spacing:.1em;color:#c5d8a9}.poi-panel h2{font-size:25px;line-height:1.12;margin:10px 0;color:#eef0e6}.poi-description{font-size:12px;line-height:1.65;color:#cbd5ca;margin:10px 0}.poi-actions{display:flex;gap:24px;align-items:center;margin-top:15px}.poi-details{font:11px monospace;color:var(--lime);letter-spacing:.12em}.poi-discord{font-size:10px;color:#d3d9ce}.poi-panel a{pointer-events:auto}.world-markers{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 1s}.intro-complete .world-markers{opacity:1}.world-poi{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:8px;pointer-events:auto;border:0;background:transparent;color:#e8eee0;padding:6px;font:10px monospace;white-space:nowrap}.world-poi:after{content:'';position:absolute;left:18px;top:100%;height:16px;width:1px;background:#c6d7b37c}.poi-number{display:grid;place-items:center;width:23px;height:23px;border:1px solid #bdcdbd88;background:#15252bea;border-radius:50%;box-shadow:0 2px 14px #0004}.poi-name{display:none;background:#112027dd;padding:8px 10px;border-left:1px solid #9caf9a;max-width:180px;white-space:normal;text-align:left;line-height:1.4}.world-poi.selected .poi-number{color:var(--lime);border-color:var(--lime)}.tactical .poi-name{display:block}.world-poi[hidden]{display:none}.map-open .poi-panel,.map-open .hud-title h1,.map-open .hud-title p{visibility:hidden;pointer-events:none}.island-finale{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 1.3s;z-index:3;background:#08151c30}.island-finale img{width:90px;mix-blend-mode:screen}.island-finale h2{font-size:30px;letter-spacing:.1em;margin:15px 0}.island-finale p{color:var(--lime);font:10px monospace;letter-spacing:.2em}.island-finale span{font-size:11px;color:#d4decf;margin-top:20px}.island-exit .island-finale{opacity:1}.island-exit .world-markers,.island-exit .hud-title{opacity:0}.world-cursor{position:fixed;left:0;top:0;z-index:5;width:5px;height:5px;border:1px solid #e2e5dd;border-radius:50%;pointer-events:none;opacity:0}.world-cursor:after{content:'';position:absolute;inset:-7px;border:1px solid #d6dccb66;border-radius:50%;transition:inset .2s,border-color .2s;opacity:0}.world-cursor.visible{opacity:1}.world-cursor.interactive:after{opacity:1;inset:-11px}.world-cursor.targeting{border-color:var(--lime)}.world-cursor.targeting:after{border-color:var(--lime)}.island-debug{position:absolute;left:10px;top:110px;z-index:10;background:#000d;padding:15px;font:11px monospace;color:#d9ff88;pointer-events:none}.home-page>.header{position:fixed;inset:0 0 auto;background:linear-gradient(#071016cc,#07101644);border:0;backdrop-filter:blur(5px)}.home-page>.header .brand-logo{width:44px;height:44px}.home-page>.header nav a{font-size:12px}.home-page .home-hero{min-height:65svh}.island-fallback{height:100svh}.island-fallback .island-stage{background:linear-gradient(90deg,#0c1821db,#0c1821aa),url('assets/jst-logo.png') center/cover}.island-fallback canvas,.island-fallback .world-markers,.island-fallback .world-cursor,.island-fallback .journey-track,.island-fallback .sector-nav,.island-fallback .poi-panel{display:none}.island-fallback .island-hud{opacity:1}.island-fallback .hud-title{margin-top:80px}.island-fallback .hud-title h1{font-size:40px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@keyframes bootPulse{50%{opacity:.6;filter:brightness(1.15)}}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){.island-ready .island-canvas{cursor:none}}
@media(max-width:760px){.island-journey{height:650svh}.island-hud{padding:90px 5% 20px}.hud-title h1{font-size:16px}.hud-title p{font-size:10px;max-width:130px}.hud-title .eyebrow{font-size:8px;letter-spacing:.05em}.hud-controls{gap:8px;max-width:150px;flex-wrap:wrap;justify-content:flex-end}.hud-controls button{font-size:9px;padding:6px 2px}.sector-nav{top:39%;right:4%;gap:9px}.sector-nav button{width:28px;height:28px;font-size:10px}.poi-panel{left:5%;bottom:95px;width:76%;max-width:76%;padding:12px 14px}.poi-panel h2{font-size:22px;margin:8px 0}.poi-zone{font-size:8px}.poi-description{font-size:11px;margin:6px 0}.poi-actions{margin-top:10px}.hud-coordinate{font-size:9px;letter-spacing:.03em}.hud-catalogue{font-size:9px;max-width:120px}.journey-track{right:6px}.poi-name{font-size:9px;max-width:126px;padding:5px}.tactical .world-poi{transform:translate(-50%,-100%);gap:4px}.tactical .poi-number{width:19px;height:19px;font-size:9px}.island-finale h2{font-size:25px}.world-cursor{display:none}.home-page>.header{padding-top:12px;padding-bottom:12px}.home-page>.header .brand-logo{width:38px;height:38px}.island-exit .island-hud{opacity:.6}}
@media(max-height:650px) and (max-width:760px){.poi-description{display:none}.poi-panel{bottom:85px;padding:10px}.poi-panel h2{font-size:19px}.island-hud{padding-top:76px}.hud-title p{display:none}}@media(prefers-reduced-motion:reduce){.island-journey{height:400svh}.island-loading img{animation:none}.island-hud,.poi-panel,.island-finale,.world-markers{transition:none}.world-cursor{display:none}}
.home-page:has(.island-journey:not(.intro-complete):not(.island-fallback))>.header{opacity:0;pointer-events:none}.home-page>.header{transition:opacity .8s}.home-page .home-range{padding-top:90px}.home-page .range-card{border-color:#7e8b7755;background:linear-gradient(135deg,#15202088,#070d0b)}.product-word>span{letter-spacing:.08em;font-size:10px}