.receipt-page{min-height:100vh;padding:40px;background:#17191b}.receipt{width:min(850px,100%);margin:auto;background:#fff;padding:35px;border-top:7px solid #d8ae54}.receipt header{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:2px solid #17191b}.receipt h1{margin:0;font-size:22px;letter-spacing:.08em}.receipt header small{color:#8b6b2f;letter-spacing:.15em;font-weight:900}.receipt header button{margin-left:auto;border:0;padding:12px 15px;background:#17191b;color:#f0d087;cursor:pointer}.receipt-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ddd;margin:22px 0}.receipt-meta>div{background:#f7f6f2;padding:14px}.receipt-meta small{display:block;color:#888;font-size:8px;margin-bottom:5px}.receipt-picks{display:grid;gap:5px}.receipt-picks article{display:grid;grid-template-columns:30px 1fr 90px;align-items:center;gap:10px;padding:11px;background:#f7f6f2}.receipt-picks article>span{display:grid;place-items:center;width:26px;height:26px;background:#17191b;color:#f0d087}.receipt-picks small{display:block;color:#888;font-size:8px}.receipt-picks strong{text-align:center;background:#d8ae54;padding:8px}.receipt footer{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;font-size:9px;color:#777}@media(max-width:600px){.receipt-page{padding:8px}.receipt{padding:18px}.receipt header{align-items:flex-start;flex-wrap:wrap}.receipt header button{margin-left:0}.receipt-meta{grid-template-columns:1fr}.receipt-picks article{grid-template-columns:28px 1fr}.receipt-picks strong{grid-column:2;justify-self:start}}@media print{.receipt-page{padding:0;background:#fff}.receipt{width:100%;border-top-color:#000}.receipt header button{display:none}}
.receipt-page{background:#04142f}.receipt{border-top-color:#e3b654}.receipt header{border-bottom-color:#082653}.receipt header button,.receipt-picks article>span{background:#082653;color:#f3d488}.receipt-picks strong{background:#e3b654}
.receipt-page{background:#eef4f9}