/* A first-screen phone invitation; the QR is removed when desktop is chosen. */
.desktop-entry { position:fixed; inset:0; z-index:100; overflow:auto; overscroll-behavior:contain; display:grid; place-items:center; padding:30px 24px; background:#f4efe5; color:#59614d; }
.desktop-entry::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; background:linear-gradient(#f5f0e4c9,#f5f0e4c9),url("../../assets/stationery/embroidery/linen-v1.webp") 50% 0/1800px auto; }
.desktop-entry-content { position:relative; display:flex; flex-direction:column; align-items:center; width:min(100%,420px); text-align:center; }
.desktop-entry-mark { width:112px; height:112px; object-fit:contain; mix-blend-mode:multiply; mask-image:radial-gradient(ellipse at center,#000 62%,transparent 77%); }
.desktop-entry-names { margin:12px 0 18px; font:500 10px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:#7b7d65; }
.desktop-entry-title { margin:0; font:300 46px/1.08 var(--display); letter-spacing:-.045em; text-wrap:balance; }
.desktop-entry-body { margin:13px 0 25px; color:#7a7c68; font:400 14px/1.5 var(--sans); }
.qr-card { width:240px; height:240px; padding:20px; background:#fffdf7; border-radius:3px; box-shadow:0 1px 0 #c7bda72e,0 12px 36px #625c4214; }
.qr-card svg { display:block; width:200px; height:200px; shape-rendering:crispEdges; }
.qr-card path { fill:#283522; }
.qr-card[hidden] { display:none; }
.desktop-entry-scan { margin:17px 0 28px; color:#858571; font:400 11px/1.4 var(--sans); }
.desktop-continue { width:100%; max-width:320px; min-height:52px; padding:14px 22px; border:1px solid #8c92766b; border-radius:2px; background:#faf6ed66; color:#626b52; font:500 11px/1.4 var(--sans); letter-spacing:.1em; cursor:pointer; }
.desktop-continue:hover { background:#e9e5d6; border-color:#798164; }
.desktop-continue:focus-visible { outline:2px solid #7b8565; outline-offset:5px; }
.stage-hint { display:none; }
@media(max-height:740px) { .desktop-entry { padding:22px; } .desktop-entry-mark { width:80px; height:80px; } .desktop-entry-names { margin:8px 0 12px; } .desktop-entry-title { font-size:38px; } .desktop-entry-body { margin:9px 0 18px; } .qr-card { width:200px; height:200px; padding:18px; } .qr-card svg { width:164px; height:164px; } .desktop-entry-scan { margin:13px 0 20px; } .desktop-continue { min-height:46px; } }
@media(max-height:540px) { .desktop-entry-mark { display:none; } .desktop-entry-names { margin-top:0; } .desktop-entry-title { font-size:32px; } .desktop-entry-body { margin-bottom:12px; } .qr-card { width:174px; height:174px; padding:17px; } .qr-card svg { width:140px; height:140px; } .desktop-entry-scan { margin:10px 0 14px; } }