:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #101e25; color: #f3f5e9; }
* { box-sizing: border-box; }
body { margin: 0; }
#launch-panel { position: fixed; z-index: 10; left: max(22px, env(safe-area-inset-left)); top: max(22px, env(safe-area-inset-top)); width: min(430px, calc(100% - 44px)); padding: 24px; border: 1px solid #56766d; border-radius: 20px; background: rgba(12, 28, 34, .95); box-shadow: 0 15px 55px #0005; }
.eyebrow { margin: 0 0 15px; color: #e9c789; font-size: .72rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0 0 16px; font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.07; letter-spacing: -.045em; }
h1 span { color: #70f0bb; }
p { line-height: 1.5; font-size: .93rem; }
.actions { display: flex; gap: 10px; margin: 20px 0; }
button { border: 1px solid #70f0bb; border-radius: 999px; min-height: 46px; padding: 11px 22px; background: #70f0bb; color: #10251d; font: inherit; font-weight: 700; cursor: pointer; }
button.secondary { background: transparent; color: #70f0bb; }
button:disabled { cursor: default; opacity: .4; }
button:focus-visible, a:focus-visible { outline: 3px solid #e9c789; outline-offset: 4px; }
.hint { color: #c9d7cf; font-size: .85rem; }
#status { color: #70f0bb; border-top: 1px solid #365149; padding-top: 14px; }
#status.error { color: #ffb7a4; }
.footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
a { color: #e9c789; font-size: .83rem; }
.text-button { padding: 0; border: 0; background: transparent; color: #b9d4c9; font-size: .78rem; font-weight: 400; text-decoration: underline; }
.small { color: #91ada3; font-size: .76rem; margin-bottom: 0; }
body.in-xr #launch-panel { display: none; }
.no-script { position: fixed; z-index: 20; bottom: 0; padding: 20px; background: #101e25; }
@media (max-width: 600px) {
  #launch-panel { left: 12px; top: auto; bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100% - 24px); max-height: 68vh; overflow-y: auto; padding: 18px; }
  h1 { font-size: 1.6rem; }
  .eyebrow { margin-bottom: 10px; }
  .actions { margin: 14px 0; }
}