.tip-card{bottom:max(16px, var(--inset-bottom,0px));color:#fff;z-index:300;background:linear-gradient(#1b2a7a,#0b1240);border:2px solid #6fd8ff;border-radius:16px;width:420px;max-width:calc(100vw - 32px);padding:14px 16px 10px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 28px #6fd8ff73,0 20px 60px #0009}.tip-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tip-kicker{color:#ffd84d;font-family:var(--font-condensed), "Arial Narrow", sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700}.tip-skip,.tip-off,.tip-back{color:#ffffffbf;cursor:pointer;font:inherit;background:0 0;border:0;min-height:36px;padding:0 6px;font-size:14px;text-decoration:underline}.tip-card h2{font-family:var(--font-condensed), "Arial Narrow", sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:2px 0 6px;font-size:22px}.tip-card p{color:#ffffffe6;margin:0 0 10px;font-size:15px;line-height:1.5}.tip-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.tip-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.tip-dots li{background:#ffffff4d;border-radius:50%;flex:none;width:8px;height:8px;min-height:0;margin:0;padding:0}.tip-dots li.on{background:#6fd8ff}.tip-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.tip-next{color:#2a1600;cursor:pointer;font-family:var(--font-condensed), "Arial Narrow", sans-serif;text-transform:uppercase;background:linear-gradient(#ffd84d,#e88a00);border:0;border-radius:99px;min-height:42px;padding:0 22px;font-size:17px;font-weight:700}.tip-off{margin:2px auto 0;font-size:12px;display:block}@media (orientation:landscape) and (max-height:500px){.tip-card{bottom:8px;left:auto;right:max(8px, var(--inset-right,0px));width:340px;padding:10px 12px 6px;transform:none}.tip-card p{margin-bottom:6px;font-size:13px}.tip-card h2{font-size:18px}}.tip-card--top{bottom:auto;top:max(12px, var(--inset-top,0px))}.tip-card--inline{text-align:left;z-index:auto;flex:100%;grid-column:1/-1;width:auto;max-width:none;margin:10px 0;position:relative;bottom:auto;left:auto;transform:none;box-shadow:0 0 14px #6fd8ff59}.tip-card a{color:#6fd8ff;font-weight:700}@media (orientation:landscape) and (max-height:500px){.tip-card--top{top:8px;bottom:auto}.tip-card--inline{width:auto;right:auto}}