:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, sans-serif; background: #0d1319; color: #dde6ed; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
#gerbrr { display: block; width: 100vw; height: 100dvh; touch-action: none; }
#startup { position: fixed; inset: 0; display: grid; place-items: center; padding: 24px; background: #0d1319; }
#startup[hidden], [hidden] { display: none !important; }
.welcome { max-width: 660px; padding: 48px; border: 1px solid #2b353f; border-radius: 18px; background: #141b22; box-shadow: 0 30px 100px #0005; }
.eyebrow { margin: 25px 0 14px; color: #90dbbe; font-size: 11px; font-weight: 650; letter-spacing: 2px; }
h1 { margin: 0 0 20px; font-size: clamp(26px, 4vw, 40px); letter-spacing: -1.5px; font-weight: 550; }
.description { color: #8595a1; font-size: 15px; line-height: 1.8; }
#startup-status { margin-top: 26px; color: #90dbbe; white-space: pre-line; overflow-wrap: anywhere; }
.requirements { margin-top: 24px; color: #8595a1; font-size: 11px; line-height: 1.7; }
#drop-overlay { position: fixed; inset: 18px; display: grid; place-items: center; border: 2px solid #90dbbe; border-radius: 14px; background: #0d1c1af2; pointer-events: none; z-index: 5; color: #90dbbe; text-align: center; }
#drop-overlay h2 { font-size: 30px; font-weight: 550; margin: 0 0 16px; }
#drop-overlay p { color: #dde6ed; }
#notice { position: fixed; right: 22px; bottom: 45px; max-width: min(480px, calc(100vw - 44px)); padding: 12px 18px; border: 1px solid #37534c; border-radius: 8px; background: #141b22f5; color: #90dbbe; font-size: 12px; line-height: 1.5; pointer-events: none; z-index: 6; box-shadow: 0 10px 40px #0004; }
#notice[data-error="true"] { color: #f2b170; border-color: #665443; }
.noscript { position: fixed; inset: auto 24px 24px; padding: 18px; border: 1px solid #37534c; border-radius: 8px; background: #141b22; color: #dde6ed; }
.noscript a { color: #90dbbe; }