/* Landing HZ Toolkit: preto e vermelho, militar / pos-apocaliptico (segue o template do user). */
:root {
  --red: #d0211a; --red-h: #e8352c; --red-dark: #7d130f; --red-glow: rgba(208,33,26,.45);
  --ink: #090a0b; --ink2: #0e1012; --ink3: #15181b; --edge: #24282c; --edge2: #33383d;
  --paper: #efe9dd; --txt: #d6d9dc; --mut: #959ca4; --dim: #5f666e;
  --brush: "Permanent Marker", "Segoe Print", cursive;
  --cond: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --mil: "Black Ops One", "Bebas Neue", Impact, sans-serif;
}
body.land { background: var(--ink); color: var(--txt); overflow-x: hidden; font-family: Roboto, "Segoe UI", system-ui, sans-serif; }
body.land a { color: #ff6a5f; }
body.land::after { /* grao de filme */
  content: ""; position: fixed; inset: -50%; z-index: 100; pointer-events: none; opacity: .055;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation: grain 1s steps(6) infinite;
}
@keyframes grain { 0%{transform:translate(0,0)} 20%{transform:translate(-3%,2%)} 40%{transform:translate(2%,-3%)} 60%{transform:translate(-2%,-1%)} 80%{transform:translate(3%,3%)} }
.wrap { max-width: 1180px; }

/* fundo "concreto" com riscos, usado nas secoes */
.grit { background:
  radial-gradient(ellipse 80% 60% at 50% 0%, rgba(208,33,26,.07), transparent 70%),
  repeating-linear-gradient(115deg, rgba(255,255,255,.012) 0 2px, transparent 2px 9px),
  linear-gradient(#0d0f11, #0a0b0c); }

/* ---------- botoes ---------- */
.rbtn { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 5px; background: var(--red); color: #fff !important;
  font: 700 17px/1 Roboto, sans-serif; border: 1px solid var(--red); cursor: pointer; white-space: nowrap; transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 8px 24px -10px var(--red-glow); }
.rbtn:hover { background: var(--red-h); transform: translateY(-2px); box-shadow: 0 14px 30px -10px var(--red-glow); }
.rbtn.small { height: 42px; padding: 0 18px; font-size: 15px; }
.obtn { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px; border-radius: 5px; border: 1.5px solid #e3e5e7; color: #fff !important; font: 700 17px/1 Roboto, sans-serif; transition: background .2s; }
.obtn:hover { background: rgba(255,255,255,.08); }
.rbtn svg, .obtn svg { width: 22px; height: 22px; flex: none; }

/* faixa de pincel vermelha */
.brushband { display: inline-block; position: relative; padding: 12px 34px 14px 26px; color: #fff; font-weight: 700; font-size: 17px; line-height: 1.25; isolation: isolate; transform: rotate(-2deg); }
.brushband::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red);
  clip-path: polygon(0 18%, 4% 6%, 30% 10%, 62% 0, 98% 8%, 100% 30%, 96% 55%, 100% 82%, 70% 92%, 38% 100%, 6% 94%, 2% 70%, 3% 45%); }

/* ---------- topo ---------- */
.nav { position: sticky; top: 0; z-index: 50; background: rgba(9,10,11,.94); border-bottom: 1px solid #1b1e21; }
.nav .wrap { display: flex; align-items: center; height: 68px; gap: 24px; }
.brand { font: 400 30px/1 var(--brush); color: #fff !important; white-space: nowrap; transform: rotate(-2deg); }
.brand .r { color: var(--red); }
.nav ul { display: flex; gap: 4px; list-style: none; margin: 0 auto; padding: 0; }
.nav ul a { display: flex; align-items: center; gap: 7px; padding: 9px 14px; border-radius: 5px; color: #d3d6d9 !important; font-size: 15px; font-weight: 500; }
.nav ul a svg { width: 17px; height: 17px; }
.nav ul a:hover, .nav ul a.on { background: var(--red); color: #fff !important; }
@media (max-width: 1000px) { .nav ul { display: none; } .nav .rbtn { margin-left: auto; } }

/* ---------- hero ---------- */
.hero3 { position: relative; min-height: 620px; height: calc(100vh - 68px); max-height: 820px; overflow: hidden; display: flex; align-items: center; --mx: 70%; --my: 40%; }
.hero3 .bg { position: absolute; inset: 0 0 0 30%; background: url("/img/hero2.jpg") 92% 40% / cover no-repeat; animation: drift 28s ease-in-out infinite alternate; }
@keyframes drift { from { transform: scale(1.04); } to { transform: scale(1.12) translate(-1.5%, -1%); } }
.hero3 .shade { position: absolute; inset: 0; background:
  linear-gradient(90deg, var(--ink) 0%, var(--ink) 30%, rgba(9,10,11,.85) 40%, rgba(9,10,11,.2) 62%, rgba(9,10,11,.1) 100%),
  linear-gradient(0deg, var(--ink) 0%, transparent 25%), linear-gradient(180deg, rgba(9,10,11,.6) 0%, transparent 18%); }
.hero3 .lamp { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen;
  background: radial-gradient(circle 300px at var(--mx) var(--my), rgba(255,170,110,.10), transparent 70%); }
.hero3 .fog { position: absolute; inset: -20% -50%; pointer-events: none; opacity: .5;
  background: radial-gradient(ellipse 30% 14% at 35% 82%, rgba(190,190,200,.12), transparent 70%), radial-gradient(ellipse 24% 12% at 75% 90%, rgba(190,190,200,.1), transparent 70%);
  animation: fog 34s linear infinite alternate; }
@keyframes fog { from { transform: translateX(-10%); } to { transform: translateX(10%); } }
#ash { position: absolute; inset: 0; pointer-events: none; }
.hero3 .wrap { position: relative; z-index: 3; width: 100%; }
.hero3 .in { max-width: 600px; }
.title-big { font: 400 clamp(66px, 9.5vw, 124px)/.9 var(--brush); margin: 0; color: #fff; transform: rotate(-3deg); transform-origin: left bottom;
  text-shadow: 0 5px 0 #000, 0 0 30px rgba(0,0,0,.7); }
.title-big .r { color: var(--red); text-shadow: 0 5px 0 #000, 0 0 34px var(--red-glow); animation: flick 6s infinite; }
@keyframes flick { 0%, 92%, 100% { opacity: 1; } 93% { opacity: .45; } 94% { opacity: 1; } 96% { opacity: .6; } }
.sub-big { font: 400 clamp(26px, 3.2vw, 38px)/1 var(--cond); letter-spacing: 1.5px; color: #fff; margin: 24px 0 18px; }
.sub-big .r { color: var(--red); }
.hero3 p.desc { font-size: 18px; line-height: 1.55; color: #e3e5e7; margin: 0 0 24px; max-width: 520px; }
.hero3 .brushband { margin: 0 0 28px -4px; }
.hero3 .acts { display: flex; gap: 16px; flex-wrap: wrap; }
.hero3 .note { margin-top: 14px; color: var(--mut); font-size: 14px; }
.hero3 .note b { color: #fff; }

/* ---------- pilares ---------- */
.pillars3 { position: relative; z-index: 4; margin-top: -24px; }
.pillars3 .box { display: grid; grid-template-columns: repeat(4, 1fr); background: linear-gradient(#121417, #0c0d0f); border: 1px solid var(--edge); border-radius: 8px; box-shadow: 0 30px 60px -30px #000; }
.p3 { text-align: center; padding: 28px 22px 26px; position: relative; }
.p3 + .p3::before { content: ""; position: absolute; left: 0; top: 16%; height: 68%; width: 2px; background: linear-gradient(transparent, var(--red), transparent); }
.p3 svg { width: 52px; height: 52px; color: var(--red); filter: drop-shadow(0 0 14px var(--red-glow)); transition: transform .35s; }
.p3:hover svg { transform: translateY(-4px) scale(1.08); }
.p3 h3 { font-size: 19px; margin: 14px 0 6px; color: #fff; }
.p3 p { margin: 0; color: #b6bbc1; font-size: 14px; }
@media (max-width: 860px) { .pillars3 .box { grid-template-columns: 1fr 1fr; } .p3:nth-child(3)::before { display: none; } }

/* ---------- secoes ---------- */
.sec { position: relative; padding: 96px 0; }
.bh { font: 400 clamp(40px, 5.4vw, 62px)/1 var(--brush); color: #fff; margin: 0; transform: rotate(-1.5deg); transform-origin: left; }
.bh .r { color: var(--red); }
.bh.c { transform-origin: center; text-align: center; }
.lead3 { color: #dfe2e5; font-size: 19px; margin: 14px 0 0; }
.lead3.m { color: var(--mut); font-size: 17px; max-width: 680px; }
.tagm { font: 400 15px/1 var(--mil); letter-spacing: 2px; color: var(--red); margin-bottom: 12px; text-transform: uppercase; }
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s ease; }
.reveal.in { opacity: 1; transform: none; }
.divider { height: 1px; background: linear-gradient(90deg, transparent, var(--red-dark), transparent); }

/* ---------- mapa ---------- */
.mapsec .wrap { display: grid; grid-template-columns: 1.25fr 1fr; gap: 56px; align-items: center; }
@media (max-width: 960px) { .mapsec .wrap { grid-template-columns: 1fr; } }
.mapframe { background: #f1eee8; padding: 10px; transform: rotate(-2deg); box-shadow: 0 34px 70px -20px rgba(0,0,0,.95); transition: transform .5s; }
.mapframe:hover { transform: rotate(0); }
.mapframe svg { display: block; width: 100%; height: auto; background: #233019; }
.mk { cursor: pointer; transition: opacity .35s, transform .35s; transform-box: fill-box; transform-origin: center; }
.mk.off { opacity: 0; transform: scale(.4); pointer-events: none; }
.mk:hover { transform: scale(1.25); }
.ping { animation: ping 2.2s ease-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes ping { from { transform: scale(.4); opacity: .9; } to { transform: scale(2.4); opacity: 0; } }
.legend { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 26px 0 24px; }
.lg { display: flex; align-items: center; gap: 12px; background: none; border: 0; padding: 8px 10px; border-radius: 6px; color: #fff; font: 500 17px Roboto, sans-serif; cursor: pointer; text-align: left; transition: background .2s, opacity .2s; }
.lg:hover { background: rgba(255,255,255,.04); }
.lg svg { width: 30px; height: 30px; flex: none; }
.lg.off { opacity: .35; }
.lg.off span { text-decoration: line-through; }
.callout { position: relative; display: inline-block; border: 2px solid var(--red); padding: 16px 22px; font: 400 21px/1.3 var(--brush); color: #fff; transform: rotate(-3deg); background: rgba(208,33,26,.05); max-width: 360px; }
.callout::before { content: ""; position: absolute; inset: 5px -6px -6px 5px; border: 1px solid rgba(208,33,26,.4); z-index: -1; }
.hint { color: var(--dim); font-size: 13px; margin-top: 18px; }

/* ---------- spawn + interface ---------- */
.duo .wrap { display: grid; grid-template-columns: 1fr 1.25fr; gap: 0; }
.duo .half { padding: 10px 40px 10px 0; }
.duo .half + .half { padding: 10px 0 10px 40px; border-left: 1px solid var(--red-dark); }
@media (max-width: 960px) { .duo .wrap { grid-template-columns: 1fr; } .duo .half, .duo .half + .half { padding: 0; border: 0; } .duo .half + .half { margin-top: 60px; } }
.spawn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; margin-top: 22px; }
.checks { list-style: none; padding: 0; margin: 0 0 26px; }
.checks li { display: flex; align-items: center; gap: 12px; font-size: 18px; color: #e8eaec; padding: 7px 0; }
.checks li::before { content: "✓"; width: 24px; height: 24px; border-radius: 50%; background: var(--red); color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex: none; }
.crate { position: relative; }
.crate img { border-radius: 6px; -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 55%, transparent 100%); mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 55%, transparent 100%); animation: hover 4s ease-in-out infinite; }
.crate::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: 4%; height: 14%; background: radial-gradient(ellipse, var(--red-glow), transparent 70%); animation: glow 4s ease-in-out infinite; }
@keyframes hover { 50% { transform: translateY(-8px); } }
@keyframes glow { 50% { opacity: .5; transform: scaleX(.85); } }
@media (max-width: 600px) { .spawn { grid-template-columns: 1fr; } }

.tabs3 { display: flex; gap: 6px; flex-wrap: wrap; margin: 22px 0 14px; }
.tabs3 button { background: #15181b; border: 1px solid var(--edge2); color: #c9cdd1; font: 600 14px Roboto, sans-serif; padding: 9px 14px; border-radius: 5px; cursor: pointer; transition: background .2s, border-color .2s; }
.tabs3 button:hover { border-color: #555b61; }
.tabs3 button.on { background: var(--red); border-color: var(--red); color: #fff; }
.appshot { position: relative; border-radius: 8px; overflow: hidden; border: 1px solid var(--edge2); box-shadow: 0 30px 60px -24px #000, 0 0 0 5px #0d0f11; background: #0f1113; }
.appshot img { width: 100%; transition: opacity .25s; }
.appshot img.fade { opacity: 0; }
.appshot figcaption { padding: 12px 16px; font-size: 14px; color: var(--mut); border-top: 1px solid var(--edge); }

/* ---------- recursos detalhados ---------- */
.mods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 42px; }
@media (max-width: 900px) { .mods { grid-template-columns: 1fr; } }
.mod { position: relative; background: linear-gradient(160deg, #131619, #0c0d0f); border: 1px solid var(--edge); border-top: 3px solid var(--red); border-radius: 6px; padding: 24px 26px 20px; overflow: hidden; transition: transform .3s, box-shadow .3s; }
.mod::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle 220px at var(--x, 20%) var(--y, 0%), rgba(208,33,26,.13), transparent 70%); opacity: 0; transition: opacity .3s; }
.mod:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -20px var(--red-glow); }
.mod:hover::before { opacity: 1; }
.mod .hd { position: relative; display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.mod .hd svg { width: 36px; height: 36px; color: var(--red); flex: none; }
.mod h3 { font: 400 30px/1 var(--cond); letter-spacing: 1px; margin: 0; color: #fff; }
.mod .hd small { display: block; color: var(--mut); font: 500 13px Roboto, sans-serif; margin-top: 3px; }
.mod ul { position: relative; list-style: none; padding: 0; margin: 0; }
.mod li { padding: 7px 0 7px 24px; position: relative; color: #c6cacf; font-size: 15px; border-bottom: 1px dashed #1f2327; }
.mod li:last-child { border-bottom: 0; }
.mod li::before { content: ""; position: absolute; left: 4px; top: 14px; width: 8px; height: 8px; background: var(--red); transform: rotate(45deg); }
.mod li b { color: #fff; font-weight: 600; }
.mod.wide { grid-column: 1 / -1; }
.mod.wide ul { columns: 2; column-gap: 36px; }
.mod.wide li { break-inside: avoid; }
@media (max-width: 700px) { .mod.wide ul { columns: 1; } }
kbd { background: #23272b; border: 1px solid #3a4046; border-bottom-width: 2px; border-radius: 4px; padding: 1px 6px; font: 600 12px Consolas, monospace; color: #fff; }

/* ---------- tutorial ---------- */
.tut { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 42px; }
@media (max-width: 900px) { .tut { grid-template-columns: 1fr; } }
.tutcol { background: #0f1113; border: 1px solid var(--edge); border-radius: 8px; padding: 26px 26px 10px; }
.tutcol h3 { display: flex; align-items: center; gap: 12px; font: 400 30px/1 var(--cond); letter-spacing: 1px; margin: 0 0 18px; color: #fff; }
.tutcol h3 svg { width: 28px; height: 28px; color: var(--red); }
.step { display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 14px 0; border-top: 1px solid #1c1f22; }
.step .n { width: 44px; height: 44px; border: 2px solid var(--red); color: #fff; font: 400 22px/40px var(--mil); text-align: center; border-radius: 4px; transform: rotate(-4deg); }
.step b { display: block; color: #fff; margin-bottom: 3px; font-size: 16px; }
.step p { margin: 0; color: var(--mut); font-size: 15px; }
.video { margin-top: 26px; position: relative; aspect-ratio: 16/7; border-radius: 8px; overflow: hidden; border: 1px solid var(--edge2); background: url("/img/hero2.jpg") center 35% / cover; display: flex; align-items: center; justify-content: center; }
.video::before { content: ""; position: absolute; inset: 0; background: rgba(9,10,11,.65); }
.video a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; color: #fff !important; font: 400 26px var(--cond); letter-spacing: 1px; }
.video a svg { width: 76px; height: 76px; color: var(--red); filter: drop-shadow(0 0 20px var(--red-glow)); transition: transform .3s; }
.video a:hover svg { transform: scale(1.1); }
.video small { font: 400 14px Roboto, sans-serif; color: var(--mut); letter-spacing: 0; }

/* ---------- sobre o jogo ---------- */
.world { position: relative; overflow: hidden; }
.world .zbg { position: absolute; right: 0; top: 0; bottom: 0; width: 42%; background: url("/img/zumbi.jpg") right center / cover no-repeat; opacity: .5;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%); mask-image: linear-gradient(90deg, transparent, #000 60%); }
.world .wrap { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
@media (max-width: 900px) { .world .wrap { grid-template-columns: 1fr; } .world .zbg { width: 100%; opacity: .15; } }
.polaroid { background: #f1eee8; padding: 12px 12px 44px; transform: rotate(-4deg); box-shadow: 0 30px 60px -10px rgba(0,0,0,.85); position: relative; transition: transform .5s; }
.polaroid:hover { transform: rotate(-1deg) scale(1.02); }
.polaroid img { width: 100%; display: block; filter: contrast(1.05) saturate(.9); }
.polaroid::before { content: ""; position: absolute; top: -14px; left: 34%; width: 92px; height: 28px; background: rgba(214,206,186,.85); transform: rotate(3deg); }
.polaroid span { position: absolute; bottom: 12px; left: 16px; font: 400 18px var(--brush); color: #333; }
.world p { color: #c4c8cd; font-size: 16px; line-height: 1.65; }
.world b.w { color: #fff; }
.facts2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; }
.facts2 div { background: rgba(16,18,20,.85); border: 1px solid var(--edge); border-left: 3px solid var(--red); padding: 12px 14px; border-radius: 4px; }
.facts2 b { display: block; font: 400 20px/1 var(--cond); letter-spacing: 1px; color: #fff; margin-bottom: 3px; }
.facts2 span { font-size: 13px; color: var(--mut); }
@media (max-width: 600px) { .facts2 { grid-template-columns: 1fr 1fr; } }

/* ---------- preco ---------- */
.ticket2 { max-width: 520px; margin: 40px auto 0; background: linear-gradient(#141619, #0d0e10); border: 1px solid #4a1816; border-radius: 10px; padding: 40px 36px 32px; text-align: center; position: relative; box-shadow: 0 50px 90px -40px var(--red-glow); }
.ticket2 .val { font: 400 96px/1 var(--cond); color: #fff; }
.ticket2 .val small { font: 500 18px Roboto, sans-serif; color: var(--mut); }
.ticket2 ul { list-style: none; padding: 0; margin: 24px 0 28px; text-align: left; }
.ticket2 li { padding: 9px 0 9px 28px; position: relative; border-bottom: 1px solid #1c1f22; color: #c9cdd1; }
.ticket2 li::before { content: "✓"; position: absolute; left: 4px; color: var(--red-h); font-weight: 700; }
.ticket2 .rbtn { width: 100%; justify-content: center; }
.ticket2 .stamp { position: absolute; right: -22px; top: 24px; transform: rotate(12deg); border: 3px solid rgba(208,33,26,.65); color: rgba(232,53,44,.9); font: 400 20px/1 var(--mil); letter-spacing: 2px; padding: 8px 12px; border-radius: 4px; background: rgba(9,10,11,.7); }

/* ---------- faq ---------- */
body.land details { background: #0e1012; border: 1px solid var(--edge); border-radius: 6px; padding: 0 20px; margin-bottom: 10px; }
body.land summary { cursor: pointer; padding: 16px 0; font-weight: 600; color: #fff; list-style: none; }
body.land summary::-webkit-details-marker { display: none; }
body.land summary::after { content: "+"; float: right; color: var(--red-h); font-weight: 700; }
body.land details[open] summary::after { content: "−"; }
body.land details p { margin: 0 0 16px; color: var(--mut); }

/* ---------- CTA final ---------- */
.cta3 { position: relative; overflow: hidden; padding: 54px 0; background: linear-gradient(90deg, #0b0c0d, #101215 50%, #0b0c0d); border-top: 1px solid #1d2023; border-bottom: 1px solid #1d2023; }
.cta3 .wrap { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center; }
@media (max-width: 960px) { .cta3 .wrap { grid-template-columns: 1fr; text-align: center; justify-items: center; } }
.cta3 .t { font: 400 56px/.9 var(--brush); color: #fff; transform: rotate(-3deg); }
.cta3 .t .r { color: var(--red); }
.cta3 .t small { display: block; font: 400 22px/1.2 var(--brush); margin-top: 10px; }
.cta3 a.band { color: #fff !important; text-decoration: none; display: inline-flex; align-items: center; gap: 16px; }
.cta3 a.band svg { width: 34px; height: 34px; flex: none; }
.cta3 a.band:hover { filter: brightness(1.1); }
.cta3 .soc { text-align: center; }
.cta3 .soc b { display: block; color: #fff; font-size: 18px; margin-bottom: 12px; }
.cta3 .soc a { display: inline-flex; color: #fff !important; padding: 0 12px; }
.cta3 .soc svg { width: 40px; height: 40px; transition: transform .2s, color .2s; }
.cta3 .soc a:hover svg { transform: translateY(-3px); color: var(--red-h); }

/* ---------- rodape ---------- */
.foot { padding: 26px 0; background: #070808; }
.foot .wrap { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 14px; color: #c9cdd1; }
.foot .wrap span b { color: #fff; }
.foot nav a { color: #c9cdd1 !important; padding: 0 12px; border-left: 1px solid #3a3f44; }
.foot nav a:first-child { border-left: 0; }
.foot .legal { width: 100%; font-size: 12px; color: var(--dim); }

/* lightbox */
.lb { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.92); display: none; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out; }
.lb.on { display: flex; }
.lb img { max-width: 100%; max-height: 100%; border-radius: 6px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}