.star-content-stage{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,56px);background:radial-gradient(circle at 50% 45%,rgba(66,58,132,.34),rgba(2,5,18,.84) 72%);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s}
.star-content-stage.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease}.content-backdrop-stars{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 13% 17%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 78% 33%,#d8c5ff 0 1px,transparent 1.8px),radial-gradient(circle at 42% 82%,#b9d9ff 0 1px,transparent 1.7px);background-size:113px 107px,157px 149px,211px 193px;animation:content-drift 14s linear infinite}
.star-content-body{position:relative;width:min(920px,100%);max-height:min(82vh,780px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(173,164,236,.4) transparent;filter:drop-shadow(0 26px 65px rgba(0,0,28,.5))}
.star-content-close{position:absolute;z-index:4;right:clamp(18px,4vw,52px);top:clamp(18px,4vw,42px);width:38px;height:38px;padding:0;border:1px solid rgba(209,214,255,.38);border-radius:50%;background:rgba(13,19,52,.72);color:#e8eaff;font-size:24px;line-height:34px;box-shadow:0 0 18px rgba(139,128,229,.2);transition:transform .25s,background .25s,box-shadow .25s}.star-content-close:hover,.star-content-close.gesture-hover{transform:rotate(10deg) scale(1.08);background:rgba(117,91,181,.7);box-shadow:0 0 24px rgba(215,170,255,.55)}
.content-panel{position:relative;margin:auto;padding:clamp(28px,5vw,55px);overflow:hidden;border:1px solid rgba(199,207,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(15,24,65,.94),rgba(45,31,79,.92));box-shadow:inset 0 0 70px rgba(157,174,255,.05);color:#edf0ff;text-align:center}.content-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 17% 19%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),radial-gradient(circle at 83% 72%,rgba(236,194,255,.45) 0 1px,transparent 1.8px);background-size:89px 83px,131px 127px;opacity:.25}.content-panel>*{position:relative}.content-panel h2{margin:8px 0 18px;font-size:clamp(23px,3.4vw,37px);font-weight:420;letter-spacing:.07em;text-shadow:0 0 21px rgba(195,182,255,.45)}.content-panel p{line-height:1.8}.content-kicker{margin:0;color:#98afe9;font:500 10px/1.3 ui-monospace,monospace;letter-spacing:.29em}.content-action{padding:11px 20px;border-radius:999px;border:1px solid rgba(204,207,255,.42);background:rgba(24,33,85,.58);color:#eef0ff;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s}.content-action.primary{background:linear-gradient(120deg,rgba(109,123,231,.78),rgba(211,127,207,.65));box-shadow:0 0 25px rgba(172,134,239,.27)}.content-action.secondary{background:rgba(22,34,78,.74)}.content-action.subtle{margin-top:26px}.content-action:hover,.content-action.gesture-hover{transform:translateY(-2px) scale(1.02);border-color:#fff;background-color:rgba(112,96,196,.75);box-shadow:0 0 12px rgba(255,255,255,.35),0 0 32px rgba(190,140,255,.4)}
.intro-card{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-lines{width:220px;height:220px;position:absolute;border:1px solid rgba(166,194,255,.38);border-radius:50%;animation:orbit-spin 9s linear infinite}.orbit-lines::before,.orbit-lines::after{content:"";position:absolute;inset:22px;border:1px solid rgba(234,179,255,.27);border-radius:50%;transform:rotate(58deg) scaleY(.42)}.orbit-lines::after{inset:54px;background:radial-gradient(circle,#fff 0 3%,#b7c8ff 7%,transparent 34%);border:0;transform:none;box-shadow:0 0 38px #8d8ce1}.intro-lines{position:relative;padding:26px 20px}.invitation-spark{display:block;margin-bottom:7px;color:#fff2c8;font-size:20px;text-shadow:0 0 8px #fff,0 0 23px #d5a7ff;animation:invitation-twinkle 2.2s ease-in-out infinite}.intro-lines .invitation-title{margin:0;background:linear-gradient(105deg,#fff7e9 5%,#d8e8ff 35%,#f1c9fa 70%,#fff0cc 96%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"STXingkai","华文行楷","FZKai-Z03","KaiTi","STKaiti",serif;font-size:clamp(32px,5.2vw,59px);font-weight:500;line-height:1.35;letter-spacing:.1em;text-shadow:0 0 24px rgba(201,181,255,.34);filter:drop-shadow(0 4px 13px rgba(103,93,190,.4));animation:line-arrive 1.2s .25s both}.intro-lines .invitation-title::after{content:"";display:block;width:min(330px,72vw);height:1px;margin:15px auto 0;background:linear-gradient(90deg,transparent,#a9c8ff 25%,#fff 50%,#e3b7f1 75%,transparent);box-shadow:0 0 10px #bbaff7}.intro-lines .invitation-subtitle{margin:12px 0 0;color:#e8e6ff;font-family:"KaiTi","STKaiti","Microsoft YaHei",sans-serif;font-size:clamp(17px,2vw,23px);letter-spacing:.12em;text-shadow:0 0 13px rgba(186,205,255,.5);animation:line-arrive 1.4s 1.3s both}
.polaroid{width:min(560px,100%);margin:18px auto 0;padding:15px 15px 24px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:linear-gradient(145deg,rgba(248,248,255,.92),rgba(223,224,245,.84));transform:rotate(-1.5deg);color:#4d4b6a;box-shadow:0 22px 65px rgba(0,0,30,.38),0 0 35px rgba(221,181,255,.2);animation:photo-unfold 1.1s both}.image-frame{height:min(54vh,520px);overflow:hidden;border-radius:11px;background:#161933}.image-frame img,.travel-page img{width:100%;height:100%;object-fit:contain}.polaroid figcaption{padding-top:17px;font-size:16px;letter-spacing:.06em}
.cat-card{max-width:680px}.cat-photo{width:min(360px,80vw);height:min(42vh,390px);margin:18px auto 8px;overflow:hidden;border-radius:34px 34px 20px 20px;border:1px solid rgba(223,214,255,.45);animation:cat-peek 1s both}.cat-photo img{width:100%;height:100%;object-fit:contain;background:rgba(5,9,28,.6)}.paw-trail{color:#edc9ef;letter-spacing:.3em}.dialogue p{padding:10px 15px;margin:8px auto;max-width:540px;border-radius:16px;background:rgba(115,104,176,.14)}
.letter-card{max-width:760px;padding:clamp(20px,3.5vw,38px)}.letter-paper{position:relative;overflow:hidden;padding:clamp(24px,4.5vw,45px) clamp(22px,5vw,58px) clamp(30px,5vw,50px);border:1px solid rgba(255,255,255,.78);border-radius:18px 32px 20px 29px;background:radial-gradient(circle at 9% 8%,rgba(255,196,217,.28),transparent 24%),radial-gradient(circle at 91% 91%,rgba(186,199,255,.3),transparent 28%),linear-gradient(145deg,rgba(255,252,248,.97),rgba(252,238,244,.94) 54%,rgba(234,239,253,.95));box-shadow:0 24px 60px rgba(0,0,32,.4),inset 0 0 42px rgba(229,174,211,.14);color:#554e6c;text-align:left;transform:rotate(-.35deg)}.letter-paper::before{content:"";position:absolute;inset:9px;border:1px solid rgba(211,148,187,.2);border-radius:14px 27px 16px 25px;pointer-events:none}.letter-paper h2{margin:0 0 20px;color:#806485;text-align:center;font-family:"STXingkai","华文行楷","KaiTi","STKaiti",serif;font-size:clamp(27px,4vw,42px);font-weight:500;letter-spacing:.12em;text-shadow:0 2px 0 rgba(255,255,255,.82),0 0 14px rgba(181,134,194,.25)}.letter-writing{position:relative;padding:6px 5px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(151,147,185,.23) 32px,transparent 33px);font-family:"KaiTi","STKaiti","Segoe Print",cursive;font-size:clamp(16px,2vw,21px);line-height:32px}.letter-recipient{height:32px;margin:0 0 24px;font-weight:600;letter-spacing:.04em}.letter-body{min-height:208px}.hand-line{min-height:32px;margin:0 0 11px;line-height:32px;opacity:0;animation:hand-write .8s forwards}.hand-line:nth-child(2){animation-delay:.35s}.hand-line:nth-child(3){animation-delay:.7s}.hand-line:nth-child(4){animation-delay:1.05s}.past-age{color:#806f88}.new-age{color:#8865a4;font-weight:600;text-shadow:0 0 10px #fff}.letter-signature{display:flex;flex-direction:column;align-items:flex-end;min-height:64px;margin-top:10px;line-height:32px;font-size:clamp(16px,2vw,20px);letter-spacing:.05em}.letter-signature span{font-weight:600}.letter-signature time{font-size:.88em}.letter-decoration{position:absolute;color:#d8a6c7;font-style:normal;pointer-events:none}.decoration-star{top:24px;left:28px;font-size:17px;text-shadow:0 0 8px #fff}.decoration-ribbon{right:26px;top:30px;width:31px;height:18px;border:2px solid rgba(201,133,175,.38);border-radius:55% 45% 55% 45%;transform:rotate(12deg)}.decoration-ribbon::after{content:"";position:absolute;left:13px;top:12px;width:2px;height:23px;background:rgba(201,133,175,.32);transform:rotate(-18deg)}
.memory-card time{display:block;font:500 clamp(20px,4vw,42px)/1 ui-monospace,monospace;letter-spacing:.18em;color:#c9d9ff}.developing-photo{height:min(46vh,460px);margin:22px auto;width:min(680px,100%);padding:10px;border-radius:17px;background:rgba(246,247,255,.9);animation:develop 2s both}.developing-photo img{width:100%;height:100%;object-fit:contain}.memory-card p{white-space:normal}
.collectible-card{max-width:680px}.wonder-star{margin:auto;font-size:95px;color:#fff0ad;text-shadow:0 0 10px #fff,0 0 42px #b998ff;animation:wonder-shake 1.4s both}.stagger-copy p{opacity:0;animation:line-arrive .8s forwards}.stagger-copy p:nth-child(2){animation-delay:.7s}.stagger-copy p:nth-child(3){animation-delay:1.4s}.reward-claim-zone{position:relative;width:min(480px,100%);margin:26px auto 0;padding:17px 16px 12px;border:1px solid rgba(230,209,255,.3);border-radius:18px;background:linear-gradient(120deg,rgba(56,69,139,.42),rgba(113,68,143,.38));box-shadow:inset 0 0 20px rgba(255,255,255,.04),0 12px 35px rgba(4,5,27,.25)}.reward-label{position:absolute;left:18px;top:-9px;padding:2px 10px;border:1px solid rgba(217,197,255,.3);border-radius:999px;background:#252858;color:#cdd7ff;font:600 9px/1.4 ui-monospace,monospace;letter-spacing:.16em}.item-reward{position:relative;isolation:isolate;width:100%;min-height:51px;padding:12px 18px;overflow:visible;border:1px solid rgba(245,224,255,.58);border-radius:12px;background:linear-gradient(105deg,rgba(69,88,180,.78),rgba(154,91,165,.68),rgba(87,73,168,.78));background-size:200% 100%;color:#fff7e8;font:600 clamp(14px,2vw,18px)/1.4 "Microsoft YaHei",sans-serif;letter-spacing:.08em;box-shadow:0 0 18px rgba(168,145,255,.3),inset 0 1px rgba(255,255,255,.18);transition:transform .18s ease,filter .25s ease,box-shadow .25s ease;animation:reward-sheen 3.8s linear infinite}.item-reward:hover,.item-reward.gesture-hover{transform:translateY(-2px) scale(1.018);filter:brightness(1.16);box-shadow:0 0 12px rgba(255,255,255,.52),0 0 34px rgba(208,146,255,.55)}.item-reward.claiming{transform:scale(.94);filter:brightness(1.65);box-shadow:0 0 18px #fff,0 0 55px #c895ff}.item-reward.claimed{background:linear-gradient(110deg,rgba(87,119,153,.63),rgba(120,93,156,.64));color:#ebf4ff;filter:none;animation:none;cursor:default;box-shadow:inset 0 0 20px rgba(183,215,255,.08),0 0 20px rgba(137,173,255,.22)}.reward-sparkle{position:absolute;z-index:-1;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff8d8;box-shadow:0 0 8px #fff,0 0 14px #d7b7ff;pointer-events:none;animation:reward-burst .85s ease-out forwards}.reward-toast{min-height:21px;margin:8px 0 0;color:#dbe5ff;font-size:12px;letter-spacing:.08em;opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease}.reward-toast.visible,.reward-toast.settled{opacity:1;transform:none}.reward-toast.settled{color:rgba(219,229,255,.72)}
.fortune-card{max-width:740px;background:linear-gradient(145deg,rgba(28,35,87,.96),rgba(86,50,95,.9))}.fortune-stars{padding:15px;border-radius:15px;background:rgba(247,225,255,.08);line-height:1.9;color:#fff0c7}.fortune-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:18px}.fortune-columns section{padding:15px;border:1px solid rgba(190,204,255,.2);border-radius:16px}.fortune-columns h3{margin:0 0 9px;color:#b9d1ff}.fortune-columns p{margin:4px}.fortune-valid{font-size:12px;color:#aab8df}.fortune-tease{margin-top:20px;padding-top:15px;border-top:1px solid rgba(193,203,255,.18)}.fortune-tease span{color:#fff1bd;animation:soft-flash 1.5s infinite}
.wish-card{max-width:700px}.wish-intro{margin:15px auto 24px}.wish-label{display:block;line-height:1.7;color:#c9d4f4}.wish-label textarea{display:block;width:min(520px,100%);height:110px;margin:15px auto;padding:16px;border:1px solid rgba(184,199,255,.32);border-radius:17px;resize:vertical;background:rgba(5,12,40,.58);color:#f3f2ff;font:15px/1.6 inherit;outline:none}.wish-label textarea:focus{border-color:rgba(231,204,255,.75);box-shadow:0 0 25px rgba(155,127,229,.25)}.wish-flying{animation:wish-fly .8s forwards}.wish-result{margin-top:20px}.wish-confirmed strong{font-size:22px;color:#fff0c7}.wish-choices{display:flex;justify-content:center;gap:12px;margin-top:20px}
.wardrobe-card{max-width:820px}.wardrobe-stage{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px}.look-card{width:min(420px,100%);margin:auto;padding:10px 10px 16px;border:1px solid rgba(226,219,255,.44);border-radius:22px;background:linear-gradient(145deg,rgba(236,239,255,.2),rgba(107,91,158,.18));box-shadow:0 20px 55px rgba(0,0,30,.38)}.look-card.changing{animation:look-change .65s}.look-card img{display:block;width:100%;height:min(52vh,510px);object-fit:contain;border-radius:15px;background:rgba(5,8,28,.5)}.look-card figcaption{display:flex;justify-content:space-between;padding:13px 5px 0;color:#bbc9f1}.look-card figcaption strong{color:#f4e9ff}.carousel-arrow{width:42px;height:42px;padding:0;border:1px solid rgba(185,200,255,.3);border-radius:50%;background:rgba(26,35,82,.64);color:#e7eaff;font-size:31px}.carousel-arrow:hover,.carousel-arrow.gesture-hover{background:rgba(130,100,196,.7);box-shadow:0 0 22px rgba(211,160,255,.5)}.look-dots{display:flex;justify-content:center;gap:7px;margin:15px 0}.look-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#6373a4}.look-dots button.active,.look-dots button:hover,.look-dots button.gesture-hover{background:#f4d6ff;box-shadow:0 0 9px #d5a9ff}.wardrobe-quote{margin:10px auto}.style-stats{font-size:12px;color:#b6c6ef;line-height:1.8}.known-bug-note{margin:18px auto 0;padding:10px 13px;border-left:2px solid #ad91d3;background:rgba(18,25,62,.58);font:11px/1.5 ui-monospace,monospace;color:#9eacd2;text-align:left}.known-bug-note b{margin-right:10px;color:#d1b9ec}.wardrobe-card.well-explored{box-shadow:inset 0 0 70px rgba(201,169,255,.12)}
.crossover-card{max-width:820px}.signal-warning{color:#f2ceef;font:12px ui-monospace,monospace}.cat-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cat-pair figure{margin:0;padding:10px;border:1px solid rgba(199,205,255,.3);border-radius:20px;background:rgba(30,37,80,.45)}.cat-pair img{width:100%;height:min(35vh,330px);object-fit:contain;border-radius:13px}.cat-pair .phone-crop{overflow:hidden}.cat-pair .phone-crop img{height:min(35vh,330px);object-fit:cover;object-position:center 46%;clip-path:inset(4% 0 5% 0)}.cat-pair figcaption{padding-top:8px;color:#b7c9f2}.cat-chat{max-width:650px;margin:16px auto;text-align:left}.cat-chat p{margin:5px;padding:7px 12px;border-radius:13px;background:rgba(116,107,181,.12)}.bond-result{line-height:1.8}.bond-result strong,.bond-result span{display:block}.bond-result strong{color:#f4d7ff}.bond-result span{font:12px ui-monospace,monospace;color:#9cb7ee}
.travel-card{max-width:800px;background:linear-gradient(145deg,rgba(16,36,65,.95),rgba(30,58,81,.9))}.travel-page{width:min(500px,100%);height:min(42vh,420px);margin:16px auto;padding:9px;border-radius:5px;background:rgba(232,240,243,.84);transform:rotate(.8deg)}.travel-copy blockquote{padding:16px;border-left:2px solid #b0cce7;background:rgba(133,176,203,.1);font-family:"KaiTi",serif;line-height:1.8}.travel-copy strong{color:#c9e8ff}.water-ripple{position:absolute;inset:10%;border:1px solid rgba(158,215,237,.18);border-radius:50%;animation:ripple 3s infinite}
.luck-card{max-width:760px}.luck-arena{position:relative;height:min(46vh,380px);margin:20px auto;border:1px solid rgba(174,200,255,.18);border-radius:35px;background:radial-gradient(circle at 50% 50%,rgba(111,107,210,.13),rgba(5,10,35,.44));overflow:hidden}.luck-orb{position:absolute;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#f2d2ff 16%,#8facff 42%,transparent 70%);box-shadow:0 0 16px #fff,0 0 44px #ae91ff;transform:translate(-50%,-50%);transition:left .55s ease-in-out,top .55s ease-in-out;animation:orb-flee 1.2s ease-in-out infinite}.luck-orb.caught{animation:luck-pop .55s forwards}.luck-result{margin-top:12px}.luck-drop{padding:17px;border:1px solid rgba(191,207,255,.3);border-radius:17px;background:rgba(86,100,169,.16)}.luck-drop strong{font-size:20px}.luck-drop.legendary{background:linear-gradient(135deg,rgba(129,91,196,.3),rgba(240,193,96,.18));box-shadow:0 0 35px rgba(255,217,136,.25)}.luck-drop.legendary strong{color:#fff0ad}.luck-drop small{color:#9fb2dd}
.future-card{max-width:720px}.signal-noise{position:absolute;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px 5px);animation:signal-shift .25s steps(2) infinite}.future-card dl,.ticket dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;width:max-content;max-width:100%;margin:15px auto;text-align:left}.future-card dt,.ticket dt{color:#91a6d8}.future-card dd,.ticket dd{margin:0}.future-chat{max-width:560px;margin:20px auto;text-align:left}.future-chat p{width:fit-content;max-width:92%;margin:7px 0;padding:9px 13px;border-radius:4px 15px 15px 15px;background:rgba(116,113,188,.19);animation:line-arrive .45s both}
.coupon-card{max-width:720px}.ticket{position:relative;margin:auto;padding:30px;border:1px dashed rgba(111,102,170,.65);border-radius:16px;background:linear-gradient(145deg,rgba(239,236,250,.94),rgba(202,215,239,.9));color:#4d5073;box-shadow:0 20px 55px rgba(0,0,25,.4);transform:rotate(-.8deg)}.ticket h2{color:#4d5073;text-shadow:none}.ticket footer{padding-top:13px;border-top:1px dashed rgba(91,93,134,.35)}.ticket-stamp{position:absolute;right:20px;bottom:18px;padding:8px;border:2px solid #8b75a7;border-radius:6px;opacity:0;transform:rotate(-9deg) scale(1.5);transition:.4s}.ticket-stamp.visible{opacity:.78;transform:rotate(-9deg) scale(1)}.coupon-card>.content-action{margin-top:20px}
.manual-card{max-width:790px;text-align:left}.manual-card>h2{text-align:center}.manual-meta,.manual-card section,.bug-scan{padding:15px;border:1px solid rgba(165,190,255,.18);border-radius:16px;background:rgba(8,18,50,.34);line-height:1.7}.manual-card section{margin-top:12px}.manual-card li{margin:5px}.bug-scan{margin-top:12px;font-family:ui-monospace,monospace}.bug-scan article{display:flex;flex-direction:column;margin:8px 0;padding:9px;border-left:2px solid #b291d0;background:rgba(107,76,144,.12)}.bug-scan article b{color:#e0bce9}.bug-scan article span{font-size:12px;color:#b6c2e1}.repair-track{height:5px;border-radius:5px;background:#1c2857;overflow:hidden}.repair-track i{display:block;width:1%;height:100%;background:linear-gradient(90deg,#819eff,#e5b4f0);transition:width .4s}.repair strong{font-size:12px}.repair-cancel strong{color:#f0c8eb}.manual-card>footer{text-align:center;margin-top:20px;color:#f0d7ff}
.checklist-card{max-width:760px}.task-list{display:grid;gap:8px;margin:20px auto}.task-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 15px;border:1px solid rgba(170,190,245,.18);border-radius:13px;background:rgba(18,29,70,.42);color:#dfe6fb;text-align:left}.task-item:hover,.task-item.gesture-hover{background:rgba(102,91,173,.35);border-color:rgba(222,209,255,.55)}.task-item span{font-size:20px;color:#c5b7f0}.task-item.planned{background:rgba(90,126,165,.2)}.task-item.planned span{color:#baf0e4}.task-item.shake{animation:task-shake .5s}.task-note{font-size:12px;color:#aab9df}.checklist-card footer{color:#c2d4fb}
.timeline-card{max-width:780px}.age-rewind{display:flex;justify-content:center;align-items:center;gap:18px;font:600 clamp(48px,8vw,92px)/1 ui-monospace,monospace}.age-rewind span{opacity:0;animation:age-flicker 1.4s forwards}.age-rewind span:nth-child(2){animation-delay:.8s}.age-rewind strong{color:#fff0c8;text-shadow:0 0 25px #d4a5ff;opacity:0;animation:age-flicker 1.3s 1.6s forwards}.age-track{display:flex;align-items:center;justify-content:center;gap:12px;margin:25px auto}.age-track div{display:flex;flex-direction:column;padding:12px;border-radius:13px;background:rgba(104,105,175,.15)}.age-track i{width:35px;height:1px;background:linear-gradient(90deg,#86aaff,#d8a7eb)}.age-track span{font-size:11px;color:#9fb0d7}.timeline-card blockquote{margin:20px auto;padding:15px;border-left:2px solid #c2a9df;background:rgba(104,83,143,.12);line-height:1.8}.rewind-dust{position:absolute;inset:0;background:conic-gradient(from 20deg at 50% 50%,transparent,rgba(155,190,255,.06),transparent);animation:reverse-spin 7s linear infinite}
.penultimate-card{max-width:680px;min-height:520px;display:flex;flex-direction:column;justify-content:center}.penultimate-card h2{font:500 clamp(52px,9vw,100px)/1 ui-monospace,monospace;color:#dfe9ff}.penultimate-card strong{margin-top:15px;color:#f0d6ff}.finale-card{max-width:820px;background:linear-gradient(145deg,rgba(11,23,62,.97),rgba(58,34,79,.94))}.finale-card>h2{font:500 clamp(56px,10vw,112px)/1 ui-monospace,monospace}.first-star-echo{margin:25px auto;padding:18px;border:1px solid rgba(177,197,255,.22);border-radius:18px;background:rgba(73,84,153,.12)}.first-star-echo span,.first-star-echo strong{display:block}.first-star-echo span{font-size:12px;color:#9fb3df}.first-star-echo strong{margin-top:9px;font-size:18px;line-height:1.7}.finale-card blockquote{margin:40px auto 24px;font-family:"KaiTi",serif;font-size:clamp(29px,5vw,51px);color:#fff3d0;text-shadow:0 0 24px rgba(233,195,255,.58)}.finale-card h3{margin:34px auto;font-size:clamp(25px,4vw,42px);color:#fae7ff}.legendary-echo,.missed-legendary{margin:28px auto 0;padding:18px;border:1px solid rgba(245,219,156,.3);border-radius:18px;background:rgba(163,118,64,.1);color:#fff0b9}.missed-legendary strong{font-size:22px}.known-bugs-card{max-width:600px;font-family:ui-monospace,monospace;text-align:left}.known-bugs-card h2{text-align:center}.known-bugs-card li{margin:13px 0;line-height:1.6}
.known-bugs-trigger{position:absolute;z-index:6;left:18px;top:18px;padding:5px 8px;border:0;background:transparent;color:rgba(150,170,213,.32);font:9px ui-monospace,monospace;letter-spacing:.16em}.known-bugs-trigger:hover,.known-bugs-trigger.gesture-hover{color:#c5d3f3;text-shadow:0 0 10px #9e9cdd}
.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;border:1px dashed rgba(174,190,235,.25);border-radius:14px;background:rgba(16,25,62,.45);color:#9dadd5}
.star-counter{display:none}.interactive-star{transition:left .78s cubic-bezier(.2,.72,.2,1),top .78s cubic-bezier(.2,.72,.2,1),filter .25s ease,opacity .45s ease}.phase-two.content-open .interactive-star:not(.content-source){filter:brightness(.42) saturate(.6);opacity:.55}.interactive-star.content-source{z-index:10;filter:brightness(1.8);transform:translate(-50%,-50%) scale(1.18)}.interactive-star.collecting.content-source{animation:star-content-summon 1.1s cubic-bezier(.18,.78,.23,1) forwards}.interactive-star.collected{visibility:visible;pointer-events:none;opacity:.48;filter:saturate(.55) brightness(.72)}.interactive-star.collected .watercolor-star{transform:scale(.82)}.interactive-star.collected::after{background:radial-gradient(circle,#fff 0 8%,rgba(var(--tone),.28) 16%,transparent 58%);filter:blur(2px)}.interactive-star.last-star{opacity:1!important;filter:brightness(1.45)!important;animation:last-star-breathe 2.2s ease-in-out infinite}.interactive-star.finale-lit{visibility:visible!important;opacity:.8!important;filter:brightness(1.4)!important}
.phase-two-epilogue{position:absolute;z-index:5;left:50%;top:50%;width:min(520px,80vw);padding:26px;transform:translate(-50%,-40%);text-align:center;color:#e8eaff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.5s ease,transform 1.5s ease;text-shadow:0 0 18px rgba(185,195,255,.5)}.phase-two-epilogue span{display:block;font-size:28px;color:#fff;margin-bottom:12px}.phase-two-epilogue p{margin:0;font:300 clamp(16px,2vw,22px)/1.9 "Noto Serif SC",serif;letter-spacing:.08em}.phase-two-epilogue.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.phase-two.constellation-complete::after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:min(78vw,940px);height:min(64vh,560px);border:1px solid rgba(181,197,255,.14);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(133,129,235,.12),inset 0 0 70px rgba(219,184,255,.05);opacity:.9}.phase-two.constellation-complete{background:radial-gradient(circle at 50% 50%,rgba(84,79,162,.17),transparent 56%)}
@keyframes content-drift{to{background-position:113px 107px,-157px 149px,211px -193px}}@keyframes star-content-summon{0%{opacity:1}55%{filter:brightness(2.2);transform:translate(-50%,-50%) scale(1.35)}100%{opacity:.25;filter:brightness(2.8) blur(2px);transform:translate(-50%,-50%) scale(.55)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes line-arrive{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes photo-unfold{from{opacity:0;transform:scale(.75) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(-1.5deg)}}@keyframes ear-pop{from{opacity:0;transform:translateY(20px) scale(.3)}to{opacity:1;transform:none}}@keyframes cat-peek{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}@keyframes hand-write{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes develop{from{opacity:.05;filter:grayscale(1) brightness(2)}to{opacity:1;filter:none}}@keyframes wonder-shake{0%,35%{transform:rotate(0)}40%{transform:rotate(-8deg) scale(1.08)}48%{transform:rotate(7deg)}56%{transform:rotate(-4deg)}70%,100%{transform:none}}@keyframes soft-flash{50%{text-shadow:0 0 17px #fff;color:#fff}}@keyframes wish-fly{to{opacity:0;transform:scale(.2) translateY(-120px);filter:blur(5px)}}@keyframes look-change{0%{opacity:.25;transform:translateX(30px) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes ripple{0%{transform:scale(.7);opacity:0}40%{opacity:1}100%{transform:scale(1.3);opacity:0}}@keyframes orb-flee{50%{transform:translate(-50%,-50%) scale(1.16)}}@keyframes luck-pop{to{transform:translate(-50%,-50%) scale(3);opacity:0;filter:blur(4px)}}@keyframes signal-shift{to{transform:translateY(4px)}}@keyframes task-shake{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes age-flicker{0%{opacity:0;filter:blur(8px)}40%{opacity:1}100%{opacity:.28;filter:none}}@keyframes reverse-spin{to{transform:rotate(-360deg)}}@keyframes last-star-breathe{50%{transform:translate(-50%,-50%) scale(1.18);filter:brightness(2)}}
@keyframes invitation-twinkle{50%{transform:scale(1.16) rotate(12deg);filter:brightness(1.3)}}
@keyframes reward-sheen{to{background-position:-200% 0}}
@keyframes reward-burst{to{transform:translate(var(--reward-x),var(--reward-y)) scale(.15);opacity:0}}
.wardrobe-card{max-width:920px}.wardrobe-stage{grid-template-columns:minmax(70px,120px) 42px minmax(260px,420px) 42px minmax(70px,120px);justify-content:center;gap:9px}.look-preview{height:55%;min-height:210px;padding:0;border:1px solid rgba(201,211,255,.2);border-radius:18px;overflow:hidden;background:rgba(12,18,48,.52);opacity:.35;filter:saturate(.65) blur(.3px);transform:scale(.9);transition:opacity .35s ease,transform .35s ease,filter .35s ease}.look-preview:hover,.look-preview.gesture-hover{opacity:.7;filter:saturate(.9);transform:scale(.94);box-shadow:0 0 25px rgba(179,163,255,.2)}.look-preview img{width:100%;height:100%;object-fit:cover}
.meeting-orbits{position:relative;width:min(560px,80vw);height:110px;margin:-18px auto 18px}.meeting-orbits i{position:absolute;top:50%;width:48%;height:70px;border-top:1px solid rgba(149,195,255,.62);border-radius:50%;filter:drop-shadow(0 0 7px rgba(143,177,255,.5));animation:orbit-meet 2.4s ease-in-out both}.meeting-orbits .orbit-a{left:2%;transform:rotate(10deg)}.meeting-orbits .orbit-b{right:2%;border-color:rgba(231,169,239,.62);transform:rotate(-10deg)}.meeting-orbits i::after{content:"";position:absolute;right:0;top:-4px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #b7caff}.meeting-orbits .orbit-b::after{left:0;right:auto;box-shadow:0 0 14px #f0bdf4}.meeting-orbits strong{position:absolute;z-index:2;left:50%;top:42%;transform:translate(-50%,-50%);font:600 28px ui-monospace,monospace;color:#fff2cf;text-shadow:0 0 18px #c4a2ff}@keyframes orbit-meet{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(max-width:700px){.star-content-stage{padding:12px}.star-content-body{max-height:88vh}.content-panel{padding:25px 16px;border-radius:22px}.star-content-close{right:12px;top:12px}.fortune-columns,.cat-pair{grid-template-columns:1fr}.wardrobe-stage{grid-template-columns:38px minmax(0,1fr) 38px}.look-preview{display:none}.carousel-arrow{width:36px;height:36px}.look-card img{height:47vh}.wish-choices{flex-direction:column}.age-track{flex-direction:column}.age-track i{width:1px;height:20px}.known-bugs-trigger{top:64px}.phase-two-epilogue{width:72vw;padding:12px}.phase-two.constellation-complete::after{width:78vw;height:62vh}}
@media(max-width:700px){.intro-lines .invitation-title{font-size:clamp(30px,10vw,43px)}.letter-card{padding:17px 8px}.letter-paper{padding:24px 18px 30px}.letter-writing{font-size:16px;line-height:30px;background-size:auto 31px}.letter-recipient{margin-bottom:18px}.letter-body{min-height:230px}.hand-line{margin-bottom:13px;line-height:30px}.decoration-star{left:17px;top:18px}.decoration-ribbon{right:16px;top:20px}}
.star-content-close{--dwell-progress:0deg;transition:transform .25s,background .25s,box-shadow .25s,filter .25s}.star-content-close::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from -90deg,rgba(231,191,255,.95) var(--dwell-progress),rgba(159,178,255,.1) 0);opacity:0;transition:opacity .2s;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);pointer-events:none}.star-content-close.gesture-dwell{transform:rotate(0) scale(1.16);filter:brightness(1.3);box-shadow:0 0 16px rgba(255,255,255,.65),0 0 36px rgba(215,170,255,.72)}.star-content-close.gesture-dwell::after{opacity:1}.content-action.gesture-dwell{transform:translateY(-2px) scale(1.055);filter:brightness(1.25);box-shadow:0 0 16px rgba(255,255,255,.5),0 0 38px rgba(190,140,255,.55)}
.interactive-star.collected{pointer-events:auto}.interactive-star.collected:hover,.interactive-star.collected.focused{opacity:.82;filter:saturate(.9) brightness(1.2)}.interactive-star.collected:hover .watercolor-star,.interactive-star.collected.focused .watercolor-star{transform:scale(1.02)}.interactive-star.reopening.content-source{filter:brightness(2);animation:reopen-star .68s ease-out both}@keyframes reopen-star{0%{opacity:.48}55%{opacity:1;transform:translate(-50%,-50%) scale(1.28)}100%{opacity:.35;transform:translate(-50%,-50%) scale(.72)}}
.star-content-stage[data-content-type="cherry-wish"]{padding:0;background:radial-gradient(circle at 50% 48%,rgba(99,71,142,.38),rgba(2,5,18,.88) 74%);backdrop-filter:blur(5px);transition:opacity .7s ease,background 1.8s ease}.star-content-stage[data-content-type="cherry-wish"] .star-content-body{width:100%;height:100%;max-height:none;overflow:hidden;filter:none}.star-content-stage[data-content-type="cherry-wish"] .content-backdrop-stars{opacity:.48}.cherry-wish-scene{--wish-progress:0deg;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;color:#fff;text-align:center}.cherry-color-wash{position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 50% 48%,rgba(235,159,213,.28),rgba(118,82,166,.13) 43%,transparent 72%),linear-gradient(160deg,rgba(39,54,111,.12),rgba(178,97,155,.12));opacity:0;transition:opacity 2.2s ease}.cherry-wish-scene.is-petals .cherry-color-wash{opacity:1}.cherry-dream-image{position:absolute;z-index:-2;left:50%;top:49%;width:min(82vw,820px);height:min(88vh,800px);object-fit:contain;transform:translate(-50%,-50%) scale(1.04);opacity:0;filter:blur(2px) saturate(.8) drop-shadow(0 0 35px rgba(242,171,218,.28));-webkit-mask-image:radial-gradient(ellipse at center,#000 22%,rgba(0,0,0,.84) 51%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 22%,rgba(0,0,0,.84) 51%,transparent 76%);transition:opacity 2s ease,transform 6s ease,filter 2s ease}.cherry-wish-scene.is-dream .cherry-dream-image{opacity:.38;transform:translate(-50%,-50%) scale(1);filter:blur(.7px) saturate(.9) drop-shadow(0 0 38px rgba(242,171,218,.32))}.cherry-motes,.cherry-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cherry-motes i{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#fff5fb;box-shadow:0 0 9px #fff,0 0 18px #f3b7e1;opacity:0;animation:cherry-mote 3.2s var(--delay) ease-in-out infinite}.cherry-wish-scene.is-pink .cherry-motes i{opacity:.72}.cherry-petals{opacity:0;transition:opacity 1.4s ease}.cherry-wish-scene.is-petals .cherry-petals{opacity:1}.cherry-petals i{position:absolute;left:var(--x);top:-9%;width:13px;height:9px;border-radius:70% 28% 68% 30%;background:linear-gradient(145deg,rgba(255,246,250,.9),rgba(239,161,209,.76));box-shadow:0 0 8px rgba(255,207,235,.35);animation:petal-fall var(--duration) var(--delay) linear infinite}.cherry-petals .petal-depth-0{width:18px;height:12px;filter:blur(.2px);opacity:.82}.cherry-petals .petal-depth-1{width:12px;height:8px;opacity:.65}.cherry-petals .petal-depth-2{width:7px;height:5px;opacity:.42;filter:blur(.5px)}.cherry-blessing{position:absolute;z-index:2;left:50%;bottom:15%;width:min(660px,84vw);transform:translateX(-50%);font:300 clamp(16px,2.1vw,24px)/1.8 "Noto Serif SC","Microsoft YaHei",sans-serif;letter-spacing:.08em;text-shadow:0 0 15px rgba(255,211,238,.58);transition:opacity 1s ease,transform 1s ease}.cherry-blessing p,.cherry-blessing strong{display:block;margin:4px 0;opacity:0;transform:translateY(12px)}.cherry-wish-scene.show-blessings .cherry-blessing p,.cherry-wish-scene.show-blessings .cherry-blessing strong{animation:cherry-line 1s ease forwards}.cherry-wish-scene.show-blessings .cherry-blessing p:nth-child(2){animation-delay:.72s}.cherry-wish-scene.show-blessings .cherry-blessing p:nth-child(3){animation-delay:1.44s}.cherry-wish-scene.show-blessings .cherry-blessing p:nth-child(4){animation-delay:2.16s}.cherry-wish-scene.show-blessings .cherry-blessing strong{margin-top:15px;color:#fff1f8;animation-delay:3.05s}.cherry-wish-scene.wish-waiting .cherry-blessing{opacity:.22;transform:translate(-50%,-12px)}.cherry-wish-interface{position:absolute;z-index:4;left:50%;top:54%;width:min(440px,88vw);transform:translate(-50%,-42%);opacity:0;visibility:hidden;transition:opacity 1s ease,transform 1s ease}.cherry-wish-scene.wish-waiting .cherry-wish-interface{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.cherry-wish-interface p{margin:0 0 19px;font-size:clamp(17px,2.2vw,24px);letter-spacing:.08em;text-shadow:0 0 15px #d9b4e7}.wish-orb-wrap{position:relative;width:96px;height:96px;margin:0 auto 18px}.wish-progress-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,rgba(255,235,247,.98) var(--wish-progress),rgba(226,178,230,.12) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);filter:drop-shadow(0 0 8px rgba(249,190,229,.6))}.wish-orb{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#ffdced 23%,rgba(218,156,232,.62) 48%,transparent 72%);box-shadow:0 0 18px #fff1f8,0 0 45px rgba(228,151,221,.55);animation:wish-orb-breathe 2.4s ease-in-out infinite}.cherry-wish-hold{min-height:44px;padding:10px 18px;border:1px solid rgba(240,208,235,.34);border-radius:999px;background:rgba(38,31,78,.5);color:#f7eaf5;touch-action:none;user-select:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.cherry-wish-hold:hover,.cherry-wish-hold:active,.pointer-holding .cherry-wish-hold{transform:scale(1.04);background:rgba(128,79,145,.55);box-shadow:0 0 25px rgba(239,176,222,.38)}.cherry-wish-interface small{display:block;margin-top:8px;color:rgba(224,208,235,.65)}.wish-flight{position:absolute;z-index:5;left:50%;top:52%;width:1px;height:1px;pointer-events:none}.wish-light{position:absolute;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);background:#fff;box-shadow:0 0 12px #fff,0 0 35px #ffcae8,0 0 70px rgba(203,147,231,.75);opacity:0}.wish-trail{position:absolute;left:-1px;top:6px;width:2px;height:0;background:linear-gradient(#fff4fa,rgba(245,181,225,.25),transparent);filter:blur(.4px);opacity:0}.new-wish-star{position:absolute;left:26px;top:-38vh;color:#fff8dd;font-size:27px;text-shadow:0 0 10px #fff,0 0 27px #f1b6e1;opacity:0;transform:scale(.2)}.wish-confirmed .cherry-wish-interface{opacity:0;transform:translate(-50%,-58%);pointer-events:none}.wish-confirmed .wish-light{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .5s ease,transform .8s ease}.wish-rising .wish-light{animation:wish-rise 2.5s cubic-bezier(.33,.04,.25,1) forwards}.wish-rising .wish-trail{height:95px;opacity:.55;animation:wish-trail-rise 2.5s cubic-bezier(.33,.04,.25,1) forwards}.wish-star-formed .wish-light{opacity:0}.wish-star-formed .new-wish-star{opacity:1;transform:scale(1);transition:opacity .55s ease,transform .8s cubic-bezier(.2,1.8,.3,1)}.cherry-final-message{position:absolute;z-index:6;left:50%;top:55%;width:min(680px,88vw);margin:0;transform:translate(-50%,-38%);font:300 clamp(22px,3.4vw,38px)/1.7 "Noto Serif SC","Microsoft YaHei",sans-serif;letter-spacing:.11em;color:#fff5fa;text-shadow:0 0 20px rgba(255,205,236,.72);opacity:0;transition:opacity 1s ease,transform 1s ease}.show-final-wish .cherry-final-message{opacity:1;transform:translate(-50%,-50%)}.scene-leaving .cherry-final-message,.scene-leaving .cherry-petals,.scene-leaving .cherry-dream-image,.scene-leaving .cherry-color-wash{opacity:0!important;transition-duration:1.2s}.scene-paused *{animation-play-state:paused!important}
@keyframes cherry-mote{0%,100%{transform:translate(0,0) scale(.45);opacity:.15}50%{transform:translate(var(--drift),-24px) scale(1);opacity:.78}}@keyframes petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0)}50%{transform:translate3d(var(--sway),52vh,0) rotate(calc(var(--rotation)*.55))}100%{transform:translate3d(calc(var(--sway)*-.35),112vh,0) rotate(var(--rotation))}}@keyframes cherry-line{to{opacity:1;transform:none}}@keyframes wish-orb-breathe{50%{transform:scale(1.12);filter:brightness(1.18)}}@keyframes wish-rise{0%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(calc(-50% + 13px),-12vh) scale(1.08)}72%{transform:translate(calc(-50% - 8px),-29vh) scale(.8)}100%{transform:translate(calc(-50% + 26px),-38vh) scale(.3);opacity:.2}}@keyframes wish-trail-rise{0%{transform:translateY(0);opacity:0}28%{opacity:.55}100%{transform:translate(calc(26px - 50%),-38vh);opacity:0}}
@media(max-width:700px){.cherry-dream-image{width:112vw;height:78vh;opacity:0}.cherry-wish-scene.is-dream .cherry-dream-image{opacity:.32}.cherry-blessing{bottom:12%;font-size:16px}.cherry-wish-interface{top:53%}.cherry-wish-hold{min-width:210px;min-height:48px}.cherry-final-message{font-size:23px;line-height:1.8}.star-content-stage[data-content-type="cherry-wish"] .star-content-close{width:44px;height:44px;line-height:40px}}

/* Phase 2 content polish: stars 03, 04, 09, 10, 12 and 13 only. */
.cat-card{isolation:isolate;max-width:920px;padding:clamp(48px,6vw,76px) clamp(34px,7vw,92px) clamp(65px,8vw,102px);border-color:rgba(234,202,133,.52);background:#fffdf5;color:#6f543d;box-shadow:inset 0 0 70px rgba(244,179,79,.1),0 25px 60px rgba(17,11,29,.35)}.cat-card::before{display:none}.cat-card-background{position:absolute!important;z-index:-1;inset:0;width:100%;height:100%;object-fit:contain;background:#fffdf5;pointer-events:none}.cat-card .content-kicker{color:#a87a47}.cat-card .cat-photo{width:min(360px,68vw);height:min(39vh,355px);margin:12px auto 8px;border:8px solid rgba(255,253,238,.9);border-radius:28px;box-shadow:0 15px 35px rgba(111,72,37,.2),0 0 0 1px rgba(172,123,65,.22)}.cat-card .cat-photo img{background:#fff8df}.cat-card .paw-trail{color:#bd8154}.cat-card .dialogue{max-width:600px;margin:auto}.cat-card .dialogue p{color:#654a39;background:rgba(255,253,240,.88);border:1px solid rgba(196,143,71,.18);box-shadow:0 5px 18px rgba(115,80,39,.08)}

.letter-writing{padding:2px 5px 0;background:none;line-height:34px}.letter-recipient{height:34px;margin:0 0 33px;padding:0 4px 1px;border-bottom:1px solid rgba(143,137,178,.31);line-height:33px}.letter-body{min-height:auto}.hand-line{box-sizing:border-box;min-height:34px;margin:0 0 33px;padding:0 4px 1px;border-bottom:1px solid rgba(143,137,178,.31);line-height:33px;transform:translateY(1px)}.letter-signature{width:max-content;max-width:74%;min-height:65px;margin:4px 8px 0 auto;padding:0 4px;line-height:29px;text-align:right}.letter-signature span,.letter-signature time{display:block;border:0}.letter-signature time{white-space:nowrap}

.wardrobe-card{max-width:960px;padding:clamp(25px,4vw,44px);overflow:hidden;background:linear-gradient(145deg,rgba(24,24,71,.97),rgba(78,46,99,.94));border-color:rgba(224,198,255,.38)}.wardrobe-crown{display:flex;align-items:center;justify-content:center;gap:15px;color:#efd9ff}.wardrobe-crown i{font:500 10px/1 ui-monospace,monospace;letter-spacing:.3em}.wardrobe-crown span{text-shadow:0 0 12px #dd9eff}.wardrobe-card h2{margin-bottom:7px;font-family:"STXingkai","华文行楷","KaiTi",serif}.wardrobe-intro{max-width:760px;margin:0 auto 19px;color:#eadff7;font-family:"KaiTi","STKaiti","Microsoft YaHei",sans-serif;font-size:clamp(15px,2vw,19px);letter-spacing:.04em;animation:wardrobe-intro-in 1s ease both}.wardrobe-cabinet{position:relative;padding:24px 13px 15px;border:1px solid rgba(226,207,255,.27);border-radius:24px;background:linear-gradient(90deg,rgba(68,48,105,.42),rgba(30,35,86,.55),rgba(68,48,105,.42));box-shadow:inset 16px 0 30px rgba(7,8,28,.25),inset -16px 0 30px rgba(7,8,28,.25)}.cabinet-rail{display:flex;align-items:center;gap:10px;margin:-13px 10px 13px;color:#e9caff}.cabinet-rail i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(221,194,245,.55),transparent)}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:min(55vh,590px);padding:3px 5px 12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(222,186,244,.55) transparent}.wardrobe-look{margin:0;padding:8px 8px 11px;border:1px solid rgba(220,208,255,.28);border-radius:16px;background:linear-gradient(145deg,rgba(248,241,255,.12),rgba(92,75,143,.16));box-shadow:0 10px 25px rgba(1,2,18,.25);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.wardrobe-look:hover{transform:translateY(-3px);border-color:rgba(246,225,255,.56);box-shadow:0 14px 30px rgba(1,2,18,.32),0 0 22px rgba(207,158,240,.18)}.wardrobe-look>div{height:clamp(230px,38vh,410px);overflow:hidden;border-radius:11px;background:rgba(5,7,26,.58)}.wardrobe-look img{display:block;width:100%;height:100%;object-fit:contain}.wardrobe-look figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 3px 0;color:#b9c7e8;text-align:left}.wardrobe-look figcaption span{font:500 9px/1 ui-monospace,monospace;letter-spacing:.12em}.wardrobe-look figcaption strong{overflow:hidden;color:#f3e5ff;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.wardrobe-count{margin:13px 0 0;color:#b7abd1;font-size:11px;letter-spacing:.12em}

.crossover-card{max-width:780px;padding:clamp(18px,3vw,30px);background:linear-gradient(145deg,rgba(18,28,57,.98),rgba(27,39,65,.96))}.chat-app{overflow:hidden;border:1px solid rgba(190,208,226,.28);border-radius:22px;background:#e9eef3;color:#283541;box-shadow:0 20px 55px rgba(0,0,22,.42)}.chat-app>header{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;height:53px;padding:0 13px;background:rgba(245,248,250,.94);border-bottom:1px solid rgba(85,103,117,.12)}.chat-app>header strong{font-size:16px}.chat-app>header span,.chat-app>header i{color:#77848e;font-style:normal}.cat-chat-log{height:min(43vh,390px);padding:16px;overflow:auto;background:linear-gradient(rgba(232,238,243,.95),rgba(224,231,237,.95)),radial-gradient(circle at 50% 30%,#fff,transparent 60%);text-align:left}.chat-welcome{margin:8px auto!important;color:#8c979e;font-size:12px;text-align:center}.chat-bubble-row{display:flex;align-items:flex-start;gap:9px;margin:12px 0;animation:chat-bubble-in .42s ease both}.chat-bubble-row.from-dadao{flex-direction:row-reverse}.chat-bubble-row>img{width:42px;height:42px;flex:0 0 auto;border-radius:10px;object-fit:cover;box-shadow:0 3px 9px rgba(47,61,71,.16)}.chat-bubble-row>div{max-width:72%}.chat-bubble-row>div>span{display:block;margin:0 4px 3px;color:#7e8990;font-size:10px}.from-dadao>div>span{text-align:right}.chat-bubble-row p{position:relative;margin:0!important;padding:9px 13px;border-radius:5px 14px 14px;background:#fff;box-shadow:0 2px 6px rgba(43,56,66,.08);color:#26323a;line-height:1.55!important}.from-dadao p{border-radius:14px 5px 14px 14px;background:#9eea6a}.chat-typing{height:0;margin:-6px 0 0 70px;opacity:0;transition:height .2s,opacity .2s;text-align:left}.chat-typing.visible{height:22px;opacity:1}.chat-typing i{display:inline-block;width:5px;height:5px;margin:0 2px;border-radius:50%;background:#9ba7ae;animation:typing-dot 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}.chat-contacts{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:10px;padding:11px 15px;background:#f7f9fa;border-top:1px solid rgba(82,98,110,.1)}.chat-avatar{padding:0;border:0;background:transparent;color:#5d6971;transition:transform .2s,filter .2s}.chat-avatar img{display:block;width:48px;height:48px;margin:auto;border:2px solid transparent;border-radius:50%;object-fit:cover}.chat-avatar span{display:block;margin-top:3px;font-size:11px}.chat-avatar.active:not(:disabled),.chat-avatar.gesture-hover{transform:scale(1.06);filter:brightness(1.08)}.chat-avatar.active:not(:disabled) img,.chat-avatar.gesture-hover img{border-color:#8bcf62;box-shadow:0 0 0 3px rgba(139,207,98,.18),0 0 16px rgba(96,187,96,.3)}.chat-avatar:disabled{opacity:.48}.chat-contacts>p{margin:0!important;color:#77838b;font-size:12px}.chat-app>footer{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 16px;background:#fff;color:#98a1a7}.chat-app>footer i{font-size:10px;font-style:normal}

.future-card{max-width:760px;min-height:650px;padding:clamp(24px,4vw,42px);isolation:isolate;background:linear-gradient(180deg,rgba(8,20,57,.96),rgba(19,31,75,.94));border-color:rgba(134,190,236,.32)}.night-ocean{position:absolute!important;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(circle at 75% 12%,rgba(206,222,255,.22),transparent 13%),linear-gradient(#08163d 0 42%,#102d64 53%,#092354 100%)}.ocean-moon{position:absolute;right:16%;top:10%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff,#d9e9ff 48%,rgba(182,207,255,.4) 67%,transparent 70%);box-shadow:0 0 30px rgba(202,223,255,.38)}.ocean-reflection{position:absolute;right:18%;top:40%;width:70px;height:43%;background:linear-gradient(rgba(203,225,255,.25),transparent);filter:blur(8px);clip-path:polygon(37% 0,65% 0,100% 100%,0 100%)}.ocean-waves{position:absolute;inset:40% -10% 0}.ocean-waves span{position:absolute;left:-5%;width:110%;height:52%;border-top:2px solid rgba(177,215,255,.22);border-radius:50%;animation:ocean-sway 5s ease-in-out infinite}.ocean-waves span:nth-child(2){top:16%;animation-delay:-1.4s;opacity:.7}.ocean-waves span:nth-child(3){top:34%;animation-delay:-2.8s;opacity:.45}.ocean-bubbles i{position:absolute;bottom:-20px;width:5px;height:5px;border:1px solid rgba(199,227,255,.45);border-radius:50%;animation:bubble-rise 6s linear infinite}.ocean-bubbles i:nth-child(1){left:13%;animation-delay:-1s}.ocean-bubbles i:nth-child(2){left:28%;width:9px;height:9px;animation-delay:-4s}.ocean-bubbles i:nth-child(3){left:62%;animation-delay:-2.3s}.ocean-bubbles i:nth-child(4){left:79%;width:7px;height:7px;animation-delay:-5s}.ocean-bubbles i:nth-child(5){left:91%;animation-delay:-.3s}.future-card>.content-kicker,.future-card>h2{position:relative;z-index:2}.bottle-arrival{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:18px;opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.future-card.bottle-ready .bottle-arrival{opacity:1;transform:none}.bottle-arrival>p{margin:0 0 7px;color:#dcecff;text-shadow:0 0 12px rgba(139,197,255,.55)}.drift-bottle{position:relative;width:118px;height:190px;padding:0;border:0;background:transparent;transform:rotate(-8deg);transition:transform .3s ease,filter .3s ease}.drift-bottle:not(:disabled):hover,.drift-bottle.gesture-hover{transform:rotate(-4deg) translateY(-5px) scale(1.04);filter:brightness(1.25) drop-shadow(0 0 15px rgba(164,216,255,.5))}.bottle-cork{position:absolute;z-index:2;left:49px;top:8px;width:29px;height:30px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#9b704d,#d1a778,#8d6245);box-shadow:0 3px 7px rgba(0,0,0,.25)}.bottle-glass{position:absolute;left:25px;top:31px;width:76px;height:126px;border:3px solid rgba(205,235,255,.62);border-radius:23px 23px 32px 32px;background:linear-gradient(120deg,rgba(215,242,255,.14),rgba(103,174,220,.12));box-shadow:inset 8px 0 15px rgba(255,255,255,.09),0 0 18px rgba(111,195,241,.18)}.bottle-glass::before{content:"";position:absolute;left:20px;top:-17px;width:31px;height:20px;border:3px solid rgba(205,235,255,.62);border-bottom:0;border-radius:6px 6px 0 0}.bottle-glass i{position:absolute;left:12px;right:12px;top:47px;height:38px;border-radius:3px;background:#f4e7c8;transform:rotate(4deg);box-shadow:0 3px 9px rgba(12,24,47,.25)}.drift-bottle small{position:absolute;left:0;right:0;bottom:0;color:#d5e9ff;font-size:11px;letter-spacing:.08em}.bottle-opened .bottle-arrival{opacity:0;transform:translateY(-20px) scale(.9);pointer-events:none}.future-letter{position:absolute;z-index:3;left:50%;top:105px;width:min(600px,calc(100% - 40px));height:calc(100% - 140px);padding:18px;border:1px solid rgba(188,218,247,.3);border-radius:20px;background:linear-gradient(160deg,rgba(10,26,65,.94),rgba(24,44,83,.93));box-shadow:0 18px 48px rgba(0,5,25,.45);opacity:0;visibility:hidden;transform:translate(-50%,18px);transition:opacity .55s ease,transform .55s ease,visibility 0s linear .55s}.future-letter.visible{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .55s ease,transform .55s ease}.future-letter header{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding-bottom:11px;border-bottom:1px solid rgba(180,211,244,.18);text-align:left}.future-letter header span{grid-row:1/3;color:#89a8ca;font-size:11px;letter-spacing:.12em}.future-letter header strong{color:#e7f3ff;font-size:17px}.future-letter header small{color:#819bb9}.future-chat{height:calc(100% - 112px);margin:10px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(135,184,229,.4) transparent}.future-chat p{display:flex;width:fit-content;max-width:92%;margin:8px 0;padding:10px 13px;border:1px solid rgba(155,198,236,.16);border-radius:5px 15px 15px;background:rgba(105,151,201,.16);color:#e7f2ff;animation:message-rise .42s ease both}.future-chat p span{margin-right:9px;color:#78a4cf;font:9px/1.8 ui-monospace,monospace}.future-next{min-width:180px}.future-next.finished{background:rgba(74,106,139,.42);color:#aebfd0;box-shadow:none}

.luck-card{max-width:760px}.luck-card h2{margin-bottom:7px}.luck-arena{position:relative;height:min(46vh,390px);margin:16px auto;border:1px solid rgba(188,205,255,.25);border-radius:35px;background:radial-gradient(circle at 50% 52%,rgba(170,142,241,.22),rgba(65,66,151,.11) 35%,rgba(5,10,35,.5) 72%);overflow:hidden}.luck-charms i{position:absolute;color:#f5dfff;font-style:normal;text-shadow:0 0 10px currentColor;animation:luck-charm-float 3.4s ease-in-out infinite}.luck-charms i:nth-child(1){left:15%;top:17%;font-size:20px}.luck-charms i:nth-child(2){right:16%;top:20%;color:#bde6b5;font-size:21px;animation-delay:-.7s}.luck-charms i:nth-child(3){left:20%;bottom:18%;color:#f4cbe1;font-size:18px;animation-delay:-1.4s}.luck-charms i:nth-child(4){right:20%;bottom:17%;font-size:17px;animation-delay:-2s}.luck-charms i:nth-child(5){left:45%;top:9%;font-size:17px;animation-delay:-1s}.luck-charms i:nth-child(6){right:9%;top:49%;font-size:19px;animation-delay:-2.6s}.luck-scan-ring{position:absolute;left:50%;top:50%;width:190px;height:190px;border:1px solid rgba(190,177,255,.24);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(133,123,235,.12);animation:luck-scan 2.8s ease-out infinite}.luck-orb{left:50%!important;top:50%!important;width:116px;height:116px;border:1px solid rgba(255,255,255,.38);background:radial-gradient(circle,#fff 0 4%,#ffe8a9 12%,#eac7ff 31%,#8eabff 54%,rgba(100,104,218,.16) 69%,transparent 72%);box-shadow:0 0 18px #fff,0 0 48px rgba(174,145,255,.75),0 0 90px rgba(116,145,255,.3);animation:luck-orb-float 2.2s ease-in-out infinite}.luck-orb-core{display:block;color:#fff6bf;font-size:31px;text-shadow:0 0 9px #fff,0 0 22px #eac1ff}.luck-orb small{display:block;margin-top:4px;color:#f7efff;font-size:10px;text-shadow:0 0 7px #514a9d}.luck-orb:hover,.luck-orb.gesture-hover{filter:brightness(1.25);box-shadow:0 0 23px #fff,0 0 62px rgba(206,160,255,.86),0 0 110px rgba(116,145,255,.38)}.luck-orb.caught{animation:luck-catch-pop .7s ease forwards}.luck-particles{position:absolute;left:50%;top:50%;pointer-events:none}.luck-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff7c7;box-shadow:0 0 8px #fff,0 0 15px #d4b6ff;opacity:0}.luck-caught .luck-particles i{animation:luck-particle-burst .9s ease-out forwards;transform:rotate(var(--angle)) translateX(var(--distance))}.luck-result{margin-top:12px}.luck-drop{padding:15px;border:1px solid rgba(191,207,255,.3);border-radius:17px;background:rgba(86,100,169,.16)}

@keyframes wardrobe-intro-in{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes chat-bubble-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes typing-dot{50%{transform:translateY(-4px);opacity:.45}}@keyframes ocean-sway{50%{transform:translateX(4%) translateY(8px) scaleY(1.08)}}@keyframes bubble-rise{to{transform:translateY(-680px);opacity:0}}@keyframes message-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes luck-charm-float{50%{transform:translateY(-9px) rotate(8deg);filter:brightness(1.25)}}@keyframes luck-scan{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}35%{opacity:.65}100%{transform:translate(-50%,-50%) scale(1.25);opacity:0}}@keyframes luck-orb-float{50%{transform:translate(-50%,-55%) scale(1.05)}}@keyframes luck-catch-pop{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(.82);filter:brightness(1.8)}100%{transform:translate(-50%,-50%) scale(1.7);opacity:0;filter:blur(5px)}}@keyframes luck-particle-burst{0%{opacity:1;transform:rotate(var(--angle)) translateX(0) scale(1)}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.15)}}

@media(max-width:700px){.cat-card{padding:28px 15px}.cat-card .cat-photo{width:min(330px,76vw);height:min(38vh,340px)}.letter-recipient{margin-bottom:29px}.hand-line{margin-bottom:29px;line-height:31px}.wardrobe-card{padding:22px 10px}.wardrobe-intro{padding:0 8px}.wardrobe-cabinet{padding:20px 7px 10px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:57vh}.wardrobe-look{padding:6px}.wardrobe-look>div{height:260px}.wardrobe-look figcaption{display:block}.wardrobe-look figcaption strong{display:block;margin-top:4px}.crossover-card{padding:12px 4px}.cat-chat-log{height:48vh;padding:12px}.chat-contacts{grid-template-columns:62px 1fr 62px;padding:9px}.chat-avatar img{width:44px;height:44px}.future-card{min-height:680px;padding:22px 12px}.future-letter{left:50%;top:88px;width:calc(100% - 22px);height:calc(100% - 112px);padding:14px}.future-chat{height:calc(100% - 118px)}.luck-arena{height:360px}.luck-orb{width:108px;height:108px}}

/* Star 09: CSS 3D ring wardrobe. */
.wardrobe-card{--wardrobe-from-x:0px;--wardrobe-from-y:0px;max-width:1040px;min-height:720px}.wardrobe-ring-shell{position:relative;height:505px;margin:8px -12px -12px;transition:filter .45s ease,opacity .45s ease,transform .45s ease}.wardrobe-ring-viewport{position:absolute;inset:0 0 62px;overflow:hidden;perspective:1050px;perspective-origin:50% 47%;cursor:grab;touch-action:none;user-select:none}.ring-dragging .wardrobe-ring-viewport{cursor:grabbing}.wardrobe-ring{position:absolute;inset:0;transform:translateZ(-520px) scale(.22);transform-style:preserve-3d;opacity:0;transition:transform 1.55s cubic-bezier(.18,.8,.22,1),opacity 1.1s ease}.ring-ready .wardrobe-ring{transform:translateZ(0) scale(1);opacity:1}.wardrobe-ring-item{position:absolute;left:50%;top:49%;width:clamp(132px,16vw,175px);height:clamp(250px,34vw,330px);padding:7px 7px 28px;border:1px solid rgba(226,215,255,.42);border-radius:16px;background:linear-gradient(145deg,rgba(250,247,255,.24),rgba(72,58,119,.44));box-shadow:0 16px 36px rgba(0,0,22,.46),inset 0 1px rgba(255,255,255,.2);transform-style:preserve-3d;will-change:transform,opacity,filter;transition:box-shadow .25s ease,border-color .25s ease;backface-visibility:visible}.wardrobe-ring-item img{display:block;width:100%;height:100%;border-radius:11px;background:rgba(4,7,25,.78);object-fit:contain;pointer-events:none}.wardrobe-ring-item span{position:absolute;left:8px;right:8px;bottom:8px;color:#eee6ff;font:500 9px/1 ui-monospace,monospace;letter-spacing:.16em;text-shadow:0 0 8px rgba(215,190,255,.65);pointer-events:none}.wardrobe-ring-item:hover,.wardrobe-ring-item.gesture-hover{border-color:rgba(255,244,255,.95);box-shadow:0 0 15px rgba(255,255,255,.5),0 0 38px rgba(198,145,255,.62),0 20px 42px rgba(0,0,25,.55)}.wardrobe-ring-item.selected-source{opacity:0!important;pointer-events:none}.wardrobe-stardust{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wardrobe-stardust i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 15px #c5a5ff;animation:wardrobe-dust 3.6s ease-in-out infinite}.wardrobe-stardust i:nth-child(1){left:12%;top:20%}.wardrobe-stardust i:nth-child(2){left:27%;top:65%;animation-delay:-.8s}.wardrobe-stardust i:nth-child(3){left:48%;top:13%;animation-delay:-1.4s}.wardrobe-stardust i:nth-child(4){right:29%;top:73%;animation-delay:-2.1s}.wardrobe-stardust i:nth-child(5){right:12%;top:28%;animation-delay:-2.7s}.wardrobe-stardust i:nth-child(6){left:55%;top:54%;animation-delay:-3.2s}.wardrobe-control-hint{position:absolute;left:50%;bottom:2px;width:min(660px,92%);margin:0;transform:translateX(-50%);color:#ddd5f3;line-height:1.55!important;text-align:center}.wardrobe-control-hint span,.wardrobe-control-hint small{display:block}.wardrobe-control-hint span{font-size:14px;text-shadow:0 0 10px rgba(197,169,241,.45)}.wardrobe-control-hint small{margin-top:3px;color:#9f96bd;font-size:10px;letter-spacing:.05em}.palm-controlling .wardrobe-control-hint span{color:#fff1fa;text-shadow:0 0 9px #fff,0 0 24px #d08fff}.palm-controlling .wardrobe-ring-viewport{filter:brightness(1.08)}.wardrobe-card.photo-open .wardrobe-ring-shell{filter:blur(5px) brightness(.42);opacity:.42;transform:scale(.97);pointer-events:none}.wardrobe-lightbox{position:absolute!important;z-index:30;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .48s}.wardrobe-lightbox.visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .45s ease}.wardrobe-lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:radial-gradient(circle at 50% 47%,rgba(91,71,150,.38),rgba(4,6,24,.88) 74%);backdrop-filter:blur(2px)}.wardrobe-lightbox figure{position:absolute;z-index:2;left:50%;top:50%;width:min(440px,78vw);height:min(68vh,650px);margin:0;padding:12px 12px 35px;border:1px solid rgba(234,223,255,.68);border-radius:22px;background:linear-gradient(145deg,rgba(238,238,255,.19),rgba(73,57,119,.38));box-shadow:0 0 18px rgba(255,255,255,.25),0 0 65px rgba(171,124,233,.42),0 30px 70px rgba(0,0,25,.6);transform:translate(calc(-50% + var(--wardrobe-from-x)),calc(-50% + var(--wardrobe-from-y))) scale(.28);opacity:.25;transition:transform .58s cubic-bezier(.18,.82,.23,1),opacity .4s ease}.wardrobe-lightbox.visible figure{transform:translate(-50%,-50%) scale(1);opacity:1}.wardrobe-lightbox figure img{display:block;width:100%;height:100%;border-radius:14px;background:rgba(5,7,24,.85);object-fit:contain}.wardrobe-lightbox figure figcaption{position:absolute;left:0;right:0;bottom:11px;color:#eee5ff;font:500 10px/1 ui-monospace,monospace;letter-spacing:.18em}.wardrobe-lightbox-close{position:absolute;z-index:4;right:24px;top:22px;width:42px;height:42px;padding:0;border:1px solid rgba(234,226,255,.5);border-radius:50%;background:rgba(30,26,70,.78);color:#fff;font-size:25px;box-shadow:0 0 18px rgba(188,150,240,.3);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.wardrobe-lightbox-close:hover,.wardrobe-lightbox-close.gesture-hover{transform:scale(1.1);background:rgba(130,83,177,.84);box-shadow:0 0 13px #fff,0 0 35px rgba(208,147,255,.62)}.wardrobe-lightbox-star{position:absolute;z-index:3;left:calc(50% + min(235px,38vw));top:18%;color:#fff2c7;font-style:normal;font-size:21px;text-shadow:0 0 10px #fff,0 0 25px #d8adff;animation:invitation-twinkle 2.2s ease-in-out infinite}.wardrobe-card.photo-open{overflow:hidden}

@keyframes wardrobe-dust{50%{transform:translateY(-13px) scale(1.4);opacity:.35}}

@media(max-width:700px){.wardrobe-card{min-height:650px;padding:20px 7px}.wardrobe-card h2{margin-bottom:5px}.wardrobe-intro{margin-bottom:8px;font-size:15px}.wardrobe-ring-shell{height:455px;margin:2px -5px -8px}.wardrobe-ring-viewport{inset:0 0 61px;perspective:820px}.wardrobe-ring-item{width:116px;height:226px;padding:5px 5px 25px;border-radius:13px}.wardrobe-ring-item img{border-radius:9px}.wardrobe-control-hint{bottom:1px}.wardrobe-control-hint span{font-size:12px}.wardrobe-lightbox figure{width:min(360px,82vw);height:min(65vh,560px);padding:9px 9px 32px}.wardrobe-lightbox-close{right:14px;top:14px;width:44px;height:44px}.wardrobe-lightbox-star{display:none}}