:root{color-scheme:dark;--void: #0d1228;--panel: rgba(21, 26, 61, .88);--line: rgba(255, 255, 255, .1);--ink: #ffffff;--mute: #c5cbe4;--yellow: #ffe81a;--yellow-ink: #1b2350;--font: "Segoe UI", Inter, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--void);color:var(--ink);font:500 15px/1.45 var(--font);-webkit-font-smoothing:antialiased}.title-screen{position:relative;min-height:100%;min-height:100dvh;overflow:hidden;display:grid}.title-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:0}.title-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#080c1c8c,#080c1c1f 38%,#080c1c33 58%,#080c1ceb);pointer-events:none}.title-ui{position:relative;z-index:2;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));max-width:560px;margin:0 auto;width:100%}.title-brand{display:block;width:fit-content;text-decoration:none}.title-wordmark{width:min(148px,38vw);height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.title-copy{text-align:left;margin-top:auto;margin-bottom:18px;max-width:22ch}.title-kicker{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);text-shadow:0 2px 12px rgba(0,0,0,.55)}.title-copy h1{margin:0;font-size:clamp(36px,9vw,54px);font-weight:800;letter-spacing:-.03em;line-height:.98;text-shadow:0 4px 24px rgba(0,0,0,.55)}.tagline{margin:12px 0 0;color:var(--mute);font-size:15px;max-width:28ch;text-shadow:0 2px 10px rgba(0,0,0,.5)}.site-url{display:inline-block;margin-top:12px;color:var(--yellow);font-weight:700;font-size:14px;text-decoration:none;letter-spacing:.02em}.site-url:hover{text-decoration:underline}.title-actions{display:grid;gap:10px}.lang-row{justify-content:flex-start;margin-top:0}.actions{display:flex;gap:10px;margin-top:0;flex-wrap:wrap}.btn-y,.btn-g{border:0;border-radius:10px;font-weight:700;padding:12px 16px;cursor:pointer;font:inherit}.btn-play{min-width:132px;padding:14px 22px;font-size:16px;box-shadow:0 10px 28px #ffe81a47}.btn-y{background:var(--yellow);color:var(--yellow-ink)}.btn-y:disabled{opacity:.5;cursor:not-allowed}.btn-g{background:#ffffff1a;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.err{margin-top:4px;color:#ff8d90;font-size:13px}.legal{margin:4px 0 0;font-size:12px;color:#aeb6d6d9}.legal a{color:#dfe5ff}.shell{min-height:100%;display:grid;place-items:center;padding:24px 16px}.privacy-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1eb8;z-index:20}.card{width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 26px 22px;box-shadow:0 18px 50px #05081c73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-frame{position:fixed;top:0;right:0;bottom:0;left:0;border:0;width:100%;height:100%;background:#151a3d}.play-chrome{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 0 calc(12px + env(safe-area-inset-left,0px));pointer-events:none}.play-chrome>*{pointer-events:auto}.play-logo{display:block;line-height:0;border-radius:10px;background:#151a3db8;border:1px solid var(--line);padding:6px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-wordmark{width:112px;height:auto;display:block}.play-menu{position:relative;display:flex;align-items:flex-start;gap:8px}.play-actions-inline{display:none;gap:8px}.chrome-btn,.menu-toggle{border:1px solid var(--line);background:#151a3dd9;color:#fff;border-radius:999px;padding:8px 12px;font:600 12px var(--font);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:18px;border-radius:12px}.menu-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;display:grid;gap:4px;padding:8px;border-radius:14px;border:1px solid var(--line);background:#151a3df0;box-shadow:0 14px 36px #05081c73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-panel[hidden]{display:none!important}.menu-panel.open{display:grid}.menu-panel button,.menu-panel a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#fff;text-align:left;text-decoration:none;font:600 13px/1.3 var(--font);padding:10px 12px;border-radius:10px;cursor:pointer}.menu-panel button:hover,.menu-panel a:hover{background:#ffffff14}@media(max-width:720px),(pointer:coarse){.play-wordmark{width:96px}.play-logo{padding:5px 8px}.play-actions-inline{display:none!important}.menu-toggle{display:grid}}@media(min-width:721px)and (pointer:fine){.menu-toggle{display:none}.play-actions-inline{display:flex}.menu-panel{display:none!important}.play-wordmark{width:128px}}@media(min-width:900px){.title-hero{object-position:center 40%}.title-ui{max-width:720px;padding-left:48px;padding-right:48px}.title-copy{max-width:28ch}.title-wordmark{width:min(200px,28vw)}}
