/* fairplay9.org — JACKPOT NEBULA CHIP VAULT (jn-) · shared rules only; page-unique rules live in each page <style> */
@font-face{font-family:"Zen Dots";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/zendots-latin.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:"Zen Dots";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/zendots-latinext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/bvp400-latin.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:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/bvp400-latinext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/bvp600-latin.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:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/bvp600-latinext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/bvp800-latin.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:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/bvp800-latinext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@property --jn-a{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--jn-void:#070A1F;--jn-pan:#111842;--jn-pan2:#1A2260;--jn-line:#2C3780;--jn-mint:#19F5C8;--jn-gold:#F5B700;--jn-gink:#120D00;--jn-gedge:#B88600;--jn-pink:#FF5D8F;--jn-txt:#E9ECFF;--jn-mute:#A9B1E6;--jn-wa:#25D366;--jn-waink:#062712;
--jn-disp:"Zen Dots",system-ui,"Segoe UI",Roboto,Arial,sans-serif;--jn-body:"Be Vietnam Pro",system-ui,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
:where(body *){min-width:0;overflow-wrap:break-word}
html{overflow-x:clip;-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;overflow-x:clip;max-width:100%;background:#070A1F;color:#E9ECFF;font:400 1.02rem/1.68 var(--jn-body)}
main{display:block;max-width:100%;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:#19F5C8}
a:not([class]){text-decoration-thickness:1px;text-underline-offset:3px}
a:not([class]):hover{color:#FFFFFF}
h1,h2,h3{font-family:var(--jn-disp);font-weight:400;line-height:1.2;color:#FFFFFF;letter-spacing:.01em}
h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.85rem);margin:.2em 0 .6em}
h3{font-size:1.08rem;margin:1.1em 0 .4em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid #19F5C8;outline-offset:3px}
.skip{position:absolute;left:12px;top:8px;z-index:200;padding:10px 16px;background:#F5B700;color:#120D00;font-weight:800;border-radius:6px;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip:focus{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}
/* ---- background sky ---- */
#jn-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;background:radial-gradient(ellipse at 18% 8%,#16205A 0,rgba(7,10,31,0) 55%),radial-gradient(ellipse at 88% 70%,#2A1240 0,rgba(7,10,31,0) 50%),#070A1F}
body>main,body>footer.jn-foot{position:relative;z-index:1}
body>header.jn-top{position:sticky;top:0;z-index:60}
/* ---- header ---- */
.jn-top{width:100%;max-width:100vw;background:#070A1F;color:#E9ECFF;border-bottom:1px solid #2C3780;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.jn-top:has(#jn-menu.open){z-index:90}
.jn-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:1180px;margin:0 auto;padding:10px 16px;background:#070A1F}
.jn-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.jn-logo img{width:auto;height:40px;flex:0 0 auto}
.jn-acts{display:flex;align-items:center;gap:6px;flex:0 1 auto}
.jn-burger{display:none;width:46px;height:46px;flex:0 0 auto;border:1px solid #2C3780;border-radius:10px;background:#111842;color:#E9ECFF;cursor:pointer;position:relative}
.jn-burger span,.jn-burger span::before,.jn-burger span::after{position:absolute;left:12px;width:20px;height:2px;background:#19F5C8;content:"";transition:transform .2s}
.jn-burger span{top:22px}.jn-burger span::before{left:0;top:-7px}.jn-burger span::after{left:0;top:7px}
.jn-burger[aria-expanded="true"] span{background:transparent}
.jn-burger[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.jn-burger[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}
.jn-nav{background:#070A1F;color:#E9ECFF}
.jn-nav ul{list-style:none;margin:0 auto;padding:0 16px 8px;max-width:1180px;display:flex;flex-wrap:wrap;gap:2px 4px;overflow:visible}
.jn-nav li{flex:0 0 auto}
.jn-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:#E9ECFF;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:8px;position:relative}
.jn-nav a:hover{color:#19F5C8;background:#111842}
.jn-nav a[aria-current="page"]{color:#19F5C8}
.jn-nav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:#19F5C8;box-shadow:0 0 10px #19F5C8;pointer-events:none}
.jn-go.jn-menucta{display:none}
/* ---- chip-edge CTA ---- */
.jn-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25;font:800 .98rem/1.25 var(--jn-body);text-decoration:none;position:relative;isolation:isolate;
background:#F5B700 linear-gradient(180deg,#FFD24A 0,#F5B700 55%,#E0A400 100%)!important;color:#120D00!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);transition:filter .2s}
.jn-go::before{content:"";position:absolute;inset:4px;border:1.5px dashed rgba(18,13,0,.45);clip-path:inherit;pointer-events:none;z-index:-1}
.jn-go:hover{filter:brightness(1.08) drop-shadow(0 0 10px rgba(245,183,0,.55))}
.jn-go:hover::before{animation:jn-chipspin 1.4s linear infinite}
.jn-go:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #120D00,inset 0 0 0 5px #FFFFFF}
.jn-go.wa{background:#25D366 linear-gradient(180deg,#3BE07A 0,#25D366 60%,#1DB955 100%)!important;color:#062712!important}
.jn-go.wa::before{border-color:rgba(6,39,18,.4)}
.jn-go svg{width:20px;height:20px;flex:0 0 auto;fill:currentColor}
.jn-mcta{display:none}
@keyframes jn-chipspin{50%{inset:7px;border-color:rgba(18,13,0,.75)}}
/* ---- WhatsApp float ---- */
.jn-float{position:fixed;right:16px;bottom:18px;z-index:70;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#FFFFFF;box-shadow:0 6px 18px rgba(0,0,0,.45);animation:jn-pulse 2.4s ease-out infinite}
.jn-float svg{width:32px;height:32px;fill:#FFFFFF}
@keyframes jn-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55),0 6px 18px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0),0 6px 18px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 6px 18px rgba(0,0,0,.45)}}
/* ---- hero ---- */
.jn-hero{max-width:1180px;margin:0 auto;padding:22px 16px 10px;color:#E9ECFF}
.jn-hgrid{display:grid;grid-template-columns:1fr;gap:22px;align-items:center}
.jn-crumb ol{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:.86rem;color:#A9B1E6}
.jn-crumb li+li::before{content:"›";margin-right:4px;color:#FF5D8F}
.jn-crumb a{color:#19F5C8}
.jn-kick{display:inline-block;margin:0 0 10px;padding:4px 12px;border:1px solid #19F5C8;border-radius:999px;color:#19F5C8;background:#0B1030;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.jn-hero h1{font-size:clamp(1.55rem,1.1rem + 2.3vw,2.55rem);margin:0 0 14px;color:#FFFFFF}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.jn-hero h1{background:linear-gradient(100deg,#FFFFFF 0 38%,#F5B700 46%,#FFFFFF 54% 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:jn-shine 7s ease-in-out 1.2s infinite}}
@keyframes jn-shine{0%,60%{background-position:100% 0}100%{background-position:0 0}}
.jn-lead{font-size:1.08rem;color:#E9ECFF;max-width:60ch}
.jn-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px}
.jn-frame{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#111842;box-shadow:0 0 0 1px #2C3780,0 0 34px rgba(25,245,200,.18),0 18px 40px rgba(0,0,0,.5);aspect-ratio:16/9}
.jn-frame img{width:100%;height:100%;object-fit:cover}
.jn-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.22) 45%,rgba(255,93,143,.12) 52%,rgba(255,255,255,0) 64%);transform:translateX(-120%);animation:jn-foil 6.5s ease-in-out 2s infinite}
.jn-frame::before{content:"";position:absolute;inset:10px;z-index:1;pointer-events:none;background:linear-gradient(#19F5C8,#19F5C8) 0 0/22px 2px no-repeat,linear-gradient(#19F5C8,#19F5C8) 0 0/2px 22px no-repeat,linear-gradient(#F5B700,#F5B700) 100% 100%/22px 2px no-repeat,linear-gradient(#F5B700,#F5B700) 100% 100%/2px 22px no-repeat}
@keyframes jn-foil{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.jn-hero.solo .jn-hgrid{grid-template-columns:1fr}
/* ---- jackpot strip ---- */
.jn-jackpot{margin:22px 0 0;display:grid;gap:12px}
.jn-tick{position:relative;overflow-x:auto;overflow-y:hidden;border:1px solid #2C3780;border-radius:10px;background:#0B1030;color:#E9ECFF;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2C3780 #0B1030}
.jn-tick::after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,rgba(11,16,48,0),#0B1030);pointer-events:none}
.jn-tick.jn-loop{overflow:hidden}
.jn-track{display:flex;flex-wrap:nowrap;width:max-content;margin:0;padding:10px 0;flex:0 0 auto}
.jn-track span{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:0 22px;white-space:nowrap;font-weight:600;font-size:.92rem;color:#E9ECFF}
.jn-track span::before{content:"";width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle,#F5B700 0 35%,#FF5D8F 36% 55%,#F5B700 56%);box-shadow:0 0 8px #F5B700}
.jn-tick.jn-loop .jn-track{animation:jn-roll var(--jn-dur,42s) linear infinite}
.jn-tick.jn-loop:hover .jn-track,.jn-tick.jn-loop:focus-within .jn-track{animation-play-state:paused}
@keyframes jn-roll{to{transform:translateX(-50%)}}
.jn-count{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jn-count li{background:#111842;color:#E9ECFF;border:1px solid #2C3780;border-radius:12px;padding:12px 14px 14px;display:grid;gap:4px}
.jn-cl{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#A9B1E6}
.jn-count b{font:400 1.25rem/1.2 var(--jn-disp);color:#F5B700;text-shadow:0 0 14px rgba(245,183,0,.45)}
.jn-xp{display:block;height:7px;border-radius:999px;background:#0B1030;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2C3780}
.jn-xp::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,50%);border-radius:inherit;background:linear-gradient(90deg,#19F5C8,#F5B700);box-shadow:0 0 10px #19F5C8;pointer-events:none}
.jn-in .jn-xp::after{animation:jn-fill 1.2s ease-out}
@keyframes jn-fill{from{width:0}}
.w1{--w:10%}.w2{--w:20%}.w3{--w:30%}.w4{--w:40%}.w5{--w:50%}.w6{--w:60%}.w7{--w:70%}.w8{--w:80%}.w9{--w:90%}.w10{--w:100%}
/* ---- vault panels ---- */
.jn-panel{max-width:min(1140px,calc(100% - 32px));margin:28px auto 0;padding:26px 22px 20px;border:1.5px solid transparent;border-radius:16px;position:relative;color:#E9ECFF;
background:linear-gradient(#111842,#111842) padding-box,conic-gradient(from var(--jn-a),#19F5C8,#2C3780 25%,#FF5D8F 50%,#2C3780 70%,#F5B700 85%,#19F5C8) border-box #111842;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.jn-panel.jn-on{animation:jn-spin 8s linear infinite}
@keyframes jn-spin{to{--jn-a:360deg}}
.jn-panel.deep{background:linear-gradient(#1A2260,#1A2260) padding-box,conic-gradient(from var(--jn-a),#FF5D8F,#2C3780 30%,#19F5C8 55%,#2C3780 75%,#FF5D8F) border-box #1A2260}
.jn-panel>:last-child{margin-bottom:0}
.jn-panel.jn-in{animation:jn-rise .7s ease-out both}
.jn-panel.jn-in.jn-on{animation:jn-rise .7s ease-out both,jn-spin 8s linear .7s infinite}
@keyframes jn-rise{from{transform:translateY(18px);box-shadow:0 0 0 rgba(25,245,200,0)}to{transform:none}}
.jn-no{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font:400 .74rem/1.3 var(--jn-disp);letter-spacing:.1em;text-transform:uppercase;color:#19F5C8}
.jn-no::before{content:"";width:16px;height:16px;flex:0 0 auto;border-radius:50%;background:repeating-conic-gradient(#F5B700 0 30deg,#120D00 30deg 60deg);box-shadow:0 0 0 2px #FF5D8F,0 0 10px rgba(255,93,143,.6)}
.jn-duo{max-width:min(1140px,calc(100% - 32px));margin:0 auto;display:grid;gap:0}
.jn-duo>.jn-panel{max-width:100%}
/* paragraph types */
.jn-feed{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0;padding:14px 16px;border-radius:12px;background:#0B1030;color:#E9ECFF;border-left:3px solid #19F5C8}
.jn-badge{margin:0;align-self:start;justify-self:start;padding:6px 12px;border-radius:999px;background:#1A2260;color:#F5B700;font-weight:800;font-size:.8rem;letter-spacing:.04em;box-shadow:0 0 0 1px #2C3780}
.jn-feed p:last-child{margin-bottom:0}
.jn-meter{margin:14px 0;display:grid;gap:10px}
.jn-meter dt{font-weight:800;color:#F5B700}
.jn-meter dd{margin:0;padding:0 0 10px;border-bottom:1px dashed #2C3780;color:#E9ECFF}
.jn-meter .jn-xp{margin:4px 0 8px;max-width:340px}
.jn-quest{list-style:none;counter-reset:jnq;margin:16px 0;padding:0;display:grid;gap:14px;position:relative}
.jn-quest::before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:linear-gradient(#19F5C8,#FF5D8F);box-shadow:0 0 8px #19F5C8;pointer-events:none}
.jn-quest li{counter-increment:jnq;position:relative;padding-left:52px}
.jn-quest li::before{content:counter(jnq);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 .95rem/1 var(--jn-disp);background:#070A1F;color:#19F5C8;box-shadow:0 0 0 2px #19F5C8,0 0 14px rgba(25,245,200,.5);pointer-events:none}
.jn-quest b{display:block;color:#FFFFFF;margin:6px 0 4px}
.jn-quest p{margin:0}
.jn-token{margin:16px 0;padding:18px 20px 14px;border-radius:14px;background:#1A2260;color:#E9ECFF;
-webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.jn-tokh{font:400 .95rem/1.3 var(--jn-disp);color:#F5B700;margin:0 0 8px}
.jn-token p:last-child{margin-bottom:0}
.jn-tbl{position:relative;overflow-x:auto;margin:16px 0;border:1px solid #2C3780;border-radius:12px;background:#0B1030;color:#E9ECFF;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2C3780 #0B1030}
.jn-tbl>table{min-width:430px}
.jn-tbl table{width:100%;border-collapse:collapse;font-size:.94rem}
.jn-tbl th{background:#1A2260;color:#F5B700;text-align:left;font-weight:800}
.jn-tbl th,.jn-tbl td{padding:10px 12px;border-bottom:1px solid #2C3780;vertical-align:top;overflow-wrap:anywhere}
.seo-box th,.seo-box td{overflow-wrap:anywhere;word-break:break-word}
/* images */
.jn-snap{max-width:min(760px,calc(100% - 32px));margin:28px auto 0;padding:12px 12px 0;border-radius:16px;background:#0B1030;color:#E9ECFF;box-shadow:0 0 0 1px #2C3780,0 14px 30px rgba(0,0,0,.45);position:relative}
.jn-snap::before,.jn-snap::after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:#FF5D8F;box-shadow:0 0 8px #FF5D8F;pointer-events:none;animation:jn-led 1.6s steps(2) infinite}
.jn-snap::before{left:22px}.jn-snap::after{right:22px;background:#19F5C8;box-shadow:0 0 8px #19F5C8;animation-delay:.8s}
@keyframes jn-led{50%{opacity:.25}}
.jn-snap img{width:100%;aspect-ratio:16/9;border-radius:10px}
.jn-snap figcaption{margin:10px -12px 0;padding:10px 16px;border-radius:0 0 16px 16px;background:#1A2260;color:#E9ECFF;font-size:.9rem;font-weight:600;border-top:1px solid #19F5C8}
.jn-snap.wide{max-width:min(1140px,calc(100% - 32px))}
.jn-lobby{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jn-lobby a{display:block;border-radius:12px;overflow:hidden;background:#0B1030;color:#E9ECFF;text-decoration:none;box-shadow:0 0 0 1px #2C3780;transition:transform .2s,box-shadow .2s}
.jn-lobby a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #19F5C8,0 0 20px rgba(25,245,200,.35)}
.jn-lobby img{width:100%;aspect-ratio:5/3;object-fit:cover}
.jn-lobby span{display:block;padding:8px 10px;font-weight:600;font-size:.9rem}
/* FAQ */
.jn-faq{display:grid;gap:10px;counter-reset:jnlv;margin-top:10px}
.jn-q{counter-increment:jnlv;border-radius:12px;background:#0B1030;color:#E9ECFF;box-shadow:0 0 0 1px #2C3780}
.jn-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px}
.jn-q summary::-webkit-details-marker{display:none}
.jn-q summary::before{content:"LV" counter(jnlv);flex:0 0 auto;width:44px;height:38px;display:flex;align-items:center;justify-content:center;font:400 .72rem/1 var(--jn-disp);background:#F5B700;color:#120D00;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);pointer-events:none}
.jn-q summary h3{margin:0;font-size:1rem;color:#FFFFFF}
.jn-q[open] summary h3{color:#19F5C8}
.jn-q>p{margin:0;padding:0 16px 14px 70px;color:#E9ECFF}
/* chips + next */
.also-search{list-style:none;max-width:min(1140px,calc(100% - 32px));margin:28px auto 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.also-search li{flex:0 1 auto;max-width:100%;white-space:normal}
.also-search span{display:inline-block;padding:7px 14px;border-radius:999px;background:#111842;color:#E9ECFF;font-size:.88rem;box-shadow:0 0 0 1px #2C3780,0 0 10px rgba(255,93,143,.15)}
.jn-next{max-width:min(1140px,calc(100% - 32px));margin:30px auto 40px;padding:18px 20px;border-radius:14px;background:#0B1030;color:#E9ECFF;box-shadow:0 0 0 1px #2C3780}
.jn-next>p{margin:0 0 8px;font:400 .9rem/1.3 var(--jn-disp);color:#F5B700;letter-spacing:.06em;text-transform:uppercase}
.jn-next ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.jn-next li{padding-left:24px;position:relative}
.jn-next li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:repeating-conic-gradient(#19F5C8 0 45deg,#070A1F 45deg 90deg);box-shadow:0 0 8px #19F5C8;pointer-events:none}
.jn-next a{font-weight:700}
/* ---- footer ---- */
.jn-foot{background:#050716;color:#A9B1E6;border-top:1px solid #2C3780;margin-top:40px}
.jn-fwrap{max-width:1180px;margin:0 auto;padding:34px 16px 96px}
.jn-cols{display:grid;grid-template-columns:1fr;gap:26px}
.jn-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.jn-cols a:not([class]){color:#E9ECFF;text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
.jn-cols a:not([class]):hover{color:#19F5C8}
.jn-flab{margin:0 0 6px;font:400 .82rem/1.3 var(--jn-disp);color:#F5B700;letter-spacing:.08em;text-transform:uppercase}
.jn-blurb{margin:12px 0;color:#A9B1E6;font-size:.94rem}
.jn-follow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.jn-follow a{width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#111842;color:#E9ECFF;box-shadow:0 0 0 1px #2C3780}
.jn-follow a:hover{color:#19F5C8;box-shadow:0 0 0 1px #19F5C8,0 0 12px rgba(25,245,200,.4)}
.jn-follow svg{width:20px;height:20px;fill:currentColor}
.jn-tp{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#E9ECFF;font-weight:600;text-decoration:none}
.jn-tp svg{width:20px;height:20px;fill:#00B67A;flex:0 0 auto}
.jn-legal{margin-top:26px;padding-top:18px;border-top:1px solid #2C3780;font-size:.86rem;color:#A9B1E6}
.jn-legal a{color:#E9ECFF}
.jn-lrow a{display:inline-block;padding:8px 0}
.jn-qt{display:inline-flex;flex:0 0 auto;align-items:center;padding:6px 10px;border-radius:8px;background:#FFFFFF;margin:0 0 8px}
.jn-qt img{width:auto;height:26px;flex:0 0 auto;display:block}
/* ---- breakpoints ---- */
@media(min-width:620px){.jn-count{grid-template-columns:repeat(4,minmax(0,1fr))}.jn-feed{grid-template-columns:150px 1fr}.jn-lobby{grid-template-columns:repeat(3,minmax(0,1fr))}.jn-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.jn-quest{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.jn-quest::before{left:8px;right:8px;top:17px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#19F5C8,#FF5D8F)}.jn-quest li{padding:48px 6px 0}}
@media(min-width:1000px){
.jn-row{padding:12px 16px 6px}
.jn-hgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}
.jn-hero{padding-top:30px}
.jn-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.jn-cols{grid-template-columns:1.4fr 1fr 1fr 1fr}
}
@media(min-width:1000px) and (max-width:1199px){.jn-nav ul{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between}}
@media(min-width:1200px){.jn-nav ul{flex-wrap:nowrap;justify-content:space-between}.jn-nav a{padding:0 9px;font-size:.92rem}.jn-nav a[aria-current="page"]::after{left:9px;right:9px}}
@media(min-width:1100px){.jn-faq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:999px){
.jn-burger{display:block}
.jn-hcta{display:none}
.jn-mcta{display:inline-flex;min-height:44px;padding:8px 14px;font-size:.88rem}
.jn-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:5;border-bottom:1px solid #2C3780;box-shadow:0 18px 30px rgba(0,0,0,.6);max-height:calc(100vh - 70px);overflow-y:auto}
.jn-nav.open{display:block}
.jn-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px 16px}
.jn-nav a{min-height:44px;font-size:.92rem;background:#111842}
.jn-go.jn-menucta{display:flex;margin:4px 16px 14px}
.jn-ctas{padding-right:70px}
}
@media(max-width:480px){
.jn-logo img{height:32px}
.jn-row .jn-logo img{width:108px}
.jn-mcta{padding:8px 10px;font-size:.82rem}
.jn-gate .jn-go{display:flex;width:calc(100% - 76px);margin-left:0;margin-right:auto}
.jn-go{line-height:1.15}
.jn-panel{padding:22px 16px 18px}
.jn-q>p{padding-left:16px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}