/* "Runs on your phone" page for computers (js/gate.js, js/desk.js). Tokens come from styles.css. */
.deskPage { max-width: 640px; margin: 0 auto; padding: 56px 24px 48px; text-align: center; color: var(--text); font-family: var(--font); }
.deskIcon { width: 112px; height: 112px; border-radius: 25px; display: block; margin: 0 auto 20px; }
.deskPage h1 { margin: 0 0 8px; font-size: 34px; line-height: 1.15; }
.deskPage h2 { margin: 28px 0 6px; font-size: 22px; }
.deskLead, .deskHow { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.4; }
.deskQr { width: 240px; height: 240px; margin: 18px auto 12px; padding: 10px; background: #fff; border-radius: 16px; }
.deskQr svg { display: block; width: 100%; height: 100%; }
.deskUrl { margin: 0; font-size: 15px; color: var(--muted); overflow-wrap: anywhere; user-select: all; }
.deskLinks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 28px 0 0; }
.deskLinks a { color: var(--accent); font-weight: 700; font-size: 17px; padding: 6px 2px; }
.deskOpen { margin: 36px 0 0; }
.deskAnyway { background: none; border: 0; padding: 8px 10px; color: var(--muted); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.deskAnyway:hover { color: var(--text); }