.hy-top{z-index:1;pointer-events:none;position:absolute;top:6px;left:8px;right:8px}.hy-top__row{align-items:center;gap:8px;display:flex}.hy-goal__txt{font-family:var(--wg-f-display);color:var(--wg-ink);text-shadow:0 2px #00000073;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;line-height:1;overflow:hidden}.hy-time{font-family:var(--wg-f-display);font-variant-numeric:tabular-nums;color:var(--wg-ink);background:#0b1026b8;border-radius:99px;margin-left:auto;padding:5px 11px 4px;font-size:20px;font-weight:400;line-height:1;box-shadow:inset 0 0 0 1.5px #ffffff24}.hy-time.is-low{background:#e8435a;animation:.5s ease-in-out infinite alternate hy-beat}@keyframes hy-beat{to{transform:scale(1.1)}}.hy-bar{background:#0b10269e;border-radius:99px;height:16px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px #0000004d,0 0 0 1.5px #ffffff1a}.hy-bar i{border-radius:inherit;background:linear-gradient(#d3a6ff,#b266ff);width:0;height:100%;transition:width .3s cubic-bezier(.2,.9,.3,1.2);display:block;box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff40}.hy-top.is-near .hy-bar i{background:linear-gradient(#ffe08a, var(--wg-coin))}.hy-bar__num{font-family:var(--wg-f-display);color:#fff;text-shadow:0 1px #0009;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hy-chips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.hy-chips[hidden]{display:none}.hy-chip{color:var(--wg-ink);background:#0b1026b8;border-radius:99px;align-items:center;gap:5px;padding:3px 9px 3px 5px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff1f}.hy-chip i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -2px #00000040}.hy-chip b{font-family:var(--wg-f-display);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.hy-chip.is-done{color:#0b2a16;background:#4ed17ad9}.hy-tier{font-family:var(--wg-f-display);letter-spacing:.03em;color:#fff;white-space:nowrap;background:#ff5c8a;border-radius:99px;flex:none;padding:3px 10px 2px;font-size:12px;font-weight:400}.hy-tier.is-very{background:linear-gradient(90deg,#8e44dd,#ff3b5c)}.hy-tier[hidden]{display:none}.hy-intro{z-index:2;cursor:pointer;touch-action:none;background:radial-gradient(at 50% 45%,#0b102640,#0b102699);align-content:center;justify-items:center;gap:18px;padding:16px;transition:opacity .25s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hy-intro[hidden]{display:none}.hy-intro.is-out{opacity:0;pointer-events:none}.hy-intro__card{text-align:center;background:linear-gradient(#232c63f2,#161d45f2);border-radius:22px;justify-items:center;gap:8px;width:min(330px,100%);padding:16px 16px 14px;animation:.3s hy-rise;display:grid;box-shadow:0 18px 40px -18px #000000d9,inset 0 1px #ffffff1f}@keyframes hy-rise{0%{opacity:0;transform:translateY(14px)scale(.96)}}.hy-intro__head{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hy-intro__lv{font-family:var(--wg-f-display);text-shadow:0 3px #0000004d;font-size:34px;line-height:1}.hy-intro__theme{color:var(--wg-muted);font-size:14px;font-weight:700}.hy-intro__goal{font-family:var(--wg-f-display);color:var(--wg-coin);font-size:20px;line-height:1.15}.hy-intro__new{color:var(--wg-ink);background:#ffc93c1f;border-radius:12px;padding:7px 10px;font-size:14px}.hy-intro__new b{color:var(--wg-coin);font-family:var(--wg-f-display);margin-right:2px;font-weight:400}.hy-intro__go{text-align:center;justify-items:center;gap:10px;display:grid}.hy-intro__go b{font-family:var(--wg-f-display);text-shadow:0 2px #0006;background:#0b1026bf;border-radius:14px;padding:8px 16px;font-size:21px;font-weight:400}.hy-hand{background:#fff;border-radius:50%;width:46px;height:46px;animation:1.8s ease-in-out infinite hy-circle;box-shadow:0 0 0 8px #ffffff38}@keyframes hy-circle{0%,to{transform:translate(-34px)}25%{transform:translateY(-18px)}50%{transform:translate(34px)}75%{transform:translateY(18px)}}@media (max-width:360px){.hy-intro__go b{font-size:17px}.hy-goal__txt{font-size:15px}}@media (max-height:560px){.hy-intro{gap:10px}.hy-intro__card{gap:5px;padding:10px}.hy-intro__lv{font-size:26px}}@media (prefers-reduced-motion:reduce){.hy-intro__card,.hy-hand,.hy-time.is-low{animation:none}}
