/* Prices are small handwritten slips, not a second product card. */
.price-tag{position:relative;display:inline-block;align-self:flex-start;isolation:isolate;max-width:100%;padding:7px 17px 8px;margin:9px 4px 16px;font:27px/1.12 Notebook,cursive;color:#344b43;white-space:nowrap;transform:rotate(-3deg);background:#f4edd7;box-shadow:1px 3px 3px #50442c24;border:0;border-radius:1px 3px 2px 1px}
.price-tag:before{content:'';position:absolute;inset:3px 6px;border:1.2px solid #77866a9c;border-radius:47% 51% 43% 49%;transform:rotate(2deg);pointer-events:none}
.price-tag:after{content:'';position:absolute;top:-5px;left:36%;width:24px;height:10px;background:#c3ccb3a1;transform:rotate(-5deg);pointer-events:none}
:is(.idea-note,.discovery-card):nth-child(3n+2) .price-tag{transform:rotate(2deg);background:#f1f1e6}
:is(.idea-note,.discovery-card):nth-child(3n+2) .price-tag:before{inset:auto 10px 4px;height:2px;border:0;border-bottom:2px solid #8a9ba8;transform:rotate(-2deg);border-radius:50%}
:is(.idea-note,.discovery-card):nth-child(3n) .price-tag{transform:rotate(-1deg);background:#f4eae4}
.price-context{font:20px/1.35 Notebook,cursive!important;color:#616759;margin:10px 0 18px}
.detail-price{font-size:32px;margin:12px 8px 15px}
.price-tag + .text-link{display:block;margin-top:4px}
/* On the animated desk price slips are hidden; individual landing controls their reveal. */
#gifts .board-price{position:absolute;right:3%;bottom:-3%;z-index:5;margin:0;max-width:94%;font-size:clamp(13px,calc(var(--note-size)*.125),25px);padding:5px 10px 6px;opacity:var(--card,0);transform:translateY(calc((1 - var(--card,0))*8px)) rotate(-4deg);pointer-events:none;visibility:visible}
#gifts .board-price:before{inset:2px 4px;border-width:1px}
#gifts .board-price:after{width:16px;height:7px;top:-4px}
#gifts .wish:nth-child(2n) .board-price{background:#f1f1e6;transform:translateY(calc((1 - var(--card,0))*8px)) rotate(3deg)}
#gifts .gift-label{bottom:calc(5% + var(--card,0)*15%)}
#gifts .card-foot{display:none!important}
/* The shop action uses the same softly folded paper language as the navigation. */
:is(a.button,a.btn,a.offer).purchase-note,.paper-dialog .gift-sheet a.purchase-note{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;isolation:isolate;max-width:100%;min-height:52px;padding:15px 30px!important;margin:12px 4px 17px;border:1px solid #c9c1a8!important;border-radius:2px 5px 1px 3px!important;background:linear-gradient(165deg,#fffdf4,#eee8d7)!important;color:#354b40!important;box-shadow:1px 4px 5px #5347302b!important;font:27px/1.2 Notebook,cursive!important;text-decoration:none!important;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s}
a.purchase-note:before{content:'';position:absolute;top:-7px;left:38%;width:42px;height:15px;background:#bec9aaa3;transform:rotate(4deg)}
a.purchase-note:after{content:'';position:absolute;right:0;bottom:0;width:13px;height:13px;background:linear-gradient(135deg,#d7d0b9 49%,#fffdf2 51%);box-shadow:-1px -1px 1px #685f3d18}
a.purchase-note:hover{transform:translateY(-2px) rotate(.4deg);box-shadow:2px 7px 8px #53473033!important}
a.purchase-note:focus-visible{outline:2px solid #547367;outline-offset:6px}
/* The common daylight projection fades before it can meet an unlit section. */
header:not(.app-header):before,#story .stage:before{opacity:calc(.75*var(--daylight-exit,1))}
.dream-kite.airborne{position:fixed!important;left:0!important;top:0!important;z-index:60!important;pointer-events:none!important}
@media(max-width:700px){
 header:not(.app-header):before,#story .stage:before{opacity:calc(.85*var(--daylight-exit,1))}
 #story .landing{left:45%;width:51%}
 #story .landing h2{font-size:29px}
 .price-tag{font-size:25px}
 .detail-price{font-size:30px}
 .price-context{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){a.purchase-note{transition:none}}

/* Prices are pencil annotations on the existing paper, not pasted badges. */
.price-tag{background:transparent!important;box-shadow:none;border-radius:0;padding:5px 12px 8px}
.price-tag:after{display:none}
#gifts .board-price{bottom:3%;right:5%;background:transparent!important;box-shadow:none;font-size:clamp(16px,calc(var(--note-size)*.145),27px);padding:4px 8px 6px;color:#435046}
#gifts .gift-label{bottom:calc(5% + var(--card,0)*20%)}
#gifts .wish:nth-child(3n+1) .board-price:before{inset:auto 4px 3px;height:3px;border:0;border-bottom:2px solid #7d8d7399;border-radius:45%;transform:rotate(-5deg)}
#gifts .wish:nth-child(3n+2) .board-price:before{inset:1px 1px;border:1px solid #8b796f88;border-radius:43% 53% 48% 45%;transform:rotate(5deg)}
#gifts .wish:nth-child(3n) .board-price:before{inset:auto 2px 2px;height:5px;border:0;border-top:1px solid #8297a599;border-bottom:1px solid #8297a577;border-radius:40%;transform:rotate(-3deg)}

/* Decorations surround the padded amount; they never run through its digits. */
.price-tag:before{inset:-2px -4px;height:auto;border:1px solid #77866a9c;border-radius:48%;transform:none}
.idea-note:nth-child(3n+2) .price-tag:before,.discovery-card:nth-child(3n+2) .price-tag:before{inset:auto 0 -3px;height:0;border:0;border-bottom:1px solid #8a9ba8;transform:none}