/* Bloxgamer "game world" theme: chunky bevelled UI, blocky scene, studs, motion. Loaded after style.css. */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/fredoka-11adc6349b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fredoka";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/fredoka-4667f67516.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--bx:#0a1230;--f:"Fredoka","Montserrat",system-ui,sans-serif;--blue:#2d8cff;--blue-d:#1a5fc4;--yel:#ffd23f;--yel-d:#c9930a;--grn:#2ee06a;--grn-d:#16a047;--red:#ff4d5e;--orn:#ff9f1c;--pur:#9b5cff;--pnk:#ff5cae}
[data-theme=dark]{--bg:#0a1230;--bg2:#101a44;--card:#152058;--card2:#1d2b72;--line:#2e419c;--text:#f4f7ff;--muted:#a7b6e6;--accent:#2d8cff;--accent2:#7cc0ff;--pop:#ffd23f;--hero1:rgba(45,140,255,.25);--hero2:rgba(255,210,63,.12);--shadow:0 10px 0 rgba(3,8,30,.45)}
[data-theme=light]{--bg:#e3f1ff;--bg2:#fff;--card:#fff;--card2:#eaf3ff;--line:#b8d3f5;--text:#0e1c44;--muted:#4a5f8f;--accent:#1f78ee;--accent2:#1f78ee;--shadow:0 10px 0 rgba(30,70,140,.14)}

/* base: studs on the page, chunky headings */
body{font-family:"Montserrat",system-ui,sans-serif;background-image:radial-gradient(circle at 14px 14px,rgba(255,255,255,.04) 3.5px,transparent 4.5px);background-size:28px 28px}
[data-theme=light] body{background-image:radial-gradient(circle at 14px 14px,rgba(31,120,238,.07) 3.5px,transparent 4.5px)}
h1,h2,h3,.brand,.nav a,.btn,.chip,.tabs a,.kicker,.ntag,.rk,.sec,.pill,.hst b{font-family:var(--f)}
h1,h2{letter-spacing:0;font-weight:700}
.sec{position:relative;padding-left:22px;font-size:27px;text-shadow:0 3px 0 rgba(0,0,0,.28)}
.sec::before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-9px;border-radius:4px;background:linear-gradient(135deg,var(--yel),var(--orn));box-shadow:0 3px 0 var(--yel-d),0 0 0 2px var(--bx);animation:blk 3.6s ease-in-out infinite}
@keyframes blk{0%,100%{transform:rotate(0)}50%{transform:rotate(18deg) translateY(-2px)}}
.sech{padding-bottom:10px;border-bottom:3px dashed color-mix(in srgb,var(--line) 70%,transparent)}
.sech a{font-family:var(--f);font-weight:600}

/* header */
.top{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:4px solid var(--blue);box-shadow:0 5px 0 rgba(0,0,0,.28)}
.brand{font-size:26px;font-weight:700;text-shadow:0 3px 0 rgba(0,0,0,.3)}.brand b{color:var(--yel)}
.logo-mark{animation:logo 5s ease-in-out infinite}@keyframes logo{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(6deg) translateY(-2px)}}
.nav a{font-weight:600;font-size:16px;border-radius:12px;transition:transform .15s,background .15s}
.nav a:hover,.nav a[aria-current=page]{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 0 var(--blue-d)}
.sbox{border:2px solid var(--line);border-radius:14px;box-shadow:inset 0 3px 0 rgba(0,0,0,.18)}
.iconbtn{border:2px solid var(--line);border-radius:14px;box-shadow:0 3px 0 rgba(0,0,0,.3)}.iconbtn:active{transform:translateY(3px);box-shadow:none}

/* buttons: pressable bricks */
.btn{background:linear-gradient(180deg,#52a6ff,var(--blue));font-size:17px;font-weight:600;padding:12px 22px;border-radius:14px;border:2px solid var(--bx);box-shadow:0 6px 0 var(--blue-d),0 6px 0 2px var(--bx),0 12px 18px rgba(0,0,0,.3);text-shadow:0 2px 0 rgba(0,0,0,.25);transition:transform .12s,box-shadow .12s;position:relative;top:0}
.btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--blue-d),0 9px 0 2px var(--bx),0 16px 22px rgba(0,0,0,.3)}
.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--blue-d),0 1px 0 2px var(--bx)}
.btn.alt{background:var(--card2);color:var(--text)!important;border:2px solid var(--line);box-shadow:0 6px 0 rgba(0,0,0,.35)}.btn.alt:hover{border-color:var(--blue)}
.btn.go,.hero .btn:not(.alt){background:linear-gradient(180deg,#59f08d,var(--grn));box-shadow:0 6px 0 var(--grn-d),0 6px 0 2px var(--bx),0 12px 18px rgba(0,0,0,.3);color:#06260f!important;text-shadow:none}
.fbtn{font-family:var(--f);font-weight:600;border:2px solid var(--line);box-shadow:0 4px 0 rgba(0,0,0,.35)}

/* cards, panels: bevelled blocks */
.panel,.ncard,.ccard,.lcard,.tcard,.evc,.st,.fcard,.wcta,.tw,.wchip span,.bt{border:2px solid var(--line);border-radius:18px;box-shadow:0 6px 0 rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.07)}
.ncard,.ccard,.lcard,.tcard,.evc,.fcard{transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}
.ncard:hover,.ccard:hover,.lcard:hover,.tcard:hover,.evc:hover{transform:translateY(-6px) rotate(-.4deg);border-color:var(--blue);box-shadow:0 12px 0 rgba(0,0,0,.3),0 0 0 3px color-mix(in srgb,var(--blue) 35%,transparent)}
.ncard .nimg{border-radius:12px;overflow:hidden;border:2px solid var(--bx)}
.ntag{font-weight:600;letter-spacing:.04em}
.pill,.chip,.tabs a{border:2px solid var(--line);font-weight:600;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.tabs a.on,.chip:hover{background:var(--blue);border-color:var(--bx);color:#fff;box-shadow:0 4px 0 var(--blue-d)}
.chip small{font-family:"Montserrat",sans-serif}

/* game tiles */
.gi{border-radius:20px;border:3px solid rgba(255,255,255,.14);box-shadow:0 6px 0 rgba(0,0,0,.4);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;will-change:transform}
.gt:hover .gi,.gt:focus-visible .gi{transform:translateY(-8px) scale(1.04);border-color:var(--yel);box-shadow:0 14px 0 rgba(0,0,0,.35),0 0 24px color-mix(in srgb,var(--yel) 45%,transparent)}
.gn{font-family:var(--f);font-weight:600;font-size:15px}
.rk{background:linear-gradient(180deg,var(--yel),var(--orn));color:#2a1700;border:2px solid var(--bx);border-radius:10px;box-shadow:0 3px 0 var(--yel-d);font-weight:700;backdrop-filter:none}
.tr .tb2{border:2px solid var(--bx)}

/* hero scene */
.hero{min-height:560px;padding:64px 0 150px;background:linear-gradient(180deg,#2a6dff 0%,#55a8ff 48%,#b6e0ff 100%);border-bottom:6px solid var(--bx)}
.hero .scene{position:absolute;inset:0;z-index:0;pointer-events:none}.hero .scn{position:absolute;inset:0;width:100%;height:100%}
.hero .floor{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,#7d93c9 0 8px,#4e63a1 8px);border-top:4px solid var(--bx)}
.hero .floor::before{content:"";position:absolute;left:0;right:0;top:-22px;height:14px;background:repeating-linear-gradient(90deg,#9db3e3 0 34px,transparent 34px 46px);border-radius:5px 5px 0 0;box-shadow:0 -3px 0 var(--bx) inset}
.hero .av{position:absolute;bottom:56px;height:clamp(96px,15vw,170px);width:auto;overflow:visible;filter:drop-shadow(0 8px 0 rgba(10,18,48,.28))}
.hero .a1{left:4%}.hero .a2{left:15%;height:clamp(74px,11vw,128px)}.hero .a3{right:15%;height:clamp(78px,12vw,138px)}.hero .a4{right:4%;height:clamp(92px,14vw,160px)}
@media(max-width:1020px){.hero .a2,.hero .a3{display:none}}
@media(max-width:720px){.hero .a1{left:3%}.hero .a4{right:3%}}
.hero .hcenter{position:relative;z-index:2}
.hero h1{font-size:clamp(38px,6vw,72px);color:#fff;line-height:1.02;-webkit-text-stroke:8px var(--bx);paint-order:stroke fill;text-shadow:0 8px 0 var(--bx);margin-top:14px}
.hero h1 em{color:var(--yel)}
.hero .kicker{color:#fff;background:var(--bx);padding:6px 14px;border-radius:999px;border:2px solid #ffffff55;font-size:13px}
.hero .dek{color:#fff;font-weight:700;text-shadow:0 2px 0 rgba(10,18,48,.6);font-size:18px;margin-left:auto;margin-right:auto}
.hero .sbox{height:54px;border:3px solid var(--bx);background:#fff;color:#44547f;border-radius:16px;box-shadow:0 6px 0 rgba(10,18,48,.55)}.hero .sbox input{color:#0e1c44;font-size:16px}.hero .sbox input::placeholder{color:#6a7aa8}
.pillgame{border:2px solid var(--bx);background:#fff;color:#0e1c44;font-family:var(--f);font-weight:600;border-radius:14px;box-shadow:0 4px 0 rgba(10,18,48,.55);transition:transform .15s}.pillgame:hover{transform:translateY(-3px) rotate(-1deg);text-decoration:none}
.scn .cloud{animation:drift 70s linear infinite}.scn .c2{animation-duration:95s;animation-delay:-30s}.scn .c3{animation-duration:120s;animation-delay:-70s}
@keyframes drift{from{transform:translateX(-340px)}to{transform:translateX(1500px)}}
.scn .cloud{transform-box:view-box}
.hero .hop{animation:hop 1.9s ease-in-out infinite}.hero .a2 .hop{animation-delay:-.9s}.hero .a3 .hop{animation-delay:-.5s}.hero .a4 .hop{animation-delay:-1.3s}@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.hero .armR{transform-box:fill-box;transform-origin:50% 8%;animation:wave 1.3s ease-in-out infinite}.hero .armL{transform-box:fill-box;transform-origin:50% 8%;animation:wave2 1.9s ease-in-out infinite}
@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-155deg)}}@keyframes wave2{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-8deg)}}
.scn .fl{animation:bob 4.2s ease-in-out infinite}.scn .f2{animation-delay:-1.4s}.scn .f3{animation-delay:-2.8s}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -18px}}
.scn .coin{transform-box:fill-box;transform-origin:center;animation:spinx 2.4s linear infinite}@keyframes spinx{0%{transform:scaleX(1)}50%{transform:scaleX(.12)}100%{transform:scaleX(1)}}
.scn .spin{animation:rot 9s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes rot{to{transform:rotate(360deg)}}
.scn .layer{transition:transform .2s ease-out}
.hero .scn{pointer-events:none}
.hstat2{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.hst{display:flex;flex-direction:column;align-items:center;min-width:150px;padding:10px 18px;border-radius:16px;background:var(--bx);border:2px solid #ffffff44;box-shadow:0 5px 0 rgba(10,18,48,.6);color:#fff;transition:transform .15s}.hst:hover{transform:translateY(-3px);text-decoration:none}
.hst b{font-size:28px;line-height:1.1;color:var(--yel);font-variant-numeric:tabular-nums}.hst span{font-size:12px;font-weight:700;color:#cfdcff}
@media(max-width:760px){.hero{min-height:0;padding-top:44px;padding-bottom:140px}.hero h1{-webkit-text-stroke:6px var(--bx)}.hst{min-width:calc(50% - 8px)}}

/* conveyor belt of games */
.belt{position:relative;overflow:hidden;background:var(--bx);border-bottom:6px solid var(--bx);padding:14px 0 10px}
.belt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,#5b6fb5 0 22px,#3b4d8e 22px 44px)}
.belt-track{display:flex;gap:14px;width:max-content;animation:belt 60s linear infinite;padding-bottom:8px}.belt:hover .belt-track{animation-play-state:paused}
.bi{display:block;flex:0 0 auto}.bi img{width:72px;height:72px;border-radius:16px;border:3px solid rgba(255,255,255,.25);box-shadow:0 5px 0 rgba(0,0,0,.45);transition:transform .15s}.bi:hover img{transform:translateY(-6px) rotate(-3deg);border-color:var(--yel)}
@keyframes belt{to{transform:translateX(-50%)}}

/* footer: baseplate */
.foot{position:relative;margin-top:60px;border-top:0;padding-top:34px;background:var(--bg2)}
.foot::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:repeating-linear-gradient(90deg,#7d93c9 0 34px,transparent 34px 46px);border-radius:6px 6px 0 0;opacity:.8}
.foot::after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--blue)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease)}.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.06s}.rv.d2{transition-delay:.12s}.rv.d3{transition-delay:.18s}
.fx3d{transform-style:preserve-3d}
.burst{position:fixed;z-index:2147483000;pointer-events:none;font-size:18px;animation:burst .9s ease-out forwards}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.4);opacity:0}}

/* light theme fixes */
[data-theme=light] .hero h1{-webkit-text-stroke:8px var(--bx)}
[data-theme=light] .top{background:rgba(255,255,255,.9)}
[data-theme=light] .nav a:hover,[data-theme=light] .nav a[aria-current=page]{color:#fff}

@media(prefers-reduced-motion:reduce){.scn *,.hero .av *,.belt-track,.sec::before,.logo-mark,.rv{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

@media(max-width:560px){.hero .hsearch .sbox{width:100%;padding:0 14px;justify-content:flex-start}.hero .hsearch .sbox input{display:block}.hero .hsearch .sbox:focus-within{position:relative;left:auto;right:auto;top:auto}}
@media(max-width:560px){.hero .pills .pillgame:nth-child(n+5){display:none}.hero .hstat2{margin-top:18px}}
[data-theme=light] .brand b{color:#f08a00;text-shadow:0 3px 0 rgba(10,18,48,.25)}[data-theme=light] .sec{text-shadow:0 3px 0 rgba(31,120,238,.18)}

/* section icons, top earning box, 404 */
.sec .si{display:inline-block;margin-right:.45em;font-size:.9em;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}
.te-dek{margin:-6px 0 14px;font-size:14px}
.te{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.te a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--card);border:2px solid var(--line);text-decoration:none;color:inherit;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 80%,transparent);transition:transform .15s,box-shadow .15s}
.te a:hover{transform:translateY(-3px);box-shadow:0 7px 0 color-mix(in srgb,var(--line) 80%,transparent)}
.te img,.te .noic{width:52px;height:52px;border-radius:12px;flex:none;object-fit:cover}
.te .ter{font-family:var(--f);font-weight:700;font-size:1.3rem;min-width:1.4em;text-align:center;color:#ffb02e}
.te li:nth-child(1) .ter{color:#ffd23f;font-size:1.6rem}.te li:nth-child(2) .ter{color:#c7d0dd}.te li:nth-child(3) .ter{color:#e0935a}
.te .ten{display:flex;flex-direction:column;min-width:0}.te .ten b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te .ten small{color:var(--muted)}
.nf{text-align:center}.nfav{display:block;margin:0 auto 6px;height:150px;width:auto;overflow:visible;filter:drop-shadow(0 8px 0 rgba(10,18,48,.25))}
.nfav .hop{animation:nflost 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}
@keyframes nflost{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.nfav .hop{animation:none}}

/* what to play: step by step picker */
.wiz{display:none}.wzjs .wiz{display:block}.wzjs .wtpf-wrap{display:none}
.wiz-card{position:relative;max-width:920px;margin:0 auto;padding:22px 22px 26px;border:3px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--card),var(--bg2));box-shadow:0 10px 0 rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.07);overflow:hidden}
.wiz-bar{height:12px;border-radius:99px;background:var(--card2);border:2px solid var(--line);overflow:hidden;margin-bottom:14px}
.wiz-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--pop));transition:width .45s var(--ease)}
.wiz-top{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:6px;color:var(--muted);font-weight:700;font-size:14px}
.wiz-back{border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:6px 12px;font:inherit;font-weight:700;cursor:pointer}
.wiz-back:hover{border-color:var(--accent)}
.wsteps{position:relative}
.wstep{display:none}.wstep.on{display:block}
.wstep.fwd{animation:wzf .38s var(--ease)}.wstep.bk{animation:wzb .38s var(--ease)}
@keyframes wzf{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes wzb{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
.wstep h2{font-size:clamp(1.4rem,4vw,2rem);margin:6px 0 16px;text-align:center}
.wopts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wopts.two{grid-template-columns:repeat(2,1fr)}
.wopt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:150px;padding:16px 12px;border:3px solid var(--line);border-radius:20px;background:var(--card);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.3);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s,background .15s}
.wopt .wi{font-size:44px;line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));transition:transform .2s var(--ease)}
.wopt b{font-size:1.05rem}.wopt small{color:var(--muted);font-size:.82rem;line-height:1.35}
.wopt:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 0 rgba(0,0,0,.3)}.wopt:hover .wi{transform:scale(1.15) rotate(-6deg)}
.wopt:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.wopt.sel{border-color:var(--pop);background:color-mix(in srgb,var(--pop) 14%,var(--card))}
.wopt:focus-visible,.wiz-back:focus-visible{outline:3px solid var(--pop);outline-offset:2px}
.wiz-act{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.wiz-act .btn.alt{background:var(--card2);color:var(--text)!important;box-shadow:none;border:2px solid var(--line)}
.wload{text-align:center;color:var(--muted);padding:26px 0;font-weight:700}
.wspin{display:inline-block;width:16px;height:16px;border:3px solid var(--line);border-top-color:var(--pop);border-radius:50%;vertical-align:-3px;margin-right:8px;animation:wzs .8s linear infinite}
@keyframes wzs{to{transform:rotate(360deg)}}
.wiz .wtpc{animation:wzc .45s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes wzc{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){.wopts{grid-template-columns:repeat(2,1fr)}.wopt{min-height:128px}.wopt .wi{font-size:38px}.wiz-card{padding:16px 14px 20px}}
@media(max-width:480px){.wopts:not(.two) .wopt small{display:none}.wopts:not(.two) .wopt{min-height:104px}.wopt{padding:12px 8px}.wopt b{font-size:.95rem}}
@media(max-width:320px){.wopts,.wopts.two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wstep.fwd,.wstep.bk,.wiz .wtpc{animation:none}.wopt,.wopt .wi,.wiz-bar i{transition:none}}

.wnote{margin:0 0 12px;padding:10px 14px;border:2px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.9rem;text-align:center}

/* Video and gameplay (game pages, light YouTube facade) */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.vcard{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.vfac,.vcard .vif{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}
.vfac img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vfac .vplay{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:12px;background:rgba(0,0,0,.72);transition:background .15s}
.vfac .vplay::after{content:"";position:absolute;left:25px;top:12px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.vfac:hover .vplay,.vfac:focus-visible .vplay{background:var(--red)}
.vfac:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.vcard figcaption{display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.vcard figcaption b{line-height:1.3;overflow-wrap:anywhere}
.vmeta{color:var(--muted);font-size:.85rem}
.vlang{font-style:normal;margin-left:6px;padding:1px 8px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.vcard figcaption a{align-self:flex-start;font-weight:600}

/* Video carousel (4 visible, scroll-snap, arrows) */
.vcar{position:relative}
.vtrack{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;position:relative;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.vtrack::-webkit-scrollbar{display:none}
.vtrack:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.vtrack .vcard{flex:0 0 calc((100% - 54px) / 4);scroll-snap-align:start}
.vnav{position:absolute;top:calc((100% - 90px) / 2);z-index:2;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:rgba(0,0,0,.78);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.vnav:hover:not(:disabled){background:var(--red)}
.vnav:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.vnav:disabled{opacity:.3;cursor:default}
.vprev{left:-10px}.vnext{right:-10px}
.vall{margin:14px 0 0;font-weight:600}
@media(max-width:900px){.vtrack .vcard{flex-basis:calc((100% - 18px) / 2)}}
@media(max-width:480px){.vtrack .vcard{flex-basis:86%}.vprev{left:-4px}.vnext{right:-4px}}
@media(prefers-reduced-motion:reduce){.vtrack{scroll-behavior:auto}}
.src{margin:28px 0 0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;color:var(--muted)}
.src summary{cursor:pointer;font-weight:600;padding:4px 0;border-radius:6px}
.src summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.src p{margin:8px 0}.src ul{margin:6px 0 4px;padding-left:20px}.src li{margin:2px 0}.src a{color:var(--accent2)}