/* SIDE A · Sunday Drop. Layout only: every colour, font and line comes from mission.css and crate.css. */
.pass-page .exp h3{ text-transform:uppercase; }
.pass-page .check-t{ display:block; font-weight:600; color:var(--bone); }
.pass-page .check .opt{ display:block; margin:6px 0 0; font-size:11px; }
.pass-page input[type=date]{ color-scheme:dark; min-height:48px; }

/* The pass: a ticket with the QR on sleeve stock, so any phone camera reads it */
.ticket{ margin:26px 0 22px; max-width:420px; border:1px solid var(--rule); }
.ticket-top{ padding:18px 20px 16px; border-bottom:1px solid var(--rule); }
.ticket-k{ margin:0 0 10px !important; color:var(--oxide) !important; }
.ticket-offer{ margin:0 !important; font:800 clamp(22px,2.4vw,28px)/1.05 var(--f-label); text-transform:uppercase; letter-spacing:-.01em; color:var(--bone) !important; }
.ticket-price{ margin:8px 0 0 !important; font:500 15px/1 var(--f-mono); color:var(--bone-3) !important; }
.ticket-price b{ color:var(--oxide); font-weight:500; }
.ticket-qr{ background:var(--bone); padding:18px; display:grid; place-items:center; }
.ticket-qr svg{ display:block; width:100%; max-width:260px; height:auto; }
.ticket-code{ margin:0 !important; padding:14px 20px; border-bottom:1px solid var(--rule); text-align:center; font-size:17px !important; letter-spacing:.16em; color:var(--bone) !important; }
.ticket-rows{ margin:0; padding:6px 20px 12px; }
.ticket-rows div{ display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; padding:8px 0; border-top:1px solid var(--rule); }
.ticket-rows div:first-child{ border-top:0; }
.ticket-rows dt{ color:var(--bone-3); }
.ticket-rows dd{ margin:0; color:var(--bone); }
.track.bone .fine li{ color:var(--lacquer); border-top-color:#0D0C0A26; }
.track.bone .fine li:last-child{ border-bottom-color:#0D0C0A26; }