/* A quiet paper folio; every rule stays inside the reward shop. */
.new-rewards-shop{--reward-ink:#20383b;--reward-muted:#686d62;--reward-gold:#9a7b45;--reward-paper:#f2ecdf;box-sizing:border-box;position:relative;isolation:isolate;max-width:1160px;margin:72px auto;padding:48px 56px 52px;background:linear-gradient(120deg,#fffaf13d,transparent 65%),url('assets/washi-grain.svg'),var(--reward-paper);color:var(--reward-ink);border-block:1px solid #a48b5b70;box-shadow:0 12px 32px #10272b0c;scroll-margin-top:24px;color-scheme:light}
.new-rewards-shop::before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid #a48b5b24;z-index:-1}
.new-rewards-shop *, .new-rewards-shop *::before,.new-rewards-shop *::after{box-sizing:border-box}
.new-rewards-shop[hidden],.new-rewards-shop [hidden]{display:none!important}
.new-rewards-intro{max-width:660px;margin-bottom:32px}
.new-rewards-intro .kicker{margin:0;color:#80673f;font-size:11px;letter-spacing:.16em;line-height:1.8}
.new-rewards-intro h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(30px,3.8vw,43px);line-height:1.45;font-weight:500;letter-spacing:.08em;margin:12px 0 16px;color:var(--reward-ink)}
.new-rewards-intro>p:last-child{font-size:14px;line-height:1.95;color:#62675c;max-width:34em;margin:0}
.new-rewards-choices{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:0 0 30px;border-bottom:1px solid #a4916a55}
.new-rewards-people{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.new-rewards-people legend,.new-rewards-step{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:13px;line-height:1.7;letter-spacing:.08em;color:#596051;margin:0 0 13px;padding:0}
.new-rewards-people label{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 4px;border-bottom:1px solid #aa977547;cursor:pointer;color:var(--reward-ink);font-size:12px;line-height:1.6;text-align:center;transition:background .15s,color .15s}
.new-rewards-people input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.new-rewards-people label:has(input:checked){background:var(--reward-ink);border-color:var(--reward-ink);color:#fcf4e1}
.new-rewards-people label:has(input:checked)::after{content:"";position:absolute;bottom:4px;width:12px;height:1px;background:#d4b77e}
.new-rewards-people label:has(input:focus-visible){outline:2px solid #a14832;outline-offset:3px}
.new-reward-person-name{white-space:nowrap}
.new-rewards-formats{min-width:0}
.new-rewards-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.new-rewards-tabs button{position:relative;min-width:0;min-height:82px;margin:0;padding:9px 3px 12px;border:0;border-bottom:1px solid #a4916a77;background:transparent;color:#5e6358;font-family:inherit;cursor:pointer;font-size:13px;line-height:1.5;transition:color .15s,background .15s}
.new-rewards-tabs button>span{display:block;min-height:39px;white-space:pre-line;align-content:center}
.new-rewards-tabs button small{display:block;color:#6e5a39;font-size:11px;margin-top:6px;letter-spacing:.03em}
.new-rewards-tabs button[aria-pressed=true]{color:#243c3e;background:linear-gradient(0deg,#d8c29b33,transparent 80%);border-bottom:3px solid #a34f36;padding-bottom:10px}
.new-rewards-tabs button[aria-pressed=true]>span{font-weight:600}
.new-rewards-shop button:focus-visible,.new-rewards-shop input:focus-visible,.new-rewards-shop select:focus-visible{outline:2px solid #a14832;outline-offset:4px}
.new-rewards-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center;padding-top:34px}
.new-rewards-layout figure{min-width:0;margin:0}
.new-rewards-mount{position:relative;display:flex;justify-content:center;align-items:center;min-height:310px;padding:28px;background:radial-gradient(ellipse at 20% 0,#5d71663b,transparent 75%),url('assets/washi-grain.svg'),#1c3438;border:1px solid #324a4b}
.new-rewards-mount::after{content:"";position:absolute;inset:9px;border:1px solid #cbb37c40;pointer-events:none}
.new-rewards-layout .new-rewards-mount img{display:block;width:auto;max-width:100%;height:auto;max-height:272px;object-fit:contain;border:5px solid #eee5d3;box-shadow:0 7px 18px #07181e38}
.new-rewards-shop[data-type=water] .new-rewards-mount img{max-width:244px;width:100%;aspect-ratio:1;object-fit:contain}
.new-rewards-shop[data-type=header] .new-rewards-mount{min-height:240px;padding:25px}
.new-rewards-shop[data-type=header] .new-rewards-mount img{width:100%;max-height:none;aspect-ratio:3;object-fit:contain}
.new-rewards-layout figcaption{font-size:11px;line-height:1.8;color:#6a6e63;text-align:center;margin-top:12px;padding-inline:4px}
.new-rewards-details{min-width:0;max-width:440px}
.new-rewards-details .new-reward-recipient{font-size:12px;letter-spacing:.08em;color:#765d36;margin:0 0 10px;line-height:1.8}
.new-rewards-details h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;line-height:1.55;font-weight:500;letter-spacing:.025em;color:var(--reward-ink);margin:0 0 13px}
.new-rewards-details p{line-height:1.9;color:#62675c;font-size:13px;margin:0 0 12px}
.new-rewards-details .new-reward-price{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;color:var(--reward-ink);letter-spacing:.07em;margin:22px 0 4px;line-height:1.5}
.new-rewards-details .new-reward-balance{font-size:12px;margin:0 0 14px;color:#5f6257}
.new-rewards-details label{display:block;line-height:1.8;font-size:13px;color:#4a5951;margin-top:18px}
.new-rewards-details input,.new-rewards-details select{box-sizing:border-box;width:100%;padding:12px;background:#fffcf4;color:#243c3e;border:1px solid #ae9d7b;border-radius:0;margin:8px 0 15px;font-size:16px;font-family:inherit;min-height:48px}
.new-rewards-details button{display:block;width:100%;min-height:50px;border:1px solid #233e40;background:#233e40;color:#f8eed8;font:inherit;font-size:14px;line-height:1.6;letter-spacing:.035em;cursor:pointer;padding:12px 14px;box-shadow:none;border-radius:0}
.new-rewards-details button:disabled{opacity:1;background:#e1daca;color:#6e7064;border-color:#c2b99f;cursor:default}
.new-rewards-details .small{font-size:11px;line-height:1.9;color:#77776a;margin:15px 0 0}
.new-rewards-details .status{font-size:13px;color:#87452e;margin:12px 0 0;line-height:1.8}
.new-rewards-details .status:empty{margin:0}
@media(hover:hover){.new-rewards-people label:not(:has(input:checked)):hover{background:#d9d2bf4d}.new-rewards-tabs button:not([aria-pressed=true]):hover{background:#d9d2bf40}.new-rewards-details button:not(:disabled):hover{background:#345154}}
@media(max-width:900px){.new-rewards-shop{padding:36px 30px}.new-rewards-choices{gap:26px;grid-template-columns:1fr 1fr}.new-rewards-people{grid-template-columns:repeat(3,minmax(0,1fr))}.new-rewards-layout{gap:28px}.new-rewards-mount{padding:24px;min-height:280px}}
@media(max-width:700px){.new-rewards-shop{margin:36px 0;padding:30px 20px 34px}.new-rewards-intro{margin-bottom:26px}.new-rewards-intro h2{font-size:30px;margin:10px 0 12px}.new-rewards-intro>p:last-child{font-size:13px;max-width:26em}.new-rewards-choices{grid-template-columns:1fr;gap:22px;padding-bottom:24px}.new-rewards-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 7px}.new-rewards-people legend,.new-rewards-step{font-size:12px;margin-bottom:10px}.new-rewards-people label{font-size:12px;min-height:44px}.new-rewards-tabs{gap:8px}.new-rewards-tabs button{font-size:13px;min-height:78px}.new-rewards-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.new-rewards-mount{min-height:0;padding:22px}.new-rewards-shop[data-type=water] .new-rewards-mount img{max-width:208px}.new-rewards-mount img{max-height:240px!important}.new-rewards-shop[data-type=header] .new-rewards-mount{min-height:150px;padding:22px 17px}.new-rewards-layout figcaption{font-size:10px;margin-top:10px}.new-rewards-details{max-width:none}.new-rewards-details h3{font-size:23px}.new-rewards-details .new-reward-recipient{font-size:12px;margin-bottom:7px}.new-rewards-details .new-reward-price{margin-top:18px;font-size:24px}.new-rewards-details .small{font-size:11px}}
@media(max-width:350px){.new-rewards-shop{padding-inline:17px}.new-rewards-intro h2{font-size:28px}.new-rewards-people{gap:5px}.new-rewards-people label{padding-inline:2px}.new-rewards-tabs{gap:6px}.new-rewards-tabs button{font-size:12px}.new-rewards-layout figcaption{font-size:10px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.new-rewards-shop *{transition:none!important}}


/* The selected format reads clearly, and narrow screens keep the exchange in reach. */
.new-rewards-tabs button[aria-pressed=true]{background:var(--reward-ink);color:#fcf4e1;border-bottom-color:#bda16b}
.new-rewards-tabs button[aria-pressed=true] small{color:#e2c995}
.new-rewards-footnote{margin:26px 0 0;padding-top:18px;border-top:1px solid #a4916a44;font-size:11px;line-height:1.9;color:#5f6257}
@media(max-width:700px){
 .new-rewards-people{grid-template-columns:repeat(12,minmax(0,1fr))}
 .new-rewards-people label{grid-column:span 3}
 .new-rewards-people label:nth-of-type(n+5){grid-column:span 4}
 .new-rewards-layout{grid-template-columns:minmax(112px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}
 .new-rewards-mount{padding:12px}
 .new-rewards-mount::after{inset:5px}
 .new-rewards-layout .new-rewards-mount img{border-width:3px}
 .new-rewards-layout figcaption{text-align:left;font-size:10px;line-height:1.75;padding:0}
 .new-rewards-details h3{font-size:20px;line-height:1.55;margin-bottom:10px}
 .new-rewards-details p{font-size:12px;line-height:1.8}
 .new-rewards-details .new-reward-price{font-size:23px;margin-top:15px}
 .new-rewards-details .new-reward-balance{font-size:11px;line-height:1.7}
 .new-rewards-details button{font-size:12px;padding-inline:8px}
 .new-rewards-shop[data-type=header] .new-rewards-layout,.new-rewards-shop[data-owned=true] .new-rewards-layout{grid-template-columns:1fr}
 .new-rewards-shop[data-owned=true] .new-rewards-mount{padding:22px}
 .new-rewards-shop[data-owned=true] .new-rewards-layout figcaption{text-align:center}
 .new-rewards-shop[data-type=header] .new-rewards-details h3{font-size:23px}
 .new-rewards-footnote{margin-top:22px;font-size:11px}
}
@media(max-width:350px){
 .new-rewards-people label,.new-rewards-people label:nth-of-type(n+5){grid-column:span 4}
 .new-rewards-people label:last-of-type{grid-column:5 / span 4}
 .new-rewards-layout{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:14px}
 .new-rewards-details h3{font-size:18px}
}

.new-rewards-people input:focus-visible + span{outline:none}

@media(hover:hover){.new-rewards-details button:not(:disabled):hover{box-shadow:none}}