@font-face{font-family:"Russo One";src:url("/fonts/russo-one-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("/fonts/outfit-latin-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --ink:#07060c;--navy:#0b1020;--amber:#f0a020;--gold:#f4d06a;--ivory:#f3ead2;
  --copper:#c9922a;--cinnabar:#c4281a;--sand:#3a2410;--cta:#f0a020;--cta-ink:#1a0c00;
  --head:76px;--tick:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--ivory);font-family:"Outfit",system-ui,sans-serif;font-size:17px;line-height:1.55}
img{max-width:100%;display:block;height:auto}
a{color:var(--gold);text-decoration:none}
a:hover{color:#ffe08a}
button{font:inherit;cursor:pointer}
.uv-skip{position:absolute;left:-999px}

/* ===== HEADER ===== */
.uv-top{position:relative;z-index:40;height:var(--head);display:flex;align-items:center;gap:14px;padding:0 16px;
  background:linear-gradient(#1a1008,#0e0a06);border-bottom:2px solid #c9922a;
  box-shadow:0 2px 0 #f4d06a44}
.uv-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:220px}
.uv-mark{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 12px #f0a02088}
.uv-word{font-family:"Russo One",sans-serif;font-size:56px;letter-spacing:.02em;line-height:1;
  background:linear-gradient(#ffe9a0,#f4d06a,#f0a020);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px #2a1400;paint-order:stroke fill;filter:drop-shadow(0 2px 0 #000)}
.uv-menu-btn{display:none;background:#2a1a08;color:var(--gold);border:1px solid var(--copper);border-radius:10px;padding:8px 12px;font-weight:700}
.uv-nav{display:flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:center;flex-wrap:nowrap}
.uv-nav a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:20px;
  background:#160e08;border:1px solid #5a3a14;color:#f3ead2;font-weight:700;font-size:14px;white-space:nowrap}
.uv-nav a[aria-current="page"],.uv-nav a:hover{background:#3a2208;border-color:var(--gold);color:var(--gold)}
.uv-nav svg{width:16px;height:16px;fill:currentColor}
.uv-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:10px;
  background:linear-gradient(#ffd36a,#f0a020 55%,#c87810);color:var(--cta-ink)!important;
  font-family:"Russo One",sans-serif;font-size:16px;letter-spacing:.04em;
  border:2px solid #ffe9a0;box-shadow:0 0 16px #f0a02099,0 3px 0 #6a3a00;white-space:nowrap}
.uv-cta:hover{filter:brightness(1.08);color:var(--cta-ink)!important}
.uv-cta-lg{height:56px;padding:0 28px;font-size:22px}
.uv-top .uv-cta{flex:0 0 auto}

/* ticker */
.uv-ticker{height:var(--tick);overflow:hidden;background:#120a04;border-bottom:1px solid #5a3a14;
  color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  display:flex;align-items:center;white-space:nowrap}
.uv-ticker-track{display:flex;gap:36px;padding:0 20px;animation:uv-marq 28s linear infinite}
@keyframes uv-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== HOME CUTAWAY PLAYFIELD ===== */
body.uv-lobby{overflow-x:hidden}
/* ===== HOME CUTAWAY PLAYFIELD ===== */
.uv-cut{position:relative;width:100%;max-width:1280px;margin:0 auto;height:calc(800px - var(--head) - var(--tick));
  background:#07060c;overflow:hidden}
.uv-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:0}
.uv-slope{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.uv-sky{position:absolute;left:270px;top:10px;z-index:4;width:430px;text-align:left;pointer-events:none}
.uv-sky *{pointer-events:auto}
.uv-h1{font-family:"Russo One",sans-serif;font-size:92px;line-height:.88;letter-spacing:.02em;
  background:linear-gradient(#fff4c8,#f4d06a 40%,#f0a020 80%,#c87810);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:4px #1a0c00;paint-order:stroke fill;
  filter:drop-shadow(0 4px 0 #000) drop-shadow(0 0 18px #f0a020aa);margin:0 0 14px;text-align:left}
.uv-h1 span{display:block}
.uv-moon{position:absolute;left:338px;top:254px;z-index:4;width:86px;height:86px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff4c8,#f4d06a 55%,#c9922a);
  border:3px solid #f4d06a;box-shadow:0 0 24px #f4d06acc;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:"Russo One",sans-serif;color:#1a0c00;text-align:center;line-height:1.05;font-size:13px}
.uv-moon b{font-size:15px}

/* den chambers: rounded rectangles, separated, overflow visible so badges are not clipped */
.uv-hole{position:absolute;z-index:5;display:block;color:inherit;overflow:visible;
  border-radius:18px;border:3px solid #e0b44a;
  box-shadow:0 0 0 3px #1a0c00, 0 10px 20px #000a;background:#100804}
.uv-frame{position:absolute;inset:0 0 30px 0;overflow:hidden;border-radius:15px 15px 0 0;background:#100804}
.uv-frame img{width:100%;height:100%;object-fit:cover;display:block}
.uv-plaque{position:absolute;left:0;right:0;bottom:0;z-index:4;height:30px;box-sizing:border-box;
  background:#120804;color:#f4d06a;text-align:center;
  font-family:"Russo One",sans-serif;font-size:16px;line-height:30px;padding:0 8px;
  border-top:1px solid #e0b44a;border-radius:0 0 15px 15px;text-shadow:0 2px 0 #000;pointer-events:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uv-badge{position:absolute;top:8px;right:8px;z-index:6;font-family:"Russo One",sans-serif;font-size:12px;letter-spacing:.06em;
  padding:4px 8px;border-radius:6px;color:#140800;pointer-events:none;line-height:1}
.uv-badge.hot{background:linear-gradient(#ffb020,#e03020);box-shadow:0 0 10px #ff4020aa}
.uv-badge.novo{background:linear-gradient(#8dff6a,#1aa84a);box-shadow:0 0 10px #3cff80aa;color:#041404}
.uv-hole.promo .uv-plaque{font-size:16px}

/* staggered layers in the rock, below and to the right of the slope, with gaps */
/* playfield ~1280 x 700. Bottoms ~670-690 => viewport ~746-790 with 100px chrome */
.uv-h-veio{left:16px;top:528px;width:230px;height:160px}
.uv-h-tocha{left:262px;top:528px;width:230px;height:160px}
.uv-h-patas{left:508px;top:528px;width:230px;height:160px}
.uv-h-eco{left:262px;top:350px;width:230px;height:160px}
.uv-h-poco{left:508px;top:350px;width:230px;height:160px}
.uv-h-ninho{left:754px;top:350px;width:230px;height:160px}
.uv-h-presa{left:754px;top:172px;width:230px;height:160px}
.uv-h-serra{left:1000px;top:100px;width:264px;height:168px}
.uv-h-bau{left:1000px;top:286px;width:264px;height:168px}
.uv-h-sinal{left:1000px;top:472px;width:264px;height:216px} /* bottom 688 */

/* below-fold home */
.uv-after{max-width:1100px;margin:0 auto;padding:36px 20px 20px}
.uv-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px}
.uv-fact{background:#140c08;border:1px solid #5a3a14;border-radius:14px;padding:16px 14px;text-align:center}
.uv-fact b{display:block;font-family:"Russo One",sans-serif;color:var(--gold);font-size:22px;margin-bottom:4px}
.uv-fact span{font-size:13px;color:#cbb89a}
.uv-block{margin:0 0 32px}
.uv-block h2{font-family:"Russo One",sans-serif;color:var(--gold);font-size:30px;margin:0 0 12px}
.uv-block p{margin:0 0 12px;color:#e6d7b8}
.uv-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uv-feat a{background:#140c08;border:1px solid #5a3a14;border-radius:14px;overflow:hidden;color:inherit}
.uv-feat a:hover{border-color:var(--gold)}
.uv-feat img{width:100%;height:140px;object-fit:cover}
.uv-feat strong{display:block;padding:10px 12px 14px;color:var(--gold)}

/* inner pages */
.uv-page{max-width:1040px;margin:0 auto;padding:24px 20px 40px}
.uv-crumb{font-size:13px;color:#cbb89a;margin:0 0 16px}
.uv-crumb a{color:#e0b44a}
.uv-hero-page{margin:0 0 22px;border-radius:18px;overflow:hidden;border:2px solid #5a3a14;box-shadow:0 0 0 1px #c9922a44}
.uv-hero-page img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.uv-page h1{font-family:"Russo One",sans-serif;font-size:42px;line-height:1.1;color:var(--gold);
  -webkit-text-stroke:2px #1a0c00;paint-order:stroke fill;margin:0 0 14px}
.uv-lead{font-size:19px;color:#f3ead2;margin:0 0 18px}
.uv-page h2{font-family:"Russo One",sans-serif;font-size:26px;color:#f4d06a;margin:26px 0 10px}
.uv-page h3{font-family:"Outfit",sans-serif;font-weight:800;font-size:20px;color:#e0b44a;margin:18px 0 8px}
.uv-page p,.uv-page li{color:#e6d7b8;margin:0 0 12px}
.uv-page ul,.uv-page ol{padding-left:1.2em;margin:0 0 14px}
.uv-note{background:#1a1008;border-left:4px solid var(--amber);padding:12px 14px;border-radius:0 10px 10px 0;margin:16px 0;color:#f3ead2}
.uv-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}
.uv-disc{font-size:13px;color:#cbb89a}
.uv-fig{margin:16px 0 22px}
.uv-fig figcaption{font-size:13px;color:#cbb89a;margin-top:6px}

/* reviews hub */
.uv-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.uv-tools input{flex:1 1 240px;min-height:42px;border-radius:10px;border:1px solid #5a3a14;background:#120a04;color:var(--ivory);padding:0 12px}
.uv-ledgers{display:flex;flex-wrap:wrap;gap:6px}
.uv-ledgers button{height:38px;padding:0 12px;border-radius:19px;border:1px solid #5a3a14;background:#160e08;color:#f3ead2;font-weight:700}
.uv-ledgers button.on{background:#3a2208;border-color:var(--gold);color:var(--gold)}
.uv-grid-plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.uv-plat{background:#140c08;border:1px solid #5a3a14;border-radius:14px;padding:14px}
.uv-mono{width:42px;height:42px;border-radius:10px;background:linear-gradient(#3a2208,#1a1008);border:1px solid var(--copper);
  display:flex;align-items:center;justify-content:center;font-family:"Russo One",sans-serif;color:var(--gold);font-size:14px;margin:0 0 8px}
.uv-plat h3{margin:0 0 6px;font-size:16px;color:var(--gold)}
.uv-plat .uv-meta{font-size:12px;color:#cbb89a;margin:0 0 10px}
.uv-plat .uv-actions{display:flex;flex-direction:column;gap:6px}
.uv-btn-sm{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:8px;
  background:#2a1a08;border:1px solid #5a3a14;color:var(--ivory)!important;font-size:13px;font-weight:700}
.uv-btn-sm.rec{background:linear-gradient(#ffd36a,#f0a020);color:var(--cta-ink)!important;border-color:#ffe9a0}
.uv-more{margin:18px auto;display:block;height:44px;padding:0 20px;border-radius:10px;background:#2a1a08;color:var(--gold);border:1px solid var(--copper);font-weight:700}

/* review full */
.uv-cover{margin:0 0 20px;border-radius:18px;overflow:hidden;border:2px solid #5a3a14}
.uv-cover img{width:100%;aspect-ratio:1200/630;object-fit:cover}

footer.uv-foot{background:#0a0704;border-top:2px solid #5a3a14;padding:28px 20px 40px;margin-top:20px;color:#cbb89a;font-size:14px}
.uv-foot-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}
.uv-foot h2{font-family:"Russo One",sans-serif;color:var(--gold);font-size:16px;margin:0 0 8px}
.uv-foot a{color:#e0b44a}
.uv-18{margin-top:16px;max-width:1100px;margin-left:auto;margin-right:auto}

@media (max-width:1080px){
  .uv-word{font-size:34px}
  .uv-mark{width:48px;height:48px}
  .uv-top{height:64px}
  .uv-top .uv-cta{display:none}
  .uv-brand{min-width:0}
  .uv-nav{display:none}
  .uv-nav.open{display:flex;position:absolute;top:var(--head);left:0;right:0;background:#120a04;flex-direction:column;padding:12px;border-bottom:2px solid var(--copper);align-items:stretch;z-index:50}
  .uv-nav.open a{height:44px}
  .uv-menu-btn{display:inline-flex;margin-left:auto}
  .uv-cut{height:auto;min-height:0;display:flex;flex-direction:column;padding:12px 10px 16px}
  .uv-fundo{object-position:left top;opacity:.85}
  .uv-sky{position:relative;left:auto;top:auto;width:auto;padding:8px 8px 16px;z-index:3;text-align:left}
  .uv-h1{font-size:64px;-webkit-text-stroke:3px #1a0c00}
  .uv-moon{position:relative;left:auto;top:auto;margin:8px 0}
  .uv-hole{position:relative;left:auto!important;top:auto!important;width:100%!important;height:210px!important;margin:0 0 14px;border-radius:18px;overflow:visible}
  .uv-cut .uv-cta-lg{margin-top:8px}
  .uv-facts,.uv-feat,.uv-foot-in{grid-template-columns:1fr}
  .uv-page h1{font-size:32px}
}
@media (min-width:1081px) and (max-width:1279px){
  .uv-h1{font-size:84px}
  .uv-word{font-size:48px}
}
