@font-face{font-family:"Zen Antique";src:url("/fontes/zen-antique.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Karla;src:url("/fontes/karla-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Karla;src:url("/fontes/karla-latinext-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Karla;src:url("/fontes/karla-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Karla;src:url("/fontes/karla-latinext-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0a0c1c;--ink2:#12152a;--ink3:#1a1e38;--gold:#f0c34a;--gold2:#d4a017;--gold3:#ffe9a3;
  --cinza:#c81e2a;--cinza-esc:#8a121c;--celadon:#7fbf9a;--ivory:#fff1d4;--bronze:#c4893a;
  --muted:#cbbca0;--line:rgba(240,195,74,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:Karla,system-ui,sans-serif;line-height:1.55}
body{min-height:100vh;background:
  radial-gradient(1200px 500px at 50% -80px,rgba(196,137,58,.18),transparent 60%),
  radial-gradient(800px 400px at 100% 20%,rgba(200,30,42,.08),transparent 50%),
  linear-gradient(180deg,#070914 0%,#0a0c1c 30%,#0d1020 100%);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold3)}
h1,h2,h3,h4,.fw-brand,.fw-plaque,.fw-tile-name{font-family:"Zen Antique",serif;font-weight:400;letter-spacing:.02em}
.fw-wrap{width:min(1220px,calc(100% - 32px));margin-inline:auto}
.fw-skip{position:absolute;left:-999px;top:0}
.fw-skip:focus{left:12px;top:12px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:80}

/* PAGODA HEADER */
.fw-pagoda{position:sticky;top:0;z-index:50;background:linear-gradient(#14080c 0%,#0c101e 70%);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.fw-eaves{height:18px;background:
  repeating-linear-gradient(90deg,var(--gold2) 0 18px,var(--gold) 18px 20px,#8a121c 20px 36px,var(--gold) 36px 38px);
  clip-path:polygon(0 100%,3% 0,97% 0,100% 100%);
  box-shadow:0 4px 0 var(--bronze);
}
.fw-bar{display:flex;align-items:center;gap:16px;padding:10px 0 12px;flex-wrap:wrap}
.fw-logo{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:1.85rem;line-height:1}
.fw-logo svg{width:42px;height:42px;flex:none}
.fw-lanterns{display:flex;flex:1;justify-content:center;gap:6px;flex-wrap:wrap}
.fw-lanterns a{
  display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;
  padding:6px 10px 8px;color:var(--ivory);
  background:radial-gradient(circle at 50% 20%,#3a2018, #1a0e10 70%);
  border:1px solid var(--gold2);border-radius:40px 40px 18px 18px;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:inset 0 0 10px rgba(240,195,74,.15),0 4px 0 #5a0c12;
}
.fw-lanterns a svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.8}
.fw-lanterns a[aria-current="page"],.fw-lanterns a:hover{background:radial-gradient(circle at 50% 20%,#6a1a16,#2a0c10 70%);color:var(--gold3);border-color:var(--gold)}
.fw-cta,.fw-cta-sec{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(#e23440,var(--cinza) 55%,var(--cinza-esc));
  color:var(--ivory)!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  border:2px solid var(--gold);border-radius:10px;padding:12px 18px;
  box-shadow:0 0 0 1px #5a0c12,0 6px 18px rgba(200,30,42,.35);
  white-space:nowrap;font-size:.92rem;
}
.fw-cta:hover,.fw-cta-sec:hover{filter:brightness(1.08);color:#fff!important}
.fw-cta-sec{background:linear-gradient(#3a2a12,#1a1408);border-color:var(--gold)}
.fw-menu-btn{display:none;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:8px 10px;font:inherit}

/* HERO + GATE + TOWER */
.fw-hero{display:grid;grid-template-columns:1.7fr .9fr;gap:22px;padding:22px 0 10px;align-items:stretch}
.fw-gate{position:relative;border-radius:24px;padding:14px;background:radial-gradient(circle at 50% 40%,#2a2210, #0c0e18 70%);box-shadow:0 0 0 2px var(--gold2),0 0 0 8px rgba(20,16,8,.8),0 20px 50px rgba(0,0,0,.5)}
.fw-gate-ring{position:absolute;inset:6px;border-radius:50%;border:10px solid transparent;border-image:linear-gradient(180deg,var(--gold3),var(--gold2) 40%,#6a4a18 100%) 1;pointer-events:none;opacity:.0}
.fw-gate-frame{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/9;box-shadow:inset 0 0 0 6px #c4893a,inset 0 0 0 8px #f0c34a}
.fw-gate-frame img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.fw-mult{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.fw-mult span{background:linear-gradient(#4a120c,#1a0808);border:1px solid var(--gold);color:var(--gold);font-weight:700;border-radius:999px;padding:4px 10px;font-size:.8rem;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.fw-plaque{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:linear-gradient(#3a2a10,#1a1408);border:2px solid var(--gold);color:var(--gold3);padding:8px 22px;border-radius:999px;font-size:1.05rem;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.45);z-index:2}
.fw-torre{background:linear-gradient(180deg,#1a120c,#0c0e18);border:2px solid var(--gold2);border-radius:16px;padding:14px 16px 16px;box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 0 30px rgba(240,195,74,.05);display:flex;flex-direction:column;gap:10px}
.fw-torre h2{margin:4px 0 8px;text-align:center;color:var(--gold);font-size:1.35rem}
.fw-chip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.fw-chip i{width:36px;height:36px;border-radius:50%;display:block;box-shadow:0 0 0 3px #1a1a1a,0 0 0 5px var(--gold2);background:repeating-radial-gradient(circle at 50% 50%,var(--c) 0 6px,#fff 7px 8px,var(--c) 9px 14px)}
.fw-chip .k{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.fw-chip .v{font-family:"Zen Antique",serif;color:var(--gold3);font-size:1.15rem;line-height:1.2}
.fw-chip small{display:block;color:var(--muted);font-size:.72rem}
.fw-torre .fw-src{font-size:.75rem;color:var(--muted);text-align:center;margin:4px 0 0}

/* SILK SCROLL CAROUSEL */
.fw-scroll{margin:8px 0 6px;position:relative}
.fw-scroll-track{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 2px 16px;scrollbar-width:thin}
.fw-banner{flex:0 0 min(560px,85%);scroll-snap-align:center;position:relative;border-radius:14px;overflow:hidden;border:2px solid var(--gold2);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.fw-banner img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fw-banner .fw-saiba{position:absolute;right:14px;bottom:12px}
.fw-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:2px solid var(--gold);background:#1a1208cc;color:var(--gold);font-size:1.2rem;cursor:pointer}
.fw-scroll-btn.prev{left:-6px}
.fw-scroll-btn.next{right:-6px}

/* CURVED TILE BRIDGE */
.fw-ponte{padding:6px 0 18px}
.fw-ponte h2{text-align:center;color:var(--gold);margin:8px 0 4px;font-size:1.7rem}
.fw-ponte .fw-lead{text-align:center;color:var(--muted);margin:0 0 14px}
.fw-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;align-items:end}
.fw-tile{position:relative;background:linear-gradient(#1c140c,#0c0e16);border:2px solid var(--gold2);border-radius:12px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s}
.fw-tile:hover{transform:translateY(-6px);box-shadow:0 16px 28px rgba(240,195,74,.18);border-color:var(--gold)}
.fw-tile img{aspect-ratio:1;object-fit:cover;width:100%}
.fw-tile-name{display:block;text-align:center;padding:8px 4px 10px;color:var(--gold3);font-size:.92rem}
.fw-badge{position:absolute;top:8px;left:8px;background:var(--cinza);color:#fff;font-weight:700;font-size:.65rem;letter-spacing:.08em;padding:3px 8px;border-radius:6px;border:1px solid var(--gold)}
.fw-badge.novo{background:#1f6a48;border-color:var(--celadon)}
.fw-rail .fw-tile:nth-child(1),.fw-rail .fw-tile:nth-child(8){transform:translateY(16px)}
.fw-rail .fw-tile:nth-child(2),.fw-rail .fw-tile:nth-child(7){transform:translateY(8px)}
.fw-rail .fw-tile:nth-child(1):hover,.fw-rail .fw-tile:nth-child(8):hover{transform:translateY(10px)}
.fw-rail .fw-tile:nth-child(2):hover,.fw-rail .fw-tile:nth-child(7):hover{transform:translateY(2px)}

/* CASHIER TRAY */
.fw-bandeja{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:linear-gradient(90deg,#2a1a0c,#121018 30%,#1a100c);border:2px solid var(--gold2);border-radius:14px;padding:12px 16px;margin:4px 0 28px}
.fw-coins{width:120px;height:64px;border-radius:10px;background:
  radial-gradient(circle at 20% 50%,var(--gold) 0 10px,transparent 11px),
  radial-gradient(circle at 38% 50%,var(--cinza) 0 10px,transparent 11px),
  radial-gradient(circle at 56% 50%,var(--celadon) 0 10px,transparent 11px),
  radial-gradient(circle at 74% 50%,var(--gold2) 0 10px,transparent 11px),
  linear-gradient(#3a2a12,#1a1008);border:1px solid var(--gold2)}
.fw-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fw-facts div{padding:4px 8px;border-left:2px solid var(--gold2)}
.fw-facts strong{display:block;color:var(--gold);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.fw-facts span{font-size:.86rem;color:var(--ivory)}

/* ARTICLE PAGES */
.fw-crumb{font-size:.85rem;color:var(--muted);padding:16px 0 0}
.fw-article{display:grid;grid-template-columns:1fr 280px;gap:28px;padding:10px 0 40px}
.fw-prose{background:linear-gradient(180deg,rgba(18,20,36,.92),rgba(10,12,24,.92));border:1px solid var(--line);border-radius:16px;padding:22px 26px 32px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.fw-prose h1{color:var(--gold);font-size:clamp(1.6rem,3vw,2.2rem);margin:.2rem 0 1rem;line-height:1.25}
.fw-prose h2{color:var(--gold3);font-size:1.4rem;margin:1.6rem 0 .6rem}
.fw-prose h3{color:var(--gold);font-size:1.15rem;margin:1.2rem 0 .4rem}
.fw-prose p,.fw-prose li{color:#efe6d4}
.fw-prose .lead{font-size:1.12rem;color:#f3ead6}
.fw-heroimg{border-radius:12px;overflow:hidden;border:2px solid var(--gold2);margin:0 0 18px}
.fw-heroimg img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.fw-heroimg figcaption{padding:8px 12px;color:var(--muted);font-size:.85rem;background:#0a0c16}
.fw-tbl{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:.95rem}
.fw-tbl th,.fw-tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.fw-tbl th{background:#1a140c;color:var(--gold);font-weight:700}
.fw-tbl td{background:#10121c}
.fw-vf{color:var(--gold);font-style:italic;font-weight:700}
.fw-side{position:sticky;top:92px;align-self:start;background:linear-gradient(#1a140c,#0c0e18);border:2px solid var(--gold2);border-radius:14px;padding:14px}
.fw-side h2{color:var(--gold);font-size:1.1rem;margin:0 0 8px}
.fw-side ol{margin:0;padding-left:18px;color:var(--muted)}
.fw-side a{display:inline}

/* REVIEWS: cashier slips */
.fw-caixa{padding:8px 0 40px}
.fw-caixa h1{color:var(--gold);text-align:center;font-size:clamp(1.6rem,3vw,2.2rem)}
.fw-search{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0 18px}
.fw-search input{background:#0c0e18;border:1px solid var(--gold2);color:var(--ivory);border-radius:8px;padding:10px 12px;min-width:min(420px,100%);font:inherit}
.fw-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 16px}
.fw-tabs button{background:#1a120c;border:1px solid var(--gold2);color:var(--ivory);border-radius:999px;padding:6px 12px;font:inherit;cursor:pointer}
.fw-tabs button[aria-pressed="true"]{background:var(--cinza);border-color:var(--gold);color:#fff}
.fw-janela{background:linear-gradient(#1c140c,#0a0c16);border:3px solid var(--gold2);border-radius:8px 8px 16px 16px;padding:16px;box-shadow:inset 0 20px 40px rgba(0,0,0,.25)}
.fw-family{margin:0 0 22px}
.fw-family h2{color:var(--gold);font-size:1.2rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.fw-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.fw-slip{background:linear-gradient(#f6edd4,#e8d8a8);color:#2a1a0c;border-radius:6px;padding:10px;box-shadow:0 6px 0 #8a6a30,0 8px 16px rgba(0,0,0,.3);position:relative;min-height:132px}
.fw-slip::before{content:"";position:absolute;top:0;right:16px;width:14px;height:18px;background:var(--ink);border-radius:0 0 8px 8px}
.fw-mono{width:36px;height:36px;border-radius:6px;background:#2a1a0c;color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:"Zen Antique",serif;font-size:.9rem;float:left;margin:0 8px 4px 0;border:1px solid var(--gold2)}
.fw-slip .n{font-weight:700;color:#1a0c08;line-height:1.2}
.fw-slip .h{font-size:.75rem;color:#5a4030;clear:none}
.fw-slip .acts{display:flex;flex-direction:column;gap:4px;margin-top:8px;clear:both}
.fw-slip a,.fw-more{font-size:.78rem;font-weight:700;text-align:center;padding:6px 8px;border-radius:6px}
.fw-slip .vis{background:#2a1a0c;color:var(--gold)!important;border:1px solid #8a6a30}
.fw-slip .full{background:var(--cinza);color:#fff!important;border:1px solid #5a0c12}
.fw-more{display:block;margin:10px auto 0;background:#1a120c;color:var(--gold);border:1px solid var(--gold);cursor:pointer;font:inherit}
.fw-slip.is-hidden{display:none}
.fw-tally{border:2px solid var(--gold2);border-radius:12px;overflow:hidden;margin:0 0 16px;background:#101218}
.fw-tally img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.fw-nota{font-size:.85rem;color:var(--muted);margin-top:8px}
.fw-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}

/* FOOTER */
.fw-foot{border-top:2px solid var(--gold2);background:#08070e;padding:28px 0 40px;margin-top:10px;font-size:.9rem;color:var(--muted)}
.fw-foot nav{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 14px}
.fw-18{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--gold);color:var(--gold);border-radius:50%;font-weight:700;margin-right:8px}
.fw-mobile-cta{display:none}

@media (max-width:980px){
  .fw-hero{grid-template-columns:1fr}
  .fw-article{grid-template-columns:1fr}
  .fw-side{position:static}
  .fw-rail{grid-template-columns:repeat(4,1fr)}
  .fw-rail .fw-tile{transform:none!important}
  .fw-facts{grid-template-columns:1fr 1fr}
  .fw-bandeja{grid-template-columns:1fr}
  .fw-coins{display:none}
}
@media (max-width:820px){
  .fw-menu-btn{display:inline-flex}
  .fw-lanterns{display:none;position:absolute;left:0;right:0;top:100%;background:#0c0e18;padding:10px;border-bottom:1px solid var(--line);flex-direction:row;justify-content:flex-start}
  .fw-pagoda.is-open .fw-lanterns{display:flex}
  .fw-cta.fw-topcta{display:none}
  .fw-mobile-cta{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:40;justify-content:center}
  .fw-mobile-cta .fw-cta{width:100%;box-shadow:0 8px 24px rgba(0,0,0,.5)}
  body{padding-bottom:76px}
  .fw-plaque{font-size:.9rem;padding:6px 12px;white-space:normal;text-align:center;max-width:90%}
}
@media (max-width:520px){
  .fw-rail{grid-template-columns:repeat(2,1fr)}
  .fw-logo{font-size:1.45rem}
}

.fw-tally .fw-cta,.fw-tally .fw-cta-sec,.fw-tally a.fw-cta-sec{
  width:100%;white-space:normal;text-align:center;font-size:.78rem;padding:9px 10px;line-height:1.25
}
.fw-gate-frame{border-radius:16px}
.fw-eaves{background:
  linear-gradient(#3a120c,#1a0808) padding-box,
  repeating-linear-gradient(90deg,#f0c34a 0 16px,#c81e2a 16px 32px,#f0c34a 32px 48px,#8a121c 48px 64px);
  height:22px;
  clip-path:polygon(0 100%, 2% 40%, 6% 0, 94% 0, 98% 40%, 100% 100%);
}
/* 06:44 compact first screen: slim promo row + compact hero so 8 tiles clear the 1280x800 fold */

@media (min-width: 981px){
  .fw-hero{gap:14px;padding:8px 0 2px;align-items:stretch}
  .fw-gate{padding:8px}
  .fw-gate-frame{aspect-ratio:2.2/1;max-height:300px}
  .fw-plaque{padding:6px 16px;font-size:.95rem;bottom:8px}
  .fw-torre{padding:6px 10px;gap:3px}
  .fw-torre h2{margin:0;font-size:1.05rem;line-height:1.2}
  .fw-chip{padding:3px 8px;gap:8px}
  .fw-chip i{width:26px;height:26px}
  .fw-chip .k{font-size:.6rem}
  .fw-chip .v{font-size:.95rem;line-height:1.15}
  .fw-chip small{font-size:.62rem;line-height:1.15}
  .fw-torre .fw-src{font-size:.62rem;line-height:1.2;margin:0}
  .fw-scroll{margin:4px 0 2px}
  .fw-scroll-track{gap:12px;padding:2px 40px 6px;scrollbar-width:none}
  .fw-banner{flex:0 0 calc((100% - 12px) / 2);height:136px;border-radius:10px}
  .fw-banner img{width:100%;height:136px;aspect-ratio:auto;object-fit:cover;object-position:center 46%}
  .fw-banner .fw-saiba{right:10px;bottom:8px;padding:6px 10px;font-size:.72rem}
  .fw-scroll-btn{width:32px;height:32px;font-size:1rem}
  .fw-ponte{padding:2px 0 8px}
  .fw-ponte h2,.fw-ponte .fw-lead{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);border:0
  }
  .fw-rail{gap:8px}
  .fw-tile-name{padding:5px 3px 6px;font-size:.78rem}
  .fw-rail .fw-tile:nth-child(1),.fw-rail .fw-tile:nth-child(8){transform:translateY(10px)}
  .fw-rail .fw-tile:nth-child(2),.fw-rail .fw-tile:nth-child(7){transform:translateY(5px)}
  .fw-rail .fw-tile:nth-child(1):hover,.fw-rail .fw-tile:nth-child(8):hover{transform:translateY(4px)}
  .fw-rail .fw-tile:nth-child(2):hover,.fw-rail .fw-tile:nth-child(7):hover{transform:translateY(0)}
}