@property --gw-ha{syntax:"<angle>";inherits:false;initial-value:0deg}.gw{position:fixed;inset:0;height:100dvh;z-index:60;justify-content:center}.gw,.gw-ph{display:flex}.gw-ph{width:100%;max-width:480px;height:100%;overflow:hidden;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}.gw-head,.gw-ph{position:relative}.gw-head{padding:30px 22px 0;z-index:2}.gw-head small{font-size:12px;font-weight:700;letter-spacing:.04em}.gw-head h2{font-size:26px;margin-top:4px;line-height:1.3}.gw-head p{font-size:13px;margin-top:2px;opacity:.7}.gw-stage{position:relative;flex:1;min-height:330px;margin-top:26px}.gw-status{position:relative;z-index:3;padding:0 16px}.gw-now{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px}.gw-now img{width:38px;height:38px;object-fit:contain;animation:gw-bob 3s ease-in-out infinite}.gw-now div{flex:1;font-size:13.5px;line-height:1.45;min-width:0}.gw-now small{display:block;font-size:11px;opacity:.6}.gw-now b{font-family:var(--font-serif);font-weight:400;font-size:20px}.gw-bar{height:6px;border-radius:3px;margin-top:12px;overflow:hidden}.gw-bar i{display:block;height:100%;border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}.gw-note{font-size:12px;text-align:center;margin-top:10px;opacity:.65}.gw-bubble{position:absolute;left:0;right:0;top:-4px;margin:0 auto;width:max-content;max-width:80%;z-index:5;padding:8px 14px;border-radius:16px;font-size:13px;font-weight:700;text-align:center;animation:gw-bob 2.8s ease-in-out infinite}.gw-dots:after{content:"";animation:gw-dots 1.4s steps(4) infinite}.gw-sky i{position:absolute;border-radius:50%;animation:gw-twinkle 4s ease-in-out infinite}.gw-free{background:radial-gradient(60% 34% at 0 18%,rgba(255,214,150,.55),transparent 70%),radial-gradient(70% 36% at 0 0,rgba(214,190,245,.8),transparent 70%),radial-gradient(80% 40% at 100% 4%,rgba(190,226,252,.9),transparent 70%),linear-gradient(180deg,#d4e6f9,#f6f6fb 38%,#f8eef2);color:#2b2940}.gw-free .gw-head small{color:#e04a5f}.gw-free .gw-bubble{background:linear-gradient(90deg,#ffb8cf,#f58fb0);color:#fff}.gw-free .gw-now{background:rgba(255,255,255,.85)}.gw-orb{border-radius:50%;filter:blur(18px);opacity:.55;animation:gw-float 7s ease-in-out infinite}.gw-orb,.gw-pc{position:absolute}.gw-pc{left:50%;top:40px;width:236px;height:318px;margin-left:-118px;perspective:1000px}.gw-pc-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,1.4,.5,1)}.gw-pc-in.flip{transform:rotateY(180deg)}.gw-face{position:absolute;inset:0;border-radius:24px;padding:3px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:conic-gradient(from var(--gw-ha),#ffb3c6,#c9b8ff,#a8e6ff,#fff1a8,#ffb3c6);animation:gw-holo 4s linear infinite;box-shadow:0 18px 40px rgba(150,110,200,.28)}.gw-face>div{position:relative;width:100%;height:100%;border-radius:21px;overflow:hidden}.gw-face>div:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);animation:gw-shine 3.4s ease-in-out infinite;pointer-events:none}.gw-back>div{background:repeating-radial-gradient(circle at 50% 50%,#fde3ee 0 10px,#efe6ff 10px 20px)}.gw-back b,.gw-back>div{display:flex;align-items:center;justify-content:center}.gw-back b{width:40%;aspect-ratio:1;border-radius:50%;background:#fff;font-family:var(--font-serif);font-weight:400;font-size:44px;line-height:1;color:#e8628c}.gw-back small{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.3em;color:#9b7cf8;font-weight:700}.gw-front{transform:rotateY(180deg)}.gw-front>div{background:linear-gradient(180deg,#fff,#fff6fa 60%,#f3edff);text-align:center;padding:18px 16px}.gw-front .no{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.15em;color:#b9a6e8}.gw-front .av{width:120px;height:120px;border-radius:50%;margin:10px auto 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 22px rgba(120,80,150,.25);filter:blur(10px) saturate(.4);transition:filter .9s}.gw-front .av img{width:84%;margin-top:8%}.gw-front .lb{font-size:11.5px;font-weight:700;color:#e8628c;letter-spacing:.12em;margin-top:10px;opacity:0;transition:opacity .6s}.gw-front .t{font-family:var(--font-serif);font-size:21px;line-height:1.35;margin-top:6px;color:#1d1b33;opacity:0;transform:translateY(8px);transition:all .7s}.gw-front .ln{height:11px;border-radius:6px;background:linear-gradient(90deg,#eee9f6,#fbf8fe,#eee9f6);background-size:200% 100%;animation:gw-shimmer 1.4s linear infinite;margin:10px auto 0}.gw-pc.s2 .av{filter:none}.gw-pc.s2 .lb{opacity:1}.gw-pc.s3 .t{opacity:1;transform:none}.gw-pc.s3 .l1{display:none}.gw-stepper{display:flex;gap:6px;margin-top:12px}.gw-stepper span{flex:1;text-align:center;font-size:11px;font-weight:600;color:#b3aac9;padding-top:8px;border-top:3px solid #ece4f4;transition:all .4s}.gw-stepper span.on{color:#e8628c;border-color:#ee6c93}.gw-letter{--lt-a:#4a2f62;--lt-b:#22163d;--lt-c:#100b20;--lt-acc:255,179,198;--lt-paper:#fff4f7;--lt-ink:#8a2c50;background:radial-gradient(110% 55% at 50% 0,var(--lt-a) 0,var(--lt-b) 52%,var(--lt-c) 100%);color:#fbeff4}.gw-letter .gw-head small{color:rgb(var(--lt-acc))}.gw-head .gw-eye{display:block;font-size:9px;font-weight:700;letter-spacing:.26em}.gw-letter .gw-head h2{font-family:var(--font-serif);font-weight:400;font-size:31px;margin-top:6px;letter-spacing:-.01em;background:linear-gradient(180deg,#fff 0,#fff 35%,rgb(var(--lt-acc)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(var(--lt-acc),.35))}.gw-letter .gw-bubble{background:rgba(var(--lt-acc),.16);color:#fff;border:1px solid rgba(var(--lt-acc),.7)}.gw-letter .gw-now{background:rgba(255,255,255,.07);border:1px solid rgba(var(--lt-acc),.35)}.gw-letter .gw-bar{background:rgba(255,255,255,.12)}.gw-letter .gw-bar i{background:linear-gradient(90deg,rgba(var(--lt-acc),.85),rgb(var(--lt-acc)))}.gw-moon{top:62px;width:110px;height:110px;margin-left:-55px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff6f0,#ffd9e4 45%,rgba(255,179,198,.2) 70%,transparent 72%);box-shadow:0 0 60px rgba(255,179,198,.35)}.gw-art,.gw-moon{position:absolute;left:50%;animation:gw-bob 4s ease-in-out infinite}.gw-art{top:50px;width:160px;height:160px;margin-left:-80px;pointer-events:none;filter:drop-shadow(0 0 22px rgba(var(--lt-acc),.45)) drop-shadow(0 10px 18px rgba(0,0,0,.35))}.gw-notes{position:absolute;left:22px;right:22px;top:232px;display:flex;flex-direction:column;gap:8px}.gw-nt{height:30px;border-radius:10px;border:1px dashed rgba(var(--lt-acc),.4);color:rgba(var(--lt-acc),.6);display:flex;align-items:center;gap:10px;padding:0 14px;font-size:12px;transition:height .5s;overflow:hidden;white-space:nowrap}.gw-nt.on{height:40px;background:var(--lt-paper);border:1.5px solid rgb(var(--lt-acc));color:var(--lt-ink);font-size:13.5px;font-weight:600;box-shadow:0 0 16px rgba(var(--lt-acc),.3);animation:gw-unfold .6s ease-out;transform-origin:top}.gw-night{--nt-a:#2e2466;--nt-b:#151033;--nt-c:#090716;--nt-glow:rgba(122,96,255,.45);--nt-acc:214,220,255;--nt-r1:#fff;--nt-r2:#9aa0c8;--nt-r3:#e8ecff;--nt-r4:#7c83b8;--nt-back:#16123a;--nt-paper:#fdfcff;--nt-ink1:#7a5bd6;--nt-ink2:#c94377;background:radial-gradient(70% 40% at 15% 8%,var(--nt-glow),transparent 70%),radial-gradient(120% 60% at 50% 0,var(--nt-a) 0,var(--nt-b) 52%,var(--nt-c) 100%);color:#efeaff}.gw-night .gw-head small{color:rgb(var(--nt-acc))}.gw-night .gw-head h2{font-family:var(--font-serif);font-weight:400;font-size:28px;background:linear-gradient(180deg,#fff 0,#fff 35%,rgb(var(--nt-acc)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.gw-night .gw-bubble{background:rgba(20,16,45,.7);color:#fff;border:1px solid rgba(var(--nt-acc),.7)}.gw-night .gw-now{background:rgba(255,255,255,.06);border:1px solid rgba(var(--nt-acc),.35)}.gw-night .gw-bar{background:rgba(255,255,255,.1)}.gw-night .gw-bar i{background:linear-gradient(90deg,var(--nt-r2),var(--nt-r1),var(--nt-r2))}.gw-deck{left:50%;top:62px;width:108px;height:156px;transform:translateX(-50%)}.gw-cb,.gw-deck{position:absolute}.gw-cb{inset:0;border-radius:14px;padding:2px;background:conic-gradient(from var(--gw-ha),var(--nt-r1),var(--nt-r2),var(--nt-r3),var(--nt-r4),var(--nt-r1));animation:gw-holo 5s linear infinite;box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 30px rgba(var(--nt-acc),.3)}.gw-cb>i{position:absolute;inset:2px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--font-serif);font-size:28px;color:#e8ecff;background:repeating-conic-gradient(from 0deg,rgba(214,220,255,.08) 0 10deg,transparent 10deg 20deg),linear-gradient(160deg,var(--nt-back),var(--nt-c));overflow:hidden}.gw-cb>i.art{background:radial-gradient(circle at 50% 45%,rgba(var(--nt-acc),.3),var(--nt-back) 72%)}.gw-cb-art{width:72%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.gw-cb-art.side{width:58%;opacity:.5}.gw-spread{position:absolute;left:16px;right:16px;top:262px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.gw-spread span{height:64px;border-radius:10px;border:1px dashed rgba(var(--nt-acc),.3);display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(214,220,255,.45);font-family:var(--font-serif)}.gw-spread span.on{border:0;padding:1.5px;background:linear-gradient(160deg,var(--nt-r1),var(--nt-r2) 45%,var(--nt-r3));box-shadow:0 0 16px rgba(var(--nt-acc),.4);animation:gw-flip .6s ease-out}.gw-spread span.on em{width:100%;height:100%;border-radius:9px;background:var(--nt-paper);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--font-serif);font-size:22px;color:var(--nt-ink1)}.gw-spread span.on:nth-child(2n) em{color:var(--nt-ink2)}.gw-gold{background:radial-gradient(90% 55% at 50% 25%,#1d1a2e 0,#0e0c18 60%,#07060d 100%);color:#f3e6c4}.gw-gold .gw-head small{color:#c9a35a}.gw-gold .gw-head h2{font-family:var(--font-serif);font-weight:400;font-size:28px;background:linear-gradient(180deg,#fff3cf,#e8c77a 50%,#b8893a);-webkit-background-clip:text;background-clip:text;color:transparent}.gw-gold .gw-bubble{background:rgba(20,17,31,.85);color:#f2d892;border:1px solid rgba(232,199,122,.6)}.gw-gold .gw-now{background:rgba(232,199,122,.06);border:1px solid rgba(232,199,122,.4)}.gw-gold .gw-bar{background:rgba(232,199,122,.12)}.gw-gold .gw-bar i{background:linear-gradient(90deg,#b8893a,#f2d892,#b8893a)}.gw-stars{position:absolute;left:0;right:0;top:30px}.gw-zav{position:absolute;width:58px;height:58px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,#2b2640,#14111f);box-shadow:0 0 0 1.5px #e8c77a,0 0 22px rgba(232,199,122,.35)}.gw-zav img{width:84%;margin-top:8%}@keyframes gw-bob{50%{transform:translateY(-6px)}}@keyframes gw-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes gw-twinkle{50%{opacity:.2}}@keyframes gw-holo{to{--gw-ha:360deg}}@keyframes gw-shine{0%,40%{transform:translateX(-60%)}80%,to{transform:translateX(60%)}}@keyframes gw-float{50%{transform:translate(10px,-14px) scale(1.08)}}@keyframes gw-shimmer{to{background-position:-200% 0}}@keyframes gw-unfold{0%{transform:scaleY(.2);opacity:.3}to{transform:none;opacity:1}}@keyframes gw-flip{0%{transform:rotateY(90deg) scale(.8)}to{transform:none}}@media (prefers-reduced-motion:reduce){.gw *{animation:none!important;transition:none!important}}@media (max-height:720px){.gw-art{top:40px;width:128px;height:128px;margin-left:-64px}.gw-notes{top:186px}.gw-nt:nth-child(n+5){display:none}.gw-deck{top:50px;transform:translateX(-50%) scale(.86);transform-origin:top center}.gw-spread{top:226px}.gw-spread span{height:54px}}