.reward-hero{padding:32px;border-radius:22px;background:linear-gradient(90deg,#123c32ed,#123c3288),url('housing/reward-frame.webp') center/cover;color:#fff3cc;margin-bottom:24px}.reward-hero h2{color:#ffe2a0}.reward-hero p{max-width:560px}.reward-entry input[name=code]{font-family:monospace;font-size:18px;letter-spacing:.06em;text-align:center}.reward-preview{border:1px solid #bca365;background:linear-gradient(130deg,#f8f1d9,#e1eadd);border-radius:22px;padding:25px;margin-top:20px}.reward-list{list-style:none;padding:0;display:grid;gap:8px}.reward-list li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid #a9b59555;border-radius:12px;background:#fff8}.reward-list li span{font-size:12px}.reward-won{animation:reward-appear .65s ease-out}.reward-crystal{display:block;width:70px;height:70px;background:url('housing/menu-atlas.webp') 100% 100%/300% 200%;margin:auto;animation:reward-shimmer 3s ease-in-out infinite}.reward-code-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.reward-code-list article{padding:20px;border:1px solid #b8ab7f;border-radius:18px;background:#f3f0e1;display:flex;flex-direction:column;justify-content:space-between}.reward-code-list code{font-size:13px;overflow-wrap:anywhere}.reward-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reward-settings label{min-width:0}.reward-settings small{font-weight:normal;display:block}.reward-create fieldset{padding:20px;border:1px solid #aeb998;border-radius:18px;margin:20px 0}.reward-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #b9c0a5;padding:12px 0;font-size:13px}.reward-print-card{width:min(100%,480px);aspect-ratio:2/3;margin:0 auto;position:relative;background:url('housing/reward-frame.webp') center/100% 100%;text-align:center;isolation:isolate}.reward-print-card h2{position:absolute;top:15%;left:10%;width:80%;font-size:clamp(15px,2vw,24px);color:#153c31;margin:0}.reward-qr{position:absolute;left:20%;top:26%;width:60%;aspect-ratio:1;background:white}.reward-qr svg{width:100%;height:100%;display:block}.reward-print-card code{position:absolute;left:9%;top:73%;width:82%;font-size:clamp(11px,1.6vw,17px);font-weight:bold;color:#143c31}.reward-print-card>p{position:absolute;left:12%;top:78%;width:76%;font-size:12px;color:#143c31}.reward-card-actions{justify-content:center;margin-top:20px}.reward-entry video{width:100%;max-height:300px;background:#102c26;border-radius:18px;margin:16px 0}.reward-entry [role=status]:empty{display:none}.reward-entry [role=status]{padding:12px;background:#f3e5bf;border-radius:12px}.reward-lease{font-size:11px;color:#416443}.reward-admin-button{border-color:#b9a057}.reward-redeem-button{display:flex;align-items:center;gap:8px}.reward-redeem-button:before{content:'';width:34px;height:34px;display:block;background:url('housing/menu-atlas.webp') 100% 100%/300% 200%}
@keyframes reward-appear{from{opacity:0;transform:translateY(16px)}}@keyframes reward-shimmer{50%{filter:drop-shadow(0 0 10px #ebc767);transform:translateY(-3px)}}
@media(max-width:650px){.reward-code-list,.reward-settings{grid-template-columns:1fr}.reward-hero{padding:22px}.reward-create fieldset{padding:14px}.reward-entry input[name=code]{font-size:13px}.reward-print-card h2{font-size:17px}.reward-print-card code{font-size:11px}.reward-print-card>p{font-size:10px}.reward-selected{align-items:start}.reward-list li{padding:10px}.reward-card-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.reward-won,.reward-crystal{animation:none}}
@media print{body.printing-reward>*{display:none!important}body.printing-reward #modal{display:block!important;position:static!important;max-height:none!important;width:100%!important;border:0;box-shadow:none;background:white}body.printing-reward #modal>*{display:none!important}body.printing-reward #modal .modal-body{display:block!important;overflow:visible!important;padding:0}body.printing-reward .modal-body>*{display:none!important}body.printing-reward .modal-body>.reward-print-card{display:block!important;width:90mm;height:135mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.printing-reward .reward-print-card h2{font-size:16px}body.printing-reward .reward-print-card code{font-size:11px}}

/* Text and QR align with the illustrated parchment panels. */
.reward-print-card{container-type:inline-size}.reward-print-card h2{top:20.5%;left:20%;width:60%;font-size:16px;font-size:clamp(10px,var(--reward-title-size,3.8cqw),20px);line-height:1.2}.reward-qr{left:27%;top:27%;width:46%}.reward-print-card code{top:82%;left:11%;width:78%;font-size:clamp(9px,3cqw,15px);overflow-wrap:anywhere}.reward-print-card>p{top:86.5%;left:13%;width:74%;font-size:clamp(8px,2.3cqw,12px);margin:0}