/* ⟲ Way Back player page (Jones 5 Nov 13:15, mockup WB6 "A"): full-screen map, a big ▶ first */
html,body.wbp{margin:0;height:100%;background:#07101f;color:#fff;overflow:hidden}
.wbp{font-family:var(--body,system-ui)}
.wbp-stage{position:fixed;inset:0}
#wb-map{position:absolute;inset:0;width:100%;height:100%;display:block}
.wbp-top{position:absolute;left:0;right:0;top:0;padding:max(14px,env(safe-area-inset-top)) 16px 30px;background:linear-gradient(180deg,rgba(7,16,31,.92),rgba(7,16,31,0));display:flex;align-items:flex-start;gap:10px}
.wbp-ttl{flex:1;min-width:0}.wbp .eb{font:800 10.5px var(--body);letter-spacing:.14em;color:#ffb000;text-transform:uppercase}
.wbp h1{margin:2px 0 0;font:700 20px/1.15 var(--display);color:#fff}
.wbp-ib{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(7,16,31,.5);color:#fff;font:800 14px var(--body);display:grid;place-items:center;cursor:pointer;flex:none;text-decoration:none}
.wbp-clock{position:absolute;left:16px;top:96px;pointer-events:none}.wbp-clock b{display:block;font:700 46px/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.wbp-clock small{color:#a8b8d4;font:700 12px var(--body)}
.wbp-chips{position:absolute;right:12px;top:96px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}
.wbp-chips div{background:rgba(7,16,31,.72);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:5px 10px;font:700 11.5px var(--body);color:#a8b8d4}
.wbp-chips b{color:#fff;font:900 16px var(--body);margin-right:5px;font-variant-numeric:tabular-nums}.wbp-chips .amb b{color:#ffb000}
.wbp-toast{position:absolute;left:12px;right:12px;bottom:150px;display:flex;gap:10px;align-items:center;background:rgba(7,16,31,.82);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:9px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .3s;opacity:0}
.wbp-toast.on{opacity:1}
.wbp-toast .bd{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font:900 12px var(--body);flex:none}
.wbp-toast .w{flex:1;min-width:0}.wbp-toast .a{font:800 13.5px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbp-toast .b{color:#93a3b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbp-toast .tm{font:900 14px var(--body);font-variant-numeric:tabular-nums}
.wbp-bar{position:absolute;left:0;right:0;bottom:0;padding:14px 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(7,16,31,.96) 60%,rgba(7,16,31,0))}
#wb-tl{display:block;width:100%;height:56px;touch-action:none;cursor:pointer}
.wbp-row{display:flex;gap:8px;align-items:center;margin-top:8px}
.wbp-pb{width:48px;height:48px;border-radius:14px;border:0;background:#ffb000;color:#14233b;font:900 18px var(--body);cursor:pointer;flex:none}
.wbp-sp{border:1px solid rgba(255,255,255,.16);background:none;color:#fff;font:800 12.5px var(--body);padding:9px 10px;border-radius:11px;cursor:pointer}.wbp-sp.on{background:#fff;color:#14233b}
.wbp-fill{flex:1}.wbp-board{color:#ffcc55;font:800 12.5px var(--body);text-decoration:none;white-space:nowrap}
.wbp-poster{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(7,16,31,.25),rgba(7,16,31,.85));transition:opacity .35s}
.wbp-poster.gone{opacity:0;pointer-events:none}
.wbp-pc{text-align:center;padding:20px}
.wbp-big{width:96px;height:96px;border-radius:50%;border:0;background:#ffb000;color:#14233b;font:900 34px var(--body);cursor:pointer;box-shadow:0 0 0 12px rgba(255,176,0,.18),0 18px 40px rgba(0,0,0,.5);animation:wbpulse 1.8s ease-in-out infinite}
@keyframes wbpulse{50%{box-shadow:0 0 0 22px rgba(255,176,0,.08),0 18px 40px rgba(0,0,0,.5)}}
@media (prefers-reduced-motion:reduce){.wbp-big{animation:none}}
.wbp-pc h2{margin:22px 0 4px;font:700 24px/1.15 var(--display);color:#fff}.wbp-pc p{margin:0 auto;color:#c9d7ee;max-width:320px}
.wbp-k{display:flex;gap:16px;justify-content:center;margin-top:14px;color:#a8b8d4;font:700 12.5px var(--body)}.wbp-k b{color:#fff;font:900 18px var(--body);display:block}
.wbp-from{margin-top:14px;font-size:12px;color:#93a3b8}
@media (min-width:900px){.wbp h1{font-size:28px}.wbp-top{padding:18px 28px 40px}.wbp-clock{top:110px;left:28px}.wbp-clock b{font-size:64px}
  .wbp-chips{right:24px;top:110px;flex-direction:row}.wbp-toast{left:auto;right:24px;width:380px;bottom:150px}.wbp-bar{padding:16px 28px 20px}}
/* today, with Jones's PIN (WB7) */
.wbp-locked{background:radial-gradient(circle at 60% 40%,#16304f 0,#0e2744 50%,#0a1d33 100%)}
.wbp-lk{width:72px;height:72px;border-radius:22px;background:rgba(255,176,0,.15);border:1px solid rgba(255,176,0,.4);display:grid;place-items:center;font-size:32px;margin:0 auto}
.wbp-pin{display:block;margin:20px auto 8px;width:220px;text-align:center;font:900 34px/1 var(--body);letter-spacing:.5em;padding:14px 0 14px .5em;border-radius:16px;border:1.5px solid rgba(255,176,0,.6);background:rgba(255,255,255,.08);color:#fff}
.wbp-pin::placeholder{color:rgba(255,255,255,.35)}
.wbp-err{color:#ff8a80;font:800 13px var(--body);margin-top:6px}
.wbp-go{display:block;margin:14px auto 0;width:240px;padding:14px;border:0;border-radius:16px;background:#ffb000;color:#14233b;font:900 16px var(--body);cursor:pointer}
.wbp-now{display:table;margin-top:6px;background:rgba(214,58,47,.2);color:#ff8a80;border:1px solid rgba(214,58,47,.45);border-radius:99px;padding:2px 8px;font:800 10.5px var(--body);letter-spacing:.08em}