.foj{--cyan-300:#8cf0ff;--cyan-500:#2bd4f5;--cyan-700:#0a8ca8;--hero-assassin:#a23aff;--hold-500:#ffc23c;--stroke-ink:#05060d;--void-300:#1e2660;--void-400:#2b3588;--void-500:#3b4ab8;--r-xs:4px;--r-md:10px;--r-pill:999px;--s-2:8px;--s-4:16px;--s-5:20px;--tracking-caps:0.08em;--tracking-micro:0.14em;--fs-micro:11px;--fs-small:13px;--fs-h3:18px;--ease-snap:cubic-bezier(0.2,0.9,0.2,1);--ease-pop:cubic-bezier(0.34,1.56,0.64,1);--ease-io:cubic-bezier(0.4,0,0.2,1);--glow-cyan:0 0 16px rgba(43,212,245,.55),0 0 32px rgba(43,212,245,.25);--glow-volt:0 0 18px rgba(249,155,28,.55),0 0 36px rgba(249,155,28,.25);--shadow-panel:0 6px 0 #000,0 8px 24px rgba(0,0,0,.6);min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 50% -10%,rgba(154,60,217,.25),transparent 60%),radial-gradient(900px 500px at 20% 110%,rgba(43,212,245,.18),transparent 60%),linear-gradient(#05060d,#0a0d1e)}.foj .bg-grid{background-image:linear-gradient(rgba(43,74,184,.12) 1px,transparent 0),linear-gradient(90deg,rgba(43,74,184,.12) 1px,transparent 0);background-size:40px 40px}.foj .shout{font-family:var(--font-display);color:var(--volt-300);-webkit-text-stroke:2.5px var(--stroke-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--stroke-ink);text-transform:uppercase;letter-spacing:.04em;margin:0}.foj .eyebrow,.foj .label{font-family:var(--font-chrome);font-size:var(--fs-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--fg-2)}.foj .ticker{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--cyan-300);letter-spacing:.02em}.foj .chassis--dark{background:var(--void-050)}.foj .chassis-title{font-size:var(--fs-h3);color:var(--volt-300)}.foj .btn,.foj .chassis-title{font-family:var(--font-chrome);font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase}.foj .btn{font-size:13px;padding:10px 18px;border-radius:var(--r-md);border:2px solid var(--stroke-ink);cursor:pointer;transition:transform .12s var(--ease-snap),filter .12s var(--ease-snap);display:inline-flex;align-items:center;gap:8px}.foj .btn:hover{transform:translateY(-1px)}.foj .btn:active{transform:translateY(0);filter:brightness(.92)}.foj .btn:disabled{cursor:not-allowed;opacity:.5}.foj .btn--primary{background:linear-gradient(180deg,var(--volt-100) 0,var(--volt-300) 40%,var(--volt-500) 100%);color:var(--volt-900);box-shadow:0 3px 0 var(--stroke-ink),var(--glow-volt);font-family:var(--font-display);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.foj .btn--ghost{background:transparent;color:var(--volt-300);border-color:var(--volt-300)}.foj .btn--ghost:hover{background:rgba(255,194,60,.1)}.foj .badge{font-family:var(--font-chrome);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill);border:1.5px solid var(--stroke-ink);display:inline-flex;align-items:center;gap:4px}.foj .badge--hold{background:var(--hold-500);color:#3b2800}.foj .badge--live{background:var(--cyan-500);color:#002530}.foj .stat{display:flex;flex-direction:column;gap:2px}.foj .stat .k{font-family:var(--font-chrome);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.foj .stat .v{font-family:var(--font-mono);font-size:20px;color:var(--fg-1)}.foj .flip{perspective:1200px;width:260px;max-width:78vw}.foj .flip-inner{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;transition:transform .8s var(--ease-pop)}.foj .flip-inner.is-sealed{cursor:pointer;animation:jbob 2.6s ease-in-out infinite}.foj .flip-inner.flipped{transform:rotateY(180deg);animation:none}.foj .flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--r-panel);overflow:hidden;border:2px solid var(--stroke-ink);box-shadow:var(--shadow-panel)}.foj .flip-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-color:var(--volt-300);background:repeating-linear-gradient(-45deg,rgba(255,194,60,.12) 0 12px,transparent 12px 24px),linear-gradient(160deg,var(--void-200),var(--void-050));box-shadow:var(--shadow-panel),var(--glow-volt)}.foj .flip-back{transform:rotateY(180deg);border-color:var(--cyan-500);box-shadow:var(--shadow-panel),var(--glow-cyan)}.foj .flip-back img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.foj .char-chip{border-radius:var(--r-md);border:2px solid var(--stroke-ink);background:var(--void-200);overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--volt-300)}.foj .char-chip img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.foj .hr{border:0;border-top:1px solid hsla(0,0%,100%,.08);margin:16px 0}@keyframes jbob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes jglow{0%,to{opacity:.55}50%{opacity:1}}@keyframes jshake{0%,to{transform:translate(0) rotate(0deg)}15%{transform:translate(-6px,2px) rotate(-3deg)}30%{transform:translate(7px,-3px) rotate(3deg)}45%{transform:translate(-8px,-2px) rotate(-4deg)}60%{transform:translate(8px,3px) rotate(4deg)}75%{transform:translate(-5px,1px) rotate(-2deg)}90%{transform:translate(4px,-2px) rotate(2deg)}}@keyframes jflash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes jray{0%{transform:rotate(var(--a)) translateY(-30px) scaleY(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-250px) scaleY(1.4);opacity:0}}@keyframes jspark{0%{transform:rotate(var(--a)) translateY(-20px);opacity:1}to{transform:rotate(var(--a)) translateY(var(--d));opacity:0}}@keyframes jpop{0%{transform:scale(.55) translateY(30px);opacity:0}70%{transform:scale(1.06) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes jtile{0%,to{opacity:.15}50%{opacity:1}}@keyframes jpulse{0%,to{box-shadow:0 0 14px rgba(249,155,28,.35)}50%{box-shadow:0 0 28px rgba(249,155,28,.7)}}@keyframes tmloop{to{transform:translateX(-100%)}}@keyframes tmonce{to{transform:translateX(-83.334%)}}@keyframes jeject{0%{transform:translateY(-120px) scale(.12);opacity:0}18%{opacity:1}55%{transform:translateY(-230px) scale(.65);opacity:1}to{transform:translateY(120px) scale(1);opacity:1}}@keyframes jjumpframes{0%,54.99%{background-position:0 0}55%,69.99%{background-position:100% 0}70%,84.99%{background-position:0 100%}85%,to{background-position:100% 0}}@keyframes jjumpy{0%,55%{transform:translateY(0)}62%{transform:translateY(-16px)}74%{transform:translateY(-70px)}90%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes jattackframes{0%,44.99%{background-position:0 0}45%,64.99%{background-position:100% 0}65%,84.99%{background-position:0 100%}85%,to{background-position:100% 100%}}