/* Launch 01: the title screen is the main menu. Three choices: Play, Settings, How to play. */
#launchTitle{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;color:#f0f6f2;font-family:Inter,system-ui,sans-serif;
  background:radial-gradient(110% 85% at 50% 45%,rgba(0,0,0,.1) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.88) 100%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.5));
  opacity:1;transition:opacity .9s cubic-bezier(.22,.61,.36,1)}
#launchTitle[hidden]{display:none!important}
#launchTitle.lt-leaving{opacity:0;pointer-events:none}
#launchTitle .lt-stage{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.4vh,34px);padding:24px 16px;width:min(560px,100%);text-align:center}
#launchTitle .lt-word{margin:0;font:800 clamp(64px,13vw,156px)/.86 "Barlow Condensed",Impact,sans-serif;letter-spacing:.08em;padding-left:.08em;color:#f0f6f2;text-shadow:0 0 48px rgba(199,252,104,.18)}
#launchTitle .lt-word span{color:#ffda39}
#launchTitle .lt-tag{margin:0;font:600 clamp(15px,2vw,20px)/1.2 "Barlow Condensed",sans-serif;letter-spacing:.32em;color:#b6c9c1;text-transform:uppercase}
#launchTitle nav{display:flex;flex-direction:column;gap:12px;width:min(340px,100%);margin-top:clamp(8px,2vh,22px)}
#launchTitle .lt-btn{appearance:none;border:1px solid rgba(240,246,242,.16);border-radius:14px;padding:16px 22px;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02)),rgba(6,19,15,.62);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.45);color:#f0f6f2;
  font:700 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.22em;text-transform:uppercase;transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color .5s,background .5s}
#launchTitle .lt-btn:hover,#launchTitle .lt-btn:focus-visible{border-color:rgba(199,252,104,.6);outline:none;transform:translateY(-1px)}
#launchTitle .lt-btn.lt-play{background:#c7fc68;color:#07100a;border-color:#c7fc68;font-size:28px;padding:20px 22px;box-shadow:0 0 0 1px rgba(199,252,104,.35),0 22px 60px rgba(199,252,104,.18)}
#launchTitle .lt-btn.lt-play:hover,#launchTitle .lt-btn.lt-play:focus-visible{background:#d6ff8a}
#launchTitle .lt-foot{position:absolute;left:0;right:0;margin:0;text-align:center;bottom:max(16px,env(safe-area-inset-bottom));font:600 11px/1 Inter,sans-serif;letter-spacing:.2em;color:rgba(182,201,193,.6);text-transform:uppercase}
#launchTitle .lt-panel{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55)}
#launchTitle .lt-panel[hidden]{display:none}
#launchTitle .lt-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;text-align:left;border:1px solid rgba(240,246,242,.14);border-radius:18px;padding:26px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),rgba(7,16,10,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 80px rgba(0,0,0,.6)}
#launchTitle .lt-card h2{margin:0 0 6px;font:800 34px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;color:#f0f6f2}
#launchTitle .lt-card p{margin:0 0 16px;color:#b6c9c1;font-size:14px;line-height:1.5}
#launchTitle .lt-card h3{margin:20px 0 8px;font:700 12px/1 Inter,sans-serif;letter-spacing:.2em;color:#c7fc68;text-transform:uppercase}
#launchTitle dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0}
#launchTitle dt{font:700 13px/1.3 Inter,sans-serif;color:#ffda39;white-space:nowrap}
#launchTitle dd{margin:0;font-size:14px;line-height:1.3;color:#f0f6f2}
#launchTitle .lt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(240,246,242,.08);font-size:14px}
#launchTitle .lt-row:first-of-type{border-top:0}
#launchTitle .lt-row select,#launchTitle .lt-toggle{font:700 13px/1 Inter,sans-serif;letter-spacing:.12em;color:#f0f6f2;background:rgba(255,255,255,.06);border:1px solid rgba(240,246,242,.18);border-radius:10px;padding:9px 12px;cursor:pointer}
#launchTitle .lt-toggle[aria-pressed="true"]{background:#c7fc68;color:#07100a;border-color:#c7fc68}
#launchTitle .lt-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#launchTitle .lt-links button{appearance:none;text-align:left;cursor:pointer;border:1px solid rgba(240,246,242,.12);border-radius:10px;padding:11px 12px;background:rgba(255,255,255,.04);color:#f0f6f2;font:600 13px/1.2 Inter,sans-serif}
#launchTitle .lt-links button:hover,#launchTitle .lt-links button:focus-visible{border-color:rgba(199,252,104,.55);outline:none}
#launchTitle .lt-actions{display:flex;gap:10px;margin-top:22px}
#launchTitle .lt-actions .lt-btn{flex:1;font-size:17px;padding:13px 16px}
@media (max-width:420px){#launchTitle .lt-links{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#launchTitle,#launchTitle .lt-btn{transition:none}}
/* The in-world opening card keeps only PLAY and ENTER THE GREEN ROOM; the scene shortcuts live under Settings → Explore. */
#cinematicEntry #introTour,#cinematicEntry #startSpatial,#cinematicEntry #introVault,#cinematicEntry #cinematicStart,#cinematicEntry #introFlightLab{display:none!important}
/* While the title is up, only the live 3D arena shows behind it. */
body.launch-title-open > :is(*:not(#arena):not(#launchTitle):not(#rotorCursor):not(script):not(canvas)),body.launch-title-open > :is(*:not(#arena):not(#launchTitle):not(#rotorCursor):not(script):not(canvas)) *{visibility:hidden!important}

/* Final 01: copy line + three glass windows under the menu (gallery / version history / design system). */
#launchTitle .lt-line{margin:-6px 0 0;font:600 11px/1 Inter,sans-serif;letter-spacing:.26em;color:#c7fc68;text-transform:uppercase}
#launchTitle .lt-windows{position:absolute;left:0;right:0;bottom:max(52px,calc(env(safe-area-inset-bottom) + 44px));display:flex;justify-content:center;gap:16px;padding:0 16px;flex-wrap:wrap}
#launchTitle .lt-win{appearance:none;cursor:pointer;width:min(260px,calc(33vw - 24px));min-width:180px;text-align:left;text-decoration:none;color:#f0f6f2;border-radius:16px;padding:8px 8px 10px;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 40%,rgba(4,60,255,.12));box-shadow:0 30px 60px -30px rgba(4,60,255,.6),0 10px 30px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.25);
  transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.61,.36,1),border-color .6s,box-shadow .6s;font-family:Inter,system-ui,sans-serif}
#launchTitle .lt-win:hover,#launchTitle .lt-win:focus-visible{border-color:rgba(255,255,255,.34);box-shadow:0 50px 90px -30px rgba(4,60,255,.85),0 20px 40px -20px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.4);outline:none}
#launchTitle .lt-win-pane{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#05070a;transform:translateZ(14px)}
#launchTitle .lt-win-pane img{width:100%;height:100%;object-fit:cover;display:block}
#launchTitle .lt-win-pane i{position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.26),rgba(255,255,255,.03) 45%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 45%);mix-blend-mode:screen;pointer-events:none}
#launchTitle .lt-win b{display:block;margin:10px 4px 0;font:700 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em}
#launchTitle .lt-win small{display:block;margin:4px 4px 0;font:500 10.5px/1.3 Inter,sans-serif;letter-spacing:.08em;color:#b6c9c1;text-transform:uppercase}
@media (max-height:760px),(max-width:720px){#launchTitle .lt-windows{position:static;margin-top:10px}#launchTitle .lt-win{width:min(220px,46vw);min-width:150px}#launchTitle .lt-win-pane{aspect-ratio:16/9}}

/* Final 02: WORLDS — the sites as real 3D objects in the arena */
#launchTitle .lt-btn.lt-worlds{display:flex;flex-direction:column;align-items:center;gap:6px;border-color:rgba(111,155,255,.5);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 45%,rgba(4,60,255,.28)),rgba(6,19,15,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 22px 60px -20px rgba(4,60,255,.75)}
#launchTitle .lt-btn.lt-worlds small{font:600 10px/1 Inter,sans-serif;letter-spacing:.2em;color:#b6c9c1}
#launchTitle .lt-btn.lt-worlds:hover,#launchTitle .lt-btn.lt-worlds:focus-visible{border-color:rgba(111,155,255,.9)}