@charset "UTF-8";

:root{--ink:#252123;--lilac:#ddbef0;--mint:#a8f6ec;--lime:#d9ff78;--paper:#faf7f1;--outline:2px solid var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;color:var(--ink);background:#f2e9ec;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 9%,#bba0ecb8,transparent 45%),radial-gradient(ellipse at 45% 27%,#ffb087b0,transparent 42%),radial-gradient(ellipse at 6% 80%,#5bc7b4a6,transparent 46%),radial-gradient(ellipse at 95% 95%,#e6aedb,transparent 46%),#f5eee6}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:7px}
.page{max-width:1320px;margin:auto;padding:0 60px}
.personal-label{margin:0 0 23px;font-size:14px;display:flex;gap:9px;align-items:center;justify-content:flex-end}.status-dot{width:8px;height:8px;border:1px solid var(--ink);background:var(--lime);border-radius:50%}
.hero{text-align:center;padding:67px 0 51px;position:relative}
.title-wrap{position:relative;display:inline-block}
h1{font:normal clamp(66px,8.5vw,112px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:0}
h1 em{font-weight:normal}.title-dot{color:#6354ad}
.hero-spark{position:absolute;left:-80px;top:23px;font-size:60px;color:#b2d56f;-webkit-text-stroke:1.5px var(--ink);transform:rotate(-12deg)}
.heart-sticker{position:absolute;right:-95px;top:3px;display:grid;place-items:center;width:66px;height:66px;border:var(--outline);border-radius:50%;background:var(--lilac);box-shadow:3px 4px 0 var(--ink);font:44px/1 Georgia;transform:rotate(14deg)}
.hero-description{font-size:15px;line-height:1.8;margin:22px 0 0}
.handwritten{display:block;font:italic 17px Georgia,serif;margin-top:22px;transform:rotate(-4deg);color:#57445f}.handwritten span{display:inline-block;margin-left:5px;font-size:30px;vertical-align:middle}
.collection{padding-top:6px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
h2{font:600 25px/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.6px;margin:0}.total{font:12px "Avenir Next",Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:29px;height:25px;border:1px solid var(--ink);border-radius:50%;margin-left:9px;background:#ffffff60}
.demo-label{font-size:12px;color:#655964;letter-spacing:.4px}
.collection-tools{display:flex;align-items:center;justify-content:space-between;margin:26px 0 30px;gap:20px}
.filters{display:flex;gap:11px;flex-wrap:wrap}
.filter{border:1.5px solid var(--ink);border-radius:24px;padding:9px 17px;background:#faf7f180;font-size:14px;transition:background .15s,box-shadow .15s,transform .15s}
.filter span{margin-left:10px;font-size:12px;opacity:.65}.filter:hover{background:#f8f2ff}.filter.active{background:var(--lilac);box-shadow:2px 3px 0 var(--ink),0 0 0 5px var(--lime);font-weight:650}.filter:active{transform:translateY(2px)}
.collection-note{font-size:13px;margin:0;white-space:nowrap}.collection-note span{font-size:21px;margin-right:7px;vertical-align:middle}
.wish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
.wish-card{display:flex;flex-direction:column;border:var(--outline);border-radius:20px;background:var(--card-color);overflow:hidden;box-shadow:4px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.wish-card:hover{transform:translateY(-5px);box-shadow:5px 10px 0 var(--ink)}
.wish-card[hidden]{display:none}.lilac{--card-color:#ddc2f1;--art-color:#dfc6ef}.peach{--card-color:#f6cdb9;--art-color:#f6d6c5}.mint{--card-color:#c0ddd0;--art-color:#cbe5d7}.butter{--card-color:#f4e5a8;--art-color:#f5e9b9}.pink{--card-color:#edccdf;--art-color:#efd6e4}.blue{--card-color:#c4d9ed;--art-color:#d0e1ef}
.card-art{flex-shrink:0;height:253px;background:var(--art-color);position:relative;display:flex;align-items:center;justify-content:center;border-bottom:var(--outline);overflow:hidden}
.product{width:100%;height:100%;filter:drop-shadow(0 12px 6px #25212316);transition:transform .3s}.wish-card:hover .product{transform:rotate(-2deg) scale(1.025)}
.card-art-photo{padding:53px 24px 39px}
.card-art-figures{padding-top:30px}
.product-photo.product-photo-figures{object-position:center}
.product-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:70% center;border:2px solid var(--ink);border-radius:3px;box-shadow:3px 4px 0 var(--ink);transform:rotate(-3deg);transition:transform .3s}
.wish-card:hover .product-photo{transform:rotate(-1deg)}
.card-art-cover{padding:21px 24px 34px}
.game-cover{display:block;width:auto;height:100%;max-width:75%;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(4px 5px 0 #25212380);transition:transform .3s}
.wish-card:hover .game-cover{transform:rotate(-3deg)}
.game-cover-ps5{height:110%}
.game-cover.duo-box{height:135%;max-width:95%;transform:rotate(7deg)}
.wish-card:hover .duo-box{transform:rotate(3deg)}
.lego-brick{display:block;width:70%;height:76%;object-fit:contain;transform:rotate(-12deg);transition:transform .3s}
.wish-card:hover .lego-brick{transform:rotate(-7deg)}
.game-cover-crop{width:123px;object-fit:cover;border-radius:3px}
.sticker{position:absolute;pointer-events:none;filter:drop-shadow(2px 3px 0 #25212345)}
.sticker-snikt{width:76px;height:62px;left:5%;top:42%;transform:rotate(-14deg)}
.sticker-claws{width:47px;height:53px;right:7%;top:16%;transform:rotate(16deg)}
.sticker-star{width:36px;height:36px;right:9%;bottom:25%;transform:rotate(13deg)}
.sticker-paw{width:53px;height:53px;left:7%;top:24%;transform:rotate(-17deg)}
.sticker-pokeball{width:42px;height:42px;right:8%;top:12%;transform:rotate(18deg)}
.photo-caption{position:absolute;right:17px;bottom:12px;font:italic 13px Georgia,serif}
.product-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.product-link:hover{color:#544275}
.priority{position:absolute;z-index:1;top:16px;left:15px;border:1.5px solid var(--ink);border-radius:20px;padding:6px 11px;background:var(--lime);font-size:12px;transform:rotate(-5deg)}.badge-peach{background:#ffc6a5}.badge-pink{background:#f6b9d8}.badge-yellow{background:#ffe58a}.badge-mint{background:var(--mint)}.badge-lilac{background:#d6b3f5}
.art-number{position:absolute;bottom:13px;left:17px;font-size:12px;letter-spacing:1px;opacity:.6}
.art-doodle{position:absolute;font:italic 15px Georgia,serif}.camera-doodle{top:22px;right:22px;transform:rotate(8deg)}.lamp-doodle{bottom:23px;right:15px;font-size:12px;transform:rotate(-8deg)}.keyboard-doodle{top:29px;left:23px;transform:rotate(-6deg)}.record-doodle{top:24px;right:19px;transform:rotate(5deg);font-size:13px}
.card-content{display:flex;flex-direction:column;flex:1;padding:18px 21px 15px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;letter-spacing:1.6px}.card-meta>span+span{font-size:19px;line-height:1;letter-spacing:0}
h3{font:600 26px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.6px;margin:12px 0 9px}
.card-content p{font-size:15px;line-height:1.7;min-height:42px;margin:0 0 21px;color:#453b43}
.card-bottom{margin-top:auto;border-top:1px solid #25212335;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:6px}.item-name{font-size:14px;line-height:1.5}.little-heart{font:23px Georgia;line-height:1}
.closing-note{display:flex;align-items:center;justify-content:center;gap:27px;padding:57px 0 45px}.closing-note>span{font-size:30px;color:#756595}.closing-note p{font:19px/1.5 Georgia,serif;text-align:center}.closing-note>span:last-child{color:#436f62;font-size:23px}
footer{border-top:1px solid #25212335;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 29px;font-size:12px}footer>span:nth-child(2){color:#615562}footer>span:nth-child(2)>span{font-size:17px;vertical-align:middle;margin-left:4px}footer a:hover{text-decoration:underline;text-underline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{padding-top:80px;padding-bottom:65px}.card-art{height:285px}}
@media(max-width:1000px){.page{padding:0 35px}.wish-grid{gap:25px 20px}.card-art{height:210px}.card-content{padding:17px}h3{font-size:23px}.card-content p{min-height:61px}.hero-spark{left:-55px;font-size:42px}.heart-sticker{right:-65px;width:50px;height:50px;font-size:34px}.collection-note{display:none}}
@media(max-width:740px){.page{padding:0 23px}.title-wrap{width:100%}.hero{padding:55px 0 43px}h1{font-size:75px;letter-spacing:-1px}.hero-spark{left:8px;top:-16px;font-size:30px;line-height:1}.heart-sticker{right:8px;top:-12px;width:41px;height:41px;font-size:29px}.hero-description{font-size:13px}.handwritten{font-size:15px}.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 19px}.collection-heading{align-items:flex-start;flex-direction:column;gap:9px}h2{font-size:24px}.collection-tools{margin-top:22px}.card-art{height:220px}.art-doodle{font-size:12px}.card-content p{font-size:15px;min-height:56px}.card-content h3{font-size:22px}.item-name{font-size:14px}.priority{font-size:12px;left:10px;padding:5px 8px}.closing-note{gap:16px;padding:36px 0 26px}.closing-note p{font-size:17px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}
@media(max-width:460px){.page{padding:0 22px}.hero{padding-top:47px}h1{font-size:59px;letter-spacing:-1px}.hero-spark{left:8px;font-size:23px;top:-16px;line-height:1}.heart-sticker{right:8px;top:-13px;width:32px;height:32px;font-size:23px;box-shadow:2px 3px 0 var(--ink)}.hero-description{font-size:14px}.wish-grid{grid-template-columns:1fr;gap:26px}.card-art{height:265px}.card-content{padding:19px 22px 17px}.card-content h3{font-size:28px}.card-content p{font-size:15px;min-height:0;margin-bottom:22px}.card-meta{font-size:11px}.item-name{font-size:14px}.filters{gap:10px}.filter{font-size:14px;padding:9px 12px}.filter span{margin-left:5px}.art-doodle{font-size:15px}.priority{font-size:12px;left:17px}.collection-tools{margin-bottom:27px}.closing-note>span{font-size:24px}.closing-note p{font-size:16px}.closing-note{gap:13px}.demo-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
