/* fix633.css · Ki 6:33 PM Oct 19 2026 (scoped; revert = drop this tag + fix633.js) */
/* ---- 1) TV: PLAY NOW opens the movie; Trailer is a small plain link under it ---- */
a.tv2p.f633-go,a.tv2fp.f633-go{text-decoration:none;color:inherit}
.f633-acts{flex:1 0 100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:2px 0 4px}
.f633-play{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px 0 16px;border-radius:999px;text-decoration:none;
 font:400 17px/1 Anton,Impact,sans-serif;letter-spacing:.12em;color:#04140a;
 background:radial-gradient(120% 90% at 30% 0,rgba(255,255,255,.75) 0 14%,rgba(255,255,255,0) 40%),linear-gradient(180deg,#5fe23a 0%,#1f9a17 48%,#0b5a0c 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 6px rgba(0,40,0,.55),0 6px 16px -6px rgba(0,0,0,.9),0 0 18px -4px rgba(80,220,40,.55);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.f633-play svg{width:18px;height:18px}
.f633-play:hover,.f633-play:focus-visible{filter:brightness(1.08);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 6px rgba(0,40,0,.55),0 0 0 2px #fff,0 0 22px rgba(80,220,40,.7)}
.f633-tr{display:inline-flex;align-items:center;min-height:32px;padding:0 2px;border:0;background:none;cursor:pointer;
 font:500 13.5px/1.2 system-ui,-apple-system,sans-serif;color:#d6e6cf;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(214,230,207,.5)}
.f633-tr:hover,.f633-tr:focus-visible{color:#fff;text-decoration-color:#fff;outline:none}
.tv2c .f633-tr{min-height:28px;margin-top:1px;font-size:12.5px;color:#b9c8b3}
/* ---- 2) Radio: still when silent, moving only while music plays ---- */
header.rad .rad-eq i,header.rad.on .rad-eq i{animation:none!important;height:14%;opacity:.5;transition:height 60ms linear,opacity .3s}
header.rad.p633 .rad-eq i{opacity:1}
header.rad.p633 .rad-onair{color:#fff!important;background:#c4121a!important;border-color:#ff4d4d!important;box-shadow:0 0 14px rgba(255,40,40,.75)!important}
header.rad.p633 .rad-onair i{background:#fff!important;box-shadow:0 0 8px #fff!important}
header.rad.on .rad-spk,header.rad .rad-spk{animation:none!important}
header.rad.on:not(.p633) .rad-ndl{animation:none!important}
header.rad.on:not(.p633) .rad-onair{color:#5a1010!important;background:#1a0606!important;border-color:#3a0d0d!important;box-shadow:none!important;animation:none!important}
header.rad.on:not(.p633) .rad-onair i{background:#4a1010!important;box-shadow:none!important}
/* the speaker: a real woofer photo (ribbed cone, rubber surround, metal frame) in a brushed-chrome bezel; the cone pumps with the bass */
header.rad .rad-spk{position:relative;width:min(88px,23vw)!important;aspect-ratio:1;border-radius:50%;border:0!important;
 background:url(img/spk633.webp?v=1) center/100% 100% no-repeat,#0a0a0a!important;
 box-shadow:0 0 0 2px #050505,0 0 0 4px #8d949c,0 0 0 5px #e6eaee,0 0 0 7px #4b5157,0 0 0 8px #0b0b0b,0 12px 18px -8px #000,0 0 22px -6px rgba(80,220,40,.35)!important}
header.rad .rad-spk::after{content:"";position:absolute;inset:0;border-radius:50%;background:url(img/spk633.webp?v=1) center/100% 100% no-repeat;
 clip-path:circle(36% at 50% 50%);transform:scale(calc(1 + var(--b633,0) * .075));transition:transform 45ms linear;will-change:transform}
header.rad .rad-spk::before{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;
 background:radial-gradient(60% 45% at 32% 22%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%),radial-gradient(circle,rgba(0,0,0,0) 62%,rgba(0,0,0,.35) 100%)}
@media (min-width:700px){header.rad .rad-spk{width:104px!important}}
@media (prefers-reduced-motion:reduce){header.rad .rad-spk::after{transform:none}}

/* ---- Ki 6:39 PM: cards + titles ---- */
/* 1) EA Monster card/title art: deeper, wetter slime + gloss masked to the letters (same treatment as the world title) */
html body img.f639-eat.f639-eat.f639-eat{filter:drop-shadow(0 2px 0 rgba(0,20,0,.9)) drop-shadow(0 5px 7px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(60,150,20,.22))!important}
/* 2) DR. EV4L card: no carnival stripe under him; the cover's own floor colour carries on down under his feet */
html body .wcard[href="#/world/dr-ev4l"] .lbl{background:linear-gradient(180deg,#76462c 0%,#5a331f 38%,#341c10 100%)!important;border-top:0!important;box-shadow:none!important}
html body .wcard[href="#/world/dr-ev4l"]>img{display:block;margin-bottom:-1px}
/* 4) ANYWAYS: same size as every other card (title art unchanged, it just sits in a normal card) */
html body .wcard[href="#/world/anyways"]{grid-column:auto!important;grid-row:auto!important}
html body .wcard[href="#/world/anyways"]>img{flex:0 0 auto!important;height:auto!important;aspect-ratio:1!important;object-position:50% 12%}
html body .wcard[href="#/world/anyways"] .lbl{flex:0 0 auto!important;box-sizing:border-box;align-items:center!important;padding:6px 0!important}
html body .wcard[href="#/world/anyways"] .lbl b.ti{height:100%!important;width:auto!important;display:flex!important;justify-content:center;align-items:center}
html body .wcard[href="#/world/anyways"] .lbl b.ti img.t-title,html body .wcard[href="#/world/anyways"] .lbl b.ti img.tart-img{height:100%!important;width:auto!important;max-width:92%!important;margin:0 auto!important}
/* 5) HIS TIMELINE */
#timeline h2.tl-h .f639-his,#timeline h2.tl-h .f639-tl,h2.f656-h .f639-his,h2.f656-h .f639-tl{font-family:Anton,Impact,sans-serif;letter-spacing:3px}
#timeline h2.tl-h .f639-his,h2.f656-h .f639-his{color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6)}
#timeline h2.tl-h .f639-tl,h2.f656-h .f639-tl{background-image:var(--sl-text,linear-gradient(180deg,#f4ffdc 0%,#bdf466 16%,#78d426 36%,#3f9f0e 58%,#1f6d04 80%,#114e00 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#5fbf1c;
 filter:drop-shadow(0 1px 0 rgba(0,26,0,.95)) drop-shadow(0 3px 3px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(80,180,25,.3))}
/* 6) ARCADE title: glossy slime drops form on the real drip tips, stretch and fall */
.f639-arc{position:relative;display:inline-block;line-height:0;max-width:100%}
.f639-arc>img{display:block}
.f639-drop{position:absolute;width:3.8%;aspect-ratio:.72;margin-left:-1.9%;border-radius:50% 50% 50% 50%/38% 38% 62% 62%;pointer-events:none;transform-origin:50% 0;opacity:0;
 background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,0) 22%),linear-gradient(180deg,#a8ee4c 0%,#62c21e 30%,#2f8c08 65%,#0b4300 100%);
 box-shadow:inset 0 -2px 3px rgba(0,40,0,.55);filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));animation:f639drip 3.6s cubic-bezier(.5,0,.75,.4) infinite}
@keyframes f639drip{0%{opacity:0;transform:translateY(0) scale(.35,.2)}12%{opacity:1;transform:translateY(0) scale(.7,.55)}38%{opacity:1;transform:translateY(8%) scale(.82,1.25)}46%{transform:translateY(30%) scale(.9,1.05)}
 78%{opacity:1;transform:translateY(560%) scale(.8,1.15)}88%,100%{opacity:0;transform:translateY(700%) scale(.7,1)}}
@media (prefers-reduced-motion:reduce){.f639-drop{display:none}}
/* 7) SUNFLOWER SEEDS card: same size as the other game cards on laptop (real sunflower art kept) */
@media(min-width:720px){html body .gtile[data-game="sseeds"]{grid-column:auto!important}}

/* ---- Ki 6:56 PM ---- */
/* every section title: centered, one style */
html body #app h2.f656-h,html body #app h2.tl-h{text-align:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;text-transform:uppercase;color:#fff;-webkit-text-fill-color:initial;background:none!important;filter:none!important}
html body #app h2.f656-h{width:100%;max-width:none!important}
html body #join-blk{text-align:center}
html body #join-blk h2.f656-h{display:block}
/* the title drips: calm, static glossy drops (no cartoon falling loop) */
html body .kvdrop{animation:none!important;opacity:1!important;transform:none!important}
html body .kvdw img[src*="ea-monster-title"]~.kvdrop{--c:#2f8c08!important;background-color:#2f8c08!important}