.df-top{z-index:1;pointer-events:none;align-items:center;gap:10px;max-width:760px;margin:0 auto;padding:0 12px;display:flex;position:absolute;top:4px;left:0;right:0}.df-dots{flex:none;gap:5px;display:flex}.df-dot{background:#ffffff1f;border-radius:50%;width:15px;height:15px;box-shadow:inset 0 -2px #0000004d}.df-dot.is-on{background:radial-gradient(circle at 35% 30%, #ffe993, var(--wg-coin) 60%, #c99e10);animation:.4s cubic-bezier(.3,1.8,.5,1) df-pop;box-shadow:0 0 10px #ffc93ca6}.df-timer{background:#ffffff1a;border-radius:12px;flex:1;min-width:70px;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px #00000040}.df-timer i{transform-origin:0;background:linear-gradient(#8df0ae,#4ed17a 55%,#2a9a52);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.df-timer b{font-family:var(--wg-f-display);color:#fff;text-shadow:0 1px #00000073;font-variant-numeric:tabular-nums;place-items:center;font-size:15px;font-weight:400;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.df-timer.is-low i{background:linear-gradient(#ffa0b8,#ff5c8a 55%,#c23447)}.df-timer.is-low{animation:1s ease-in-out infinite df-pulse}.df-timer.is-hit{animation:.4s df-hit}.df-bottom{z-index:1;justify-content:space-between;align-items:center;gap:8px;max-width:760px;margin:0 auto;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.df-info{align-items:center;gap:8px;min-width:0;display:flex}.df-theme{font-family:var(--wg-f-display);color:var(--wg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.df-pill{font-family:var(--wg-f-display);letter-spacing:.03em;color:#fff;white-space:nowrap;background:#ff5c8a;border-radius:11px;flex:none;padding:0 10px;font-size:13px;line-height:22px}.df-pill--special{background:linear-gradient(90deg,#ff5c8a,#b266ff)}.df-pill[hidden]{display:none}.df-btn{font:inherit;cursor:pointer;background:var(--wg-coin);min-height:44px;color:var(--wg-on-coin);border:0;border-radius:14px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:inset 0 -3px #00000038}.df-btn svg{flex:none;width:20px;height:20px}.df-btn .wg-adtag{background:#0000002e;border-radius:6px;padding:2px 5px;font-size:10px;font-weight:700}.df-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #00000038}.df-btn:disabled{opacity:.45;cursor:default}@keyframes df-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes df-pulse{50%{transform:scale(1.04)}}@keyframes df-hit{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:350px){.df-dot{width:12px;height:12px}.df-dots{gap:4px}.df-theme{font-size:14px}}@media (prefers-reduced-motion:reduce){.df-timer.is-low,.df-timer.is-hit,.df-dot.is-on{animation:none}}@media (max-width:420px){.df-pill:not([hidden])+.df-theme{display:none}}