/* A compact invitation, using the same palette and theme as the homepage. */
.deal-page{line-height:1.5}
.deal-page main{max-width:440px;margin:0 auto;padding:28px 24px 20px}
.deal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;gap:9px;align-items:center;font-size:1.1875rem;font-weight:650;min-height:44px}
.brand:hover{text-decoration:none}
.brand img{width:36px;height:36px}
.deal-page .eyebrow{margin-top:24px;color:var(--em);font-size:.75rem;letter-spacing:.12em}
.deal-page h1{font-size:2.125rem;line-height:1.2;letter-spacing:-.035em;margin-top:7px}
.intro{margin-top:10px;color:var(--muted);font-size:.9375rem;line-height:1.5}
.preview{background:#276744 url('/solitaire/assets/img/share/felt.png') center/100% 100%;border-radius:14px;margin-top:22px;padding:12px 12px 16px;overflow:hidden}
.preview>p{font-size:.75rem;line-height:1.4;color:#e0eee3;text-align:center;margin-bottom:12px}
.deal-board{position:relative;width:100%;height:0;padding-bottom:47.5609756%}
.board-card,.board-slot{position:absolute;display:block;margin:0}
.board-slot{border:1px solid #cde3d670;border-radius:3px;color:#d0e3d6;display:flex;justify-content:center;align-items:center;line-height:1}
.code-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px 7px 16px;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--input)}
.code-row>div{display:flex;flex-direction:column;min-width:0}
.code-row span{font-size:.75rem;color:var(--muted)}
.code-row strong{font-size:1.5rem;line-height:1.4;letter-spacing:.067em;font-weight:650;overflow-wrap:anywhere}
.code-row button{min-width:56px;min-height:48px;background:transparent;border:0;border-radius:8px;color:var(--ink);font-weight:600;padding:12px}
.code-row button:hover{background:var(--hover-surface)}
.code-row.exact strong{font-size:1.125rem;letter-spacing:0}
.primary{display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;background:var(--action);color:var(--action-text);border:1px solid var(--action);border-radius:999px;text-align:center;font-size:.9375rem;font-weight:650;padding:12px 16px;margin-top:20px}
.primary:hover{background:var(--action-hover);text-decoration:none}
.manual{font-size:.8125rem;line-height:1.6;color:var(--muted);text-align:center;margin-top:12px}
.manual strong{font-weight:600}
.status{font-size:.8125rem;text-align:center;color:var(--em);margin-top:10px}
.status:empty{display:none}
.install{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);text-align:center}
.install>p{font-size:.8125rem;color:var(--muted)}
.deal-page .store-row{gap:20px;margin:4px 0 10px}
.deal-page .store-option{gap:0}
.deal-page .store-badge{line-height:0}
.deal-page .store-badge img{height:40px}
.deal-page .store-option small{font-size:.75rem;margin-top:-3px}
.install p.install-note{font-size:.75rem}
.error{margin-top:40px}
.error p{margin-top:16px;color:var(--muted)}
.error h1{font-size:1.875rem}
.deal-page footer{margin-top:20px;font-size:.8125rem;color:var(--muted)}
.deal-page footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}
.deal-page footer a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:650px){
 .deal-page{background:var(--panel)}
 .deal-page main{margin:36px auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px 28px 24px;box-shadow:0 12px 50px #173c2410}
}
@media(max-width:359px){
 .deal-page main{padding:20px 16px}
 .code-row strong{font-size:1.375rem}
 .preview{padding-left:9px;padding-right:9px}
 .deal-page h1{font-size:1.9375rem}
}
@media(prefers-reduced-motion:no-preference){.primary,.code-row button{transition:background-color .15s}}