.wh-banner{--wh-edge:#ffcb05;--wh-edge-hi:#fff2a8;--wh-bg-a:#1d1446;--wh-bg-b:#3a1d63;--wh-ink:#fff;--wh-kicker:#ffe566;--wh-glow:#ffcb058c;z-index:900;top:calc(env(safe-area-inset-top,0px) + 14px);width:min(600px,100vw - 24px);color:var(--wh-ink);font-family:var(--ui-font-body);border:3px solid var(--wh-edge);background:radial-gradient(120% 140% at 0% 0%, #ffffff24, transparent 55%), linear-gradient(135deg, var(--wh-bg-a), var(--wh-bg-b));box-shadow:0 0 0 3px #0000008c, 0 0 34px 4px var(--wh-glow), 0 14px 30px #00000073, inset 0 0 0 1px #ffffff2e;animation:wh-drop .62s cubic-bezier(.18, 1.35, .4, 1) both, wh-leave .42s ease-in calc(var(--wh-ms,9s) - .42s) forwards, wh-pulse 1.8s ease-in-out .62s infinite;pointer-events:auto;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:14px 44px 16px 16px;display:grid;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.wh-banner--delivered{--wh-edge:#6ff2a8;--wh-edge-hi:#d9ffe9;--wh-bg-a:#0c2b2a;--wh-bg-b:#144b3b;--wh-kicker:#b6ffd5;--wh-glow:#6ff2a880}.wh-banner--shiny{--wh-edge:#ff8ad8;--wh-edge-hi:#c9f6ff;--wh-bg-a:#2a1240;--wh-bg-b:#10305a;--wh-kicker:#ffd1f2;--wh-glow:#ff8ad880;background:linear-gradient(135deg, var(--wh-bg-a), var(--wh-bg-b)) padding-box, linear-gradient(120deg, #ff8ad8, #ffe566, #7af0ff, #b18cff, #ff8ad8) border-box;animation:wh-drop .62s cubic-bezier(.18, 1.35, .4, 1) both, wh-leave .42s ease-in calc(var(--wh-ms,6.5s) - .42s) forwards, wh-pulse 1.8s ease-in-out .62s infinite, wh-iris 3.2s linear infinite;background-size:100% 100%,300% 300%;border-color:#0000}.wh-shine{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 48%,#0000 60%);animation:2.6s ease-in-out .5s infinite wh-sweep;position:absolute;inset:0;transform:translate(-120%)}.wh-sparks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wh-sparks i{background:var(--wh-edge-hi);box-shadow:0 0 8px 2px var(--wh-edge);opacity:0;border-radius:50%;animation:2.4s ease-out infinite wh-spark;position:absolute;bottom:-8px}.wh-banner--shiny .wh-sparks i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff;border-radius:1px}.wh-art{z-index:1;place-items:center;width:108px;height:128px;display:grid;position:relative}.wh-rays,.wh-star-burst{background:repeating-conic-gradient(#ffe5668c 0deg 9deg,#0000 9deg 22deg);border-radius:50%;animation:9s linear infinite wh-spin;position:absolute;inset:-34px;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.wh-art--shiny:before{content:"";background:radial-gradient(circle,#ffffffd9 0%,#ffbef08c 35%,#0000 70%);border-radius:50%;animation:1.6s ease-in-out infinite wh-glow;position:absolute;inset:10px}.wh-star-burst{background:repeating-conic-gradient(#ff8ad88c 0deg 8deg,#7af0ff73 8deg 16deg,#0000 16deg 26deg);animation-duration:6s}.wh-slab{object-fit:contain;filter:drop-shadow(0 6px 10px #0000008c)drop-shadow(0 0 10px #ffe566b3);border-radius:6px;max-width:96px;max-height:124px;animation:.7s cubic-bezier(.2,1.5,.4,1) .12s both wh-slab-in,2.4s ease-in-out .9s infinite wh-float;position:relative;transform:rotate(-4deg)}.wh-slab-fallback{border:3px solid var(--wh-edge);color:#3a2a00;width:84px;height:116px;font-family:var(--ui-font-display);text-align:center;background:linear-gradient(160deg,#fff7d1,#e9c85a);border-radius:8px;place-items:center;font-size:18px;display:grid;position:relative;transform:rotate(-4deg)}.wh-sprite{filter:drop-shadow(0 0 8px #ffffffd9)drop-shadow(0 0 16px #ff8ad8b3);place-items:center;width:112px;height:112px;animation:.64s cubic-bezier(.2,1.5,.4,1) .12s both wh-slab-in,2s ease-in-out .8s infinite wh-float;display:grid;position:relative}.wh-art--shiny.is-group .wh-sprite{width:76px;height:76px;left:calc(var(--wh-i,0) * 22px - 6px);top:calc(var(--wh-i,0) * 16px + 4px);animation-delay:calc(var(--wh-i,0) * .12s + .12s), calc(var(--wh-i,0) * .2s + .8s);position:absolute}.wh-body{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.wh-body p{margin:0}.wh-kicker{font-family:var(--ui-font-pixel);letter-spacing:.08em;color:var(--wh-kicker);text-shadow:0 0 8px var(--wh-glow);align-items:center;gap:6px;font-size:10px;display:inline-flex}.wh-kicker-dot{background:var(--wh-edge);width:8px;height:8px;box-shadow:0 0 0 3px #ffffff26, 0 0 10px var(--wh-edge);border-radius:50%;animation:1s steps(2,start) infinite wh-blink}.wh-title{font-family:var(--ui-font-display);letter-spacing:.01em;text-shadow:2px 2px #0000008c;overflow-wrap:anywhere;font-size:22px;line-height:1.12}.wh-name{color:var(--wh-edge-hi);background:linear-gradient(90deg, var(--wh-edge), var(--wh-edge-hi), var(--wh-edge));-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(2px 2px #0000008c);-webkit-background-clip:text;background-clip:text}.wh-card{color:#ffffffeb;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.wh-card.wh-card--text{display:block}.wh-grade{background:var(--wh-edge);color:#2a1a00;letter-spacing:.03em;border-radius:6px;flex:none;padding:2px 7px;font-size:12px;font-weight:900;box-shadow:0 2px #00000073}.wh-foot{font-size:13px;font-weight:800;margin-top:2px!important}.wh-cta{color:var(--wh-kicker)}.wh-cta--block{margin-top:2px;display:block}.wh-link{color:var(--wh-edge-hi);text-underline-offset:3px;text-decoration:underline}.wh-close{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.wh-close:hover{background:#0000008c}.wh-timer{transform-origin:0;background:linear-gradient(90deg, var(--wh-edge), var(--wh-edge-hi));width:100%;height:4px;animation:wh-timer var(--wh-ms,9s) linear forwards;position:absolute;bottom:0;left:0}.wh-chip{z-index:880;top:calc(env(safe-area-inset-top,0px) + 12px);border:2px solid var(--ui-gold);color:#fff;max-width:min(460px,100vw - 24px);font-family:var(--ui-font-body);background:linear-gradient(90deg,#1d1446f0,#3a1d63f0);border-radius:999px;align-items:center;gap:8px;padding:5px 6px 5px 8px;font-size:12px;font-weight:800;animation:.36s cubic-bezier(.2,1.3,.4,1) both wh-chip-in;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffcb0559,0 4px 10px #0006}.wh-chip--shiny{background:linear-gradient(90deg,#2a1240f0,#10305af0);border-color:#ff8ad8;box-shadow:0 0 14px #ff8ad859,0 4px 10px #0006}.wh-chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wh-chip-icon{border:1px solid var(--ui-gold);background:linear-gradient(160deg,#fff7d1,#e9c85a);border-radius:2px;flex:none;width:12px;height:16px;box-shadow:0 0 6px #ffcb05cc}.wh-chip-icon--shiny{background:radial-gradient(circle,#fff,#ff8ad8);border-radius:50%;width:14px;height:14px}.wh-sprite img,.wh-chip-sprite img{max-width:100%;max-height:100%;image-rendering:pixelated}.wh-chip-sprite{filter:drop-shadow(0 0 4px #fffc);flex:none;place-items:center;width:26px;height:26px;margin:-5px 0;display:grid;overflow:hidden}.wh-chip-ago{color:var(--ui-gold-hi);opacity:.9;flex:none;font-weight:700}.wh-chip-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1;display:grid}@media (max-width:760px),(max-height:520px) and (orientation:landscape) and (pointer:coarse){.wh-banner{top:calc(env(safe-area-inset-top,0px) + 8px);border-radius:14px;gap:10px;width:calc(100vw - 16px);padding:10px 38px 12px 10px}.wh-art{width:74px;height:96px}.wh-slab{max-width:68px;max-height:94px}.wh-slab-fallback{width:62px;height:86px;font-size:14px}.wh-sprite{width:78px;height:78px}.wh-art--shiny.is-group .wh-sprite{width:56px;height:56px;left:calc(var(--wh-i,0) * 12px - 4px);top:calc(var(--wh-i,0) * 14px + 4px)}.wh-title{font-size:18px}.wh-chip-sprite{width:22px;height:22px}.wh-card,.wh-foot{font-size:12px}.wh-close{width:28px;height:28px;top:6px;right:6px}.wh-chip{z-index:20;top:auto;bottom:calc(var(--pdx-world-bottom,120px) + 52px);max-width:calc(100vw - 16px);font-size:11px;left:8px;transform:none}:is(body:has(.social-layer--mobile .social-chat) .wh-chip,body:has(.atlas-world:not([data-clean="1"]) .world-announce) .wh-chip,body:has(.atlas-world:not([data-clean="1"]) .afk-hint) .wh-chip,body:has(.atlas-world--open) .wh-chip){display:none}}@keyframes wh-drop{0%{opacity:0;transform:translate(-50%,-140%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes wh-leave{to{opacity:0;transform:translate(-50%,-30%)scale(.97)}}@keyframes wh-pulse{0%,to{box-shadow:0 0 0 3px #0000008c, 0 0 26px 2px var(--wh-glow), 0 14px 30px #00000073, inset 0 0 0 1px #ffffff2e}50%{box-shadow:0 0 0 3px #0000008c, 0 0 46px 10px var(--wh-glow), 0 14px 30px #00000073, inset 0 0 0 1px #ffffff47}}@keyframes wh-iris{to{background-position:0 0,300% 0}}@keyframes wh-sweep{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@keyframes wh-spark{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-150px)scale(1.15)}}@keyframes wh-spin{to{transform:rotate(360deg)}}@keyframes wh-slab-in{0%{opacity:0;transform:rotate(-24deg)scale(.4)}}@keyframes wh-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes wh-glow{50%{opacity:.6;transform:scale(.9)}}@keyframes wh-blink{to{opacity:.25}}@keyframes wh-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes wh-chip-in{0%{opacity:0;translate:0 -10px}}@media (prefers-reduced-motion:reduce){.wh-banner,.wh-banner--shiny{animation:wh-leave 1ms linear calc(var(--wh-ms,9s) - 1ms) forwards}.wh-shine,.wh-sparks,.wh-rays,.wh-star-burst{display:none}.wh-slab,.wh-sprite,.wh-kicker-dot,.wh-chip{animation:none}}
.truck-scene{z-index:90;color:#fff8e6;cursor:pointer;background:#080c18eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;animation:.3s ease-out truck-scene-in;display:flex;position:fixed;inset:0}.truck-scene-stage{aspect-ratio:16/9;width:min(640px,100%);image-rendering:pixelated;border:4px solid #1d2a44;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 8px #0b1222}.truck-scene-stage img{image-rendering:pixelated;pointer-events:none;position:absolute}.truck-scene-sky{background:linear-gradient(#7ec8ef,#c9ecf8);position:absolute;inset:0 0 38%}.truck-scene-sky--hoenn{background:linear-gradient(#5fc3f2,#d6f4ff)}.truck-scene-ground{background:repeating-linear-gradient(90deg,#8a8f99 0 48px,#7b808a 48px 96px);position:absolute;inset:62% 0 0}.truck-scene-stage--pier .truck-scene-ground{background:repeating-linear-gradient(90deg,#a87a4c 0 32px,#93683f 32px 34px)}.truck-scene-ground--hoenn{background:#8fd16a}.truck-scene-truck{height:34%;animation:2.6s linear forwards truck-scene-drive;bottom:30%;left:-40%}.truck-scene-stage--road .truck-scene-truck{animation:.26s steps(2,end) infinite truck-scene-bump;left:32%}.truck-scene-truck--parked{height:26%;animation:none;bottom:22%;left:6%}.truck-scene-tree{height:46%;animation:1.3s linear infinite truck-scene-pass;bottom:36%}.truck-scene-tree--b{height:40%;animation-delay:-650ms}.truck-scene-house{height:62%;bottom:30%;left:40%}.truck-scene-palm{height:64%;bottom:30%;right:4%}.truck-scene-boxes{height:12%;bottom:22%;left:33%}.truck-scene-mom{transform-origin:bottom;width:32px;height:56px;image-rendering:pixelated;background:url(/spike/npc/npc_mom.png) 0 0/288px 56px no-repeat;position:absolute;bottom:18%;left:50%;transform:scale(1.6)}.truck-scene-caption{text-align:center;background:#1d2a44;border:3px solid #f2d27a;border-radius:6px;max-width:min(640px,100%);margin:0;padding:10px 14px;font-size:1rem;line-height:1.4}.truck-scene-dots{gap:6px;display:flex}.truck-scene-dots span{background:#42506e;border-radius:50%;width:8px;height:8px}.truck-scene-dots span[data-on=true]{background:#f2d27a}.truck-scene-skip{color:#fff8e6;width:auto;max-width:max-content;min-height:40px;font:inherit;cursor:pointer;background:#1d2a44;border:2px solid #f2d27a;border-radius:6px;padding:6px 14px;position:absolute;top:16px;left:auto;right:16px}@keyframes truck-scene-in{0%{opacity:0}}@keyframes truck-scene-drive{to{left:110%}}@keyframes truck-scene-bump{50%{transform:translateY(-2px)}}@keyframes truck-scene-pass{0%{left:110%}to{left:-30%}}@media (prefers-reduced-motion:reduce){.truck-scene,.truck-scene-truck,.truck-scene-tree{animation:none}.truck-scene-stage--pier .truck-scene-truck{left:30%}}