.stage{position:relative;width:min(94vw,440px);height:min(94svh,900px);margin:0 auto;border-radius:30px;overflow:hidden;background:radial-gradient(78% 52% at 50% 40%,rgba(40,58,108,.45),transparent 72%),radial-gradient(120% 100% at 50% 50%,var(--night),var(--night-deep));border:1px solid var(--rim);box-shadow:0 30px 90px #0009,inset 0 0 60px #00000080;touch-action:none;-webkit-user-select:none;user-select:none}.app{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:14px}.moonglow{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:74%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(208,220,248,.16),rgba(150,175,220,.06) 42%,transparent 68%);filter:blur(6px);animation:breath 7s ease-in-out infinite}@keyframes breath{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.vortex{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12% 10%;opacity:0;pointer-events:none;transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}.scene.on{opacity:1;pointer-events:auto}.word{font-family:var(--serif);font-weight:200;font-size:clamp(2rem,10vw,2.9rem);letter-spacing:.5em;text-indent:.5em}.taphint{position:absolute;bottom:12%;font-size:.72rem;letter-spacing:.36em;text-indent:.36em;color:var(--faint);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0}50%{opacity:.8}}.ask{font-family:var(--serif);font-weight:300;font-size:clamp(1.15rem,5.4vw,1.4rem);letter-spacing:.22em;text-indent:.22em;line-height:1.9}.pills{display:flex;flex-direction:column;gap:12px;margin:9% 0 6%;width:76%}.pill{font-family:var(--serif);font-weight:300;font-size:1rem;letter-spacing:.24em;text-indent:.24em;color:var(--cream);background:linear-gradient(160deg,#1c2848cc,#10182ecc);border:1px solid var(--rim);border-radius:40px;padding:.95em 1em;cursor:pointer;transition:border-color .3s,transform .2s,box-shadow .3s}.pill:hover{border-color:#c6d2ee80;box-shadow:0 0 26px #96afe129;transform:translateY(-1px)}.whisper{font-size:.8rem;line-height:1.9;color:var(--faint);letter-spacing:.08em;cursor:pointer}.whisper:hover{color:var(--cream-dim)}.deck{position:relative;width:min(46%,180px);aspect-ratio:5 / 8.4;margin-bottom:9%}.slip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:linear-gradient(160deg,#182240,#0e1428);border:1px solid var(--rim);box-shadow:0 0 34px #e8a15a1f,inset 0 0 26px #00000080}.instr{font-family:var(--serif);font-weight:300;font-size:clamp(1rem,4.4vw,1.2rem);letter-spacing:.2em;line-height:2.1;color:var(--cream-dim)}.prog{margin-top:1.6em;font-size:.72rem;letter-spacing:.3em;text-indent:.3em;color:var(--faint)}.drawstar{position:absolute;left:50%;top:40%;width:30%;height:auto;z-index:6;pointer-events:none;opacity:0;filter:blur(24px);transform:translate(-50%,-50%) scale(.76);transition:opacity 1.9s ease,filter 2.6s cubic-bezier(.2,.7,.2,1),transform 2.6s cubic-bezier(.2,.7,.2,1)}.drawstar.show{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}.drawstar line{stroke:var(--amber-glow);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(255,207,148,.7))}.reveal{perspective:1300px}.card{position:relative;width:min(66%,260px);transform-style:preserve-3d;cursor:pointer;opacity:0;transform:translateY(40px) scale(.9)}.card.rise{animation:rise 1.5s cubic-bezier(.16,.7,.2,1) forwards}@keyframes rise{0%{opacity:0;transform:translateY(50px) scale(.82);filter:blur(6px) brightness(.6)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}.card.flip{animation:flip 1.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.05)}to{transform:rotateY(180deg)}}.face{border-radius:14px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.back{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(255,207,148,.1),transparent 60%),linear-gradient(160deg,#182240,#0e1428);border:1px solid rgba(198,210,238,.38);box-shadow:0 0 44px #e8a15a29,inset 0 0 30px #00000080}.back .bframe{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(214,196,142,.28);border-radius:8px}.back .pawimg{width:30%;height:auto;opacity:.94;animation:breath 5s ease-in-out infinite;filter:drop-shadow(0 0 11px rgba(255,139,167,.32))}.back .th{position:absolute;bottom:9%;font-size:.7rem;letter-spacing:.34em;text-indent:.34em;color:var(--faint);animation:pulse 2.6s ease-in-out infinite}.front{position:relative;transform:rotateY(180deg);background:linear-gradient(160deg,#182240,#0e1428);border:1px solid rgba(214,196,142,.52);box-shadow:0 0 70px #ffd68a38,inset 0 0 30px #0006;padding:4%}.front>img{width:100%;height:auto;border-radius:4px;display:block}.front>img.rev,.invite .keep>img.rev,.dimg.rev{transform:rotate(180deg)}.behold{justify-content:center}.beholdcard{position:relative;width:min(58%,232px);border-radius:12px;overflow:hidden;z-index:3;box-shadow:0 0 56px #ffd28280,0 0 120px #ffbc5c47;animation:beholdrise .9s cubic-bezier(.16,.7,.2,1)}.beholdcard img{width:100%;height:auto;display:block}.beholdcard img.rev{transform:rotate(180deg)}@keyframes beholdrise{0%{opacity:0;transform:translateY(24px) scale(.9);filter:brightness(1.7)}to{opacity:1;transform:none;filter:none}}.rays{position:absolute;left:50%;top:40%;width:170%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:1;background:repeating-conic-gradient(from 0deg,#ffd68c00,#ffd68c29 2.5deg,#ffd68c00 7deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 60%);mask:radial-gradient(circle,#000 6%,transparent 60%);animation:spin 24s linear infinite,glowbreath 3.6s ease-in-out infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes glowbreath{0%,to{opacity:.6}50%{opacity:.95}}.goldglow{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:118%;aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,205,120,.34),rgba(255,180,80,.1) 36%,transparent 66%);filter:blur(8px);animation:glowbreath 3.6s ease-in-out infinite}.sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff4d6,#ffcf80);box-shadow:0 0 7px 1px #ffd282d9;pointer-events:none;z-index:4;opacity:0;animation:sparkleUp linear infinite}@keyframes sparkleUp{0%{transform:translateY(40px) scale(.5);opacity:0}20%{opacity:1}85%{opacity:.85}to{transform:translateY(-190px) scale(1.05);opacity:0}}.beholdname{margin-top:7%;z-index:3;font-family:var(--serif);font-weight:300;font-size:clamp(1.35rem,6.4vw,1.75rem);letter-spacing:.06em;color:var(--cream);text-shadow:0 0 26px rgba(255,210,130,.5);opacity:0;animation:beholdfade 1s ease .45s forwards}.beholdnext{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:5;font-size:.76rem;letter-spacing:.32em;text-indent:.32em;color:var(--faint);cursor:pointer;opacity:0;animation:fadeonly 1s ease 1.2s forwards}@keyframes beholdfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeonly{0%{opacity:0}to{opacity:1}}.hook,.interp,.act,.dhook,.dinterp,.dact,.l1,.lkeep,.l2,.rlead,.rkey,.rsub,.rvow{line-break:strict;overflow-wrap:break-word;text-wrap:pretty}.read{padding:13% 11%;align-items:flex-start;text-align:left;justify-content:center}.who{font-family:var(--latin);font-style:italic;font-size:.9rem;letter-spacing:.14em;color:var(--amber);margin-bottom:1.5em}.hook{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,6vw,1.62rem);line-height:1.85;letter-spacing:.04em;color:var(--cream)}.interp{margin-top:1.3em;font-size:.96rem;line-height:2;letter-spacing:.03em;color:var(--cream-dim)}.act{margin-top:1.6em;padding-left:.9em;border-left:1px solid var(--rim);font-size:.9rem;line-height:1.9;color:var(--faint)}.up{opacity:0}.up.show{animation:up 1.5s cubic-bezier(.2,.7,.2,1) forwards}.up.d1.show{animation-delay:.15s}.up.d2.show{animation-delay:.9s}.up.d3.show{animation-delay:1.7s}.up.d4.show{animation-delay:2.5s}@keyframes up{0%{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.next{position:absolute;bottom:8%;left:50%;transform:translate(-50%);font-size:.76rem;letter-spacing:.32em;text-indent:.32em;color:var(--faint);cursor:pointer}.next.show{animation:pulse 3s ease-in-out 2.8s infinite}.scene.invite{padding:5% 8% 4%}.invite .keep{position:relative;width:56%;border-radius:8px;margin-bottom:3%;overflow:hidden;border:1px solid rgba(214,196,142,.52);box-shadow:0 0 44px #ffd68a38;background:#0a1020;line-height:0}.storechip{display:inline-flex;align-items:center;gap:.4em;margin:2.5% 0 3%;padding:.34em .85em .34em .52em;border-radius:20px;font-family:var(--serif);font-size:.68rem;letter-spacing:.14em;white-space:nowrap;color:#24365c;background:var(--cream);border:1px solid rgba(201,118,46,.45);box-shadow:0 2px 12px #0000004d;animation:collfade .6s ease}.storechip .bm{width:1.55em;height:1.55em;object-fit:contain;display:block}.invite .keep>img{width:100%;height:auto;display:block}.stamp{font-family:var(--latin);font-style:italic;font-size:.7rem;letter-spacing:.1em;color:var(--faint);margin-bottom:4%}.l1{font-family:var(--serif);font-weight:300;font-size:clamp(1.08rem,4.8vw,1.28rem);letter-spacing:.12em;line-height:1.65;color:var(--cream)}.lkeep{margin-top:.5em;font-family:var(--serif);font-weight:300;font-size:clamp(.96rem,4vw,1.12rem);letter-spacing:.12em;line-height:1.6;color:var(--cream-dim)}.l2{margin-top:.9em;font-size:.82rem;line-height:1.8;color:var(--faint);letter-spacing:.04em;max-width:20em}.cta{margin-top:5%;padding:.9em 2.2em;border-radius:40px;background:linear-gradient(135deg,var(--amber),#b8923f);color:#16223e;font-family:var(--serif);font-weight:400;font-size:.98rem;letter-spacing:.14em;text-indent:.14em;border:none;cursor:pointer;box-shadow:0 6px 26px #d6c48e57}.again{margin-top:3.5%;font-size:.74rem;letter-spacing:.22em;text-indent:.22em;color:var(--faint);cursor:pointer;background:none;border:none}.viewcoll{margin-top:4%;font-size:.76rem;letter-spacing:.14em;color:var(--amber-soft);cursor:pointer}.invactions{display:flex;gap:1.8em;margin-top:4%}.invactions .viewcoll{margin-top:0}.resumehint{position:absolute;top:12%;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:.86rem;letter-spacing:.14em;line-height:1.9;color:var(--amber-soft);text-align:center;white-space:nowrap;animation:collfade .8s ease}.river{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:8% 9%;background:radial-gradient(70% 46% at 50% 38%,rgba(40,58,108,.5),transparent 70%),radial-gradient(130% 110% at 50% 50%,#0f1730,#070b16 90%);animation:collfade .6s ease}.rcard{max-width:17em;text-align:center;animation:slideup .6s ease}.rwho{font-family:var(--serif);font-size:.8rem;letter-spacing:.34em;text-indent:.34em;color:var(--amber-soft);margin-bottom:2.2em}.rlead{font-family:var(--serif);font-weight:300;font-size:.9rem;line-height:2;letter-spacing:.06em;color:var(--cream-dim)}.rkey{margin:1.5em 0;font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,6vw,1.6rem);line-height:1.7;letter-spacing:.1em;color:var(--cream);text-wrap:balance;text-shadow:0 0 26px rgba(255,207,148,.22)}.rsub{font-family:var(--serif);font-weight:300;font-size:.86rem;line-height:2.1;letter-spacing:.05em;color:var(--faint)}.rvow{margin-top:1.7em;font-family:var(--serif);font-size:.98rem;line-height:2.05;letter-spacing:.08em;color:var(--amber-soft)}.rclose{margin-top:2.6em;font-family:var(--serif);font-size:.8rem;letter-spacing:.34em;text-indent:.34em;color:var(--faint);cursor:pointer}.rdev{margin-top:2em;font-size:.64rem;letter-spacing:.1em;color:#838ea873;cursor:pointer}.collection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 50% at 50% 45%,rgba(40,58,108,.42),transparent 72%),radial-gradient(120% 100% at 50% 50%,var(--night),var(--night-deep));animation:collfade .5s ease}.collback{position:absolute;top:4%;left:6%;z-index:2;font-family:var(--serif);font-size:.82rem;letter-spacing:.16em;color:var(--faint);background:none;border:none;cursor:pointer}.colltitle{position:absolute;top:4.4%;left:50%;transform:translate(-50%);z-index:2;font-family:var(--serif);font-size:.74rem;letter-spacing:.24em;text-indent:.24em;color:var(--amber-soft)}.ring{position:relative;width:min(84vw,380px);aspect-ratio:1}.node{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0f172db8;border:1px solid rgba(131,142,168,.35);color:var(--faint);cursor:pointer;transition:transform .2s,box-shadow .3s}.node .num{font-family:var(--latin);font-size:.72rem}.node.awakened,.node.in_store,.node.today{background:radial-gradient(circle at 50% 40%,var(--amber-glow),var(--amber) 60%,#b06a26);border-color:var(--amber-soft);color:#16223e;box-shadow:0 0 14px #ffcf9480}.node.today{box-shadow:0 0 22px #ffcf94d9;animation:nodepulse 2.4s ease-in-out infinite}.node.sel{transform:translate(-50%,-50%) scale(1.35);z-index:2}@keyframes nodepulse{0%,to{box-shadow:0 0 18px #ffcf9499}50%{box-shadow:0 0 30px #ffcf94}}.node.store:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--cream);pointer-events:none}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.hub .cnt{font-family:var(--latin);font-size:2.6rem;color:var(--cream);line-height:1}.hub .cnt .of{font-size:1.1rem;color:var(--faint)}.hub .lbl{margin-top:.3em;font-family:var(--serif);font-size:.8rem;letter-spacing:.3em;text-indent:.3em;color:var(--amber-soft)}.hub .storecnt{display:inline-flex;align-items:center;gap:.32em;margin-top:.8em;font-family:var(--serif);font-size:.64rem;letter-spacing:.1em;color:var(--cream-dim)}.hub .storecnt .bm{width:1.3em;height:1.3em;object-fit:contain}.hub .ringno{margin-top:.8em;font-size:.66rem;letter-spacing:.16em;color:var(--faint)}.detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#05091499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:collfade .25s ease}.dcard{width:100%;max-height:90%;overflow-y:auto;padding:8% 8% 10%;text-align:center;background:linear-gradient(to top,var(--night-deep),rgba(16,11,8,.92));border-top:1px solid var(--rim);border-radius:22px 22px 0 0;animation:slideup .3s ease}.dimg{width:38%;aspect-ratio:5 / 8.4;object-fit:contain;border-radius:8px;border:1px solid var(--rim);margin-bottom:1em}.dname{font-family:var(--serif);font-size:1.2rem;letter-spacing:.12em;color:var(--cream)}.dpos{color:var(--amber-soft);font-size:.9rem}.dstore{display:inline-flex;align-items:center;gap:.4em;margin-top:.8em;padding:.32em .8em .32em .5em;border-radius:20px;font-family:var(--serif);font-size:.68rem;letter-spacing:.1em;color:#24365c;background:var(--cream);border:1px solid rgba(201,118,46,.45)}.dstore .bm{width:1.5em;height:1.5em;object-fit:contain}.ddates{margin-top:.7em;font-size:.8rem;color:var(--faint);letter-spacing:.06em}.dmeta{margin-top:.4em;font-size:.74rem;color:var(--faint)}.dread{margin-top:1.6em;padding-top:1.4em;border-top:1px solid rgba(198,210,238,.2);text-align:left}.dreadwho{font-family:var(--latin);font-style:italic;font-size:.82rem;letter-spacing:.12em;color:var(--amber);margin-bottom:1em;text-align:center}.dhook{font-family:var(--serif);font-weight:300;font-size:1rem;line-height:1.9;letter-spacing:.04em;color:var(--cream)}.dinterp{margin-top:1em;font-size:.86rem;line-height:2;color:var(--cream-dim)}.dact{margin-top:1em;font-size:.82rem;line-height:1.95;color:var(--amber-soft)}.dlock{font-family:var(--serif);font-size:.8rem;letter-spacing:.3em;text-indent:.3em;color:var(--faint)}.dhint{margin-top:.8em;font-size:.78rem;color:var(--faint)}@keyframes collfade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}button{font:inherit}:root{--night: #151d33;--night-deep: #0a0e1c;--amber: #d8c48e;--amber-soft: #e7d7ac;--amber-glow: #ffd489;--cream: #eef1f9;--cream-dim: #c2ccdf;--faint: #838ea6;--rim: rgba(198, 210, 238, .26);--serif: "Noto Serif TC", "Songti TC", "Source Han Serif TC", serif;--latin: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "PingFang TC", "Noto Sans TC", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);font-weight:300;color:var(--cream);background:radial-gradient(60% 40% at 50% 18%,rgba(70,95,165,.3),transparent 70%),linear-gradient(180deg,#0b0f1e,#151d33 40%,#090c18);overflow-x:hidden}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.2s!important}}