/* JDXP V2 / EVOLUTION. Regras adicionais sem sobrescrever os estilos legados. */
:root{--jd-volt:#bdff00;--jd-night:#06172b;--jd-aqua:#5cdae2}
html{scroll-behavior:smooth}
.display-title{line-height:.87!important;letter-spacing:-.018em!important}
.display-title em{letter-spacing:-.019em!important;white-space:normal!important;display:inline-block;max-width:100%}
.display-title .hero-word{display:inline-block;margin-right:.14em}
.display-title .hero-word:last-child{margin-right:0}
.hero-display{max-width:100%;overflow:visible;isolation:isolate}
.hero-object{pointer-events:auto;animation:none;filter:drop-shadow(0 0 42px #bdff0026);touch-action:pan-y}
.hero-object:before{content:'';position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#caff2f2b,transparent 65%);filter:blur(25px);pointer-events:none}
.hero-object .orb-rings{opacity:.05;pointer-events:none}
.hero-object .orbit-word{pointer-events:none}
#jdxp-orbit{position:absolute;inset:0;width:100%;height:100%;cursor:grab;z-index:2;touch-action:none;outline:none}
#jdxp-orbit:active{cursor:grabbing}
#jdxp-orbit:focus-visible{outline:2px dashed var(--volt);outline-offset:-8px;border-radius:50%}
.orbit-console{position:absolute;left:10%;bottom:7%;z-index:4;background:rgba(8,32,48,.70);border:1px solid #c1ff4f55;backdrop-filter:blur(18px);border-radius:999px;padding:11px 15px;color:#dff6fd;display:flex;align-items:center;gap:9px;font:700 10px var(--mono);letter-spacing:.09em}
.orbit-console b{color:var(--volt)}
.orbit-console button{border:0;background:var(--volt);color:#06172b;border-radius:50%;width:33px;height:33px;cursor:pointer;display:grid;place-items:center;transition:transform .24s}
.orbit-console button:hover{transform:rotate(40deg) scale(1.1)}
.orbit-hint{position:absolute;top:9%;left:5%;font:600 10px var(--mono);color:#b9d6dd;letter-spacing:.14em;z-index:3;pointer-events:none}
.hero-glow{animation:aurora-drift 12s ease-in-out infinite alternate}
@keyframes aurora-drift{from{transform:translate(-4%,0%) scale(1)}to{transform:translate(9%,-5%) scale(1.14)}}
.nav-glass{backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35)}
.world-strip{isolation:isolate;overflow:hidden}
.world-strip:before{content:'';position:absolute;width:32%;height:220%;background:linear-gradient(105deg,transparent,#ffffff13,transparent);transform:translateX(-260%) rotate(20deg);transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:0;pointer-events:none}
.world-strip:hover:before{transform:translateX(310%) rotate(20deg)}
.tournament-row,.event-line,.challenge-row{transition:background .3s ease,transform .3s ease,border-color .3s ease}
.tournament-row:hover,.event-line:hover{transform:translateX(7px)}
/* Area editorial: faixas, fios de conexao, jogos e colecao. Nunca uma grade SaaS. */
.v2-stage{padding:142px 0 90px;min-height:70vh;position:relative;overflow:hidden}
.v2-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 20%,#14436a99,transparent 46%),linear-gradient(140deg,#051425,#082c42 70%,#06172b)}
.v2-stage .container{position:relative;z-index:1}
.v2-label{display:flex;align-items:center;gap:15px;color:var(--volt);font:700 11px var(--mono);letter-spacing:.2em;margin-bottom:22px}
.v2-label:before{content:'';width:30px;height:1px;background:currentColor}
.v2-title{font:900 clamp(65px,12vw,185px)/.78 var(--serif);letter-spacing:-.008em;color:#f3f8fd;text-transform:uppercase;margin:0 0 35px;max-width:1100px}
.v2-title em{font-style:normal;color:var(--volt)}
.v2-sub{color:#b5cada;font:500 17px/1.75 var(--body);max-width:600px}
.v2-shell{position:relative;background:#06172b;color:#eff9ff;min-height:65vh}
.v2-shell .container{padding-top:55px;padding-bottom:100px}
.v2-intro{border-bottom:1px solid #56799170;display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:20px;margin-bottom:30px}
.v2-intro h2{font:800 clamp(36px,5vw,73px)/.94 var(--serif);text-transform:uppercase;margin:0}
.v2-intro span{color:#bad0dc;font:600 11px var(--mono)}
.v2-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid #44657b70;padding:22px 0;transition:background .2s,padding .2s}
.v2-row:hover{background:#ffffff08;padding-left:10px}
.v2-row-main{flex:1;min-width:0}
.v2-row strong{font:700 clamp(22px,3.1vw,40px)/1.2 var(--serif);display:block}
.v2-row small{display:block;font:500 12px var(--mono);color:#9ebbd0;line-height:1.6;margin-top:6px}
.v2-index{color:var(--volt);font:700 12px var(--mono);min-width:42px}
.v2-chip{color:#06172b;background:var(--volt);border:0;border-radius:50px;padding:12px 18px;font:800 11px var(--mono);cursor:pointer}
.v2-chip-muted{background:#123c56;color:#e4f6fc;border:1px solid #4d7083}
.v2-primary{background:var(--volt);color:#06172b;border:0;border-radius:100px;padding:16px 24px;cursor:pointer;font:800 12px var(--mono);letter-spacing:.07em;display:inline-flex;align-items:center;gap:10px}
.v2-line-form{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #7ba1b850}
.v2-line-form input,.v2-line-form select,.v2-line-form textarea{background:#103047;color:#fff;border:1px solid #476b81;border-radius:12px;padding:15px 18px;min-width:0;font:500 14px var(--body)}
.v2-line-form textarea{width:100%;min-height:95px}
.v2-line-form input::placeholder,.v2-line-form textarea::placeholder{color:#87a4b5}
.v2-empty{padding:45px 0;color:#98b8c9;font:500 14px/1.7 var(--body)}
.v2-eyebrow{color:var(--volt);font:800 10px var(--mono);letter-spacing:.2em}
.v2-flow{position:relative;display:flex;align-items:stretch;gap:15px;overflow-x:auto;padding:35px 0 30px;scrollbar-color:#79a8b3 transparent}
.v2-round{min-width:235px;flex:1;display:flex;flex-direction:column;gap:24px}
.v2-round h3{margin:0 0 8px;color:var(--volt);font:700 12px var(--mono);letter-spacing:.13em}
.v2-match{border-left:2px solid var(--volt);background:linear-gradient(100deg,#113750,#072237);padding:16px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:7px}
.v2-match strong{font:700 17px var(--body);display:block}.v2-match small{font:500 10px var(--mono);color:#9fc1d3}
.v2-match .winner{color:var(--volt)}
.v2-editorial-block{padding:25px 0;border-top:1px solid #557389}
.v2-bands{display:flex;flex-direction:column;gap:0}.v2-bands > *{border-bottom:1px solid #52758d80;padding:20px 0}
.v2-tabline{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.v2-tabline a{color:#a7cad8;padding:12px 20px;border:1px solid #3d6279;border-radius:999px;text-decoration:none}.v2-tabline a:hover{background:#bdff00;color:#06172b}
.v2-feed-top{margin:15px 0 40px;border-top:1px solid #4a7085;padding:30px 0}
.v2-feed-post{padding:28px 0;border-bottom:1px solid #51758b;display:flex;gap:28px;align-items:start}
.v2-feed-post .v2-index{font-size:18px}
.v2-feed-post p{font:500 clamp(18px,2.5vw,29px)/1.4 var(--body);margin:7px 0;color:#f2f7f9;white-space:pre-wrap;overflow-wrap:anywhere}
.v2-feed-post .meta{font:600 10px var(--mono);color:#94b0c1}
.v2-feed-actions{display:flex;gap:9px;align-items:center;margin-top:12px}
.v2-feed-actions button{border:1px solid #4b7085;border-radius:100px;background:#092b40;color:#c2deeb;padding:8px 15px;cursor:pointer}
.v2-pass{background:linear-gradient(135deg,#bdff00,#d6ff6c);color:#06172b;border-radius:22px;padding:26px;max-width:550px;position:relative;overflow:hidden;margin:24px 0}
.v2-pass:after{content:'JDXP';font:900 190px/.7 var(--serif);position:absolute;bottom:-16px;right:-30px;opacity:.06;pointer-events:none}
.v2-pass h3{font:800 36px/1 var(--serif);margin:20px 0}.v2-pass code{font:800 27px var(--mono);letter-spacing:.14em;word-break:break-word}
.v2-portal-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 40px}
.v2-portal-links .btn{white-space:nowrap}
.v2-deck-form{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.v2-deck-form input{flex:1;min-width:100px}
.v2-back{position:relative;display:inline-flex;margin-bottom:15px;color:var(--volt);font:700 12px var(--mono);text-decoration:none}
body[data-motion='off'] .hero-object,body[data-motion='off'] .hero-glow{animation:none!important}
@media(max-width:850px){.hero-object{top:28%;right:-21%}.orbit-console{left:1%;bottom:0}.v2-stage{padding-top:130px}.v2-intro{align-items:start;flex-direction:column}.v2-title{font-size:clamp(60px,13vw,125px)}.v2-row{flex-wrap:wrap}.v2-row .v2-chip{margin-left:auto}.v2-flow{gap:9px}}
@media(max-width:560px){.hero-display .display-title{font-size:clamp(60px,16vw,98px);line-height:.91!important}.hero-display{margin-top:35px}.display-title .hero-word{margin-right:.09em}.hero-object{top:34%;width:92vw;height:92vw;right:-43%;opacity:.72}.orbit-hint{display:none}.orbit-console{bottom:10%;left:1%;font-size:8px;padding:6px 9px;gap:5px}.orbit-console button{width:25px;height:25px}.v2-title{font-size:clamp(54px,15vw,100px)}.v2-stage{min-height:450px}.v2-intro h2{font-size:38px}.v2-feed-post{gap:12px}.v2-row{gap:10px}.v2-pass code{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-glow{animation:none!important}.v2-row,.world-strip:before{transition:none!important}}
/* Ajuste de composicao: a Orb nao compete com o texto no mobile */
@media(max-width:560px){.hero-object{top:29%;right:-43%}.orbit-console{bottom:25%}.hero-bottom{position:relative;z-index:3}}
@supports (view-transition-name:root){::view-transition-old(root){animation:jd-exit .23s ease both}::view-transition-new(root){animation:jd-enter .36s cubic-bezier(.2,.8,.2,1) both}@keyframes jd-exit{to{opacity:.15;filter:blur(8px)}}@keyframes jd-enter{from{opacity:.35;filter:blur(10px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:none}}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
