:root{--sky:#7cc8ff;--mint:#7fe0b5;--sun:#ffd36e;--coral:#ff8a7a;--soft:#fffdf8;--navy:#23345c;--dim:#5d6e92;--line:#cfe9ff;--card:#fff;--accent:#ffb938;--disp:"Fredoka", "Nunito", system-ui, -apple-system, "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Microsoft YaHei", sans-serif;--body:"Nunito", system-ui, -apple-system, "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--navy);font:700 16px/1.35 var(--body);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}body{background:#cfefff}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}svg .f{fill:currentColor}svg .s{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}svg .w{fill:#fff}.sky{background:linear-gradient(#7dc6ff 0%,#a9dbff 38%,#ddf1ff 70%,#ffe9da 100%);position:fixed;inset:0;overflow:hidden}.sunglow{background:radial-gradient(circle,#fff8d6f2 0%,#ffecbe73 30%,#ffecbe00 62%);border-radius:50%;width:70vmax;height:70vmax;position:absolute;top:-24vmax;right:-22vmax}.clouds{will-change:transform;background-repeat:repeat-x;width:200%;height:40%;animation:120s linear infinite drift;position:absolute;left:0}.clouds.c1{opacity:.95;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300'%3E%3Cg fill='%23fff'%3E%3Cpath d='M60 150c-30 0-44-26-24-44 6-30 46-38 64-18 16-34 74-32 84 6 34-6 50 30 26 50-4 8-12 6-20 6z'/%3E%3Cpath d='M560 90c-22 0-32-20-18-32 4-22 34-28 48-14 12-24 54-22 60 4 26-4 36 22 20 36-4 6-10 6-16 6z' opacity='.85'/%3E%3C/g%3E%3C/svg%3E");background-size:900px 100%;top:8%}.clouds.c2{opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 300'%3E%3Cg fill='%23fff'%3E%3Cpath d='M820 200c-40 0-60-34-32-58 8-40 62-52 86-24 22-46 100-42 112 8 46-8 68 40 34 66-6 10-16 8-26 8z'/%3E%3Cpath d='M120 240c-26 0-38-22-20-38 4-26 40-34 56-16 14-30 66-28 74 6 30-6 44 26 22 44-4 6-10 4-16 4z' opacity='.8'/%3E%3C/g%3E%3C/svg%3E");background-size:1100px 100%;animation-duration:180s;top:52%}.isles{background:radial-gradient(60% 50% at 12% 110%,#ffffffd9,#0000 70%),radial-gradient(50% 40% at 90% 105%,#fffc,#0000 70%);height:30%;position:absolute;inset:auto 0 0}@keyframes drift{to{transform:translate(-50%)}}body.idle .clouds,body.idle .rays:before,body.idle .hint,body.idle .tray .tcard.tut{animation-play-state:paused!important}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.screen{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));max-width:560px;margin:0 auto;position:fixed;inset:0}.screen>*{pointer-events:auto}.pill{min-height:54px;font:700 20px/1 var(--disp);letter-spacing:.3px;color:#5a3a00;background:linear-gradient(#ffe68a 0%,#ffcb45 55%,#ffb730 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 30px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 5px #e39314,0 10px 18px #e3931447,inset 0 2px #ffffffbf}.pill svg{width:22px;height:22px}.pill:active{transform:translateY(4px);box-shadow:0 1px #e39314,0 4px 8px #e3931440,inset 0 2px #fff9}.pill.white{color:var(--navy);background:#fff;box-shadow:inset 0 0 0 2.5px #9ed6ff,0 4px #bfe3ff,0 8px 16px #3c78be24}.pill.white:active{box-shadow:inset 0 0 0 2.5px #9ed6ff,0 1px #bfe3ff}.pill.big{min-width:240px;min-height:66px;font-size:30px}.pill:disabled{filter:grayscale(.4)opacity(.55)}.link{color:var(--dim);font:800 15px var(--body);background:0 0;border:0;padding:8px}.rbtn{color:#fff;background:radial-gradient(circle at 35% 28%, #ffffff8c, #fff0 45%), var(--c,#4fb2f5);width:54px;height:54px;box-shadow:0 4px 0 color-mix(in srgb, var(--c,#4fb2f5) 70%, #123), 0 8px 14px #23345c2e;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.rbtn svg{width:26px;height:26px}.rbtn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--c,#4fb2f5) 70%, #123);transform:translateY(3px)}.rbtn.sm{width:44px;height:44px}.rbtn.sm svg{width:22px;height:22px}.rbtn span{white-space:nowrap;color:var(--navy);font:800 13px var(--body);text-shadow:0 1px #fffc;margin-top:8px;position:absolute;top:100%}.c-red{--c:#ff7e73}.c-blue{--c:#4da6f2}.c-sky{--c:#49b7f2}.c-green{--c:#3ecf9a}.c-white{--c:#fff;color:var(--navy)}#mute.off{opacity:.55}#mute.off .s{opacity:.25}.corner{z-index:30;top:max(14px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex;position:fixed;right:max(12px,50vw - 268px)}body.playing .corner{display:none}.langpick{min-height:44px;color:var(--navy);font:800 14px var(--body);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 11px;display:inline-flex;box-shadow:inset 0 0 0 2px #cfe9ff,0 4px 12px #23345c1f}.langpick svg{fill:none;stroke:#3e9be0;stroke-width:1.8px;width:20px;height:20px}.langpick select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.corner .rbtn{--c:#fff;color:#3e9be0}#home{text-align:center;flex-direction:column;align-items:center;display:flex}.logo{line-height:.86;font:700 clamp(54px, 17vw, 84px)/.86 var(--disp);letter-spacing:1px;flex-direction:column;align-items:center;margin:58px 0 0;display:flex}.logo span{color:#fff;-webkit-text-stroke:0;text-shadow:0 3px #3e8ee8,0 -2px #3e8ee8,3px 0 #3e8ee8,-3px 0 #3e8ee8,2px 2px #3e8ee8,-2px 2px #3e8ee8,2px -2px #3e8ee8,-2px -2px #3e8ee8,0 7px #2a6fc7,0 12px 18px #1e5aaa59}.logo .l2{color:#fff6d8}.tagline{font:800 17px var(--body);color:#fff;text-shadow:0 2px 6px #1e5aaa73;margin:14px 0 0}.home-bottom{flex-direction:column;align-items:center;gap:22px;margin-top:auto;padding-bottom:6px;display:flex}.rrow{gap:52px;margin-bottom:24px;display:flex}.hstat{color:var(--dim);font:800 14px var(--body);background:#ffffffbf;border-radius:999px;margin:0;padding:7px 16px}.hstat:empty{display:none}.card{background:var(--card);border-radius:20px;box-shadow:inset 0 0 0 2px #e2f2ff,0 6px 16px #23345c1f}.hud{align-items:stretch;gap:10px;display:flex}.hcard{align-items:center;gap:10px;min-height:62px;padding:10px 14px;display:flex}.hcard .col{flex-direction:column;gap:4px;min-width:0;display:flex}.hcard b{font:800 13px var(--body);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hcard.space{flex:1.6;min-width:0}.hcard.space .col{flex:1}.hcard.disc{flex:1;min-width:0}.hcard.disc b{white-space:normal;font-size:12px;line-height:1.1}.hcard{gap:8px;padding:10px 12px}.hcard strong{font:700 24px/1 var(--disp)}.leaf{fill:#43c38a;flex:none;width:30px;height:30px}.star{fill:#ffc23c;stroke:#e59a1a;stroke-width:1.2px;flex:none;width:30px;height:30px}.bar{background:#e8f4ee;border-radius:999px;height:16px;position:relative;overflow:hidden}.bar i{background:linear-gradient(#8debb9,#3dc488);border-radius:999px;width:0;transition:width .5s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0 auto 0 0}.bar i.warn{background:linear-gradient(#ffc9a0,#ff8a5b)}.bar em{font:800 11px/16px var(--body);color:var(--navy);font-style:normal;position:absolute;top:0;right:8px}#pause{flex:none;align-self:center}.tray{left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border-radius:26px;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #ffffffb3}.tcard{aspect-ratio:.82;touch-action:none;background:#fff;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #e2f2ff,0 5px #d5eafb,0 8px 14px #23345c1f}.tcard .ico{pointer-events:none;filter:drop-shadow(0 3px 2px #23345c1f);width:64%;height:auto}.tcard span{font:800 13px/1.1 var(--body);color:var(--navy);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tcard.lift{opacity:.35;transform:scale(.94)}.tcard.enter{animation:.45s cubic-bezier(.3,1.5,.5,1) cardIn}.tcard .gift{color:#fff;font:800 11px var(--body);background:#ff8fb8;border-radius:999px;padding:2px 8px;position:absolute;top:-8px;right:-6px}.tcard.tut{animation:1.4s ease-in-out infinite nudge}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.6)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 10px 8px #23345c40);will-change:transform;width:86px;height:86px;margin:-60px 0 0 -43px;position:fixed;top:0;left:0}.ghost img{width:100%;height:100%}.ghost.hot img{animation:.5s ease-in-out infinite wob}@keyframes wob{50%{transform:scale(1.1)rotate(-6deg)}}.peek{z-index:35;font:700 22px var(--disp);white-space:nowrap;background:#fff;border-radius:18px;align-items:center;gap:6px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 6px 16px #23345c2e}.peek:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-8px;position:absolute;bottom:-7px;left:50%}.peek img{width:34px;height:34px}.peek .q{color:#ffb320}.hint{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 150px);color:#fff;max-width:calc(100% - 40px);font:800 15px var(--body);text-align:center;background:#23345cc7;border-radius:999px;padding:10px 18px;animation:2s ease-in-out infinite bob;position:absolute;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,-6px)}}.toast{left:16px;right:16px;top:calc(max(14px, env(safe-area-inset-top)) + 76px);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:10px 14px;animation:.35s cubic-bezier(.3,1.4,.5,1) toastIn;display:flex;position:absolute;box-shadow:inset 0 0 0 2px #e2f2ff,0 8px 20px #23345c29}.toast img{flex:none;width:48px;height:48px}.toast b{font:700 18px var(--disp);display:block}.toast small{color:var(--dim);font:700 13px var(--body);display:block}.toast.info{text-align:center;font:800 15px var(--body);justify-content:center}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)}}.modal{z-index:50;-webkit-backdrop-filter:blur(6px);background:#a0d2fa59;place-items:center;padding:20px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.mcard{text-align:center;background:#fff;border-radius:30px;flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);padding:46px 22px 22px;animation:.5s cubic-bezier(.3,1.5,.5,1) pop;display:flex;position:relative;box-shadow:inset 0 0 0 3px #ffe7a0,0 20px 50px #23345c40}.mcard.found.plain{box-shadow:inset 0 0 0 3px #cfe9ff,0 20px 50px #23345c33}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.mcard h2{font:700 28px/1.1 var(--disp);color:var(--navy);margin:0}.banner{white-space:nowrap;font:700 24px var(--disp);color:#7a4a00;background:linear-gradient(#ffe98f,#ffc23c);border-radius:18px;align-items:center;gap:6px;padding:10px 24px;display:flex;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #fff,0 5px #e39314,0 10px 20px #e3931459}.crown{fill:#fff6c8;stroke:#e39314;stroke-width:2px;stroke-linejoin:round;width:30px;height:18px;margin-left:-15px;position:absolute;top:-16px;left:50%}.found.plain .banner{color:#0e4a80;background:linear-gradient(#bde7ff,#69c0f5);font-size:21px;box-shadow:inset 0 0 0 3px #fff,0 5px #3e9be0}.found.plain .crown{display:none}.rays{place-items:center;width:170px;height:150px;display:grid;position:relative}.rays:before{content:"";background:repeating-conic-gradient(from 0deg, #ffd65a61 0 10deg, #ffd65a00 10deg 22deg);border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:-30px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.found.plain .rays:before{background:repeating-conic-gradient(from 0deg, #7dc8ff52 0 10deg, #7dc8ff00 10deg 22deg)}@keyframes spin{to{transform:rotate(360deg)}}.big-ico{width:140px;height:140px;animation:2.6s ease-in-out infinite floaty;position:relative}.big-ico img{width:100%;height:100%}@keyframes floaty{50%{transform:translateY(-6px)rotate(-2deg)}}.fline{font:800 15px var(--body);color:var(--dim);margin:0}.fdesc{font:700 15px/1.4 var(--body);color:var(--navy);margin:0}.fdesc:empty,.fline:empty,.chip:empty{display:none}.chip{color:var(--dim);font:800 13px var(--body);background:#f1f5fb;border-radius:999px;margin:0;padding:5px 14px}.recipe{background:#f4f8fd;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.recipe .ri{font:800 12px var(--body);flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.recipe img{width:46px;height:46px}.recipe .op{font:700 24px var(--disp);color:var(--dim)}.mcard .pill{width:100%}.mcard.menu{padding-top:26px;box-shadow:inset 0 0 0 3px #cfe9ff,0 20px 50px #23345c33}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:3px;width:10px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translate3d(var(--dx), 110vh, 0) rotate(var(--r))}}#result,#visit{text-align:center;flex-direction:column;display:flex}.rtop{flex-direction:column;align-items:center;gap:8px;margin-top:54px;display:flex}.pname{font:700 44px/1 var(--disp);color:#fff;text-shadow:0 3px #3e8ee8,0 -2px #3e8ee8,3px 0 #3e8ee8,-3px 0 #3e8ee8,0 6px 14px #1e5aaa59;margin:0}.vtitle{font:700 26px/1.15 var(--disp);color:#fff;text-shadow:0 2px #3e8ee8,0 -2px #3e8ee8,2px 0 #3e8ee8,-2px 0 #3e8ee8,0 5px 12px #1e5aaa59;margin:0}.lvbadge{color:#fff;font:700 18px var(--disp);background:linear-gradient(#8debb9,#3dc488);border-radius:999px;padding:6px 18px;box-shadow:0 3px #2ba06d}.lvbadge:empty{display:none}.rbottom{flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;display:flex}.stats{grid-template-columns:1fr 1fr 1.25fr;gap:10px;display:grid}.stat{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:84px;padding:10px 8px;display:flex}.stat small{font:800 12px var(--body);color:var(--dim)}.stat b{font:700 30px/1 var(--disp)}.stat.rare div{font:800 12px/1.15 var(--body);flex-direction:column;align-items:center;display:flex}.stat.rare img{width:40px;height:40px}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row2 .pill{padding:0 12px;font-size:18px}.seeds{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.seeds button{font:800 13px var(--body);background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;display:flex;box-shadow:inset 0 0 0 2px #e2f2ff,0 4px 10px #23345c1a}.seeds img{width:32px;height:32px}.seeds .lbl{width:100%;font:800 14px var(--body);color:var(--navy);background:#fffc;border-radius:999px;padding:6px 12px}.sheetwrap{grid-template-columns:minmax(0,1fr);place-items:end center;padding:0}.sheet{background:var(--soft);width:min(560px,100%);min-width:0;height:min(82vh,720px);padding-bottom:env(safe-area-inset-bottom);border-radius:30px 30px 0 0;flex-direction:column;justify-self:center;animation:.35s cubic-bezier(.3,1.2,.5,1) up;display:flex;box-shadow:0 -10px 40px #23345c33}@keyframes up{0%{transform:translateY(100%)}}.sheet header{justify-content:space-between;align-items:center;padding:18px 18px 8px 22px;display:flex}.sheet h2{font:700 26px var(--disp);margin:0}.tabs{scrollbar-width:none;flex:none;gap:8px;padding:4px 16px 10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{min-height:38px;color:var(--dim);font:800 14px var(--body);background:#fff;border:0;border-radius:999px;flex:none;padding:0 16px;box-shadow:inset 0 0 0 2px #e2f2ff}.tabs button.on{color:#fff;background:#49b7f2;box-shadow:0 3px #2e8fcb}.sbody{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;padding:4px 16px 20px;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.gi{background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #e2f2ff,0 4px 10px #23345c14}.gi img{width:58px;height:58px}.gi span{font:800 12.5px/1.15 var(--body);text-align:center;overflow-wrap:anywhere}.gi .wf{background:linear-gradient(#ffe98f,#ffc23c);border-radius:50%;width:18px;height:18px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fff}.rtag{font:800 10.5px var(--body);color:#fff;border-radius:999px;margin-top:2px;padding:1px 8px;display:inline-block}.rtag.r1{background:#b7c1d3}.rtag.r2{background:#4da6f2}.rtag.r3{background:#9b6cff}.rtag.r4{background:linear-gradient(90deg,#ffb730,#ff8a7a)}.empty{text-align:center;color:var(--dim);font:800 15px var(--body);padding:40px 10px}.rlist{flex-direction:column;gap:8px;display:flex}.ritem{background:#fff;border-radius:18px;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 2px #e2f2ff}.ritem img{flex:none;width:46px;height:46px}.ritem .t{text-align:left;flex:1;min-width:0}.ritem b{font:700 17px/1.15 var(--disp);display:block}.ritem small{color:var(--dim);font:700 12.5px var(--body);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ritem .n{font:700 16px var(--disp);color:#3e9be0}.detail{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:6px 4px 12px;display:flex}.detail img.main{width:120px;height:120px}.detail h3{font:700 26px var(--disp);margin:0}.detail p{color:var(--dim);font:700 14.5px/1.4 var(--body);margin:0}@media (max-height:640px){.logo,.rtop{margin-top:30px}.pill.big{min-height:58px;font-size:26px}.rrow{margin-bottom:18px}}.hcard.disc .star{width:24px;height:24px}.hcard.disc{padding:10px}.logo{width:min(360px,88vw);margin:46px 0 0;line-height:0;display:block}.logo svg{filter:drop-shadow(0 10px 14px #1e5aaa47);width:100%;height:auto;overflow:visible}:root:not([lang=en]) .logo{font-size:inherit}.tagline{margin-top:6px}.playwrap{position:relative}.pill.play{color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px #d9750a,2px 0 #d9750a,-2px 0 #d9750a,0 -2px #d9750a,2px 2px #d9750a,-2px 2px #d9750a;background:linear-gradient(#ffe36b 0%,#ffc22e 45%,#ff9f1c 100%);min-width:250px;min-height:76px;font-size:40px;box-shadow:0 6px #e07b0e,0 14px 24px #e07b0e59,inset 0 3px #ffffffb3,inset 0 -4px #e06e0040}:root:not([lang=en]) .pill.play{letter-spacing:0;font-size:32px}.spark{background:linear-gradient(#ffc93c,#ffc93c) 50% 0/4px 10px no-repeat,linear-gradient(#ffc93c,#ffc93c) 0 60%/10px 4px no-repeat;width:30px;height:30px;margin-top:-22px;position:absolute;top:50%}.spark.l{left:-40px;transform:rotate(-30deg)}.spark.r{right:-40px;transform:scaleX(-1)rotate(-30deg)}.spark:before,.spark:after{content:"";background:#ffc93c;border-radius:2px;width:4px;height:10px;position:absolute}.spark:before{top:2px;left:0;transform:rotate(-45deg)}.spark:after{display:none}.sq{background:linear-gradient(#fff,#f1f8ff);border:0;border-radius:26px;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff,0 5px #cfe5f8,0 10px 18px #23345c29}.sq svg{width:56px;height:56px}.sq:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #fff,0 2px #cfe5f8}.sq span{text-align:center;width:120px;font:800 14px/1.15 var(--body);color:var(--navy);text-shadow:0 1px #ffffffe6;margin-top:8px;margin-left:-60px;position:absolute;top:100%;left:50%}.rrow{gap:40px;margin-bottom:30px}.hstat{color:#2c6fc9;background:#ffffffe0;align-items:center;gap:8px;display:inline-flex;box-shadow:0 4px 12px #23345c1a}.hstat svg{fill:#3e8ee8;width:20px;height:20px}.hstat svg path:last-child{fill:#7fbff5}#homeStat:has(span:empty){display:none}html.has-title-art .sky{background:var(--bg-title) center / cover no-repeat, #a9dbff}html.has-title-art .sky>i{display:none}html.has-play-art body.playing .sky{background-image:var(--bg-play)}.logo-img{filter:drop-shadow(0 10px 14px #1e5aaa40);width:min(360px,88vw);height:auto;display:block}