/* =====================================================================
   Platforms · video game theme (loaded after chrome.css)
   Night-purple chrome, neon accents: cyan #39f2c8, magenta #ff3cac, Twitch purple #9146ff.
   Content cards stay white so comments, drops and member boxes read exactly as on Circul8r.
   ===================================================================== */
body[data-theme="platforms"]{
  --ch-bg:#241a4a; --ch-deep:#120d26; --ch-acc:#39f2c8; --ch-line:#ff3cac;
  --pf-night:#120d26; --pf-night2:#1b1338; --pf-cyan:#39f2c8; --pf-pink:#ff3cac; --pf-purple:#9146ff; --pf-gold:#ffd23f;
  --pf-ps:#2f6bff; --pf-xb:#22b14c; --pf-ns:#e60012; --pf-pc:#8a94a6;
}
body[data-theme="platforms"] .phead{background:var(--pf-night2)}
body[data-theme="platforms"] .phead::after{background:linear-gradient(90deg,var(--pf-cyan),var(--pf-pink),var(--pf-purple))}
body[data-theme="platforms"] .phead .kicker b{color:var(--pf-night2)}
body[data-page="home"] .tick{display:flex}
.pf-inv{display:block;width:100%;height:auto;background:var(--pf-night)}

/* ---------- hero ---------- */
.pf-hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(145,70,255,.45),transparent 60%),
  radial-gradient(900px 380px at 0% 110%,rgba(57,242,200,.22),transparent 60%),var(--pf-night);color:#fff;
  padding:clamp(2.2rem,5vw,4rem) 0 clamp(1.8rem,4vw,3rem);position:relative;overflow:hidden}
.pf-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);pointer-events:none}
.pf-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.5rem,4vw,3rem);align-items:end;position:relative}
.pf-hero .kicker{color:#b9b0dc}
.pf-hero .kicker b{background:var(--pf-cyan);color:var(--pf-night)}
.pf-h1{font:800 clamp(3.2rem,10vw,7.5rem)/.85 var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0;color:#fff;
  text-shadow:4px 4px 0 var(--pf-pink),8px 8px 0 var(--pf-purple)}
.pf-h1 span{color:var(--pf-cyan)}
.pf-hero .lede{color:#ddd6f5;max-width:44rem}
.pf-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.6rem}
.pf-jump{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:2px solid var(--acc);border-radius:4px;color:#fff;text-decoration:none;
  font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.04)}
.pf-jump b{background:var(--acc);color:var(--pf-night);padding:3px 6px;border-radius:2px;min-width:1.6em;text-align:center}
.pf-jump:hover{background:var(--acc);color:var(--pf-night)}
.pf-live{display:grid;gap:4px;padding:1.2rem 1.3rem;border:3px solid var(--pf-purple);background:linear-gradient(160deg,#2a1866,#170f33);color:#fff;text-decoration:none;
  box-shadow:6px 6px 0 var(--pf-pink);position:relative}
.pf-live:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--pf-pink)}
.pf-live-dot{width:12px;height:12px;border-radius:50%;background:var(--pf-pink);box-shadow:0 0 0 0 rgba(255,60,172,.7);animation:pfpulse 1.8s infinite;position:absolute;top:1.2rem;right:1.2rem}
@keyframes pfpulse{70%{box-shadow:0 0 0 12px rgba(255,60,172,0)}100%{box-shadow:0 0 0 0 rgba(255,60,172,0)}}
.pf-live-k{font:600 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pf-cyan)}
.pf-live b{font:800 clamp(1.6rem,3vw,2.2rem)/1 var(--font-display);overflow-wrap:anywhere}
.pf-live-s{font-size:14px;color:#cfc6ef}

/* ---------- platform filter ---------- */
.pf-filter-bar{background:var(--pf-night2);border-bottom:3px solid var(--pf-cyan)}
.pf-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.pf-filter-l{font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#b9b0dc;margin-right:4px}
.pf-f{font:700 13px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:9px 14px;border:2px solid #4a3e7a;background:transparent;color:#fff;border-radius:4px;cursor:pointer}
.pf-f:hover{border-color:var(--pf-cyan)}
.pf-f[aria-pressed="true"]{background:var(--pf-cyan);border-color:var(--pf-cyan);color:var(--pf-night)}
.pf-f-ps5[aria-pressed="true"]{background:var(--pf-ps);border-color:var(--pf-ps);color:#fff}
.pf-f-xbox[aria-pressed="true"]{background:var(--pf-xb);border-color:var(--pf-xb);color:#fff}
.pf-f-switch[aria-pressed="true"]{background:var(--pf-ns);border-color:var(--pf-ns);color:#fff}
.pf-f-pc[aria-pressed="true"]{background:#e8ecf3;border-color:#e8ecf3;color:var(--pf-night)}
.pf-filter-n{font:500 12px/1.3 var(--font-mono);color:#b9b0dc;margin-left:auto}

/* ---------- sections + cards ---------- */
.pf-sec{background:var(--pf-night);padding:clamp(2.2rem,5vw,3.6rem) 0;border-top:1px solid #2a2050;scroll-margin-top:60px}
.pf-sec:nth-of-type(even){background:var(--pf-night2)}
.pf-shead{border-bottom-color:var(--acc)}
.pf-shead h2{color:#fff}
.pf-shead h2 .sq{border-radius:3px;box-shadow:0 0 0 3px var(--pf-night),0 0 0 5px var(--c)}
.pf-shead .note{font:500 12px/1.3 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.06em;color:#d9d2f5!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;align-items:start}
.pf-card{background:#fff;color:var(--ink);border:2px solid var(--808-ink);border-top:6px solid var(--acc);box-shadow:5px 5px 0 var(--acc);
  padding:1rem 1.1rem 1.05rem;display:grid;gap:10px;min-width:0;scroll-margin-top:70px}
.pf-card[hidden]{display:none}
.pf-card:target{outline:3px solid var(--pf-pink);outline-offset:3px}
.pf-card h3{font:800 clamp(1.25rem,2vw,1.5rem)/1.05 var(--font-display);text-transform:uppercase;margin:0;color:var(--808-ink)}
.pf-card p{margin:0;font-size:15.5px;line-height:1.5}
.pf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:600 11.5px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#5b5675}
.pf-tag{background:var(--808-ink);color:#fff;padding:5px 8px;border-radius:2px}
.pf-tag.pf-out{background:#00a36c}.pf-tag.pf-soon{background:var(--pf-purple)}.pf-tag.pf-late{background:#d12a2a}.pf-tag.pf-open{background:var(--pf-pink)}
.pf-count{background:#fff3c4;color:#6b4e00;padding:5px 8px;border-radius:2px}
.pf-plats{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.pf-plats li{font:700 11px/1 var(--font-mono);letter-spacing:.04em;padding:5px 8px;border-radius:999px;color:#fff;background:#555}
.pf-plats .pp-ps5{background:var(--pf-ps)}.pf-plats .pp-xbox{background:var(--pf-xb)}.pf-plats .pp-switch{background:var(--pf-ns)}
.pf-plats .pp-pc{background:#3b4252}.pf-plats .pp-all{background:#6c5ea8}
.pf-src{font:500 12.5px/1.45 var(--font-mono)!important;color:#5b5675}
.pf-src a{color:#4b2bbf;font-weight:600}
.pf-body{display:grid;gap:10px;min-width:0}
.pf-card>.c8d,.pf-card>.cm{grid-column:1/-1}
/* releases: a big date block on the left */
.pf-rel{grid-template-columns:62px minmax(0,1fr)}
.pf-date{display:grid;place-content:center;text-align:center;border:2px solid var(--808-ink);background:var(--pf-night);color:#fff;height:66px;align-self:start}
.pf-date b{font:800 30px/1 var(--font-display)}
.pf-date span{font:600 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--pf-cyan)}
.pf-date.pf-out{background:#00a36c}.pf-date.pf-out span{color:#fff}
.pf-date.pf-late{background:#d12a2a}.pf-date.pf-late b{font-size:22px}.pf-date.pf-late span{color:#fff}

/* ---------- my stream ---------- */
.pf-tw{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start;margin-bottom:1.2rem}
.pf-player{position:relative;background:#0b0818;border:3px solid var(--pf-purple);box-shadow:6px 6px 0 var(--pf-cyan);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
.pf-player.on{display:block}
.pf-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.pf-screen{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;
  background:radial-gradient(600px 300px at 50% 40%,rgba(145,70,255,.55),transparent 70%),#0b0818}
.pf-screen b{font:800 clamp(2rem,5vw,3.6rem)/1 var(--font-display);text-transform:uppercase;text-shadow:3px 3px 0 var(--pf-pink)}
.pf-screen i{font:600 13px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pf-cyan);font-style:normal;margin-top:8px}
.pf-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}
.pf-play{position:relative;z-index:2;margin-top:clamp(5rem,14vw,8.5rem);font:700 15px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;
  padding:13px 20px;border:2px solid #fff;background:var(--pf-purple);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--pf-pink)}
.pf-play:hover{background:#a970ff}
.pf-pnote{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 12px;font:500 11.5px/1.4 var(--font-mono);color:#cfc6ef;background:rgba(11,8,24,.8);z-index:2}
.pf-player.on .pf-pnote{display:none}
.pf-twside{background:#fff;border:2px solid var(--808-ink);border-top:6px solid var(--pf-purple);padding:1.2rem}
.pf-kick{font:600 11.5px/1 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-purple)}
.pf-twside h3{font:800 2rem/1 var(--font-display);text-transform:uppercase;margin:.5rem 0 .6rem}
.pf-twside p{margin:0 0 .8rem}
.pf-btns{display:flex;flex-wrap:wrap;gap:8px}
.pf-btn{background:var(--pf-purple)!important;border-color:var(--pf-purple)!important;color:#fff!important}
.pf-sec-stream .cm-block{background:#fff;border:2px solid var(--808-ink);padding:.6rem}
.pf-sec-stream>.wrap>.c8d{margin-bottom:10px}

@media (max-width:900px){
  .pf-hero-in{grid-template-columns:1fr}
  .pf-tw{grid-template-columns:1fr}
  .pf-filter-n{margin-left:0;width:100%}
}
@media (max-width:420px){
  .pf-rel{grid-template-columns:1fr}
  .pf-date{height:auto;padding:8px;grid-auto-flow:column;gap:8px;justify-content:start;align-items:baseline}
  .pf-play{margin-top:4.2rem;font-size:13px}
  .pf-pnote{display:none}
  .pf-filter-l{display:none}
  .pf-f{padding:8px 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.pf-live-dot{animation:none}}

/* ---------- per-section platform tabs ---------- */
.pf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:-.4rem 0 1.2rem}
.pf-t{font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;padding:8px 11px;border:2px solid #4a3e7a;background:transparent;color:#fff;border-radius:4px;cursor:pointer}
.pf-t b{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:2px;background:rgba(255,255,255,.12);font-weight:700}
.pf-t:hover{border-color:var(--acc)}
.pf-t[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:var(--pf-night)}
.pf-t[aria-pressed="true"] b{background:rgba(0,0,0,.15)}
.pf-t.pf-f-ps5[aria-pressed="true"]{background:var(--pf-ps);border-color:var(--pf-ps);color:#fff}
.pf-t.pf-f-xbox[aria-pressed="true"]{background:var(--pf-xb);border-color:var(--pf-xb);color:#fff}
.pf-t.pf-f-switch[aria-pressed="true"]{background:var(--pf-ns);border-color:var(--pf-ns);color:#fff}
.pf-t.pf-f-pc[aria-pressed="true"]{background:#e8ecf3;border-color:#e8ecf3;color:var(--pf-night)}
.pf-tabs-note,.pf-secnote{font:500 13px/1.5 var(--font-mono);color:#d9d2f5;margin:-.4rem 0 1.2rem;max-width:62rem}

/* ---------- reviews ---------- */
.pf-rv{grid-template-columns:72px minmax(0,1fr)}
.pf-score{display:grid;place-content:center;text-align:center;height:72px;border:2px solid var(--808-ink);color:#fff;box-shadow:3px 3px 0 var(--808-ink);align-self:start}
.pf-score b{font:800 36px/1 var(--font-display)}
.pf-score span{font:600 10px/1 var(--font-mono);opacity:.85}
.pf-sc-hi{background:#00a36c}.pf-sc-mid{background:#d99a00}.pf-sc-lo{background:#d12a2a}
.pf-rvn{font:600 13px/1.3 var(--font-mono)!important;color:#3b3560}
.pf-rvn b{color:#00845a}

/* ---------- THE RING: an arcade cabinet around a boxing ring ---------- */
.pf-sec-ring{background:radial-gradient(900px 420px at 50% 0,rgba(255,60,172,.22),transparent 65%),var(--pf-night)!important}
.ring-app{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}
.cab{position:relative;background:linear-gradient(90deg,#1c1240,#2c1d62 12%,#2c1d62 88%,#1c1240);border:4px solid #0b0818;border-radius:18px 18px 6px 6px;
  padding:12px 16px 0;box-shadow:8px 8px 0 var(--pf-pink),inset 0 0 0 3px #4a3a92}
.cab-top{margin:0 -4px 10px}
.cab-marquee{text-align:center;padding:10px 8px 8px;border:3px solid #0b0818;border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#ffd23f,#ff8a00);box-shadow:0 0 18px rgba(255,210,63,.55)}
.cab-marquee b{display:block;font:400 clamp(2rem,6vw,3rem)/.9 var(--font-display);letter-spacing:.06em;color:#fff;
  text-shadow:3px 3px 0 #0b0818,-1px -1px 0 #0b0818,1px -1px 0 #0b0818,-1px 1px 0 #0b0818,6px 6px 0 var(--pf-pink)}
.cab-marquee span{font:400 9px/1.6 var(--font-px);color:#0b0818;letter-spacing:.06em}
.cab-bezel{background:#0b0818;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 3px #3a2c78}
.cab-screen{position:relative;aspect-ratio:4/3;background:#06040f;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.9)}
.cab-screen .scan{position:absolute;inset:0;pointer-events:none;z-index:9;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);
  box-shadow:inset 0 0 60px rgba(57,242,200,.12)}
.rs{position:absolute;inset:0;display:none}
.rs.on{display:block}
.arena{position:absolute;inset:0;background:linear-gradient(180deg,#160c33 0 46%,#0d0820 46%)}
.crowd{position:absolute;left:0;right:0;top:26%;height:22%;opacity:.75;
  background:radial-gradient(circle at 6px 8px,#5b4a9c 4px,transparent 4.5px) 0 0/14px 13px,radial-gradient(circle at 13px 4px,#3d2f73 4px,transparent 4.5px) 0 0/14px 13px}
.neon{position:absolute;top:13%;font:400 10px/1 var(--font-px);padding:5px 7px;border:2px solid currentColor;border-radius:4px;text-shadow:0 0 8px currentColor;box-shadow:0 0 10px currentColor}
.neon.n1{left:7%;color:var(--pf-cyan)}.neon.n2{right:7%;color:var(--pf-pink)}
@media (prefers-reduced-motion:no-preference){.neon{animation:pfneon 2.4s steps(1) infinite}.neon.n2{animation-delay:-1.1s}}
@keyframes pfneon{0%,92%{opacity:1}94%{opacity:.35}96%{opacity:1}}
.ring-floor{position:absolute;left:4%;right:4%;bottom:6%;height:30%;background:linear-gradient(180deg,#2f6bff,#1c47b8);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);
  box-shadow:inset 0 6px 0 rgba(255,255,255,.18)}
.ring-floor::after{content:"808";position:absolute;left:50%;top:38%;transform:translateX(-50%);font:400 14px/1 var(--font-px);color:rgba(255,255,255,.22)}
.rope{position:absolute;left:8%;right:8%;height:3px;border-radius:2px}
.rope.r1{bottom:52%;background:var(--pf-pink);box-shadow:0 0 6px var(--pf-pink)}
.rope.r2{bottom:45%;background:#fff}
.rope.r3{bottom:38%;background:var(--pf-cyan);box-shadow:0 0 6px var(--pf-cyan)}
.post{position:absolute;bottom:33%;width:8px;height:24%;background:#d9d9e6;border:2px solid #0b0818}
.post.pl{left:7%}.post.pr{right:7%}
.ftrs{position:absolute;left:0;right:0;bottom:12%;height:42%;z-index:3}
.ftr{position:absolute;bottom:0;width:26%;max-width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45));transition:transform .18s steps(2)}
.ftr-0{left:12%}
.ftr-of2.ftr-1{right:12%;transform:scaleX(-1)}
.ftr-of3.ftr-0{left:6%}.ftr-of3.ftr-1{left:37%}.ftr-of3.ftr-2{right:6%;transform:scaleX(-1)}
@media (prefers-reduced-motion:no-preference){.ftr{animation:pfbob .8s steps(2) infinite}.ftr-1{animation-delay:-.4s}.ftr-2{animation-delay:-.2s}}
@keyframes pfbob{50%{margin-bottom:3px}}
.ftr.f-hit{margin-left:9%}
.ftr-of2.ftr-1.f-hit,.ftr-of3.ftr-2.f-hit{margin-left:0;margin-right:9%;right:3%}
.ftr.f-hurt{filter:drop-shadow(0 0 0 #fff) brightness(2.2) saturate(.2);animation:pfshake .12s steps(2) 4}
.ftr.f-draw{opacity:.75}
.ftr.f-champ{filter:drop-shadow(0 0 10px var(--pf-gold));animation:pfjump .5s steps(2) infinite}
@keyframes pfshake{50%{translate:4px 0}}
@keyframes pfjump{50%{translate:0 -10px}}
.hud{position:absolute;left:0;right:0;top:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding:8px 10px}
.hud-of3{grid-template-columns:1fr 1fr 1fr;gap:6px 8px}
.hud-f b{display:block;font:400 9px/1.4 var(--font-px);color:#fff;text-shadow:2px 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-of2 .hud-1{text-align:right}
.hp{display:block;height:12px;background:#d12a2a;border:2px solid #fff;box-shadow:2px 2px 0 #000}
.hp i{display:block;height:100%;width:100%;background:linear-gradient(180deg,#ffe66d,#ffb000);transition:width .5s steps(6)}
.hud-of2 .hud-1 .hp{direction:rtl}
.callout{position:absolute;left:4%;right:4%;top:24%;z-index:6;margin:0;text-align:center;font:400 12px/1.5 var(--font-px);color:#fff;text-shadow:2px 2px 0 #000,0 0 8px var(--pf-pink)}
.callout.big{font:400 clamp(2rem,6vw,3.2rem)/1 var(--font-display);color:var(--pf-gold);letter-spacing:.06em;text-shadow:3px 3px 0 #b5121a,6px 6px 0 #000}
.caption{position:absolute;left:0;right:0;bottom:0;z-index:6;margin:0;padding:6px 10px;background:rgba(6,4,15,.82);font:400 8px/1.6 var(--font-px);color:#cfc6ef;text-align:center}
.caption b{color:var(--pf-cyan);font-weight:400}
.cab-panel{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px -16px 0;padding:14px 16px;
  background:linear-gradient(180deg,#3b2a80,#251a55);border-top:4px solid #0b0818;border-bottom:4px solid #0b0818}
.stick{position:relative;width:52px;height:52px;border-radius:50%;background:#0b0818;box-shadow:inset 0 0 0 4px #4a3a92}
.stick i{position:absolute;left:50%;top:50%;width:8px;height:22px;margin:-24px 0 0 -4px;background:#999;border-radius:3px}
.stick i::before{content:"";position:absolute;left:50%;top:-12px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8fc8,#ff3cac 50%,#b0126e);box-shadow:0 2px 0 #000}
.cab-sels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cab-sel{font:400 8px/1.5 var(--font-px);color:#fff;text-align:left;padding:8px 9px;border:2px solid #0b0818;border-radius:6px;background:#4a3a92;cursor:pointer;box-shadow:0 3px 0 #0b0818}
.cab-sel:hover{background:#5d4bb3}
.cab-sel.on{background:var(--pf-cyan);color:#0b0818}
.cab-sel:active,.cab-fight:active{transform:translateY(2px);box-shadow:0 1px 0 #0b0818}
.cab-fight{width:74px;height:74px;border-radius:50%;border:3px solid #0b0818;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e31b23 55%,#8e0b10);
  color:#fff;font:400 10px/1 var(--font-px);text-shadow:2px 2px 0 #000;cursor:pointer;box-shadow:0 5px 0 #0b0818}
.cab-base{display:flex;justify-content:center;gap:14px;padding:12px 0 14px}
.coin{font:400 8px/1 var(--font-px);color:var(--pf-gold);padding:8px 10px;border:2px solid #0b0818;background:#120c2a;border-radius:4px}
@media (prefers-reduced-motion:no-preference){.coin:first-child{animation:pfneon 1.6s steps(1) infinite}}
/* the fight card next to the cabinet */
.rb{display:none;background:#fff;color:var(--ink);border:3px solid var(--808-ink);border-top:6px solid var(--pf-pink);box-shadow:6px 6px 0 var(--pf-cyan);padding:1.1rem 1.2rem;min-width:0}
.rb.on{display:grid;gap:12px}
.rb-k{font:600 11.5px/1 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-pink);margin:0}
.rb h3{font:800 clamp(1.6rem,3vw,2.2rem)/1 var(--font-display);text-transform:uppercase;margin:0}
.rb-q{margin:0;font-size:16px}
.rb-corner{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14.5px}
.rb-corner b{font:800 15px/1 var(--font-display);text-transform:uppercase;margin-right:6px}
.rb-tw{overflow-x:auto;border:2px solid var(--808-ink)}
.rb-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4}
.rb-t th,.rb-t td{padding:8px 10px;border-bottom:1px solid #d9d4ea;vertical-align:top;text-align:left}
.rb-t thead th{background:var(--pf-night);color:#fff;font:700 12px/1.2 var(--font-mono);text-transform:uppercase}
.rb-t tbody th{font:700 13px/1.3 var(--font-mono);min-width:110px}
.rn{display:inline-block;margin-right:6px;padding:2px 5px;background:var(--pf-night);color:var(--pf-gold);font:400 8px/1.4 var(--font-px)}
.rb-t td.win{background:#e7fff4;box-shadow:inset 4px 0 0 #00a36c}
.ko{display:inline-block;margin-left:4px;padding:1px 6px;background:#00a36c;color:#fff;font:700 10px/1.5 var(--font-mono);font-style:normal;text-transform:uppercase}
.rb-t tr.rb-why td{background:#f7f5ff;font-size:13px;color:#3b3560;border-bottom:2px solid #c9c0ea}
.rb-t tr.rb-why .pf-src{display:block;margin-top:2px}
.rb-res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rb-data,.rb-crowd{border:2px solid var(--808-ink);padding:.8rem .9rem}
.rb-data{background:#fff8d6}
.rb-h{font:400 9px/1.4 var(--font-px)!important;margin:0 0 6px;text-transform:uppercase;color:var(--pf-pink)}
.rb-v{font:800 1.3rem/1.1 var(--font-display);text-transform:uppercase;margin:0 0 6px}
.rv-list{display:grid;gap:6px}
.rv-b{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;padding:6px 8px;border:2px solid var(--808-ink);background:#fff;cursor:pointer;color:var(--ink);box-shadow:2px 2px 0 var(--808-ink)}
.rv-b img{grid-row:1/3;image-rendering:pixelated}
.rv-b span{font:700 13px/1.1 var(--font-mono)}
.rv-p{font:800 18px/1 var(--font-display)}
.rv-bar{grid-column:2/4;height:8px;background:#ece8f8;display:block}
.rv-bar s{display:block;height:100%;background:var(--pf-purple);transition:width .4s}
.rv-b:hover{background:#f3efff}
.rv-b.mine{background:#ece3ff;box-shadow:2px 2px 0 var(--pf-pink);border-color:var(--pf-purple)}
.rv-msg{margin:8px 0 0}
.rb>.c8d,.rb>.cm{grid-column:1/-1}
@media (max-width:2200px) and (min-width:901px){nav.links a{font-size:15px!important;padding:6px 4px!important;margin:0 1px!important}nav.links a i{display:none!important}nav.links::before{display:none!important}.line-tag{display:none!important}}
@media (max-width:1100px){.ring-app{grid-template-columns:1fr}.cab{max-width:560px;margin:0 auto;width:100%}}
@media (max-width:560px){
  .rb-res{grid-template-columns:1fr}
  .cab{padding:10px 10px 0}.cab-panel{margin:10px -10px 0;grid-template-columns:1fr;justify-items:center}.stick{display:none}
  .cab-sels{width:100%}.cab-fight{width:100%;height:auto;border-radius:8px;padding:12px}
  .hud-f b{font-size:7px}.callout{font-size:9px}.caption{font-size:7px}
  .pf-rv{grid-template-columns:1fr}.pf-score{height:auto;padding:8px;grid-auto-flow:column;gap:6px;justify-content:start;align-items:baseline}
}

/* ---------- CARD FIGHTER (the 808 Arcade) ---------- */
.pf-sec-arcade{background:radial-gradient(900px 420px at 30% 0,rgba(57,242,200,.18),transparent 65%),var(--pf-night2)!important}
.ax-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1rem,3vw,2rem);align-items:start}
.ax-stage{background:linear-gradient(90deg,#1c1240,#2c1d62 10%,#2c1d62 90%,#1c1240);border:4px solid #0b0818;border-radius:16px;padding:14px;box-shadow:8px 8px 0 var(--pf-cyan),inset 0 0 0 3px #4a3a92;color:#fff;min-width:0}
.ax-marquee{text-align:center;padding:10px 8px 8px;border:3px solid #0b0818;border-radius:10px;background:linear-gradient(180deg,#39f2c8,#1aa88a);box-shadow:0 0 18px rgba(57,242,200,.45);margin-bottom:12px}
.ax-marquee b{display:block;font:400 clamp(1.8rem,5vw,2.8rem)/.9 var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:3px 3px 0 #0b0818,-1px -1px 0 #0b0818,1px -1px 0 #0b0818,-1px 1px 0 #0b0818,6px 6px 0 var(--pf-purple)}
.ax-marquee span{font:400 9px/1.6 var(--font-px);color:#0b0818}
.ax-rec{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;font:600 12px/1 var(--font-mono)}
.ax-rec span{background:#0b0818;border:2px solid #4a3a92;padding:6px 8px;border-radius:4px}
.ax-rec b{color:var(--pf-gold);margin-right:4px;font-size:14px}
.ax-tier{border-color:currentColor!important}.ax-t-rookie{color:var(--pf-cyan)}.ax-t-pro{color:var(--pf-gold)}.ax-t-legend{color:var(--pf-pink)}
.ax-prac{flex-basis:100%;background:transparent!important;border:0!important;padding:2px 0!important;color:#cfc6ef;font-weight:500!important;line-height:1.4!important}
.ax-prac a,.ax-end a{color:var(--pf-cyan)}
.ax-h{font:400 11px/1.4 var(--font-px);color:var(--pf-gold);margin:4px 0 8px;text-transform:uppercase}
.ax-p{font:500 13.5px/1.5 var(--font-mono);color:#ddd6f5;margin:0 0 12px}
.ax-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}
.ax-hero{display:grid;grid-template-columns:64px 1fr;gap:4px 10px;align-items:center;text-align:left;padding:10px;background:#120c2a;border:3px solid #4a3a92;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 4px 0 #0b0818}
.ax-hero:hover,.ax-hero:focus-visible{border-color:var(--pf-cyan);transform:translateY(-2px)}
.ax-hero img{grid-row:1/3;width:64px;height:64px;image-rendering:pixelated;background:#1f1645;border-radius:6px}
.ax-r-rare{border-color:#b8860b}.ax-r-legendary{border-color:var(--pf-pink);box-shadow:0 4px 0 #0b0818,0 0 14px rgba(255,60,172,.45)}
.ax-hn{font:800 15px/1.05 var(--font-display);text-transform:uppercase}
.ax-ovr{font:800 24px/1 var(--font-display);color:var(--pf-gold)}.ax-ovr i{font:600 9px var(--font-mono);font-style:normal;margin-left:3px;color:#b9b0dc}
.ax-st{grid-column:1/-1;display:grid;grid-template-columns:30px 1fr 40px;gap:6px;align-items:center;font:600 10.5px/1 var(--font-mono)}
.ax-st i{font-style:normal;color:#b9b0dc}.ax-st b{text-align:right}
.ax-st s{display:block;height:7px;background:#2c2160;position:relative;text-decoration:none}
.ax-st s::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,var(--pf-cyan),var(--pf-gold))}
.ax-tags{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}
.ax-tags em{font:700 10px/1 var(--font-mono);font-style:normal;text-transform:uppercase;padding:4px 6px;border-radius:999px;background:#4a3a92}
.ax-tags .pp-ps5{background:var(--pf-ps)}.ax-tags .pp-xbox{background:var(--pf-xb)}.ax-tags .pp-switch{background:var(--pf-ns)}.ax-tags .pp-pc{background:#3b4252}
.ax-arena{position:relative;aspect-ratio:16/8;background:#06040f;border:3px solid #0b0818;border-radius:10px;overflow:hidden}
.ax-arena .ftr{width:20%;max-width:130px}
.ax-arena .ftrs{height:46%}
.ax-table{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start;margin:12px 0}
.ax-vs{align-self:center;font:400 clamp(1.4rem,3vw,2rem)/1 var(--font-display);color:var(--pf-pink);text-shadow:2px 2px 0 #000}
.ax-lab{font:400 9px/1.4 var(--font-px)!important;color:#cfc6ef;margin:0 0 6px;text-transform:uppercase}
.ax-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ax-sum{font:600 12px/1.4 var(--font-mono);color:#ddd6f5;margin:6px 0 0;min-height:1.4em}
.ax-sum b{color:var(--pf-gold);font-size:15px}
.ax-won{font-style:normal;background:#00a36c;color:#fff;padding:1px 5px;font-weight:700}
.ax-hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.axh{display:grid;gap:3px;min-width:0}
.axh-b{padding:0;border:0;background:none;cursor:pointer;text-align:left;border-radius:8px;transition:transform .12s}
.axh-b:hover{transform:translateY(-3px)}
.axh-b.on{transform:translateY(-8px)}
.axh-b.on .axc{outline:3px solid var(--pf-gold);outline-offset:2px;box-shadow:0 0 16px rgba(255,210,63,.6)}
.axh-src{font:600 10.5px/1 var(--font-mono);color:#b9b0dc;text-align:center}
.axc{display:grid;gap:4px;align-content:start;min-height:150px;padding:8px;border-radius:8px;border:3px solid #0b0818;background:#fff;color:var(--808-ink);box-shadow:0 4px 0 #0b0818;overflow:hidden}
.axc-g{background:linear-gradient(180deg,#fff 0 62%,#e9e4ff 62%)}
.axc-p{display:flex;flex-wrap:wrap;gap:3px}
.axc-p em{font:700 9px/1 var(--font-mono);font-style:normal;padding:3px 4px;border-radius:3px;color:#fff;background:#555}
.axc-p .pp-ps5{background:var(--pf-ps)}.axc-p .pp-xbox{background:var(--pf-xb)}.axc-p .pp-switch{background:var(--pf-ns)}.axc-p .pp-pc{background:#3b4252}
.axc-v{font:800 38px/1 var(--font-display);color:var(--808-ink)}
.axc-v sup{font:700 12px/1 var(--font-mono);color:#00845a;margin-left:2px;vertical-align:top}
.axc-n{font:800 13.5px/1.05 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere}
.axc-s{font:600 9.5px/1 var(--font-mono);color:#5b5675}
.axc-t{font:600 11px/1.3 var(--font-mono);color:#3b3560}
.axc-ic{width:34px;height:34px;border-radius:50%;border:3px solid #0b0818;display:grid;place-items:center;font:400 13px/1 var(--font-px)}
.axc-powerup{background:#fff6cc}.axc-powerup .axc-ic{background:var(--pf-gold)}.axc-powerup .axc-ic::before{content:"x"}
.axc-combo{background:#ffe3f2}.axc-combo .axc-ic{background:var(--pf-pink);color:#fff}.axc-combo .axc-ic::before{content:"+"}
.axc-block{background:#e1ecff}.axc-block .axc-ic{background:var(--pf-ps);color:#fff}.axc-block .axc-ic::before{content:"#"}
.axc-counter{background:#e4fff5}.axc-counter .axc-ic{background:#00a36c;color:#fff}.axc-counter .axc-ic::before{content:"<"}
.axc-sm{min-height:112px;padding:6px}.axc-sm .axc-v{font-size:28px}.axc-sm .axc-t{font-size:10px}
.axc-empty{display:grid;place-items:center;min-height:112px;border:3px dashed #4a3a92;background:transparent;color:#8e84bd;font:600 11px/1.2 var(--font-mono);box-shadow:none;text-align:center}
.axc-back{min-height:112px;background:repeating-linear-gradient(45deg,#4a3a92 0 8px,#2c1d62 8px 16px);position:relative}
.axc-back::after{content:"808";position:absolute;inset:0;display:grid;place-items:center;font:400 12px var(--font-px);color:var(--pf-gold);text-shadow:2px 2px 0 #000}
@media (prefers-reduced-motion:no-preference){.axc-flip{animation:axflip .45s ease-out}}
@keyframes axflip{0%{transform:rotateY(90deg)}100%{transform:none}}
.ax-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0}
.ax-go{font:400 13px/1 var(--font-px);padding:16px 26px;border:3px solid #0b0818;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e31b23 55%,#8e0b10);color:#fff;text-shadow:2px 2px 0 #000;cursor:pointer;box-shadow:0 5px 0 #0b0818}
.ax-go:disabled{filter:grayscale(1);opacity:.55;cursor:not-allowed}
.ax-go:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #0b0818}
.ax-quit{font:600 12px/1 var(--font-mono);padding:10px 12px;border:2px solid #4a3a92;border-radius:6px;background:transparent;color:#cfc6ef;cursor:pointer}
.ax-log{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:4px;font:500 12.5px/1.4 var(--font-mono);color:#ddd6f5}
.ax-log b{color:var(--pf-gold);margin-right:6px}
.ax-end{margin-top:14px;padding:16px;border:3px solid #0b0818;border-radius:10px;background:#120c2a;text-align:center;font:500 14px/1.5 var(--font-mono)}
.ax-big{font:400 clamp(2.4rem,7vw,4rem)/1 var(--font-display)!important;text-transform:uppercase;margin:0 0 8px;text-shadow:3px 3px 0 #000}
.ax-win{color:var(--pf-gold)}.ax-loss{color:var(--pf-pink)}.ax-draw{color:var(--pf-cyan)}
.ax-tok{font:400 11px/1.6 var(--font-px)!important;color:var(--pf-gold)}
.ax-note{color:#cfc6ef}
.ax-end .ax-btns{justify-content:center}
.ax-aside{display:grid;gap:14px}
.ax-box{background:#fff;color:var(--ink);border:3px solid var(--808-ink);box-shadow:5px 5px 0 var(--pf-cyan);padding:1rem}
.ax-box .ax-h{color:var(--pf-pink)}
.ax-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ax-board li{display:grid;grid-template-columns:22px 28px 1fr auto;gap:8px;align-items:center;font:600 13px/1.2 var(--font-mono)}
.ax-board li i{grid-column:3/-1;font:500 11px/1 var(--font-mono);color:#5b5675;margin-top:-4px}
.ax-board img,.ax-board .ax-av{width:28px;height:28px;image-rendering:pixelated}
.ax-board .ax-empty{display:block;color:#5b5675;font-weight:500}
.ax-rk{font:400 10px/1 var(--font-px);color:var(--pf-purple)}
.ax-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-rules{margin:0;padding-left:1.1rem;display:grid;gap:8px;font-size:14px;line-height:1.45}
.pf-sec-arcade .cm-block{background:#fff;border:2px solid var(--808-ink);padding:.6rem;margin-top:1rem}
.pf-sec-arcade>.wrap>.c8d{margin-top:1rem}
@media (max-width:1100px){.ax-main{grid-template-columns:1fr}}
@media (max-width:700px){
  .ax-hand{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ax-table{grid-template-columns:1fr}.ax-vs{text-align:center}
  .axc{min-height:132px}.axc-v{font-size:30px}
  .ax-stage{padding:10px}
}
.ax-handlab{margin-top:16px!important}
@media (max-width:700px){.ax-arena{aspect-ratio:4/3}.ax-arena .ftr{width:28%}#ax-hud .hud-f b{font-size:6.5px}.ax-arena .callout.big{font-size:2rem}}
.ax-over .ax-hand,.ax-over .ax-handlab,.ax-over>.ax-btns{display:none!important}
.ax-end p{color:#ddd6f5}.ax-end .ax-big{color:inherit}.ax-end .ax-win{color:var(--pf-gold)}.ax-end .ax-loss{color:var(--pf-pink)}.ax-end .ax-draw{color:var(--pf-cyan)}
/* platform raccoons */
.ax-heroes{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.ax-rc{grid-template-columns:72px 1fr;align-content:start}
.ax-rc img{width:72px;height:72px;grid-row:1/3}
.ax-style{font:400 8px/1.5 var(--font-px);color:var(--pf-gold);text-transform:uppercase}
.ax-blurb{grid-column:1/-1;font:500 11.5px/1.4 var(--font-mono);color:#cfc6ef}
.ax-rc-ps5{border-color:var(--pf-ps)}.ax-rc-xbox{border-color:var(--pf-xb)}.ax-rc-switch{border-color:var(--pf-ns)}.ax-rc-pc{border-color:#8a94a6}
.ax-rc-ps5 img{background:#14245c}.ax-rc-xbox img{background:#0f3d1c}.ax-rc-switch img{background:#4d0710}.ax-rc-pc img{background:#22262f}
/* ---------- Card Fighter v2: load-out, quarters, ticket stand ---------- */
.ax-pick .ax-h{margin-top:16px}
.ax-hero.on,.ax-sd.on,.ax-ty.on{border-color:var(--pf-gold)!important;box-shadow:0 0 0 3px var(--pf-gold),0 4px 0 #0b0818}
.ax-sides{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;max-height:340px;overflow:auto;padding:4px}
.ax-sd{display:grid;grid-template-columns:40px 1fr;gap:2px 8px;align-items:center;text-align:left;padding:8px;background:#120c2a;border:3px solid #4a3a92;border-radius:8px;color:#fff;cursor:pointer}
.ax-sd img{grid-row:1/4;width:40px;height:40px;image-rendering:pixelated;background:#1f1645;border-radius:4px}
.ax-sdn{font:800 13px/1.05 var(--font-display);text-transform:uppercase}
.ax-sdk{font:400 7.5px/1.5 var(--font-px);color:var(--pf-gold);text-transform:uppercase}
.ax-sdt{grid-column:2;font:500 11px/1.35 var(--font-mono);color:#cfc6ef}
.ax-sd:not(:has(img)) .ax-sdn,.ax-sd:not(:has(img)) .ax-sdt{grid-column:1/-1}
.ax-toys{display:flex;flex-wrap:wrap;gap:8px}
.ax-ty{display:flex;gap:8px;align-items:center;text-align:left;padding:8px 10px;background:#120c2a;border:3px solid #4a3a92;border-radius:8px;color:#fff;cursor:pointer;max-width:320px}
.ax-ty img{image-rendering:pixelated}
.ax-ty b{display:block;font:800 13px/1.1 var(--font-display);text-transform:uppercase}
.ax-ty i{display:block;font:500 11px/1.3 var(--font-mono);font-style:normal;color:#cfc6ef}
.ax-betrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ax-bet{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--font-mono);background:#120c2a;border:2px solid #4a3a92;border-radius:8px;padding:10px 12px}
.ax-bet input{accent-color:var(--pf-gold);width:150px}
.ax-bet b{color:var(--pf-gold);font-size:18px;min-width:1.4em;text-align:right}
#ax-startp{margin-top:10px}#ax-startp b{color:#fff}
.ax-free{font:400 9px/1 var(--font-px);padding:8px 10px;border:2px solid #0b0818;border-radius:6px;background:var(--pf-gold);color:#0b0818;cursor:pointer}
.ax-rec .ax-q{border-color:var(--pf-gold)}.ax-rec .ax-q b{font-size:16px}
.ax-slots3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ax-hand6{grid-template-columns:repeat(6,minmax(0,1fr))}
.axc-m{background:linear-gradient(160deg,#fff7d1,#ffe38a)}
.axc-m .axc-v{font-size:34px}.axc-m .axc-v sup{color:#b0126e}
.axc-m150,.axc-m170,.axc-m200{background:linear-gradient(160deg,#ffe0f1,#ff9ccf)}
.axc-sm.axc-m .axc-v{font-size:24px}
.ax-sk{position:absolute;left:31%;bottom:4%;width:13%;max-width:58px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}
@media (prefers-reduced-motion:no-preference){.ax-sk{animation:pfbob .7s steps(2) infinite}}
/* the ticket stand */
.ax-stand{box-shadow:5px 5px 0 var(--pf-gold)!important}
.ax-wallet{font:600 13px/1.4 var(--font-mono);margin:0 0 8px}.ax-wallet b{font-size:18px;color:#b0126e}
.ts-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ts-i{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;position:relative}
.ts-i img{image-rendering:pixelated}
.ts-i b{display:block;font:800 14px/1.05 var(--font-display);text-transform:uppercase}
.ts-i i{display:block;font:500 11.5px/1.3 var(--font-mono);font-style:normal;color:#5b5675}
.ts-buy{font:400 9px/1 var(--font-px);padding:9px 8px;border:2px solid #0b0818;border-radius:6px;background:var(--pf-gold);color:#0b0818;cursor:pointer;box-shadow:0 3px 0 #0b0818}
.ts-buy:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}
.ts-own{position:absolute;left:24px;top:-4px;font:700 10px/1 var(--font-mono);font-style:normal;background:#b0126e;color:#fff;border-radius:999px;padding:2px 5px}
.ts-own:empty{display:none}
.ts-msg{margin-top:8px}
/* the hidden weekly Golden Ticket */
.pf-card{position:relative}
.gt-hidden{position:absolute;right:8px;bottom:8px;z-index:4;padding:2px;border:0;background:none;cursor:pointer;opacity:.9;transform:rotate(-8deg)}
.gt-hidden img{display:block;width:30px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(255,210,63,.8))}
@media (prefers-reduced-motion:no-preference){.gt-hidden{animation:gtwink 3s steps(1) infinite}}
@keyframes gtwink{0%,90%{filter:none}93%{filter:brightness(1.8)}}
@media (max-width:900px){.ax-hand6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ax-slots3{grid-template-columns:repeat(3,minmax(0,1fr))}.ax-slots3 .axc{min-height:96px;padding:5px}.ax-slots3 .axc-n{font-size:11px}.ax-bet input{width:110px}}
.ax-hand6{margin-top:6px}
/* ---------- Whack-a-Platform (machine 2) ---------- */
.wap{margin-top:clamp(1.6rem,4vw,2.6rem)}
.wap-cab{max-width:760px;margin:0 auto;background:linear-gradient(90deg,#3a1030,#5c1a4a 10%,#5c1a4a 90%,#3a1030);border:4px solid #0b0818;border-radius:16px;padding:14px;box-shadow:8px 8px 0 var(--pf-gold),inset 0 0 0 3px #8a2b6e;color:#fff}
.wap-marquee{text-align:center;padding:10px 8px 8px;border:3px solid #0b0818;border-radius:10px;background:linear-gradient(180deg,#ff8fc8,#ff3cac);box-shadow:0 0 18px rgba(255,60,172,.5);margin-bottom:12px}
.wap-marquee b{display:block;font:400 clamp(1.5rem,4.6vw,2.6rem)/.9 var(--font-display);letter-spacing:.05em;color:#fff;text-shadow:3px 3px 0 #0b0818,-1px -1px 0 #0b0818,1px -1px 0 #0b0818,-1px 1px 0 #0b0818}
.wap-marquee span{font:400 9px/1.6 var(--font-px);color:#0b0818}
.wap-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font:600 12px/1 var(--font-mono);margin-bottom:10px}
.wap-top span{background:#0b0818;border:2px solid #8a2b6e;padding:6px 9px;border-radius:4px}
.wap-top b{color:var(--pf-gold);font-size:15px;margin-right:3px}
.wap-ask{background:#0b0818;border:3px solid #8a2b6e;border-radius:10px;padding:12px 14px;text-align:center;min-height:96px}
.wap-k{font:400 9px/1.5 var(--font-px)!important;color:var(--pf-gold);margin:0 0 6px;text-transform:uppercase}
.wap-game{font:800 clamp(1.4rem,3.6vw,2.2rem)/1.05 var(--font-display);text-transform:uppercase;margin:0;color:#fff}
.wap-help{font:500 13px/1.5 var(--font-mono);color:#f3d3e8;margin:8px 0 0}
.wap-help a{color:var(--pf-cyan)}
.wap-timer{height:10px;background:#2a0d22;border:2px solid #0b0818;border-radius:6px;margin:10px 0;overflow:hidden}
.wap-timer i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pf-pink),var(--pf-gold))}
.wap-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;background:radial-gradient(circle at 50% 120%,#2e7d32,#14451a);border:3px solid #0b0818;border-radius:12px}
.wap-hole{position:relative;aspect-ratio:1/1;border:0;background:none;padding:0;cursor:default;overflow:hidden;border-radius:0 0 50% 50%/0 0 30% 30%}
.wap-mound{position:absolute;left:4%;right:4%;bottom:4%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#05030a 55%,#3b2412 57%,#5a3a1c 80%);z-index:2}
.wap-rac{position:absolute;left:50%;bottom:10%;width:74%;height:auto;transform:translate(-50%,105%);transition:transform .14s steps(3);image-rendering:pixelated;z-index:1}
.wap-hole.up{cursor:pointer}
.wap-hole.up .wap-rac{transform:translate(-50%,0)}
.wap-hole.up:hover .wap-rac{filter:brightness(1.15)}
.wap-hole.hit .wap-rac{transform:translate(-50%,10%) scaleY(.8);filter:drop-shadow(0 0 10px var(--pf-gold))}
.wap-hole.miss .wap-rac{filter:grayscale(1) brightness(.7)}
.wap-hole.hit::after,.wap-hole.miss::after{position:absolute;top:4%;left:50%;transform:translateX(-50%);z-index:3;font:400 10px/1 var(--font-px);padding:5px 6px;border:2px solid #0b0818;border-radius:4px}
.wap-hole.hit::after{content:"PICKED";background:var(--pf-gold);color:#0b0818}
.wap-hole.miss::after{content:"MISS";background:#d12a2a;color:#fff}
.wap-fb{min-height:1.6em;text-align:center;font:600 14px/1.5 var(--font-mono);margin:10px 0 0}
.wap-yes{color:var(--pf-gold)}.wap-no{color:#ff8a8a}
.wap-btns{display:flex;justify-content:center;margin-top:10px}
.wap-log{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;font:500 12px/1.4 var(--font-mono);color:#f3d3e8}
.wap-log b{color:var(--pf-gold)}.wap-log i{color:#ff8a8a;font-style:normal}.wap-log span{color:#fff}.wap-log a{color:var(--pf-cyan);margin-left:4px}
.wap-note{max-width:760px;margin:10px auto 0;color:#d9d2f5!important}
@media (max-width:560px){.wap-board{gap:6px;padding:8px}.wap-cab{padding:10px}}
@media (prefers-reduced-motion:reduce){.wap-rac{transition:none}}
.wap-fb{color:#fff}
.wap-hole.hit .wap-rac{transform:translate(-50%,0);filter:drop-shadow(0 0 10px var(--pf-gold)) brightness(1.2)}
.wap-top span{font:600 12px/1 var(--font-mono)!important;color:#fff!important}
.wap-hole{outline:none}
.wap-hole:focus-visible{box-shadow:inset 0 0 0 3px var(--pf-gold)}
.wap-hole.up .wap-rac,.wap-hole.hit .wap-rac{transform:translate(-50%,-24%)}
.wap-hole.miss .wap-rac{transform:translate(-50%,-10%)}
.wap-syn{font:500 13.5px/1.5 var(--font-mono);color:#f3d3e8;margin:8px auto 0;max-width:46rem}
.wap-syn a{color:var(--pf-cyan);font-size:11.5px}
.wap-found{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:10px 0 0;min-height:24px}
.wap-got{font:700 11px/1 var(--font-mono);font-style:normal;padding:5px 8px;border-radius:999px;background:var(--pf-gold);color:#0b0818}
.wap-bad{font:700 11px/1 var(--font-mono);font-style:normal;padding:5px 8px;border-radius:999px;background:#ff5d73;color:#0b0818;text-decoration:line-through}
button.wap-got{border:0;cursor:pointer}
button.wap-got:hover,button.wap-got:focus-visible{background:#fff;outline:2px solid var(--pf-gold);outline-offset:1px}
.wap-lockrow{text-align:center;margin:10px 0 0}
.wap-lockrow .ax-go[disabled]{opacity:.45;cursor:not-allowed}
.wap-cnt{font:400 8px/1.6 var(--font-px);color:#f3d3e8;text-align:center}
.wap-timerrow{display:flex;align-items:center;gap:8px}.wap-timerrow .wap-timer{flex:1}
.wap-sec{font:400 10px/1 var(--font-px);color:var(--pf-gold);min-width:2.6em;text-align:right}
.wap-hintbox{display:flex;justify-content:center;gap:10px;margin:8px 0 0}
.wap-hintbox[hidden]{display:none}
.wap-hole.dup .wap-rac{filter:brightness(1.6)}
.wap-log u{text-decoration:none;font:700 10px/1 var(--font-mono);background:#8a2b6e;padding:2px 4px;border-radius:3px}
/* Card Fighter: short how-to + RULES & SCORING breakout */
.ax-short{gap:4px;font-size:14px}
.ax-rs{margin-top:12px;border:2px solid var(--808-ink);border-radius:6px;background:#f7f5ff}
.ax-rs summary{cursor:pointer;list-style:none;padding:10px 12px;font:400 10px/1.2 var(--font-px);text-transform:uppercase;color:var(--pf-pink);display:flex;justify-content:space-between;align-items:center}
.ax-rs summary::-webkit-details-marker{display:none}
.ax-rs summary::after{content:"+";font:400 14px/1 var(--font-px);color:var(--808-ink)}
.ax-rs[open] summary::after{content:"−"}
.ax-rs[open] summary{border-bottom:2px solid var(--808-ink)}
.ax-rs dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.4}
.ax-rs dt{font:700 11px/1.5 var(--font-mono);text-transform:uppercase;color:var(--pf-purple)}
.ax-rs dd{margin:0}
.ax-rs .small{padding:0 12px 10px;margin:0}