/* Estilos do quiz. Os blocos finais (cartões de modo, Arcade, modo desempenho) foram adicionados por etapas. */
:root{--blue:#2F5BFF;--ink:#10182F;--amber:#FFB400;--teal:#0FA3B1;--coral:#F2542D;--mute:#55607a}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#EEF2F7;color:var(--ink);font:500 15px/1.4 'Figtree',system-ui,sans-serif;overflow-x:hidden}
body::before,body::after,html::before{content:"";position:fixed;z-index:-1;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
body::before{top:-20vmax;left:-15vmax;background:radial-gradient(circle,#7FE0D8,transparent 65%);animation:d1 22s ease-in-out infinite alternate}
body::after{bottom:-25vmax;right:-15vmax;background:radial-gradient(circle,#FFD27A,transparent 65%);animation:d2 28s ease-in-out infinite alternate}
html::before{top:25vh;left:35vw;background:radial-gradient(circle,#C9B8FF,transparent 65%);animation:d1 34s ease-in-out infinite alternate-reverse}
@keyframes d1{to{transform:translate(35vw,25vh) scale(1.2)}}
@keyframes d2{to{transform:translate(-35vw,-20vh) scale(1.15)}}
.bar{position:sticky;top:0;z-index:10;background:var(--blue);border-bottom:3px solid var(--ink)}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px}
h1{font:700 1.25rem 'Unbounded',sans-serif;letter-spacing:-.02em;color:#fff}
.right{display:flex;align-items:center;gap:18px}
.count{display:flex;align-items:center;gap:5px;font:500 1rem 'DM Mono',ui-monospace,monospace;perspective:300px}
.count .d{background:var(--ink);color:#FFD76A;border-radius:5px;padding:4px 7px}
.count .d.flip{animation:flip .4s ease-out}
.count span:last-child{margin-left:6px;color:rgba(255,255,255,.85)}
@keyframes flip{from{transform:rotateX(-90deg);opacity:.2}}
button{font:700 .9rem 'Figtree',sans-serif;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:99px;padding:10px 22px;cursor:pointer;transition:background .15s,color .15s,transform .1s}
button:hover:not(:disabled){background:var(--ink);color:#fff}
button:active:not(:disabled){transform:scale(.95)}
button:disabled{opacity:.4;cursor:not-allowed}
button.primary{background:var(--amber);border-color:var(--amber)}
button.primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--amber)}
button.confirm{background:var(--coral);border-color:var(--coral);color:#fff}
button:focus-visible,.flag:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.inputrow{display:flex;gap:12px;padding:0 28px 14px;align-items:center;flex-wrap:wrap}
input{flex:1;min-width:240px;max-width:760px;padding:13px 18px;font:600 1.1rem 'Figtree',sans-serif;color:var(--ink);background:#fff;border:1.5px solid rgba(16,24,47,.3);border-radius:14px;transition:border-color .15s,box-shadow .15s}
input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(15,163,177,.2)}
input:disabled{background:#e4e9f1}
input.wrong{border-color:var(--coral);background:#fff0ed;animation:shake .3s}
@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.hint{color:var(--mute);font-size:.9rem}
.prog{height:12px;background:rgba(16,24,47,.45);border-top:3px solid var(--ink)}
.prog i{display:block;height:100%;width:0;background:repeating-linear-gradient(45deg,var(--amber) 0 10px,#ffd466 10px 20px);background-size:28px 28px;transition:width .4s;animation:slide 1s linear infinite}
@keyframes slide{to{background-position:28px 0}}
.marquee{position:relative;overflow:hidden;background:var(--amber);border-bottom:3px solid var(--ink);padding:12px 0}
.track{display:flex;width:max-content;animation:run 360s linear infinite}
.track img{height:50px;width:76px;object-fit:cover;border:2px solid var(--ink);border-radius:7px;margin-right:12px;background:#fff;position:relative;transition:transform .15s ease-out}
@keyframes run{to{transform:translateX(-50%)}}
main{padding:36px 28px 60px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:38px 24px}
.flag{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;scroll-margin-top:300px;transition:transform .2s}
.fl{width:100%;animation:float 5s ease-in-out infinite;animation-delay:var(--fd,0s)}
@keyframes float{50%{transform:translateY(-6px)}}
.grid.enter .flag{animation:in .6s cubic-bezier(.3,1.3,.5,1) both;animation-delay:var(--d,0ms)}
@keyframes in{from{opacity:0;transform:translateY(30px) scale(.85)}}
.fimg{position:relative;width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#dfe6fa;box-shadow:0 12px 22px -10px rgba(16,24,47,.45);transform:perspective(500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s}
.fimg img{width:100%;height:100%;display:block;object-fit:cover}
.fimg.fit img{object-fit:contain}
.fimg::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(16,24,47,.25);pointer-events:none}
.flag.active{transform:scale(1.07);z-index:1}
.flag.active .fimg{animation:ring 1.1s ease-in-out infinite}
@keyframes ring{0%,100%{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--amber),0 18px 30px -10px rgba(16,24,47,.5)}50%{box-shadow:0 0 0 3px #fff,0 0 0 11px rgba(255,180,0,.45),0 18px 30px -10px rgba(16,24,47,.5)}}
.flag.done .fimg{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--k),0 14px 26px -10px rgba(16,24,47,.5);animation:spin .8s cubic-bezier(.2,.8,.2,1)}
@keyframes spin{from{transform:perspective(500px) rotateY(-180deg) scale(.8)}}
.flag s{position:absolute;left:0;right:0;top:0;aspect-ratio:3/2;border:3px solid;border-radius:10px;pointer-events:none;animation:ripple .75s ease-out forwards}
@keyframes ripple{to{transform:scale(1.6);opacity:0}}
.name{font-size:.9rem;font-weight:600;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;text-align:center}
.playing .flag:not(.done) .name{visibility:hidden}
.flag.done .name{min-height:0;background:#fff;box-shadow:inset 0 0 0 2px var(--k);border-radius:99px;padding:3px 12px}
.flag.done .name::before{content:"✓ ";white-space:pre}
.results{display:none}
.stats{display:flex;gap:56px;flex-wrap:wrap;margin:8px 0 40px}
.stat .n{font:700 3.4rem/1 'Unbounded',sans-serif}
.stat:nth-child(1) .n{color:#1FB57A}.stat:nth-child(2) .n{color:var(--coral)}.stat:nth-child(3) .n{color:var(--teal)}.stat:nth-child(4) .n{color:#E0A100}
.stat .l{margin-top:8px;color:var(--mute);font-weight:600}
.perfect{display:none;background:var(--ink);color:var(--amber);border-radius:18px;padding:22px 26px;margin-bottom:28px;font:700 1.3rem 'Unbounded',sans-serif}
.cont{margin-bottom:38px}
.cont h3{display:flex;align-items:center;gap:12px;font:700 1rem 'Unbounded',sans-serif;margin-bottom:18px}
.cont h3::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--k)}
.cont h3 span{margin-left:auto;font:500 .9rem 'DM Mono',ui-monospace,monospace;color:var(--mute)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:26px 18px}
.rc{text-align:center;font-size:.82rem;font-weight:600}
.rc .fslot{height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.rc .fimg{transform:none;transition:none;width:132px;border-radius:4px;margin:0;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--k)}
.rc .fimg.fit{aspect-ratio:var(--ar);width:min(132px,calc(88px * var(--ar)))}
.rc .fimg.fit img{object-fit:cover}
.rc.miss .fimg{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--coral)}
.rc.ok .nm{color:#13915a}
.rc.miss .nm{color:#d92d3a}
.rc .nm{font-size:.88rem}
#aWins{display:none}#results.arc #aWins{display:block}
.awn{color:var(--mute);font-weight:600}
@media(max-width:600px){.top,.inputrow,main{padding-left:14px;padding-right:14px}h1{font-size:.95rem}.grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:26px 14px}.stats{gap:30px}.track img{height:60px;width:90px}}
.bar button{color:#fff;border-color:#fff}
.bar button:hover:not(:disabled){background:#fff;color:var(--ink)}
.bar button.primary{background:var(--amber);border-color:var(--ink);color:var(--ink)}
.bar button.primary:hover:not(:disabled){background:#fff;border-color:#fff;color:var(--ink)}
.bar button.confirm{background:var(--coral);border-color:var(--coral);color:#fff}
.bar .hint{color:rgba(255,255,255,.9)}
.conts{overflow:hidden;padding:0 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ctrack{display:flex;width:max-content;animation:runq 45s linear infinite}
@keyframes runq{to{transform:translateX(-25%)}}
.cc{margin-right:8px}
.cc{position:relative;flex:none;display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:#fff;background:rgba(255,255,255,.14);border-radius:99px;padding:5px 12px 9px}
.cc u{width:9px;height:9px;border-radius:50%;background:var(--k);text-decoration:none}
.cc em{font:500 .75rem 'DM Mono',ui-monospace,monospace;font-style:normal;opacity:.85}
.cc i{position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--k) var(--p,0%),rgba(255,255,255,.22) var(--p,0%))}
.chip{display:none;font:700 .85rem 'Figtree',sans-serif;color:#fff;background:rgba(255,255,255,.16);border-radius:99px;padding:6px 12px}
body[data-s=playing] .chip{display:inline-block}
#timer{font-family:'DM Mono',ui-monospace,monospace;font-weight:500}
.chip.bump{animation:bump .35s cubic-bezier(.3,1.8,.5,1)}
@keyframes bump{from{transform:scale(1.35);background:var(--amber);color:var(--ink)}}
.stat:nth-child(5) .n{color:var(--blue)}.stat:nth-child(6) .n{color:#FF4FA3}
@media(max-width:600px){.chip{padding:4px 8px;font-size:.75rem}.track img{height:40px;width:60px}}
#timer.low{background:var(--coral);animation:blink 1s ease-in-out infinite}
@keyframes blink{50%{opacity:.55}}
.modes{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,24,47,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s}
.modes[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.mp{background:#fff;border-radius:22px;padding:28px;max-width:1000px;width:100%;max-height:92vh;overflow:auto;animation:rise .4s cubic-bezier(.3,1.4,.5,1)}
@keyframes rise{from{transform:translateY(30px) scale(.94);opacity:0}}
.mp h2{font:700 1.3rem 'Unbounded',sans-serif;margin-bottom:20px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:22px}
h1{cursor:pointer}
.home{display:none;min-height:100vh;align-items:center;justify-content:center;gap:40px;padding:40px 5vw;flex-wrap:wrap}
body[data-s=home] .home{display:flex}
body[data-s=home] .bar,body[data-s=home] main{display:none}
.hl{flex:1 1 560px;max-width:780px}
.ht{font:700 clamp(2rem,4.6vw,3.8rem)/1.02 'Unbounded',sans-serif;letter-spacing:-.03em;margin-bottom:16px}
.hs{color:var(--mute);font-size:1.1rem;margin-bottom:28px;max-width:46ch}
.hs b{color:var(--ink)}
.home .mgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.soon{display:flex;gap:10px;flex-wrap:wrap}
.hr{flex:1 1 380px;display:flex;justify-content:center}
.endbtns{display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 36px}
#lives{display:none;font-size:2.2rem;line-height:1}
body[data-k=lives][data-s=playing] #lives{display:inline-flex;gap:7px}
#lives i{font-style:normal;color:#FF5A6E;filter:drop-shadow(0 0 7px rgba(255,90,110,.7));transition:transform .3s,opacity .3s}
#lives.last i:not(.lost){animation:beat .8s ease-in-out infinite}
@keyframes beat{50%{transform:scale(1.22)}}
#lives i.lost{opacity:.25;transform:scale(.7);animation:hb .5s}
@keyframes hb{30%{transform:scale(1.5)}}
.kbd{display:none;font:500 .85rem 'DM Mono',ui-monospace,monospace;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:8px;padding:6px 10px}
body[data-k=lives] .kbd{display:inline-block}
body[data-k=lives] input{border:2.5px solid var(--coral);background:#fff7f5;box-shadow:0 0 0 4px rgba(242,84,45,.2)}
body[data-k=lives] input:focus{border-color:var(--coral);box-shadow:0 0 0 5px rgba(242,84,45,.35)}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:55px;z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,var(--amber),rgba(255,180,0,0));-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent);mask-image:linear-gradient(90deg,#000 20%,transparent)}
.marquee::before{left:0}
.marquee::after{right:0;transform:scaleX(-1)}
.home{position:relative}
.studyLink{position:absolute;top:18px;right:5vw;border:0;padding:6px 8px;background:transparent;color:var(--mute);font-weight:600;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.studyLink:hover:not(:disabled){background:transparent;color:var(--ink)}
.study{display:none;padding:0 28px 60px}
body[data-s=study] .study{display:block}
body[data-s=study] .bar,body[data-s=study] main{display:none}
.sbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-bottom:18px;background:rgba(238,242,247,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.stitle{font:700 1rem 'Unbounded',sans-serif}
.rnd{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center}
.rnd.spin svg{animation:rot .5s ease-out}
@keyframes rot{to{transform:rotate(360deg)}}
.study .name{color:var(--ink);font-weight:700;flex-direction:column;gap:2px}
.study .ct{font-style:normal;font-size:.72rem;font-weight:600;color:var(--k)}
@property --bl{syntax:'<number>';inherits:false;initial-value:0}
#vig{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;--bl:0;transition:--bl 1s,opacity .6s;background:radial-gradient(ellipse at center,transparent calc(80% - var(--bl) * 36%),rgba(125,0,16,calc(.28 + var(--bl) * .6)) 100%)}
#vig.on{opacity:1;animation:vp 2.4s ease-in-out infinite}
@keyframes vp{50%{opacity:.72}}
.shake main,.shake .bar{animation:tremor 2.2s linear infinite}
@keyframes tremor{0%,32%,100%{transform:none}4%{transform:translate(-1.5px,1px)}8%{transform:translate(1.5px,-1px)}12%{transform:translate(-1px,-1.5px)}16%{transform:translate(1.5px,1px)}20%{transform:translate(-1.5px,-1px)}24%{transform:translate(1px,1.5px)}28%{transform:translate(-1px,1px)}}
.statsBox{margin-top:12px}
.statsBox h3{font:700 1rem 'Unbounded',sans-serif;margin-bottom:6px}
.statsBox .sub{color:var(--mute);font-size:.85rem;margin-bottom:14px}
.srows{max-height:560px;overflow:auto;border:1.5px solid rgba(16,24,47,.15);border-radius:16px;background:rgba(255,255,255,.7)}
.srow{display:grid;grid-template-columns:56px 1fr 150px 110px;gap:14px;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(16,24,47,.08);font-weight:600;font-size:.88rem}
.srow.hd{position:sticky;top:0;z-index:1;background:#fff;font-size:.72rem;color:var(--mute)}
.srow .fimg{width:48px;border-radius:5px}
.sp{display:flex;align-items:center;gap:8px;font:500 .8rem 'DM Mono',ui-monospace,monospace}
.sbar2{flex:1;height:10px;border-radius:99px;background:rgba(16,24,47,.1);overflow:hidden}
.sbar2 i{display:block;height:100%;width:var(--p);background:var(--c);border-radius:inherit}
.srow .com{color:var(--mute);font-weight:500}
@media(max-width:600px){.srow{grid-template-columns:44px 1fr 100px}.srow .com{display:none}}
#lives{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:45;background:rgba(16,24,47,.82);padding:8px 26px 12px;border-radius:99px;box-shadow:0 10px 30px -8px rgba(0,0,0,.55);font-size:3rem;line-height:1}
body[data-k=lives][data-s=playing] #lives{display:flex;gap:12px}
#veins{position:fixed;inset:0;z-index:41;pointer-events:none}
.kbd{cursor:pointer;background:rgba(255,255,255,.14);padding:10px 16px}
.study .fl{animation:none}
.study .fimg{transform:none!important;transition:none}
.study .flag{cursor:pointer;transition:transform .15s}
.study .flag:hover{transform:scale(1.05)}
.lb{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,24,47,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lb[hidden]{display:none}
.lbc{background:#fff;border-radius:22px;padding:22px;width:min(92vw,560px);text-align:center;animation:lbz .4s cubic-bezier(.2,.9,.3,1.1)}
@keyframes lbz{from{transform:translate(var(--fx,0),var(--fy,0)) scale(.25);opacity:0}}
.lbimg{aspect-ratio:3/2;background:#eef2f7;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px -12px rgba(16,24,47,.5)}
.lbimg img{width:100%;height:100%;object-fit:contain;display:block}
.lbc h3{font:700 1.5rem 'Unbounded',sans-serif;margin:18px 0 10px}
.lbc p{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-bottom:18px;color:var(--mute);font-weight:600}
.lbc .ch{background:var(--k);color:var(--ink);border-radius:99px;padding:3px 12px;font-size:.85rem;font-weight:700}
@media(max-width:600px){#lives{font-size:2.4rem;bottom:14px}}
.vn{position:absolute;width:8vmin;height:20vmin;overflow:visible}
.vn.l{left:0;top:24vh}
.vn.r{right:0;top:50vh;transform:scale(-1,1)}
.vn path{fill:none;stroke:#7a0a18;stroke-width:.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 2.2s ease-out}
#veins.v1 .a{stroke-dashoffset:0;opacity:.4}
#veins.v2 .b{stroke-dashoffset:0;opacity:.4}
.srows{max-height:640px}
.srow.gh{grid-template-columns:1fr;background:rgba(16,24,47,.05);font-size:.75rem;font-weight:700;color:var(--mute);padding:6px 14px}
.home .mgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.srow.sep{border-top:2px solid rgba(16,24,47,.25)}
#flash{position:fixed;inset:0;z-index:44;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 85%,rgba(255,70,90,.6),rgba(110,0,16,.8))}
body.dead #flash{animation:flash 1s ease-out}
@keyframes flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
#lives.dead i{animation:shatter .9s ease-out forwards}
@keyframes shatter{0%{transform:scale(1);opacity:1}25%{transform:scale(1.6) rotate(-10deg);filter:brightness(1.8)}100%{transform:scale(.15) rotate(30deg);opacity:0}}
body.dead main,body.dead .bar{animation:jolt .5s}
@keyframes jolt{0%,100%{transform:none}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}
@media(max-width:600px){
  .marquee,.conts,h1{display:none}
  .top{padding:8px 14px 4px}
  .right{flex:1 1 100%;flex-wrap:wrap;gap:6px 8px;align-items:center}
  .right .chip{padding:3px 8px;font-size:.72rem}
  .count{font-size:.85rem}
  .count .d{padding:2px 5px}
  .bar button{padding:7px 14px;font-size:.82rem}
  #mainBtn{margin-left:auto}
  .inputrow{padding:0 14px 8px;gap:8px}
  input{min-width:0;padding:10px 12px;font-size:1rem}
  .hint{flex:1 1 100%;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .grid{gap:14px 10px}
  .name{min-height:2em}
  main{padding-top:16px}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;margin-bottom:18px}
  .stat .n{font-size:1.7rem}
  .stat .l{font-size:.75rem}
  .endbtns{margin:0 0 22px}
  .endbtns button{flex:1 1 100%}
  .srows{max-height:none}
  .srow{grid-template-columns:44px 1fr 110px}
  .srow.hd .hb{visibility:hidden}
  .study{padding:0 14px 40px}
  .sbar{padding:10px 0}
}
.globe{position:relative;width:min(80vw,420px);aspect-ratio:1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.globe:active{cursor:grabbing}
.gsh,.gbase,.gring{position:absolute;left:10%;top:7%;width:80%;height:80%;border-radius:50%}
.gsh{top:10.5%;background:#FFB400}
.gbase{overflow:hidden;transform:translateZ(0);background:radial-gradient(circle at 35% 30%,#fff,#dbe5ff)}
.gring{border:3px solid #10182F;box-shadow:inset 0 0 26px rgba(47,91,255,.22);pointer-events:none}
#globeCv,#globeBl{position:absolute;inset:0;width:100%;height:100%;display:block}
#globeCv{-webkit-mask-image:radial-gradient(circle,#000 50%,transparent 90%);mask-image:radial-gradient(circle,#000 50%,transparent 90%)}
#globeBl{filter:blur(5px);-webkit-mask-image:radial-gradient(circle,transparent 46%,#000 86%);mask-image:radial-gradient(circle,transparent 46%,#000 86%)}
@media(max-width:600px){
  body[data-s=home] .home{display:grid;grid-template-columns:1fr 128px;grid-template-areas:"t g" "s s" "m m" "b b";gap:14px 10px;align-items:center;align-content:start;min-height:auto;padding:52px 16px 32px}
  .hl{display:contents}
  .ht{grid-area:t;font-size:1.7rem;margin:0}
  .hr{grid-area:g;flex:none;justify-self:end}
  .hs{grid-area:s;margin:4px 0 6px;font-size:1rem}
  .home .mgrid{grid-area:m}
  .soon{grid-area:b}
  .studyLink{top:14px;right:16px}
  .globe{width:128px}
  .gring{border-width:2px}
  #globeBl{filter:blur(2px)}
}
html.lite body::before,html.lite body::after,html.lite::before{display:none}
html.lite body{background:linear-gradient(160deg,#dff3f1 0%,#eef2f7 45%,#f1ecf7 100%)}
.lite .fl{animation:none}
.lite .grid.enter .flag{animation:none}
.lite .flag{transition:none}
.lite .fimg{box-shadow:0 3px 8px -4px rgba(16,24,47,.45);transform:none;transition:none}
.lite #vig.on{animation:none}
.lite .sbar,.lite .lb{-webkit-backdrop-filter:none;backdrop-filter:none}
.lite #globeBl{display:none}
.lite #globeCv{-webkit-mask-image:none;mask-image:none}
.rc{content-visibility:auto;contain-intrinsic-size:auto 120px}
.srow:not(.hd){content-visibility:auto;contain-intrinsic-size:auto 49px}
.cfgBtn{position:absolute;top:14px;left:5vw;width:38px;height:38px;padding:0;border:0;background:transparent;color:var(--mute);display:grid;place-items:center}
.cfgBtn:hover:not(:disabled){background:transparent;color:var(--ink)}
.swrow{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.swrow b{display:block;font-size:1rem}
.swrow small{display:block;color:var(--mute);font-weight:500;margin-top:2px}
.lb .swrow input{flex:none;min-width:0;width:46px;height:26px;padding:0;border:0;border-radius:99px;box-shadow:none;background:#cbd3e6;-webkit-appearance:none;appearance:none;position:relative;cursor:pointer;transition:background .2s}
.lb .swrow input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.lb .swrow input:checked{background:#1FB57A}
.lb .swrow input:checked::after{transform:translateX(20px)}
@media(max-width:600px){.cfgBtn{top:10px;left:12px}}
.cfgBtn{width:auto;height:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1.5px solid var(--ink);border-radius:99px;background:#fff;color:var(--ink);font-weight:700;font-size:.85rem;box-shadow:0 3px 0 var(--ink)}
.cfgBtn:hover:not(:disabled){background:var(--amber);color:var(--ink)}
.cfgBtn.on::after{content:"";width:8px;height:8px;border-radius:50%;background:#1FB57A}
#boot{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#EEF2F7;transition:opacity .4s}
#boot.off{opacity:0;pointer-events:none}
.bootc{width:min(80vw,320px);text-align:center}
.bootc b{display:block;font:700 1.1rem 'Unbounded',sans-serif;margin-bottom:18px}
.bbar{height:14px;border-radius:99px;background:rgba(16,24,47,.1);border:2px solid var(--ink);overflow:hidden}
.bbar i{display:block;height:100%;width:0;background:repeating-linear-gradient(45deg,var(--amber) 0 10px,#ffd466 10px 20px);background-size:28px 28px;transition:width .2s;animation:slide 1s linear infinite}
.bootc small{display:block;margin-top:12px;color:var(--mute);font-weight:600}
.home{padding-top:96px}
#perfTip{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 12px 10px 16px;border-radius:16px;width:max-content;max-width:min(92vw,460px);font-size:.85rem;line-height:1.3;box-shadow:0 10px 30px -8px rgba(0,0,0,.5)}
#perfTip[hidden]{display:none}
#perfTip button{padding:6px 12px;font-size:.8rem;color:#fff;border-color:#fff;box-shadow:none}
#perfTip button.primary{color:var(--ink);border-color:var(--amber)}
#perfTip button:hover:not(:disabled){background:#fff;color:var(--ink)}
#perfTipX{border:0!important;padding:4px 8px!important;font-size:1.1rem!important}
.lite .prog i{animation:none}
.lite .shake main,.lite .shake .bar{animation:none}
.lite .flag.active .fimg{animation:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--amber)}
.lite .fimg{box-shadow:none}
.lite .count .d.flip{animation:none}
.studyLink{padding:7px 14px;border:1.5px solid rgba(16,24,47,.28);border-radius:99px;background:rgba(255,255,255,.6);color:var(--ink);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.studyLink:hover:not(:disabled){background:#fff;border-color:var(--ink);color:var(--ink)}
.sleft{display:flex;align-items:center;gap:10px}
.azb{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:99px;font-weight:700}
.azb.on{border-color:var(--blue);color:var(--blue)}
.azb.on:hover:not(:disabled){background:var(--blue);color:#fff}
@media(max-width:600px){.stitle{display:none}.azb{padding:0 12px;font-size:.8rem}}
.legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:4px 0 6px;font-weight:600;font-size:.9rem}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{display:block;width:32px;height:10px;border-radius:99px}
.legend i.g{background:#1FB57A}
.legend i.r{background:#E5383B}

/* ===== Cartões de modo (4 cartões com modalidades) ===== */
[data-v=explorer]{--bg:linear-gradient(160deg,#eaf2ff,#cfe0ff);--ac:#2F5BFF;--tx:#10182F;--tc:#fff}
[data-v=survivor]{--bg:linear-gradient(160deg,#ffe3ef,#ffbfd6);--ac:#E83E8C;--tx:#4a0c27;--tc:#fff}
[data-v=custom]{--bg:#e6e9ef;--ac:#a7afbf;--tx:#737b8d;--tc:#fff}
.home .mgrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.mcard{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:20px;padding:16px;min-height:310px;display:flex;flex-direction:column;gap:8px;color:var(--tx);box-shadow:0 6px 0 var(--ac);cursor:pointer;transition:transform .15s,box-shadow .15s;background:#fff}
.mcard:hover{transform:translateY(-4px);box-shadow:0 10px 0 var(--ac)}
.mcard:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.mcard.dis{opacity:.72;cursor:not-allowed;filter:grayscale(1)}
.mcard.dis:hover{transform:none;box-shadow:0 6px 0 var(--ac)}
.theme{position:absolute;inset:0;z-index:0;background:var(--bg);pointer-events:none}
.theme svg{position:absolute;inset:0;width:100%;height:100%}
.mcard>:not(.theme){position:relative;z-index:1}
.mtop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.kick{font-size:.8rem;font-weight:700;opacity:.8;padding-top:6px}
.seg{display:flex;gap:5px;padding:4px;border-radius:99px;background:#fff;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink)}
.seg button{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;font-size:19px;line-height:1;display:grid;place-items:center;color:var(--ink);transition:background .2s,transform .2s}
.seg button:hover:not(:disabled){background:rgba(16,24,47,.12);color:inherit}
.seg button.on{background:var(--ink);box-shadow:0 0 0 2px #fff;transform:scale(1.08)}
.seg button.on:hover:not(:disabled){background:var(--ink)}
.mbody{display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:opacity .2s,transform .2s}
.mbody.out{opacity:0;transform:translateY(-8px)}
.mcard .ico{font-size:1.9rem;line-height:1}
.mname{font:700 1.3rem 'Unbounded',sans-serif}
.mtag{font-style:normal;font-weight:700;font-size:.78rem;background:var(--ac);color:var(--tc);border-radius:99px;padding:2px 10px;white-space:nowrap}
.mdesc{font-weight:500;font-size:.92rem;opacity:.9}
.diff{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700}
.diff i{width:16px;height:6px;border-radius:99px;background:currentColor;opacity:.2}
.diff i.f{background:var(--ac);opacity:1}
.diff span{margin-left:6px}
.diff .plus{margin-left:-2px;font:900 1.15rem/1 'Figtree',sans-serif;color:#e0102a;text-shadow:0 0 3px #fff,0 0 3px #fff}
.mrec{font:500 .8rem 'DM Mono',ui-monospace,monospace}
.mcard .rank{padding:3px 16px;border-radius:99px;background:rgba(228,232,240,.85);color:#7b8499;border:1.5px dashed #aab2c4;font-weight:700;font-size:.78rem;cursor:not-allowed}
.go{margin-top:auto;align-self:flex-start;font-weight:800;font-size:.9rem;background:var(--ink);color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:99px;padding:6px 14px}
.mcard.zap{animation:jolt .4s}
/* ===== Temas v2 ===== */
[data-v=arcade]{--bg:linear-gradient(180deg,#1d0846,#4b1a7d 55%,#8b2f97);--ac:#ff2d95;--tx:#fff;--tc:#fff}
.mcard[data-v=arcade]{text-shadow:0 1px 8px rgba(20,0,50,.7)}
.mcard[data-v=arcade] .seg{text-shadow:none}
[data-v=tourist]{--bg:linear-gradient(180deg,#ffe3a8,#ff9f7a 48%,#c565a8);--ac:#e2552d;--tx:#3a1530;--tc:#fff}
[data-v=pilot]{--bg:linear-gradient(180deg,#58aef2,#b9e0fb 62%,#f0f8ff);--ac:#1d7fd6;--tx:#0b2f52;--tc:#fff}
[data-v=flash]{--bg:linear-gradient(180deg,#ffe36e,#ffa73a 70%,#ff7a2e);--ac:#F2542D;--tx:#3a1606;--tc:#fff}
[data-v=hardcore]{--bg:linear-gradient(160deg,#150407,#43060f 70%,#2a0309);--ac:#ff3b4e;--tx:#ffe9ec;--tc:#fff}
@keyframes grow{from{stroke-dashoffset:1}}
@keyframes pop{from{scale:0}}
@keyframes sway{from{rotate:-6deg}to{rotate:7deg}}
@keyframes spinin{from{rotate:-540deg;scale:.2}}
@keyframes wob{from{rotate:-8deg}to{rotate:10deg}}
@keyframes drift{from{translate:-18px 0}to{translate:18px 0}}
@keyframes cloud{from{translate:-14px 0}to{translate:14px 0}}
@keyframes floatup{from{translate:0 0}to{translate:0 -22px}}
@keyframes drip{from{scale:1 0}}
@keyframes brk{from{translate:0 -60px;opacity:0}60%{translate:0 4px;opacity:1}to{translate:0 0}}
@keyframes dust{0%{translate:0 0;opacity:0}20%{opacity:.7}100%{translate:14px -90px;opacity:0}}
@keyframes rise2{from{translate:0 120px}}
@keyframes spinr{to{rotate:360deg}}
@keyframes sunpulse{50%{scale:1.07}}
@keyframes bird{from{translate:-40px 8px}to{translate:340px -30px}}
@keyframes flyloop{0%{translate:-230px 14px;rotate:4deg}45%{rotate:-1deg}100%{translate:420px -18px;rotate:-4deg}}
@keyframes farfly{from{translate:-40px 0}to{translate:340px -14px}}
@keyframes bob{50%{translate:0 -4px}}
@keyframes rainfall{from{translate:0 0}to{translate:-14px 380px}}
@keyframes flashfull{0%,86%,100%{opacity:0}88%{opacity:.32}90%{opacity:.06}92%{opacity:.24}96%{opacity:0}}
@keyframes zapb{0%,84%,100%{opacity:.82;scale:1}88%{opacity:1;scale:1.06}91%{opacity:.6}93%{opacity:1;scale:1.03}}
@keyframes flick{0%,80%,100%{opacity:0}84%,90%{opacity:1}87%{opacity:.2}}
@keyframes streak{from{translate:-200px 0;opacity:0}30%{opacity:1}to{translate:60px 0;opacity:.2}}
@keyframes vbeat{0%,100%{opacity:.55;scale:1}12%{opacity:1;scale:1.025}24%{opacity:.62;scale:1}36%{opacity:1;scale:1.035}60%{opacity:.55;scale:1}}
@keyframes vflow{from{stroke-dashoffset:0}to{stroke-dashoffset:-1}}
@keyframes vign{0%,100%{opacity:.8}12%{opacity:1}24%{opacity:.85}36%{opacity:1}60%{opacity:.8}}
@keyframes beat{0%,100%{scale:1}50%{scale:1.2}}
@keyframes ripple{from{scale:.3;opacity:.9}to{scale:1.15;opacity:0}}
.theme .rg circle{fill:none;stroke:rgba(47,91,255,.3);stroke-width:2;opacity:.35;transform-box:fill-box;transform-origin:center;animation:ripple 3s ease-out infinite}
.theme .rg circle:nth-child(2){animation-delay:1s}.theme .rg circle:nth-child(3){animation-delay:2s}
.theme .nd{fill:#2F5BFF;transform-box:fill-box;transform-origin:center;animation:spinin 1.2s cubic-bezier(.3,1.4,.5,1) both,wob 5s 1.2s ease-in-out infinite alternate}
.theme .ht{fill:#e83e8c;fill-opacity:.55;transform-box:fill-box;transform-origin:center;animation:floatup 3s ease-in-out var(--d) infinite alternate,beat 1.2s ease-in-out var(--d) infinite}
/* arcade: retrowave */
@keyframes gridrun{0%{translate:0 0;opacity:0}12%{opacity:.9}100%{translate:0 var(--run);opacity:.9}}
@keyframes twk{50%{opacity:.2}}
@keyframes sunbob{50%{translate:0 -3px}}
.gh{translate:0 calc(var(--run) * var(--f));opacity:.85}
.theme .grid line,.arcbg .grid line{stroke:#ff3da0;stroke-width:1.3;opacity:.7}
.theme .gh,.arcbg .gh{animation:gridrun 3.2s cubic-bezier(.55,0,.9,.7) calc(var(--i) * -.355s) infinite}
.theme .sky,.arcbg .sky{fill:#1a0540}
.theme .st,.arcbg .st{fill:#fff;opacity:.8;animation:twk 3s ease-in-out var(--d) infinite}
.theme .rsun,.arcbg .rsun{animation:sunbob 5s ease-in-out infinite}
.theme svg{inset:0}
/* turista: pôr do sol */
.theme .rays{transform-box:fill-box;transform-origin:center;animation:spinr 60s linear infinite}
.theme .rays path{fill:#fff;fill-opacity:.2}
.theme .sun{fill:#fff1b0;transform-box:fill-box;transform-origin:center;animation:rise2 1.3s cubic-bezier(.2,.8,.2,1) both,sunpulse 4s ease-in-out 1.3s infinite}
.theme .bd path{fill:none;stroke:#4a1d44;stroke-width:2;stroke-linecap:round}
.theme .b1{animation:bird 11s linear infinite}.theme .b1 path{transform:translate(0px,70px)}
.theme .b2{animation:bird 14s linear -5s infinite}.theme .b2 path{transform:translate(0px,110px)}
.theme .b3{animation:bird 17s linear -9s infinite}.theme .b3 path{transform:translate(0px,48px)}
.theme .wv{animation:drift 5s ease-in-out infinite alternate}
.theme .w1{fill:rgba(255,255,255,.28)}.theme .w2{fill:rgba(143,63,138,.45);animation-duration:7s}.theme .w3{fill:rgba(80,30,100,.55);animation-duration:6s;animation-direction:alternate-reverse}
.theme .tk{fill:none;stroke:#4a2a1c;stroke-width:7;stroke-linecap:round}
.theme .fr path{fill:#1f6b4a}
.theme .fr{transform-box:fill-box;transform-origin:50% 100%;animation:sway 3.5s ease-in-out infinite alternate}
/* aviador */
.theme .cl{fill:#fff;fill-opacity:.9;animation:cloud 6s ease-in-out infinite alternate}
.theme .c2{animation-duration:8s}.theme .c3{animation-duration:10s}
.theme .far{fill:#fff;stroke:#10304f;stroke-width:1;stroke-opacity:.5;fill-opacity:.8;animation:farfly 16s linear infinite}
.theme .air{animation:flyloop 7s cubic-bezier(.4,.1,.6,.9) infinite}
/* relâmpago */
.theme .sc ellipse{fill:#4b4468;fill-opacity:.55}
.theme .sc{animation:cloud 5s ease-in-out infinite alternate}.theme .sc.s2{animation-duration:7s;animation-direction:alternate-reverse}
.theme .rn{fill:none;stroke:#2f3a66;stroke-opacity:.5;stroke-width:2;stroke-linecap:round;animation:rainfall .9s linear var(--d) infinite}
.theme .spd{fill:none;stroke:rgba(255,255,255,.7);stroke-width:4;stroke-linecap:round;animation:streak 1.1s ease-out infinite}
.theme .spd:nth-of-type(2){animation-delay:.3s}.theme .spd:nth-of-type(3){animation-delay:.6s}
.theme .bolt{stroke:#F2542D;stroke-width:3;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:zapb 3.2s ease-in-out infinite}
.theme .arc{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:flick 3.2s linear infinite}
.theme .arc.a2{animation-delay:.25s}
.theme .ff{fill:#fffbe6;opacity:0;animation:flashfull 3.2s linear infinite}
/* hardcore: veias pulsando */
.theme .vg{transform-box:fill-box;transform-origin:center;animation:vbeat 1.4s ease-in-out infinite}
.theme .vn{fill:none;stroke:#7a0614;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:grow 1.4s ease-out both}
.theme .vf{fill:none;stroke:#ff2d44;stroke-width:3;stroke-linecap:round;stroke-dasharray:.07 .93;animation:vflow 2.2s linear var(--d) infinite}
.theme .dr{fill:#8d0014;transform-box:fill-box;transform-origin:50% 0;animation:drip 1.8s ease-in both}
.theme[data-v=hardcore]::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.72));animation:vign 1.4s ease-in-out infinite}

.lite .theme *,.lite .theme::after,.lite .theme::before,.lite .arcbg *,.lite .hbg *{animation:none!important}
.mcard.busy .seg{opacity:.7}
.arcade{display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 16px 28px;min-height:100vh;--u:1;position:relative;isolation:isolate;overflow:hidden;background:#eaf0fb;color:var(--ink)}
body[data-s=arcade] .arcade{display:flex}
body[data-s=arcade] .bar,body[data-s=arcade] main,body[data-s=arcade] .home{display:none}
.arcbg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f7faff 0%,#e6eefb 60%,#d9e5f8 100%);overflow:hidden}
.arcbg svg{position:absolute;inset:0;width:100%;height:100%}
.arcbg .soft{filter:blur(7px);opacity:.4;height:42%;top:auto;bottom:0}
.arcbg .sky{fill:#8aa3cf}
.arcbg i{position:absolute;display:block;border-radius:50%;filter:blur(70px);animation:arcglow 18s ease-in-out infinite alternate}
.arcbg .g1{left:50%;bottom:-24vmax;width:70vmax;height:50vmax;translate:-50% 0;background:radial-gradient(circle,rgba(47,91,255,.32),rgba(15,163,177,.12) 55%,transparent 72%)}
.arcbg .g2{left:-12vmax;top:-12vmax;width:50vmax;height:50vmax;background:radial-gradient(circle,rgba(15,163,177,.25),transparent 68%);animation-duration:24s}
@keyframes arcglow{to{scale:1.1;opacity:.8}}
.arcade>:not(.arcbg){position:relative;z-index:1}
.atop{width:min(100%,640px);display:flex;align-items:center;justify-content:space-between;gap:12px}
.atop small{display:block;font-size:.72rem;font-weight:700;color:var(--mute)}
.atop b{font:700 1.7rem 'DM Mono',ui-monospace,monospace}
.alogo{font:800 .85rem 'Unbounded',sans-serif;letter-spacing:.42em;color:var(--blue);margin-top:-4px;padding-left:.42em}
.atime{font:700 clamp(1.69rem,7.31vw,3.6rem)/1 'DM Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:hsl(calc(var(--u) * 130) 82% 38%);animation:apulse var(--pd,1s) ease-in-out infinite}
@keyframes apulse{50%{scale:1.05}}
.abar{width:min(100%,640px);height:12px;border:2px solid var(--ink);border-radius:99px;overflow:hidden;background:rgba(255,255,255,.7)}
.abar i{display:block;height:100%;width:100%;background:hsl(calc(var(--u) * 130) 82% 45%)}
.aflag{width:min(88vw,560px);max-height:42vh;aspect-ratio:3/2;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:0 8px 0 hsl(calc(var(--u) * 130) 82% 45%);overflow:hidden}
.aflag img{width:100%;height:100%;object-fit:contain;display:block}
#aAnswer{flex:none;width:min(88vw,560px);max-width:none;padding:16px 18px;font-size:1.3rem;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}
.ahint{color:var(--mute);text-align:center;max-width:520px}
#aHeat{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .4s}
body[data-s=arcade] #aHeat{opacity:1;background:radial-gradient(ellipse at center,transparent 55%,hsla(8,90%,45%,calc(var(--heat,0) * .4)) 100%)}
.lite .atime{animation:none}
body.arcres .count,body.arcres .inputrow,body.arcres .prog{display:none}
#results.arc .stat:nth-child(2),#results.arc .stat:nth-child(3),#results.arc .stat:nth-child(6),#results.arc #conts,#results.arc #statsBox{display:none}

/* ===== Fundo da tela inicial ===== */
.hbg{position:fixed;inset:0;z-index:-1;pointer-events:none;display:none;overflow:hidden}
body[data-s=home] .hbg{display:block}
.hbg .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(47,91,255,.2) 1.5px,transparent 1.8px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 72% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 72% 45%,#000,transparent 75%)}
.hbg .wire{position:absolute;right:-16vmax;top:50%;width:94vmax;height:94vmax;translate:0 -50%;color:rgba(47,91,255,.15)}
.hbg .mer ellipse{transform-box:fill-box;transform-origin:center;animation:merx 16s ease-in-out infinite}
.hbg .mer ellipse:nth-child(2){animation-delay:-4s}.hbg .mer ellipse:nth-child(3){animation-delay:-8s}.hbg .mer ellipse:nth-child(4){animation-delay:-12s}
@keyframes merx{50%{scale:.06 1}}
.hbg i{position:absolute;display:block;border-radius:999px;width:46vmax;height:7.5vmax;rotate:-18deg;animation:strf 26s ease-in-out infinite alternate}
.hbg .st1{left:-12vmax;top:12vh;background:linear-gradient(90deg,rgba(47,91,255,.16),transparent)}
.hbg .st2{left:-6vmax;top:70vh;background:linear-gradient(90deg,rgba(255,180,0,.22),transparent);animation-duration:32s;animation-direction:alternate-reverse}
.hbg .st3{right:-14vmax;top:8vh;width:40vmax;background:linear-gradient(270deg,rgba(242,84,45,.16),transparent);animation-duration:29s}
.hbg .st4{right:-8vmax;bottom:6vh;width:42vmax;background:linear-gradient(270deg,rgba(15,163,177,.2),transparent);animation-duration:35s;animation-direction:alternate-reverse}
@keyframes strf{from{translate:0 0}to{translate:40px -26px}}
html.lite .hbg .mer ellipse,html.lite .hbg i{animation:none}

/* ===== Resultado do Arcade: fundo claro azulado ===== */
body.arcres{background-color:#eaf0fb;background-image:radial-gradient(ellipse 70% 45% at 50% 108%,rgba(47,91,255,.2),transparent 70%),radial-gradient(ellipse 45% 35% at 8% 0%,rgba(15,163,177,.16),transparent 70%),linear-gradient(180deg,#f7faff,#e4ecfa);background-repeat:no-repeat;background-attachment:fixed}
body.arcres::before,body.arcres::after{display:none}
html:has(body.arcres)::before{display:none}
/* ===== Filtros ===== */
.fltBtn{display:inline-flex;align-items:center;gap:8px;margin:-10px 0 18px;padding:8px 16px;border:1.5px solid rgba(16,24,47,.28);border-radius:99px;background:rgba(255,255,255,.7);color:var(--ink);font-weight:700;font-size:.9rem}
.fltBtn:hover:not(:disabled){background:#fff;border-color:var(--ink);color:var(--ink)}
.fltBtn em{font-style:normal;font-weight:700;font-size:.78rem;color:#fff;background:var(--blue);border-radius:99px;padding:1px 9px}
.fltBtn em:empty{display:none}
.fltBtn.on{border-color:var(--blue)}
.fltc{text-align:left;max-height:90vh;overflow:auto;width:min(94vw,620px)}
.fhead{display:flex;align-items:center;justify-content:space-between}
.fhead h3{margin:0}
.fhead button{width:34px;height:34px;padding:0;border:0;background:transparent;font-size:1.6rem;line-height:1;color:var(--mute)}
.fsub{display:block!important;text-align:left;margin:8px 0 4px!important;font-size:.88rem;font-weight:500}
.fg h4{font:700 .72rem 'Figtree',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:16px 0 8px}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchip{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1.5px solid #E1E6F0;border-radius:12px;background:#F4F6FA;color:#3A4560;font-weight:600;font-size:.9rem;box-shadow:none;transition:border-color .15s,background .15s,color .15s}
.fchip svg{flex:none;opacity:.8}
.fchip:hover:not(:disabled){background:#EBEFF7;color:var(--ink)}
.fchip b{display:none;font-size:.8rem;color:var(--blue)}
.fchip.on{border-color:var(--blue);background:#fff;color:var(--ink);box-shadow:0 0 0 3px rgba(47,91,255,.14)}
.fchip.on b{display:inline}
.fchip.on svg{opacity:1;color:var(--blue)}
.fdot{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(16,24,47,.25);flex:none}
.ffoot{display:flex;align-items:center;gap:10px;margin-top:20px;position:sticky;bottom:-22px;padding:12px 0 0;background:#fff}
.ffoot span{flex:1;color:var(--mute);font-weight:600}
.ffoot span b{color:var(--ink)}
.fwarn{display:block!important;margin:12px 0 0!important;color:var(--coral)!important;font-size:.88rem}
.fnote{margin:0 auto 14px;text-align:center;font-weight:600;font-size:.88rem;color:var(--mute)}
@media(max-width:600px){.fltBtn{margin:0 0 12px}.fchip{padding:8px 11px;font-size:.85rem}}
.fwarn[hidden]{display:none!important}
.sbar .fltBtn{margin:0;padding:8px 14px;font-size:.85rem}
.ltags{display:flex;flex-direction:column;gap:8px;margin:-6px 0 18px;text-align:left}
.tgrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tgrow small{flex:none;width:62px;color:var(--mute);font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.tg{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1.5px solid #E1E6F0;border-radius:10px;background:#F4F6FA;color:#2C3550;font-weight:600;font-size:.82rem}
.tg svg{width:16px;height:16px;flex:none}
@media(max-width:600px){.tgrow small{width:100%}}
#lbc{max-height:94vh;overflow:auto}

.sleft{flex-wrap:wrap}
.azb b{font-weight:700}
.azb:disabled{opacity:.45}
@media(max-width:600px){.sbar{flex-wrap:wrap;gap:8px}.sbar .fltBtn,.sbar .azb{padding:7px 10px;font-size:.78rem}.sleft{gap:6px}}
/* ===== filtros: modo Todos/Apenas ===== */
.fh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 8px}
.fh h4{margin:0}
.fmode{display:inline-flex;padding:3px;border-radius:99px;background:#E9EDF5;gap:2px}
.fmode button{padding:4px 12px;border:0;border-radius:99px;background:transparent;color:var(--mute);font-weight:700;font-size:.78rem;box-shadow:none}
.fmode button:hover:not(:disabled){background:rgba(255,255,255,.7);color:var(--ink)}
.fmode button.on{background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(16,24,47,.25)}
.fhelp{display:block;margin-top:8px;color:var(--mute);font-weight:500;font-size:.78rem}
/* ===== barra do Estudar ===== */
.sbar{gap:10px}
.sbar button{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;margin:0;border:2px solid var(--ink);border-radius:99px;background:#fff;color:var(--ink);font-weight:700;font-size:.9rem;box-shadow:0 3px 0 var(--ink)}
.sbar button:hover:not(:disabled){background:#FFF3CC;color:var(--ink)}
.sbar button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.sbar .rnd{width:44px;padding:0;justify-content:center}
.sbar .azb.on,.sbar .fltBtn.on{border-color:var(--blue);color:var(--blue);box-shadow:0 3px 0 var(--blue)}
.sbar #trainBtn{background:var(--amber)}
.sbar #trainBtn:hover:not(:disabled){background:#FFC933}
.sbar .fltBtn em{color:#fff}
@media(max-width:600px){.sbar{flex-wrap:wrap}.sbar button{height:40px;padding:0 12px;font-size:.8rem}.sbar .rnd{width:40px}}
/* ===== Estudar bandeiras (tela inicial) ===== */
.studyLink{padding:9px 18px!important;border:2px solid var(--ink)!important;background:#fff!important;box-shadow:0 3px 0 var(--ink);font-size:.9rem!important}
.studyLink:hover:not(:disabled){background:#FFF3CC!important}
/* ===== Modo treino ===== */
body.train{background-color:#E8F4EF;background-image:radial-gradient(rgba(16,24,47,.09) 1.2px,transparent 1.4px);background-size:22px 22px}
body.train::before{background:radial-gradient(circle,#8FE0BE,transparent 65%)}
body.train::after{background:radial-gradient(circle,#B9D8FF,transparent 65%)}
body.train .bar{background:#0E8F7A}
body.train .marquee,body.train .conts,body.train #timer{display:none}
body.train .stat:nth-child(4),body.train .stat:nth-child(5),body.train #statsBox{display:none}
.cont.big .rgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:34px 22px}
.cont.big .rc .fslot{height:150px}
.cont.big .rc .fimg{width:210px}
.cont.big .rc .fimg.fit{width:min(210px,calc(140px * var(--ar)))}
.cont.big .rc .nm{font-size:1rem}
.fnote{font-weight:700}
/* ===== tooltips dos filtros ===== */
#ftip{position:fixed;z-index:90;max-width:230px;padding:6px 10px;border-radius:8px;background:#10182F;color:#fff;font:500 .72rem/1.35 'Figtree',system-ui,sans-serif;box-shadow:0 6px 18px rgba(16,24,47,.35);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;left:0;top:0}
#ftip.on{opacity:1;transform:none}
.ftouch{display:none!important;margin:6px 0 0!important;font-size:.76rem;color:var(--mute);font-weight:500;text-align:left}
@media(hover:none){.ftouch{display:block!important}}
#fltBody .fchip,#fltBody .fmode button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
@media(max-width:480px){.fmode button{padding:4px 9px;font-size:.74rem}}
/* ===== controles do topo da tela inicial + botão de som ===== */
.hctl{position:absolute;top:14px;left:5vw;display:flex;align-items:center;gap:8px;z-index:5}
.hctl .cfgBtn{position:static}
@media(max-width:600px){.hctl{top:10px;left:12px}}
/* seletor de idioma (EN · PT · ES), discreto, dentro das Configurações */
.langSel{display:inline-flex;align-items:stretch;border:1.5px solid var(--ink);border-radius:99px;background:#fff;box-shadow:0 3px 0 var(--ink);overflow:hidden}
.langSel a{display:grid;place-items:center;padding:7px 10px;font:700 .74rem 'DM Mono',monospace;color:var(--mute);text-decoration:none;letter-spacing:.04em}
.langSel a+a{border-left:1.5px solid rgba(16,24,47,.15)}
.langSel a:hover{color:var(--ink);background:var(--amber)}
.langSel a.atual{background:var(--ink);color:#fff}
.cfgLang{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(16,24,47,.1)}
.cfgLang small{font-size:.72rem;color:var(--mute);font-weight:600}
.cfgLang .langSel{border-width:1px;box-shadow:none;border-color:rgba(16,24,47,.25)}
.cfgLang .langSel a{padding:3px 7px;font-size:.64rem}
.cfgLang .langSel a+a{border-left-width:1px}
/* ===== perda do último coração ===== */
#lives i.charge{opacity:1!important;transform:none;animation:hcharge .42s ease-in forwards!important;filter:drop-shadow(0 0 12px rgba(255,90,110,.95))}
@keyframes hcharge{0%{transform:scale(1)}20%{transform:scale(1.35) translateX(-2px)}40%{transform:scale(1.2) translateX(3px)}60%{transform:scale(1.55) translateX(-3px);filter:brightness(1.6) drop-shadow(0 0 16px #fff)}100%{transform:scale(1.9);filter:brightness(2.4) drop-shadow(0 0 22px #fff)}}
#lives i.gone{animation:none!important;opacity:0!important;transition:none}
.frag{position:fixed;z-index:60;background:#fff;pointer-events:none;box-shadow:0 0 6px rgba(255,255,255,.9);will-change:transform,opacity}
.ringb{position:fixed;z-index:59;width:70px;height:70px;border-radius:50%;border:2px solid rgba(255,255,255,.85);pointer-events:none}
.lite .frag{box-shadow:none}
@media(prefers-reduced-motion:reduce){#lives i.charge{animation:none!important}}

/* batimentos sincronizados com o som */
@keyframes hcbeat{0%,100%{scale:1}12%{scale:1.26}24%{scale:1.02}36%{scale:1.34}60%{scale:1}}
@keyframes svbeat{0%,100%{scale:1}4%{scale:1.24}12%{scale:1}20%{scale:1.3}28%{scale:1}54%{scale:1.24}62%{scale:1}70%{scale:1.3}78%{scale:1}}
#lives.solo i:not(.lost){animation:hcbeat 1.4s ease-in-out infinite}
#lives.last i:not(.lost){animation:svbeat 2.2s ease-in-out infinite}

/* ===== CONQUISTAS (v17): botão da home, trava do Arcade, página, notificações. Versões reduzidas em .lite no fim. ===== */
:root{--r-easy:#1FB57A;--r-medium:#2F5BFF;--r-hard:#FF8A00;--r-vhard:#E5383B;--r-legend:#8B3DFF;--r-imp:#10182F;--r-impp:#10182F;--r-impplus:#10182F;--r-secret:#6FD3E6;--r-qqq:#6A3BFF;--r-hack:#FF2D95;--r-disc:#4FC3E0;--r-key:#FFB400}
.r-easy{--rc:var(--r-easy)}.r-medium{--rc:var(--r-medium)}.r-hard{--rc:var(--r-hard)}.r-vhard{--rc:var(--r-vhard)}.r-legend{--rc:var(--r-legend)}.r-imp{--rc:var(--r-imp)}.r-impp{--rc:var(--r-impp)}.r-impplus{--rc:var(--r-impplus)}.r-secret{--rc:var(--r-secret)}.r-qqq{--rc:var(--r-qqq)}.r-hack{--rc:var(--r-hack)}.r-disc{--rc:var(--r-disc)}.r-key{--rc:var(--r-key)}
/* Botão Conquistas (v20): dourado, com medalha e brilho leve — destaca sem gritar */
.soon .achBtn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;font:700 .9rem 'Unbounded',sans-serif;letter-spacing:-.01em;color:var(--ink);background:linear-gradient(135deg,#fffaf0,#ffe9a8);border:2px solid var(--ink);box-shadow:0 4px 0 #d39a00;transition:transform .15s,box-shadow .15s}
.soon .achBtn>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:1rem;background:radial-gradient(circle at 35% 30%,#fff6c2,#f5b301);border:1.5px solid var(--ink)}
.soon .achBtn em{font:500 .76rem 'DM Mono',monospace;font-style:normal;background:var(--ink);color:#fff;border-radius:99px;padding:2px 8px}
.soon .achBtn:hover{background:linear-gradient(135deg,#fffaf0,#ffdf7a);color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 0 #d39a00}
.soon .achBtn:hover em{background:var(--amber);color:var(--ink)}
.soon .achBtn:active{transform:translateY(2px);box-shadow:0 2px 0 #d39a00}
.soon .achBtn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);background-size:260% 100%;animation:achShine 5s ease-in-out infinite;pointer-events:none}
@keyframes achShine{0%,70%{background-position:160% 0}100%{background-position:-60% 0}}
.lite .soon .achBtn::after{animation:none;display:none}
/* Arcade bloqueado (só "Lenda dos Céus" libera) */
.mcard.locked .theme{filter:grayscale(.75) brightness(.97)}
.mcard.locked .go{background:#8a93a8}
.mcard.locked .mrec{font-family:'Figtree',sans-serif;line-height:1.35}
.mcard.nope{animation:nope .4s}
@keyframes nope{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

/* Página */
.achv{--ag:max(5vw,calc(50vw - 620px));display:none;padding:0 var(--ag) 70px}
body[data-s=ach] .achv{display:block}
body[data-s=ach] .bar,body[data-s=ach] main{display:none}
.achtop{position:sticky;top:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px var(--ag) 16px;margin:0 calc(-1 * var(--ag)) 8px;background:rgba(238,242,247,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.achtop h2{font:700 clamp(1.6rem,3.6vw,2.6rem)/1.05 'Unbounded',sans-serif;letter-spacing:-.02em}
.asum{margin-top:8px;color:var(--mute);font-weight:600}
.asum b{color:var(--ink);font:700 1.05rem 'DM Mono',monospace}
.asb{margin-top:8px;width:min(420px,70vw);height:8px;border-radius:99px;background:#dde3ee;overflow:hidden}
.asb i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--r-easy),var(--r-medium),var(--r-legend));border-radius:99px;transition:width .6s}
.asim{margin-top:8px;font-size:.85rem;color:#8a2be2;font-weight:700}
.agrp{margin-top:26px}
.agrp h3{display:flex;align-items:center;gap:10px;font:700 1.1rem 'Unbounded',sans-serif;margin-bottom:12px}
.agrp h3 em{margin-left:2px;font:500 .8rem 'DM Mono',monospace;font-style:normal;background:#fff;border:1.5px solid var(--ink);border-radius:99px;padding:2px 9px}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.acard{position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start;padding:14px;border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:0 5px 0 var(--rc)}
.acard:not(.on){background:#f3f5f9;border-color:#b9c0cf;box-shadow:0 5px 0 #d3d8e2;color:#6c7488}
.acard:not(.on) .amed{filter:grayscale(1);opacity:.55;background:#e6e9f0;border-color:#b9c0cf}
.acard:not(.on) .rb{background:#e6e9f0;color:#6c7488;border-color:#c9cfdb}
.amed{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink);background:color-mix(in srgb,var(--rc) 18%,#fff);font-size:1.65rem;position:relative}
.abd{min-width:0;flex:1}
.ahd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ahd b{font:700 .95rem 'Unbounded',sans-serif;letter-spacing:-.01em}
.abd p{margin-top:5px;font-size:.88rem;line-height:1.35}
.rb{position:relative;display:inline-block;font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:99px;border:1.5px solid var(--rc);background:color-mix(in srgb,var(--rc) 14%,#fff);white-space:nowrap}
.apg{margin-top:9px;display:flex;align-items:center;gap:8px}
.apg i{flex:1;height:7px;border-radius:99px;background:#dfe3eb;overflow:hidden;position:relative}
.apg i::after{content:"";position:absolute;inset:0;width:var(--p);background:var(--rc);border-radius:99px}
.apg em{font:500 .75rem 'DM Mono',monospace;font-style:normal;white-space:nowrap}
.adt{display:block;margin-top:7px;font:500 .72rem 'DM Mono',monospace;color:var(--mute)}
/* Lendária: borda arco-íris viva */
.acard.on.r-legend{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b) border-box;background-size:100% 100%,300% 100%;animation:rbw 6s linear infinite;box-shadow:0 5px 0 var(--r-legend),0 10px 30px -12px rgba(139,61,255,.55)}
.acard.on.r-legend .amed{background:conic-gradient(from 0deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b)}
@keyframes rbw{to{background-position:0 0,300% 0}}
/* Impossível: noite estrelada */
.acard.on.r-imp,.acard.on.r-impplus,.acard.on.r-impp{background:radial-gradient(1.2px 1.2px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 85% 20%,#ffe9a8 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#cfe0ff 50%,transparent 51%),linear-gradient(135deg,#0b1020,#1b2140 60%,#0b1020);color:#e9edf8;border-color:#0b1020;box-shadow:0 5px 0 #FFC94D,0 12px 30px -14px rgba(0,0,0,.7)}
.acard.on.r-imp .amed,.acard.on.r-impplus .amed,.acard.on.r-impp .amed{background:radial-gradient(circle,#ffe9a8,#c7962e);border-color:#ffe9a8}
.acard.on.r-imp .rb,.acard.on.r-impplus .rb,.acard.on.r-impp .rb{background:#0b1020;color:#ffe08a;border-color:#ffe08a}
.acard.on.r-imp .adt,.acard.on.r-impplus .adt,.acard.on.r-impp .adt{color:#9aa6c4}
.acard.on.r-imp::after,.acard.on.r-impplus::after,.acard.on.r-impp::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,233,168,.18) 50%,transparent 60%);background-size:250% 100%;animation:sweep 5s ease-in-out infinite;pointer-events:none}
@keyframes sweep{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.acard.on.r-impp{animation:aura 2.6s ease-in-out infinite}
.acard.on.r-impp .rb{animation:aflick 3.2s steps(1) infinite}
@keyframes aura{50%{box-shadow:0 5px 0 #FF3B6B,0 0 26px 2px rgba(255,59,107,.45),0 0 50px 6px rgba(139,61,255,.3)}}
@keyframes aflick{0%,92%,100%{text-shadow:none;transform:none}93%{text-shadow:2px 0 #ff3b6b,-2px 0 #00e0ff;transform:translateX(1px)}96%{text-shadow:-2px 0 #ff3b6b,2px 0 #00e0ff;transform:translateX(-1px)}}
/* Secreta: perolada, com halo */
.acard.on.sec{border-color:#fff;background:linear-gradient(120deg,#f2fdff,#e7e2ff 35%,#ffe8f6 60%,#e2fbff);background-size:300% 300%;animation:pearl 9s ease-in-out infinite alternate;box-shadow:0 5px 0 var(--r-secret),0 0 0 2px #bfe9f3,0 12px 34px -12px rgba(111,211,230,.8)}
.acard.on.sec .amed{border-color:#fff;background:radial-gradient(circle,#fff,#d8f6ff);box-shadow:0 0 18px 4px rgba(170,235,255,.9)}
@keyframes pearl{to{background-position:100% 100%}}
/* ???+: fumaça índigo em movimento */
.acard.on.r-qqq{color:#efeaff;border-color:#2a1673;background:radial-gradient(circle at 20% 30%,rgba(140,90,255,.55),transparent 45%),radial-gradient(circle at 80% 70%,rgba(0,200,255,.35),transparent 45%),linear-gradient(135deg,#140a3a,#2a1673);background-size:200% 200%;animation:smoke 10s ease-in-out infinite alternate;box-shadow:0 5px 0 #00C8FF,0 0 30px -4px rgba(106,59,255,.7)}
.acard.on.r-qqq .amed{background:radial-gradient(circle,#c9b6ff,#6a3bff);border-color:#d8ccff}
.acard.on.r-qqq .rb{background:transparent;color:#d6f4ff;border-color:#9fe6ff;letter-spacing:.08em}
.acard.on.r-qqq .adt{color:#b9b0e6}
@keyframes smoke{to{background-position:100% 100%,0 0,0 0}}
/* +!?!?!?!+: falha digital (raridade absurda) */
.acard.on.r-hack{color:#fff;border-color:#ff2d95;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),linear-gradient(135deg,#050508,#1a0614);box-shadow:0 5px 0 #00F0FF,0 0 0 2px #ff2d95,0 0 34px -2px rgba(255,45,149,.7);animation:hackb 2.4s steps(1) infinite}
.acard.on.r-hack .amed{background:#000;border-color:#00f0ff;box-shadow:0 0 14px #ff2d95}
.acard.on.r-hack .ahd b{animation:glitch 2.4s steps(1) infinite}
.acard.on.r-hack .rb{background:#000;color:#00f0ff;border-color:#ff2d95;cursor:help;letter-spacing:.06em}
.acard.on.r-hack .adt{color:#ff8fc8}
@keyframes hackb{0%,88%,100%{transform:none}90%{transform:translate(2px,-1px) skewX(-2deg)}94%{transform:translate(-2px,1px)}}
@keyframes glitch{0%,86%,100%{text-shadow:none}87%{text-shadow:3px 0 #ff2d95,-3px 0 #00f0ff}91%{text-shadow:-2px 0 #ff2d95,2px 0 #00f0ff}95%{text-shadow:1px 1px #ff2d95,-1px -1px #00f0ff}}
.rb[data-hover]:hover::after,.rb[data-hover]:focus::after{content:attr(data-hover);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#000;color:#ff8fc8;border:1.5px solid #ff2d95;font:700 .8rem 'Figtree',sans-serif;letter-spacing:0;padding:6px 10px;border-radius:10px;white-space:nowrap;z-index:5;box-shadow:0 0 16px rgba(255,45,149,.6)}
.acard.on.r-hack,.acard.on.r-hack .abd{overflow:visible}
.asec .rb[data-hover]:hover::after,.asec .rb[data-hover]:focus::after{bottom:auto;top:calc(100% + 8px)}

/* Notificações (canto direito; não bloqueiam o jogo) */
#achLayer{position:fixed;top:16px;right:16px;z-index:80;width:min(360px,calc(100vw - 24px));pointer-events:none}
.atoast{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 5px 0 var(--rc),0 18px 40px -18px rgba(16,24,47,.55);transform:translateX(calc(100% + 30px));opacity:0;transition:transform .55s cubic-bezier(.2,.9,.3,1.15),opacity .35s}
.atoast.in{transform:none;opacity:1}
.atoast.out{transform:translateX(calc(100% + 30px));opacity:0;transition:transform .45s ease-in,opacity .4s}
.atin{position:relative;z-index:1;display:flex;gap:12px;align-items:center;padding:12px 14px}
.ati{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;border:2px solid var(--ink);background:color-mix(in srgb,var(--rc) 20%,#fff)}
.att{min-width:0;display:flex;flex-direction:column;gap:2px}
.att small{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.att small span{text-transform:none;letter-spacing:0;color:var(--ink)}
.att b{font:700 .95rem 'Unbounded',sans-serif}
.att>span{font-size:.8rem;line-height:1.3}
.att em{font-style:normal;font-weight:800;font-size:.8rem;color:#b97800}
/* toast lendário */
.atoast.k-legend{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2a0e5c,#4b1aa0 55%,#200a47) padding-box,linear-gradient(90deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b) border-box;background-size:100% 100%,300% 100%;animation:rbw 3s linear infinite;box-shadow:0 5px 0 #ffb400,0 0 40px -6px rgba(255,79,163,.7),0 0 70px -10px rgba(111,92,255,.6)}
.atoast.k-legend.in{animation:rbw 3s linear infinite,legin .9s cubic-bezier(.2,.9,.3,1.2)}
@keyframes legin{0%{transform:translateX(60%) scale(.6) rotate(4deg);filter:brightness(2.4) blur(4px)}55%{transform:scale(1.06);filter:brightness(1.4)}100%{transform:none;filter:none}}
.atoast.k-legend .att small,.atoast.k-legend .att small span{color:#ffe08a}
.atoast.k-legend .ati{border-color:#fff;background:conic-gradient(#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b);box-shadow:0 0 18px rgba(255,255,255,.7)}
.atoast.k-legend::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:sweep 2.6s ease-in-out infinite;pointer-events:none}
/* toast impossível */
.atoast.k-imp{color:#eef1fb;border-color:#ffe08a;background:radial-gradient(1.2px 1.2px at 15% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 60% 70%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 85% 25%,#ffe9a8 50%,transparent 51%),linear-gradient(135deg,#05070f,#161c38);box-shadow:0 5px 0 #c7962e,0 0 46px -8px rgba(255,201,77,.55)}
.atoast.k-imp.in{animation:impin 1.1s cubic-bezier(.2,.9,.25,1)}
@keyframes impin{0%{transform:translateX(40%) scale(1.25);opacity:0;filter:blur(10px) brightness(3)}40%{opacity:1}100%{transform:none;filter:none}}
.atoast.k-imp .att small,.atoast.k-imp .att small span{color:#ffe08a}
.atoast.k-imp .ati{border-color:#ffe9a8;background:radial-gradient(circle,#ffe9a8,#c7962e);box-shadow:0 0 20px rgba(255,214,120,.8)}
.atoast.k-imp::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,233,168,.25) 50%,transparent 60%);background-size:250% 100%;animation:sweep 3s ease-in-out infinite;pointer-events:none}
.atoast.k-imp.r-impp{animation:aura 1.6s ease-in-out infinite}
.atoast.k-imp.r-impp.in{animation:impin 1.1s cubic-bezier(.2,.9,.25,1),aura 1.6s 1.1s ease-in-out infinite}
.atoast.k-imp.r-impp .att b{animation:glitch 1.8s steps(1) infinite}
/* partículas e fumaça */
.afx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.afx .pt{position:absolute;bottom:-8px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:hsl(var(--h) 95% 66%);box-shadow:0 0 8px hsl(var(--h) 95% 66%);opacity:0;animation:ptup 2.4s var(--d) ease-out infinite}
@keyframes ptup{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1}100%{transform:translate(12px,-150px) scale(1.1);opacity:0}}
.afx .smk{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(30px);opacity:.5;animation:smk 5s ease-in-out infinite alternate}
.afx .s1{left:-40px;top:-60px;background:#ff4fa3}.afx .s2{right:-50px;bottom:-80px;background:#00b8d4;animation-delay:-1.6s}.afx .s3{left:40%;top:30%;background:#ffb400;width:120px;height:120px;animation-delay:-3s;opacity:.35}
@keyframes smk{to{transform:translate(30px,-20px) scale(1.25)}}
.k-imp .afx .pt{background:#ffe9a8;box-shadow:0 0 8px #ffd66e}
.k-imp .afx .s1{background:#3b2a7a}.k-imp .afx .s2{background:#7a5a10}.k-imp .afx .s3{background:#22306a}
/* mensagem central (só conquistas comuns) */
#achCenter{position:fixed;left:50%;top:44%;z-index:79;pointer-events:none;transform:translate(-50%,-50%) scale(.9);opacity:0;padding:14px 26px;border-radius:99px;background:rgba(16,24,47,.9);color:#fff;font:700 clamp(.95rem,2.6vw,1.3rem) 'Unbounded',sans-serif;text-align:center;max-width:calc(100vw - 32px);box-shadow:0 0 0 3px var(--amber),0 20px 50px -20px rgba(16,24,47,.7)}
#achCenter.on{animation:cmsg 2.3s cubic-bezier(.2,.9,.3,1.1) forwards}
@keyframes cmsg{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}20%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(.98)}}

/* Secreta: revelação no fim da partida, com OK */
.asec{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 45%,rgba(40,60,110,.55),rgba(6,9,22,.82));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s}
.asec.in{opacity:1}.asec.out{opacity:0;transition:opacity .4s}
.asc{position:relative;overflow:hidden;width:min(92vw,440px);border-radius:26px;border:2px solid #fff;background:linear-gradient(150deg,#f4feff,#e6e0ff 45%,#ffe6f5 75%,#e0fbff);background-size:250% 250%;animation:pearl 7s ease-in-out infinite alternate;box-shadow:0 0 0 6px rgba(190,240,255,.35),0 0 80px 10px rgba(160,225,255,.55);text-align:center;transform:scale(.7);filter:blur(10px);transition:transform .9s cubic-bezier(.2,.9,.3,1.15),filter .9s}
.asec.in .asc{transform:none;filter:none}
.ascin{position:relative;z-index:1;padding:26px 24px 22px}
.ak{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4b5a86}
.ami{position:relative;width:96px;height:96px;margin:16px auto 12px;border-radius:50%;display:grid;place-items:center;font-size:2.8rem;background:radial-gradient(circle,#fff,#d8f6ff);border:2px solid #fff;box-shadow:0 0 30px 8px rgba(170,235,255,.95)}
.ami::before{content:"";position:absolute;inset:-26px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.75) 0 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%,transparent 70%);mask:radial-gradient(circle,transparent 46%,#000 48%,transparent 70%);animation:halo 14s linear infinite;z-index:-1}
@keyframes halo{to{transform:rotate(360deg)}}
.asc h3{font:700 1.45rem 'Unbounded',sans-serif;letter-spacing:-.01em;margin-bottom:8px}
.asc .rb{font-size:.8rem}
.asc p{margin-top:10px;font-size:.95rem;line-height:1.4}
.asc .asee{font-size:.85rem;color:#4b5a86}
.asc button{margin-top:16px;min-width:140px}
.asec .afx .pt{background:#fff;box-shadow:0 0 10px #bff3ff}
.asec .afx .s1{background:#fff}.asec .afx .s2{background:#aeefff}.asec .afx .s3{background:#e2d4ff}
.asec.r-qqq .asc{color:#efeaff;border-color:#9fe6ff;background:radial-gradient(circle at 20% 25%,rgba(140,90,255,.6),transparent 50%),radial-gradient(circle at 80% 75%,rgba(0,200,255,.4),transparent 50%),linear-gradient(135deg,#140a3a,#2a1673);background-size:200% 200%;animation:smoke 6s ease-in-out infinite alternate;box-shadow:0 0 0 6px rgba(120,80,255,.3),0 0 90px 14px rgba(106,59,255,.6)}
.asec.r-qqq .ak,.asec.r-qqq .asee{color:#c9c0ff}
.asec.r-qqq .ami{background:radial-gradient(circle,#d9ccff,#6a3bff);border-color:#d8ccff;box-shadow:0 0 34px 10px rgba(106,59,255,.8)}
.asec.r-qqq .rb{background:transparent;color:#d6f4ff;border-color:#9fe6ff}
.asec.r-qqq .afx .pt{background:#c9b6ff;box-shadow:0 0 10px #8a5cff}
.asec.r-hack{background:radial-gradient(circle at 50% 45%,rgba(80,0,40,.6),rgba(0,0,0,.9))}
.asec.r-hack .asc{color:#fff;border-color:#ff2d95;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(135deg,#050508,#22061a);animation:hackb 1.6s steps(1) infinite;box-shadow:0 0 0 3px #00f0ff,0 0 100px 16px rgba(255,45,149,.6)}
.asec.r-hack h3{animation:glitch 1.6s steps(1) infinite}
.asec.r-hack .ak,.asec.r-hack .asee{color:#ff8fc8}
.asec.r-hack .ami{background:#000;border-color:#00f0ff;box-shadow:0 0 30px 6px #ff2d95}
.asec.r-hack .rb{background:#000;color:#00f0ff;border-color:#ff2d95;cursor:help}
.asec.r-hack .afx .pt{border-radius:0;background:#00f0ff;box-shadow:0 0 8px #ff2d95}
.asec.r-hack .afx .s1{background:#ff2d95}.asec.r-hack .afx .s2{background:#00f0ff}.asec.r-hack .afx .s3{background:#5a0030}

/* Celular */
@media(max-width:600px){
  .achv{--ag:14px}
  .achtop{padding-top:14px;padding-bottom:12px}
  .agrid{grid-template-columns:1fr}
  #achLayer{top:auto!important;bottom:12px;right:12px;width:min(320px,calc(100vw - 24px))}
  .atin{padding:9px 11px;gap:10px}
  .ati{width:38px;height:38px;font-size:1.2rem}
  .att>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* Modo desempenho: mesmas cores, sem animações, partículas nem desfoque */
.lite .acard.on,.lite .acard.on *,.lite .atoast,.lite .atoast::after,.lite .acard::after,.lite .asc,.lite .asc *,.lite .ami::before{animation:none!important}
.lite .asec{-webkit-backdrop-filter:none;backdrop-filter:none}
.lite .asc{filter:none;transition:transform .3s}
.lite .atoast.k-legend,.lite .atoast.k-imp,.lite .acard.on.r-qqq,.lite .acard.on.r-hack{box-shadow:0 5px 0 var(--rc)}
.lite .achtop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eef2f7}

/* Ilustrações das conquistas (SVG por raridade). Tamanho cresce com a raridade. */
.amed.art,.ati.art,.ami.art{position:relative;display:grid;place-items:center;flex:0 0 auto;border:0!important;background:none!important;box-shadow:none!important;overflow:visible}
.ami.art::before{display:none}
.bart{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.emo{position:relative;z-index:1;line-height:1}
.art .emo{font-size:.36em}
.amed.t2{width:66px;height:66px;font-size:66px}.amed.t3{width:72px;height:72px;font-size:72px}
.amed.t4{width:88px;height:88px;font-size:88px}.amed.t5{width:94px;height:94px;font-size:94px}.amed.t6{width:98px;height:98px;font-size:98px}
.amed.t7,.amed.t8,.amed.t9,.amed.t10{width:102px;height:102px;font-size:102px}
.ati.art{width:56px;height:56px;font-size:56px}
.k-legend .ati.art,.k-imp .ati.art{width:68px;height:68px;font-size:68px}
.ami.art{width:150px;height:150px;font-size:150px;margin:6px auto 4px}
.amed.t1 .emo{font-size:1.65rem}.ati.t1 .emo{font-size:1.45rem}.ami.t1 .emo{font-size:2.8rem}
.acard:not(.on) .amed.art{filter:grayscale(1);opacity:.5}
.bart .bspin{animation:bspin 22s linear infinite;transform-origin:0 0}
.bart .bspin2{animation:bspin 14s linear infinite reverse;transform-origin:0 0}
.bart .bsmoke{animation:bsmoke 6s ease-in-out infinite alternate;transform-origin:0 0}
.bart .bflame{animation:bflame 2.2s ease-in-out infinite alternate;transform-origin:0 0}
.bart .bglitch{animation:bglitch 2.4s steps(1) infinite}
.bart .tw{animation:tw 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bspin{to{transform:rotate(360deg)}}
@keyframes bsmoke{to{transform:rotate(25deg) scale(1.12)}}
@keyframes bflame{to{transform:scale(1.1);opacity:.75}}
@keyframes bglitch{0%,84%,100%{transform:none;opacity:.9}86%{transform:translate(3px,-1px)}90%{transform:translate(-3px,1px)}94%{transform:translate(1px,2px)}}
@keyframes tw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}
.acard:not(.on) .bart *,.lite .bart *{animation:none!important}
.rb.rsec{--rc:var(--r-secret);margin-left:0}
.acard.on.r-qqq .rb.rsec,.acard.on.r-hack .rb.rsec,.asec .rb.rsec{background:rgba(255,255,255,.12);color:#e6fbff;border-color:#9fe6ff}
@media(max-width:600px){.amed.t4,.amed.t5,.amed.t6{width:72px;height:72px;font-size:72px}.amed.t7,.amed.t8,.amed.t9,.amed.t10{width:78px;height:78px;font-size:78px}.ami.art{width:124px;height:124px;font-size:124px}}

/* Cartões Aviador e Relâmpago redesenhados (v20). Os nomes/tempos de flyloop (7 s) e zapb (3,2 s) não mudam: o som se sincroniza com eles. */
.theme .psun{transform-box:fill-box;transform-origin:center;animation:pglow 6s ease-in-out infinite alternate}
@keyframes pglow{to{opacity:.75;scale:1.08}}
.theme .cir{animation:cloud 9s ease-in-out infinite alternate}
.theme .sea{animation:cloud 7s ease-in-out infinite alternate}
.theme .sea.s2{animation-duration:10s;animation-direction:alternate-reverse}
.theme .blink{animation:pblink 1.4s steps(1) infinite}
@keyframes pblink{50%{opacity:0}}
.theme .bglow{opacity:.45;transform-box:fill-box;transform-origin:center;animation:fglow 3.2s linear infinite}
@keyframes fglow{0%,84%,100%{opacity:.45;scale:1}88%{opacity:1;scale:1.25}92%{opacity:.6}94%{opacity:.95}}
.theme .cgl{opacity:0;animation:cgl 3.2s linear infinite}
@keyframes cgl{0%,85%,100%{opacity:0}88%{opacity:.85}91%{opacity:.2}93%{opacity:.7}97%{opacity:0}}
.theme .rn{stroke-width:1.6}
.theme .rn.rb2{stroke-width:1.2;stroke-opacity:.35}
.theme .spl ellipse{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:spl .9s ease-out var(--d) infinite}
@keyframes spl{0%{opacity:.7;scale:.3}100%{opacity:0;scale:1.6}}
.bart .bhalo{animation:bhalo 3s ease-in-out infinite alternate}
@keyframes bhalo{to{transform:translateY(-2.5px)}}
.bart .bfeather{transform-box:fill-box;transform-origin:center;animation:bfeather 4s ease-in-out infinite}
@keyframes bfeather{50%{transform:translateY(-4px) rotate(10deg)}}
#devNote{position:fixed;left:12px;bottom:52px;z-index:96;padding:6px 12px;border-radius:99px;background:#111;color:#7CFFB2;border:1.5px solid #7CFFB2;font:800 .75rem 'DM Mono',monospace;opacity:0;pointer-events:none}
#devNote.on{animation:devnote 2.2s ease forwards}
@keyframes devnote{0%{opacity:0;transform:translateY(6px)}12%,75%{opacity:1;transform:none}100%{opacity:0}}

/* ===== CONQUISTAS v26: animações das ilustrações, visual por raridade e interação ao clicar ===== */
.bart .bpulse{transform-origin:0 0;animation:bpulse 2.6s ease-in-out infinite}
.bart .borbit{transform-origin:0 0;animation:bspin 7s linear infinite}
.bart .borbit2{transform-origin:0 0;animation:bspin 10s linear infinite reverse}
.bart .bwave{transform-origin:0 0;animation:bwave 2.2s ease-out infinite}
.bart .bflash{animation:bflash 1.6s steps(1) infinite}
.bart .bshine{animation:bshine 3.6s ease-in-out infinite}
.bart .bfall{animation:bfall 2s linear infinite}
.bart .bscan{animation:bscan 2.4s linear infinite}
@keyframes bpulse{50%{transform:scale(1.12);opacity:.65}}
@keyframes bwave{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes bflash{0%,60%,100%{opacity:0}62%,70%{opacity:1}66%{opacity:.2}}
@keyframes bshine{0%,55%{transform:rotate(25deg) translateX(0)}100%{transform:rotate(25deg) translateX(140px)}}
@keyframes bfall{from{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(110px);opacity:0}}
@keyframes bscan{from{transform:translateY(0)}to{transform:translateY(54px)}}
/* clicável */
.acard.on .amed,.asc .ami{cursor:pointer;-webkit-tap-highlight-color:transparent}
.acard.on .amed:hover{filter:brightness(1.08) drop-shadow(0 6px 10px rgba(16,24,47,.18))}
.amed.toque,.ami.toque{animation:tq-pop .5s cubic-bezier(.3,1.6,.5,1)}
.amed.t2.toque,.ami.t2.toque{animation:tq-giro .7s cubic-bezier(.3,1.3,.5,1)}
.amed.t3.toque,.ami.t3.toque{animation:tq-flip .8s cubic-bezier(.3,1.2,.5,1)}
.amed.t4.toque,.ami.t4.toque{animation:tq-lenda .9s cubic-bezier(.3,1.4,.5,1)}
.amed.t5.toque,.amed.t6.toque,.amed.t7.toque,.ami.t5.toque,.ami.t6.toque,.ami.t7.toque{animation:tq-imp 1.1s cubic-bezier(.25,1.2,.4,1)}
.amed.t8.toque,.ami.t8.toque{animation:tq-anjo 1.2s ease-out}
.amed.t9.toque,.ami.t9.toque{animation:tq-vortice 1.3s cubic-bezier(.3,1.1,.4,1)}
.amed.t10.toque,.ami.t10.toque{animation:tq-glitch .9s steps(1)}
@keyframes tq-pop{40%{transform:scale(1.25)}70%{transform:scale(.94)}}
@keyframes tq-giro{50%{transform:scale(1.2) rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes tq-flip{50%{transform:perspective(300px) rotateY(180deg) scale(1.2)}100%{transform:perspective(300px) rotateY(360deg)}}
@keyframes tq-lenda{30%{transform:scale(1.35) rotate(-8deg);filter:brightness(1.5) saturate(1.4)}60%{transform:scale(.92) rotate(6deg)}}
@keyframes tq-imp{20%{transform:scale(.8)}45%{transform:scale(1.45) rotate(200deg);filter:brightness(1.8) drop-shadow(0 0 18px #ffd66e)}100%{transform:rotate(360deg)}}
@keyframes tq-anjo{30%{transform:translateY(-14px) scale(1.25);filter:brightness(1.4) drop-shadow(0 0 20px #fff)}100%{transform:none}}
@keyframes tq-vortice{40%{transform:scale(1.4) rotate(540deg);filter:hue-rotate(180deg) brightness(1.4)}100%{transform:rotate(720deg)}}
@keyframes tq-glitch{0%{transform:translate(3px,-2px) skewX(-8deg);filter:drop-shadow(-4px 0 #ff2d95) drop-shadow(4px 0 #00f0ff)}15%{transform:translate(-4px,2px) scale(1.2)}30%{transform:translate(2px,3px) skewX(10deg)}45%{transform:translate(-3px,-3px) scale(1.3);filter:drop-shadow(5px 0 #ff2d95) drop-shadow(-5px 0 #00f0ff) brightness(1.5)}60%{transform:translate(4px,0)}75%{transform:scale(1.1)}100%{transform:none;filter:none}}
.acard.toque-card{animation:card-brilho .9s ease-out}
.acard.on.r-impp.toque-card,.acard.on.r-qqq.toque-card{animation:card-treme .6s,card-brilho .9s ease-out}
.acard.on.r-hack.toque-card{animation:card-glitch .8s steps(1)}
@keyframes card-brilho{20%{filter:brightness(1.35) saturate(1.3)}}
@keyframes card-treme{20%,60%{translate:-4px 0}40%,80%{translate:4px 0}}
@keyframes card-glitch{0%,100%{filter:none;translate:0}20%{filter:hue-rotate(90deg);translate:5px 0}40%{filter:invert(1) hue-rotate(180deg);translate:-6px 2px}60%{filter:hue-rotate(270deg);translate:3px -2px}80%{filter:none;translate:-2px 0}}
/* partículas do clique */
#fxMedalha{position:fixed;inset:0;pointer-events:none;z-index:120}
#fxMedalha .fxp{position:absolute;display:block;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
#fxMedalha .fxp.estrela{border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
#fxMedalha .fxp.confete{border-radius:2px;height:auto!important;aspect-ratio:.45}
#fxMedalha .fxp.pena{border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:#fff;box-shadow:0 0 10px #bff3ff;aspect-ratio:.5;height:auto!important}
#fxMedalha .fxp.px{border-radius:0;box-shadow:0 0 6px var(--c)}
#fxMedalha .fxonda{position:absolute;width:40px;height:40px;border-radius:50%;border:3px solid var(--c);box-shadow:0 0 18px var(--c),inset 0 0 12px var(--c)}
#fxMedalha .fxtxt{position:absolute;font-family:'Unbounded',sans-serif;font-weight:700;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 14px currentColor}
/* inclinação 3D e reflexo (Lendária e acima) */
.acard.on[data-tier]{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,filter .2s}
.acard .aglare{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.38),transparent 45%);opacity:0;transition:opacity .2s;mix-blend-mode:soft-light}
.acard.on:hover .aglare{opacity:1}
/* Difícil e Muito difícil: mais presença */
.acard.on.r-hard{background:linear-gradient(135deg,#fff 58%,#FFF0DC);box-shadow:0 5px 0 var(--r-hard),0 12px 26px -16px rgba(255,138,0,.7)}
.acard.on.r-vhard{background:linear-gradient(135deg,#fff 52%,#FFE4E6);box-shadow:0 5px 0 var(--r-vhard),0 0 0 3px #fff inset,0 14px 30px -16px rgba(229,56,59,.75)}
.acard.on.r-vhard .rb{background:#E5383B;color:#fff;border-color:#B3001B}
/* Lendária: fundo levemente arco-íris + brilho viajando */
.acard.on.r-legend{background:linear-gradient(135deg,#fff 40%,#F6EEFF 70%,#FFF4E0) padding-box,linear-gradient(90deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b) border-box;background-size:100% 100%,300% 100%}
.acard.on.r-legend::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);background-size:250% 100%;animation:sweep 4s ease-in-out infinite}
.acard.on.r-legend .rb{background:linear-gradient(90deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff);color:#fff;border-color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}
/* Impossível, + e ++: estrelas piscando, auras crescentes */
.acard.on.r-imp::before,.acard.on.r-impplus::before,.acard.on.r-impp::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 70%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 55% 15%,#ffe9a8 50%,transparent 51%),radial-gradient(1.6px 1.6px at 88% 80%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 35% 45%,#cfe0ff 50%,transparent 51%);animation:pisca-ceu 2.8s ease-in-out infinite alternate}
@keyframes pisca-ceu{to{opacity:.25}}
.acard.on.r-impplus{box-shadow:0 5px 0 #3FC2FF,0 0 22px 1px rgba(63,194,255,.4);animation:aura-azul 2.4s ease-in-out infinite}
.acard.on.r-impplus .rb{color:#9fe6ff;border-color:#3FC2FF}
@keyframes aura-azul{50%{box-shadow:0 5px 0 #3FC2FF,0 0 34px 6px rgba(63,194,255,.55),0 0 60px 10px rgba(30,91,216,.3)}}
.acard.on.r-impp{border-color:transparent;background:radial-gradient(1.2px 1.2px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 85% 20%,#ffe9a8 50%,transparent 51%),linear-gradient(135deg,#0b1020,#1b2140 60%,#2a0d1c) padding-box,linear-gradient(90deg,#ffd66e,#ff3b6b,#8b3dff,#ff8a00,#ffd66e) border-box;background-size:auto,auto,auto,300% 100%;animation:aura 2.6s ease-in-out infinite,rbw 4s linear infinite}
/* Secreta: raios de luz girando por trás */
.acard.on.sec::before{content:"";position:absolute;width:260%;aspect-ratio:1;left:-80%;top:-120%;pointer-events:none;background:repeating-conic-gradient(rgba(255,255,255,.55) 0 6deg,transparent 6deg 24deg);animation:gira-luz 30s linear infinite;opacity:.6}
@keyframes gira-luz{to{transform:rotate(360deg)}}
.acard.on.sec .abd,.acard.on.sec .amed{position:relative;z-index:1}
/* ???+: aurora girando + texto que muda de cor */
.acard.on.r-qqq::before{background:conic-gradient(from 0deg,rgba(255,59,107,.35),rgba(255,180,0,.3),rgba(46,194,126,.3),rgba(0,184,212,.35),rgba(111,92,255,.4),rgba(255,79,163,.35),rgba(255,59,107,.35));opacity:.75;animation:gira-luz 12s linear infinite}
.acard.on.r-qqq .ahd b{background:linear-gradient(90deg,#fff,#c9b6ff,#9fe6ff,#ffb3e6,#fff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rbw 5s linear infinite}
/* +!?!?!?!+: linha de varredura */
.acard.on.r-hack::before{background:linear-gradient(transparent 0 46%,rgba(0,240,255,.25) 50%,transparent 54%);background-size:100% 200%;animation:varre 2.4s linear infinite;opacity:1;width:100%;left:0;top:0;aspect-ratio:auto;height:100%}
@keyframes varre{from{background-position:0 -100%}to{background-position:0 100%}}
/* Modo desempenho e movimento reduzido: sem animações/partículas pesadas */
.lite .acard.on::before,.lite .acard.on::after,.lite .acard.on[data-tier]{animation:none!important}
.lite .acard.on[data-tier]{transform:none}
.lite #fxMedalha .fxp{box-shadow:none}

/* ===== v27: símbolo do Willkiz no título e rodapé da tela inicial ===== */
.ht-simbolo{display:inline-block;height:1.08em;width:auto;vertical-align:-.2em;margin-right:.22em;filter:drop-shadow(0 6px 10px rgba(16,24,47,.22));animation:simbolo-flutua 5s ease-in-out infinite}
@keyframes simbolo-flutua{50%{transform:translateY(-4px) rotate(-3deg)}}
.lite .ht-simbolo{animation:none;filter:none}
.rodape{display:none;position:relative;z-index:1;border-top:1px solid rgba(16,24,47,.1);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body[data-s=home] .rodape{display:block;margin-top:141px}   /* respiro entre o fim do quiz e o rodapé */
.lite .rodape{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
.rod-dentro{max-width:1180px;margin:0 auto;padding:44px 5vw 32px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px}
.rod-marca{display:flex;gap:14px;align-items:flex-start}
.rod-marca img{width:78px;height:auto;flex:0 0 auto}
.rod-marca b{font:700 1.05rem 'Unbounded',sans-serif;color:var(--ink)}
.rod-marca p{margin-top:6px;color:var(--mute);font-size:.92rem;max-width:36ch}
.rod-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rod-col h4{font:600 .78rem 'Unbounded',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#7b8499;margin-bottom:2px}
.rod-col button{border:0;padding:0;border-radius:0;background:none;font:600 .95rem 'Figtree',sans-serif;color:var(--ink);cursor:pointer}
.rod-col button:hover:not(:disabled){background:none;color:var(--coral)}
.rod-col .em-breve{font-weight:600;font-size:.95rem;color:#8a93a8}
.rod-col .em-breve small{white-space:nowrap;display:inline-block;font:700 .64rem 'Figtree',sans-serif;text-transform:uppercase;letter-spacing:.06em;background:#e9edf4;color:#7b8499;border-radius:99px;padding:2px 7px;margin-left:4px;vertical-align:1px}
.rod-base{border-top:1px solid rgba(16,24,47,.08)}
.rod-base p{max-width:1180px;margin:0 auto;padding:16px 5vw;color:#7b8499;font-size:.85rem}
@media(max-width:900px){.rod-dentro{grid-template-columns:1fr 1fr}.rod-marca{grid-column:1/-1}}
@media(max-width:600px){body[data-s=home] .rodape{margin-top:75px}.rod-dentro{padding:32px 16px 24px;gap:22px}.rod-base p{padding:14px 16px}.rod-marca img{width:64px}}
@media(max-width:380px){.rod-dentro{grid-template-columns:1fr}}

/* ===== CONQUISTAS v30: moedas nas comuns, lendária mais épica, selos ???+ e animação própria de cada conquista ===== */
.amed.t1{width:62px;height:62px;font-size:62px}
.amed.t1 .emo{font-size:1.5rem}.ati.t1 .emo{font-size:1.3rem}.ami.t1 .emo{font-size:2.6rem}
.bart .bwing{transform-origin:0 0;animation:bwing 3s ease-in-out infinite}
@keyframes bwing{50%{transform:scale(1.06,1.1) translateY(-2px)}}
.bart .bcomet{animation:bcomet 3.4s ease-in infinite;opacity:0}
@keyframes bcomet{0%,55%{opacity:0;transform:translate(0,0)}65%{opacity:1}100%{opacity:0;transform:translate(26px,14px)}}
.bart .bvela{transform-box:fill-box;transform-origin:50% 100%;animation:bvela 1.1s ease-in-out infinite alternate}
@keyframes bvela{to{transform:scale(.85,1.12) skewX(4deg)}}
.bart .bplaca-qqq{animation:bplaca 4s linear infinite}
@keyframes bplaca{50%{filter:hue-rotate(160deg) brightness(1.2)}}
/* cartão Lendário: lâmina holográfica que acompanha o mouse + borda de luz girando */
.acard.on.r-legend{box-shadow:0 5px 0 var(--r-legend),0 0 0 1px rgba(255,255,255,.8) inset,0 14px 34px -12px rgba(139,61,255,.6),0 0 26px -6px rgba(255,79,163,.45)}
.acard.on.r-legend::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.32;mix-blend-mode:multiply;background:repeating-linear-gradient(115deg,#ff9ac0 0 8%,#ffe08a 8% 16%,#9ff0c7 16% 24%,#9fe6ff 24% 32%,#c9b6ff 32% 40%);background-size:220% 220%;background-position:var(--gx,30%) var(--gy,30%);transition:background-position .25s;animation:holo 9s ease-in-out infinite alternate}
@keyframes holo{to{background-position:100% 100%}}
.acard.on.r-legend .abd,.acard.on.r-legend .amed{position:relative;z-index:1}
.acard.on.r-legend .ahd b{background:linear-gradient(90deg,#5b1fbf,#e0247a,#d38a00,#5b1fbf);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rbw 6s linear infinite}
.atoast.k-legend .ati.art{filter:drop-shadow(0 0 12px rgba(201,166,255,.9))}
/* cartões: leve elevação ao passar o mouse; barrinha de progresso por grupo */
.acard.on:hover{translate:0 -2px}
.agrp h3 .agb{flex:0 1 160px;height:6px;border-radius:99px;background:#dde3ee;overflow:hidden;margin-left:4px}
.agrp h3 .agb i{display:block;height:100%;width:var(--p);border-radius:99px;background:linear-gradient(90deg,var(--r-easy),var(--r-medium),var(--r-legend))}
.agrp h3 .agb.cheia i{background:linear-gradient(90deg,#ffb400,#ff3b6b,#8b3dff,#00b8d4,#ffb400);background-size:300% 100%;animation:rbw 4s linear infinite}
/* efeitos que voam ao clicar */
#fxMedalha .fxe{position:absolute;line-height:1;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(16,24,47,.25))}
#fxMedalha .fxe.voo{font-size:2.6rem;filter:drop-shadow(0 8px 8px rgba(16,24,47,.25))}
#fxMedalha .fxletra{font-size:1.9rem}
#fxMedalha .fxgarra{position:absolute;width:5px;height:84px;border-radius:99px;background:linear-gradient(#fff,#ffb400 40%,#ff3b6b);box-shadow:0 0 12px #ff8a00;transform-origin:50% 0}
/* animação própria da medalha (vence a animação da raridade) */
.amed.toque.fx-lupa,.ami.toque.fx-lupa{animation:fx-lupa .8s cubic-bezier(.3,1.4,.5,1)}
.amed.toque.fx-mapa,.ami.toque.fx-mapa{animation:fx-mapa .8s ease-out}
.amed.toque.fx-bussola,.ami.toque.fx-bussola{animation:fx-bussola 1s ease-out}
.amed.toque.fx-livro,.ami.toque.fx-livro,.amed.toque.fx-calendario,.ami.toque.fx-calendario{animation:fx-livro .9s ease-in-out}
.amed.toque.fx-calendario,.ami.toque.fx-calendario{animation-name:fx-calendario}
.amed.toque.fx-piscar,.ami.toque.fx-piscar{animation:fx-piscar .9s ease-in-out}
.amed.toque.fx-escudo,.ami.toque.fx-escudo,.amed.toque.fx-coroa,.ami.toque.fx-coroa{animation:fx-escudo .9s cubic-bezier(.3,1.5,.5,1)}
.amed.toque.fx-ponteiro,.ami.toque.fx-ponteiro{animation:fx-ponteiro 1.2s steps(12)}
.amed.toque.fx-raio,.ami.toque.fx-raio{animation:fx-raio .7s cubic-bezier(.2,.9,.3,1)}
.amed.toque.fx-globo,.ami.toque.fx-globo,.amed.toque.fx-moeda,.ami.toque.fx-moeda{animation:fx-globo 1s ease-in-out}
.amed.toque.fx-moeda,.ami.toque.fx-moeda{animation:fx-moeda 1.1s cubic-bezier(.3,1.1,.5,1)}
.amed.toque.fx-letras,.ami.toque.fx-letras,.amed.toque.fx-mala,.ami.toque.fx-mala{animation:fx-pulos .9s ease-out}
.amed.toque.fx-batida,.ami.toque.fx-batida{animation:fx-batida 1s ease-in-out}
.amed.toque.fx-chama,.ami.toque.fx-chama{animation:fx-chama 1s ease-in-out}
.amed.toque.fx-cristal,.ami.toque.fx-cristal{animation:fx-cristal 1.1s ease-in-out}
.amed.toque.fx-rugido,.ami.toque.fx-rugido,.amed.toque.fx-motor,.ami.toque.fx-motor{animation:fx-rugido .8s linear}
.amed.toque.fx-tremido,.ami.toque.fx-tremido{animation:fx-tremido .9s linear}
.amed.toque.fx-pendulo,.ami.toque.fx-pendulo,.amed.toque.fx-medalha,.ami.toque.fx-medalha,.amed.toque.fx-sino,.ami.toque.fx-sino{transform-origin:50% 0;animation:fx-pendulo 1.3s ease-out}
.amed.toque.fx-sino,.ami.toque.fx-sino{animation-duration:.9s}
.amed.toque.fx-gelo,.ami.toque.fx-gelo{animation:fx-gelo 1.4s ease-out}
.amed.toque.fx-decola,.ami.toque.fx-decola,.amed.toque.fx-foguete,.ami.toque.fx-foguete{animation:fx-decola 1.2s cubic-bezier(.5,0,.3,1)}
.amed.toque.fx-furacao,.ami.toque.fx-furacao{animation:fx-furacao 1.2s cubic-bezier(.4,0,.3,1)}
.amed.toque.fx-apaga,.ami.toque.fx-apaga{animation:fx-apaga 1.4s steps(1)}
.amed.toque.fx-volta,.ami.toque.fx-volta,.amed.toque.fx-circo,.ami.toque.fx-circo{animation:fx-volta 1s cubic-bezier(.4,1.3,.5,1)}
.amed.toque.fx-garra,.ami.toque.fx-garra{animation:fx-garra .6s cubic-bezier(.2,.9,.3,1)}
.amed.toque.fx-bandeira,.ami.toque.fx-bandeira{animation:fx-bandeira 1.1s ease-in-out}
.amed.toque.fx-chapeu,.ami.toque.fx-chapeu{animation:fx-chapeu 1.1s cubic-bezier(.3,.8,.4,1)}
.amed.toque.fx-ampulheta,.ami.toque.fx-ampulheta{animation:fx-ampulheta 1.3s ease-in-out}
.amed.toque.fx-noite,.ami.toque.fx-noite{animation:fx-noite 1.5s ease-in-out}
.amed.toque.fx-gemeas,.ami.toque.fx-gemeas{animation:fx-gemeas 1s ease-in-out}
.amed.toque.fx-shh,.ami.toque.fx-shh{animation:fx-shh 1.6s ease-in-out}
@keyframes fx-lupa{35%{transform:scale(1.5) rotate(-12deg)}65%{transform:scale(1.35) rotate(8deg)}}
@keyframes fx-mapa{0%{transform:scaleX(1)}25%{transform:scaleX(.1)}60%{transform:scaleX(1.25)}100%{transform:scaleX(1)}}
@keyframes fx-bussola{20%{transform:rotate(-50deg)}40%{transform:rotate(35deg)}60%{transform:rotate(-18deg)}80%{transform:rotate(8deg)}}
@keyframes fx-livro{50%{transform:perspective(300px) rotateY(-180deg) scale(1.15)}100%{transform:perspective(300px) rotateY(-360deg)}}
@keyframes fx-calendario{50%{transform:perspective(300px) rotateX(-180deg) scale(1.15)}100%{transform:perspective(300px) rotateX(-360deg)}}
@keyframes fx-piscar{15%,45%{transform:scaleY(.08)}30%,60%{transform:scaleY(1)}80%{transform:scale(1.3)}}
@keyframes fx-escudo{0%{transform:translateY(-60px) scale(.6);opacity:0}50%{transform:translateY(0) scale(1.2);opacity:1}70%{transform:scale(.92)}}
@keyframes fx-ponteiro{to{transform:rotate(720deg)}}
@keyframes fx-raio{0%{transform:translateX(0)}25%{transform:translateX(-40px) skewX(20deg);filter:brightness(2)}50%{transform:translateX(40px) skewX(-20deg)}75%{transform:translateX(-10px)}}
@keyframes fx-globo{to{transform:perspective(300px) rotateY(360deg)}}
@keyframes fx-moeda{40%{transform:translateY(-46px) perspective(300px) rotateY(720deg)}75%{transform:translateY(0) perspective(300px) rotateY(1080deg)}88%{transform:translateY(-8px) rotateY(1080deg)}100%{transform:rotateY(1080deg)}}
@keyframes fx-pulos{15%,45%,75%{transform:translateY(-16px) scale(1.08)}30%,60%,90%{transform:translateY(0) scale(1,.92)}}
@keyframes fx-batida{12%{transform:scale(1.3)}24%{transform:scale(1)}36%{transform:scale(1.42)}55%{transform:scale(1)}}
@keyframes fx-chama{20%{transform:scale(1.1,1.3) translateY(-6px);filter:brightness(1.5) drop-shadow(0 0 16px #ff8a00)}40%{transform:scale(.95,1.05)}60%{transform:scale(1.1,1.25) translateY(-4px);filter:brightness(1.4) drop-shadow(0 0 20px #ff3b6b)}}
@keyframes fx-cristal{30%{transform:scale(1.3);filter:brightness(1.6) hue-rotate(60deg) drop-shadow(0 0 14px #9fe6ff)}60%{filter:brightness(1.3) hue-rotate(-60deg)}}
@keyframes fx-rugido{0%,100%{transform:none}10%,30%,50%,70%{transform:translate(-4px,1px) scale(1.25)}20%,40%,60%,80%{transform:translate(4px,-1px) scale(1.25)}}
@keyframes fx-tremido{0%,100%{transform:none}10%{transform:rotate(-9deg)}20%{transform:rotate(9deg) scaleX(1.15)}30%{transform:rotate(-7deg) scaleY(1.15)}40%{transform:rotate(7deg)}50%{transform:rotate(-5deg) scaleX(.9)}60%{transform:rotate(5deg)}70%{transform:rotate(-3deg)}}
@keyframes fx-pendulo{15%{transform:rotate(26deg)}35%{transform:rotate(-20deg)}55%{transform:rotate(13deg)}75%{transform:rotate(-6deg)}}
@keyframes fx-gelo{15%{transform:scale(1.2);filter:saturate(.2) brightness(1.5) hue-rotate(170deg) drop-shadow(0 0 16px #9fe6ff)}60%{transform:scale(1.2);filter:saturate(.2) brightness(1.5) hue-rotate(170deg) drop-shadow(0 0 16px #9fe6ff)}64%{transform:scale(1.2) translateX(-3px)}68%{transform:scale(1.2) translateX(3px)}}
@keyframes fx-decola{0%{transform:none}35%{transform:translate(18px,-70px) rotate(-14deg) scale(.7);opacity:0}36%{transform:translate(-30px,40px) scale(.7);opacity:0}100%{transform:none;opacity:1}}
@keyframes fx-furacao{60%{transform:rotate(1080deg) scale(.6);filter:blur(1.5px)}100%{transform:rotate(1440deg)}}
@keyframes fx-apaga{0%{filter:none}15%{filter:brightness(.2)}20%{filter:none}30%{filter:brightness(.15)}45%{filter:brightness(.05) grayscale(1)}80%{filter:brightness(.05) grayscale(1)}85%{filter:brightness(1.8) drop-shadow(0 0 18px #ffb400)}100%{filter:none}}
@keyframes fx-volta{to{transform:rotate(-720deg)}}
@keyframes fx-garra{30%{transform:translateX(-26px) rotate(-14deg) scale(1.15)}60%{transform:translateX(16px) rotate(8deg)}}
@keyframes fx-bandeira{20%{transform:skewY(8deg) scale(1.15)}40%{transform:skewY(-8deg) scale(1.15)}60%{transform:skewY(6deg) scale(1.1)}80%{transform:skewY(-3deg)}}
@keyframes fx-chapeu{40%{transform:translateY(-70px) rotate(360deg) scale(.9)}75%{transform:translateY(0) rotate(720deg)}85%{transform:scale(1.12,.9)}}
@keyframes fx-ampulheta{35%,60%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg)}}
@keyframes fx-noite{40%,70%{filter:brightness(.55) saturate(1.4) drop-shadow(0 0 22px #9fb3ff);transform:scale(1.15) rotate(-10deg)}}
@keyframes fx-gemeas{30%,60%{filter:drop-shadow(-26px 0 0 rgba(229,56,59,.55)) drop-shadow(26px 0 0 rgba(229,56,59,.55));transform:scale(1.08)}}
@keyframes fx-shh{25%,75%{transform:scale(.72);opacity:.45;filter:grayscale(.6)}}
/* efeitos no cartão inteiro */
.acard.cfx-gelo,.asc.cfx-gelo{box-shadow:0 0 0 3px #bfefff inset,0 0 30px 4px rgba(159,230,255,.8)!important;filter:saturate(.6) brightness(1.08)}
.acard.cfx-apaga,.asc.cfx-apaga{animation:cfx-apaga 1.4s steps(1)!important}
@keyframes cfx-apaga{15%,30%,45%,80%{filter:brightness(.35)}20%,85%{filter:none}}
.acard.cfx-noite,.asc.cfx-noite{animation:cfx-noite 1.5s ease-in-out!important}
@keyframes cfx-noite{40%,70%{filter:brightness(.6) hue-rotate(20deg)}}
.acard.cfx-flash,.asc.cfx-flash{animation:cfx-flash .6s steps(1)!important}
@keyframes cfx-flash{10%,40%{filter:brightness(1.8)}25%{filter:none}}
.lite .bart .bwing,.lite .bart .bcomet,.lite .bart .bvela,.lite .acard.on.r-legend::before{animation:none!important}
.lite #fxMedalha .fxe{filter:none}
.art.t1 .emo{font-size:.4em}.amed.t1 .emo{font-size:1.55rem}

/* ===== CONQUISTAS v31: Lendária+++, SIX SEVEN (6-7), impossíveis com descrição oculta, portal ???+ ===== */
:root{--r-legendppp:#8B3DFF;--r-sixseven:#FF6A00}
.r-legendppp{--rc:var(--r-legendppp)}.r-sixseven{--rc:var(--r-sixseven)}
.amed.t11,.amed.t12{width:104px;height:104px;font-size:104px}
.k-legend .ati.t11,.k-legend .ati.t12{width:72px;height:72px;font-size:72px}
@media(max-width:600px){.amed.t11,.amed.t12{width:80px;height:80px;font-size:80px}}
/* descrição oculta das impossíveis */
.acard .aoculta{font-style:italic;color:#7a8299}
.acard .aoculta b{font-style:normal;color:#4a5370}
.acard.oculta .amed{filter:grayscale(1) brightness(.6)!important;opacity:.6}
/* Lendária+++: cartão lendário com aura arco-íris pulsando e borda girando mais rápido */
.acard.on.r-legendppp{border-color:transparent;background:linear-gradient(135deg,#fff 30%,#F3EAFF 60%,#E6FBFF) padding-box,conic-gradient(from var(--ang,0deg),#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3,#ff3b6b) border-box;border-width:3px;animation:ppp-aura 2.4s ease-in-out infinite,ppp-gira 3s linear infinite;box-shadow:0 5px 0 var(--r-legendppp),0 0 24px 2px rgba(139,61,255,.45)}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes ppp-gira{to{--ang:360deg}}
@keyframes ppp-aura{50%{box-shadow:0 5px 0 var(--r-legendppp),0 0 34px 8px rgba(255,79,163,.45),0 0 60px 12px rgba(0,184,212,.3)}}
.acard.on.r-legendppp::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(115deg,#ff9ac0 0 7%,#ffe08a 7% 14%,#9ff0c7 14% 21%,#9fe6ff 21% 28%,#c9b6ff 28% 35%);background-size:220% 220%;background-position:var(--gx,30%) var(--gy,30%);animation:holo 6s ease-in-out infinite alternate}
.acard.on.r-legendppp::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%);background-size:250% 100%;animation:sweep 2.6s ease-in-out infinite}
.acard.on.r-legendppp .abd,.acard.on.r-legendppp .amed{position:relative;z-index:1}
.acard.on.r-legendppp .rb{background:linear-gradient(90deg,#ff3b6b,#ffb400,#2ec27e,#00b8d4,#6f5cff,#ff4fa3);background-size:300% 100%;color:#fff;border-color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);animation:rbw 3s linear infinite}
.acard.on.r-legendppp .ahd b{background:linear-gradient(90deg,#5b1fbf,#e0247a,#00a3c4,#d38a00,#5b1fbf);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rbw 4s linear infinite}
/* SIX SEVEN: cartão que balança de um lado pro outro, como as mãos do meme */
.acard.r-sixseven .ahd b{font-size:1.5rem;letter-spacing:.02em}
.acard.on.r-sixseven{background:linear-gradient(135deg,#fff6d6,#ffd3a8 50%,#ffc2e6);border-color:#10182F;box-shadow:0 5px 0 var(--r-sixseven),0 12px 28px -12px rgba(255,106,0,.7);animation:balanca67 1.6s ease-in-out infinite}
@keyframes balanca67{0%,100%{rotate:-1.2deg}50%{rotate:1.2deg}}
.acard.on.r-sixseven .rb{background:#10182F;color:#ffcf5a;border-color:#ff6a00;letter-spacing:.06em}
.acard.on.r-sixseven .ahd b{color:#ff6a00;text-shadow:2px 2px 0 #10182F}
.bart .b67a{animation:b67 1.2s ease-in-out infinite}
.bart .b67b{animation:b67 1.2s ease-in-out infinite reverse}
@keyframes b67{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}
.bart .b67p{animation:bpulse 1.2s ease-in-out infinite;transform-origin:0 51px}
.atoast.r-sixseven{background:linear-gradient(135deg,#fff6d6,#ffd3a8 50%,#ffc2e6)!important;border-color:#ff6a00!important}
.atoast.r-sixseven .att b{font-size:1.4rem;color:#ff6a00;text-shadow:2px 2px 0 #10182F}
#fxMedalha .fx67{font-size:3rem;-webkit-text-stroke:2px #10182F}
.amed.toque.fx-sixseven,.ami.toque.fx-sixseven{animation:fx-67 1.4s ease-in-out}
@keyframes fx-67{0%,100%{transform:none}14%,42%,70%{transform:rotate(-16deg) translateY(-8px) scale(1.15)}28%,56%,84%{transform:rotate(16deg) translateY(4px) scale(1.15)}}
.acard.cfx-sixseven{animation:cfx-67 1.4s ease-in-out!important}
@keyframes cfx-67{0%,100%{rotate:0deg}14%,42%,70%{rotate:-3deg;translate:0 -4px}28%,56%,84%{rotate:3deg;translate:0 3px}}
.amed.toque.fx-gelo3,.ami.toque.fx-gelo3{animation:fx-gelo3 1.8s ease-out}
@keyframes fx-gelo3{10%{transform:scale(1.3) rotate(-10deg);filter:saturate(.2) brightness(1.6) hue-rotate(170deg) drop-shadow(0 0 20px #9fe6ff)}50%{transform:scale(1.3) rotate(370deg);filter:saturate(.2) brightness(1.6) hue-rotate(170deg) drop-shadow(0 0 26px #fff)}55%{transform:scale(1.3) rotate(360deg) translateX(-4px)}60%{transform:scale(1.3) rotate(360deg) translateX(4px)}75%{transform:scale(.9) rotate(360deg);filter:hue-rotate(300deg) brightness(1.4)}100%{transform:rotate(360deg)}}
.bart .bq{animation:bq 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bq{50%{transform:scale(1.35) rotate(15deg)}}
.lite .acard.on.r-legendppp,.lite .acard.on.r-legendppp::before,.lite .acard.on.r-legendppp::after,.lite .acard.on.r-sixseven,.lite .acard.cfx-sixseven{animation:none!important}

/* ===== v32: botões do topo no celular, vela que apaga de verdade, cenas no cartão inteiro (Lendárias e Impossíveis) ===== */
@media(max-width:640px){.studyLink .sl-x{display:none}}
@media(max-width:400px){#cfgBtn>span{display:none}#cfgBtn{padding:8px 11px}.studyLink{padding:8px 12px!important}}
.acard.on{cursor:pointer;-webkit-tap-highlight-color:transparent}
.asc{position:relative}
/* No Apagar das Luzes: a chama apaga, solta fumaça, fica ~2 s apagada e reacende */
.amed.toque.fx-apaga,.ami.toque.fx-apaga{animation:none}
.fx-apaga .bart .bvela{animation:vela-apaga 3s ease-in-out forwards}
.fx-apaga .bart .bfumaca{animation:vela-fumaca 3s ease-out forwards}
@keyframes vela-apaga{0%{transform:none;opacity:1}7%{transform:scale(1.25,.55) skewX(24deg);opacity:1}13%,80%{transform:scale(0);opacity:0}84%{transform:scale(.35,1.5);opacity:1}88%{transform:scale(1.3,.85)}92%{transform:scale(.9,1.1)}100%{transform:none;opacity:1}}
@keyframes vela-fumaca{0%,10%{opacity:0;transform:translateY(4px)}18%{opacity:.95;transform:none}60%{opacity:0;transform:translateY(-16px) scaleX(1.4)}100%{opacity:0}}
.acard.cfx-apaga,.asc.cfx-apaga{animation:cfx-apaga2 3s ease-in-out!important}
@keyframes cfx-apaga2{0%{filter:none}14%,78%{filter:brightness(.28) saturate(.5)}84%{filter:brightness(1.35) drop-shadow(0 0 18px rgba(255,180,0,.8))}100%{filter:none}}
.acard.cfx-balanco{transform-origin:50% 0;animation:cfx-balanco 2.6s ease-out!important}
@keyframes cfx-balanco{15%{rotate:2.6deg}35%{rotate:-2deg}55%{rotate:1.3deg}75%{rotate:-.6deg}}
.acard.cfx-treme{animation:cfx-treme .12s linear 12!important}
@keyframes cfx-treme{25%{translate:-3px 1px}50%{translate:2px -2px}75%{translate:3px 1px}}
.acard.cfx-volta{animation:cfx-volta 1.3s cubic-bezier(.5,0,.3,1)!important}
@keyframes cfx-volta{from{transform:perspective(900px) rotateY(0)}to{transform:perspective(900px) rotateY(360deg)}}
/* base das cenas */
.acena{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}
.acena b{position:absolute;font-weight:400;line-height:1}
/* Olho Clínico: escurece, um olho enorme abre, procura, pisca e um laser varre o cartão */
.cn-escuro{position:absolute;inset:0;background:radial-gradient(circle,rgba(5,7,15,.6),rgba(5,7,15,.92));animation:cn-escuro 2.5s ease forwards}
@keyframes cn-escuro{0%{opacity:0}12%,84%{opacity:1}100%{opacity:0}}
.cn-olho{position:absolute;left:50%;top:50%;width:min(64%,230px);transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 0 20px rgba(255,214,110,.85))}
.cn-abre{transform-box:fill-box;transform-origin:center;animation:cn-abre 2.5s ease forwards}
@keyframes cn-abre{0%{transform:scaleY(0)}14%{transform:scaleY(1.06)}20%,60%{transform:scaleY(1)}64%{transform:scaleY(.05)}68%,84%{transform:scaleY(1)}96%,100%{transform:scaleY(0)}}
.cn-iris{animation:cn-iris 2.5s ease-in-out forwards}
@keyframes cn-iris{0%,22%{transform:translate(0,0)}30%,36%{transform:translate(-25px,-5px)}44%,50%{transform:translate(25px,4px)}57%{transform:translate(0,-7px)}62%,100%{transform:translate(0,0)}}
.cn-pupila{transform-box:fill-box;transform-origin:center;animation:cn-pupila 2.5s ease forwards}
@keyframes cn-pupila{0%,66%{transform:scale(1)}74%,90%{transform:scale(.45)}}
.cn-laser{position:absolute;top:0;bottom:0;left:-10%;width:5px;z-index:1;background:linear-gradient(transparent,#ffe14d 30%,#fff 50%,#ffe14d 70%,transparent);box-shadow:0 0 16px 6px rgba(255,214,110,.75);opacity:0;animation:cn-laser 2.5s linear forwards}
@keyframes cn-laser{0%,22%{left:-5%;opacity:0}24%{opacity:1}58%{left:105%;opacity:1}60%,100%{left:105%;opacity:0}}
/* Mão Leve: clarões, três raios caem, linhas de velocidade e uma mão passa voando */
.cn-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:cn-flash 1.9s steps(1) forwards}
@keyframes cn-flash{0%{opacity:.85}5%{opacity:0}13%{opacity:.6}16%{opacity:0}25%{opacity:.5}28%{opacity:0}}
.cn-flash2{animation-duration:1.2s}
.cn-raio{position:absolute;top:-4%;height:108%;width:30px;transform:translateX(-50%);opacity:0;filter:drop-shadow(0 0 8px #ffe14d) drop-shadow(0 0 20px #ff8a00);animation:cn-raio .7s steps(1) both}
@keyframes cn-raio{0%{opacity:1}15%{opacity:.25}30%,70%{opacity:1}100%{opacity:0}}
.cn-vel{position:absolute;right:-60%;width:45%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,225,77,.95));animation:cn-vel .5s linear 3 both}
@keyframes cn-vel{from{right:-60%}to{right:120%}}
.cn-mao{top:50%;left:-25%;font-size:3.2rem;transform:translateY(-50%) rotate(-90deg);filter:drop-shadow(-18px 0 6px rgba(255,225,77,.6));animation:cn-mao 1.9s cubic-bezier(.7,0,.3,1) forwards}
@keyframes cn-mao{0%,38%{left:-25%}62%,100%{left:125%}}
/* Contra o Relógio: relógio gigante com os ponteiros disparando */
.cn-veu{position:absolute;inset:0;background:rgba(139,61,255,.18);animation:cn-escuro 2.3s ease forwards}
.cn-relogio{position:absolute;left:50%;top:50%;width:min(46%,150px);transform:translate(-50%,-50%);filter:drop-shadow(0 8px 18px rgba(91,31,191,.45));animation:cn-pop 2.3s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes cn-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-40deg)}14%{transform:translate(-50%,-50%) scale(1) rotate(0)}84%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(.6);opacity:0}}
.cn-min{animation:cn-min 1.7s cubic-bezier(.2,.6,.3,1) .2s both}
.cn-hora{animation:cn-hora 1.7s cubic-bezier(.2,.6,.3,1) .2s both}
@keyframes cn-min{from{transform:rotate(0)}to{transform:rotate(1440deg)}}
@keyframes cn-hora{from{transform:rotate(0)}to{transform:rotate(120deg)}}
.cn-anel{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px;border-radius:50%;border:4px solid #ffb400;opacity:0;animation:cn-anel 2.3s ease-out forwards}
@keyframes cn-anel{0%,72%{transform:scale(.6);opacity:0}76%{opacity:1}100%{transform:scale(2.4);opacity:0}}
/* Por um Fio: a medalha fica pendurada num fio; a tesoura quase corta… e o fio aguenta */
.cn-fio{position:absolute;top:0;width:3px;margin-left:-1.5px;background:linear-gradient(#fff6c8,#ffd66e);box-shadow:0 0 10px 2px #ffd66e;transform-origin:50% 0;animation:cn-fio 2.6s ease forwards}
@keyframes cn-fio{0%{transform:scaleY(0)}12%,46%{transform:scaleY(1);width:3px}50%{width:1px;background:#ff3b6b;box-shadow:0 0 12px #ff3b6b}58%{width:3px;background:linear-gradient(#fff6c8,#ffd66e)}90%{transform:scaleY(1);opacity:1}100%{opacity:0}}
.cn-tesoura{left:110%;font-size:2.4rem;transform:translate(-50%,-50%);animation:cn-tesoura 2.6s ease-in-out forwards}
@keyframes cn-tesoura{0%,14%{left:110%;rotate:0deg}38%{left:calc(var(--mx) + 30px);rotate:0deg}44%{rotate:-25deg}48%{rotate:10deg}52%{rotate:-25deg}56%{rotate:10deg}62%{left:calc(var(--mx) + 30px)}80%,100%{left:115%;rotate:30deg}}
.cn-ufa{font:700 1rem 'Unbounded',sans-serif!important;color:#ffe08a;text-shadow:0 2px 0 #10182F;opacity:0;animation:cn-ufa 2.6s ease forwards}
@keyframes cn-ufa{0%,62%{opacity:0;transform:scale(.4)}70%,90%{opacity:1;transform:scale(1.1)}100%{opacity:0}}
/* Olho no Furacão: o vento gira o cartão, objetos voam em volta e no centro fica a calmaria */
.cn-espiral{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg at calc(50% + (var(--mx) - 50%) / 2.2) calc(50% + (var(--my) - 50%) / 2.2),rgba(190,205,230,0) 0 12deg,rgba(190,205,230,.45) 12deg 22deg);animation:cn-espiral 2.4s ease-in-out forwards}
@keyframes cn-espiral{0%{opacity:0;transform:rotate(0)}15%,80%{opacity:1}100%{opacity:0;transform:rotate(-900deg)}}
.cn-orbita{position:absolute;width:0;height:0;animation:cn-orbita 2.4s cubic-bezier(.4,0,.6,1) forwards}
.cn-orbita b{left:0;top:0;font-size:1.5rem;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
@keyframes cn-orbita{0%{transform:rotate(0) scale(.2);opacity:0}12%{opacity:1}80%{transform:rotate(-1080deg) scale(1.1);opacity:1}100%{transform:rotate(-1300deg) scale(3);opacity:0}}
.cn-calma{position:absolute;width:70px;height:70px;margin:-35px;border-radius:50%;background:radial-gradient(circle,rgba(159,230,255,.9),transparent 70%);animation:cn-calma 2.4s ease forwards}
@keyframes cn-calma{0%,30%{opacity:0;transform:scale(.5)}55%,85%{opacity:1;transform:scale(1.2)}100%{opacity:0}}
/* Velocidade e Altitude: o cartão vira céu, nuvens passam e o avião cruza deixando rastro */
.cn-ceu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(88,174,242,.9),rgba(207,236,255,.85));animation:cn-escuro 2.4s ease forwards}
.cn-nuvem{right:-25%;opacity:.95;animation:cn-nuvem 2.2s linear both}
@keyframes cn-nuvem{from{right:-25%}to{right:125%}}
.cn-rastro{position:absolute;left:0;top:47%;height:6px;width:0;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);animation:cn-rastro 2.4s ease-in-out forwards}
@keyframes cn-rastro{0%,10%{width:0;opacity:1;top:52%}70%{width:100%;opacity:1;top:40%}100%{width:100%;opacity:0;top:40%}}
.cn-aviao{left:-15%;top:52%;font-size:2.8rem;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 6px 6px rgba(16,24,47,.25));animation:cn-aviao 2.4s ease-in-out forwards}
@keyframes cn-aviao{0%,10%{left:-15%;top:56%}70%{left:105%;top:38%}100%{left:120%;top:34%}}
/* Sem Olhar para Trás: céu noturno, fumaça no chão e o foguete decola da medalha */
.cn-noite{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,.95),rgba(59,42,122,.85));animation:cn-escuro 2.4s ease forwards}
.cn-estrela{position:absolute;top:-6%;width:2px;height:16px;border-radius:99px;background:#fff;opacity:.85;animation:cn-estrela .7s linear 3 both}
@keyframes cn-estrela{from{top:-10%}to{top:110%}}
.cn-fumaca{bottom:-8%;font-size:2rem;transform:translateX(-50%);opacity:0;animation:cn-fumacaf 2.4s ease-out both}
@keyframes cn-fumacaf{0%,8%{opacity:0;transform:translateX(-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(2.6) translateY(-6px)}}
.cn-foguete{position:absolute;bottom:-30%;width:0;animation:cn-foguete 2.4s cubic-bezier(.6,0,.4,1) forwards}
.cn-foguete b{left:0;top:0;font-size:2.8rem;transform:translate(-50%,-50%) rotate(-45deg)}
.cn-foguete i{position:absolute;left:-7px;top:12px;width:14px;height:90px;border-radius:50% 50% 40% 40%;background:linear-gradient(#fff6c8,#ffb400 25%,#ff3b6b 60%,transparent);filter:blur(1px);animation:cn-chama .12s linear infinite alternate}
@keyframes cn-chama{to{transform:scaleX(.7) scaleY(1.15)}}
@keyframes cn-foguete{0%,12%{bottom:-30%}30%{bottom:4%}38%{bottom:6%}100%{bottom:150%}}
/* Mestre do Arcade: tela de fliperama, recorde piscando, moedas chovendo e a coroa cai na medalha */
.cn-crt{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),radial-gradient(circle,rgba(40,10,70,.88),rgba(5,2,15,.96));animation:cn-escuro 2.6s steps(6) forwards}
.cn-hs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:'DM Mono',monospace;animation:cn-escuro 2.6s steps(4) forwards}
.cn-hs small{display:block;font-size:.72rem;letter-spacing:.2em;color:#00f0ff;text-shadow:0 0 8px #00f0ff}
.cn-hs b{position:static!important;display:block;font:700 2.6rem 'Unbounded',sans-serif!important;color:#ffe14d;text-shadow:3px 3px 0 #ff2d95,0 0 18px #ffb400;margin:4px 0}
.cn-pisca{animation:pblink .5s steps(1) infinite}
.cn-moeda{top:-12%;font-size:1.5rem;animation:cn-moeda 1.2s ease-in both}
@keyframes cn-moeda{from{top:-12%;transform:rotateY(0)}to{top:112%;transform:rotateY(720deg)}}
.cn-coroa{top:-20%;font-size:2.4rem;transform:translate(-50%,-50%);animation:cn-coroa 2.6s cubic-bezier(.4,1.6,.5,1) forwards}
@keyframes cn-coroa{0%,20%{top:-20%}42%,88%{top:calc(var(--my) - 28%)}100%{top:calc(var(--my) - 28%);opacity:0}}
/* Volta Completa: um baralho de bandeiras dá a volta no cartão e o cartão gira junto */
.cn-mesa{position:absolute;width:0;height:0;transform:scaleY(.42)}
.cn-giro{position:absolute;animation:cn-giro 2.2s cubic-bezier(.4,0,.4,1) forwards}
.cn-giro i{position:absolute;left:-15px;top:-10px;width:30px;height:20px;border-radius:3px;border:1.5px solid #fff;background:linear-gradient(var(--c1) 0 33%,#fff 33% 66%,var(--c2) 66%);box-shadow:0 3px 8px rgba(0,0,0,.35);transform:rotate(var(--a)) translateX(110px) scaleY(2.2)}
@keyframes cn-giro{0%{transform:rotate(0) scale(0);opacity:0}15%{opacity:1;transform:rotate(90deg) scale(1)}80%{transform:rotate(720deg) scale(1.1);opacity:1}100%{transform:rotate(900deg) scale(0);opacity:0}}
/* Reflexo Felino: três arranhões rasgam o cartão e o guepardo passa num piscar */
.cn-garra{position:absolute;top:-15%;width:8px;height:130%;border-radius:99px;transform:rotate(24deg) scaleY(0);transform-origin:50% 0;background:linear-gradient(#fff,#ffe14d 30%,#ff8a00 65%,#ff3b6b);box-shadow:0 0 14px #ff8a00,inset 0 0 0 2px rgba(16,24,47,.5);animation:cn-garra 1.6s cubic-bezier(.2,.9,.3,1) both}
@keyframes cn-garra{0%{transform:rotate(24deg) scaleY(0);opacity:1}14%{transform:rotate(24deg) scaleY(1);opacity:1}70%{opacity:.9}100%{transform:rotate(24deg) scaleY(1);opacity:0}}
.cn-vel2{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9))}
.cn-gato{bottom:6%;right:-25%;font-size:2.6rem;transform:scaleX(1);filter:drop-shadow(18px 0 6px rgba(255,180,0,.55));animation:cn-gato 1.6s cubic-bezier(.7,0,.3,1) forwards}
@keyframes cn-gato{0%,30%{right:-25%}60%,100%{right:125%}}
.lite .acena *{filter:none!important;box-shadow:none!important}
.rod-col a{font:600 .95rem 'Figtree',sans-serif;color:var(--ink);text-decoration:none}
.rod-col a:hover{color:var(--coral)}