@font-face{font-family:"PecaWei";src:url("/fonts/xiaowei.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PecaSans";src:url("/fonts/jakarta-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PecaSans";src:url("/fonts/jakarta-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"PecaSans";src:url("/fonts/jakarta-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"PecaSans";src:url("/fonts/jakarta-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"PecaSans";src:url("/fonts/jakarta-800.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  --ink:#05211c;--felt:#0a3329;--felt-deep:#031612;--baize:#0d3d30;
  --jade:#2ee6a8;--jade-dim:#1a8f6c;--ivory:#f3ead2;--ivory-dim:#d9ccae;
  --verm:#e23a2b;--verm-d:#a41f16;--gold:#d4a017;--gold-lt:#f0d78a;--gold-dk:#8a6a10;
  --wood:#2c1210;--wood-m:#4a2218;--wood-lt:#6b3828;--line:rgba(212,160,23,.35);
  --shadow:0 18px 40px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:
  radial-gradient(1200px 600px at 50% -10%,#0d3a2e 0%,var(--felt-deep) 55%,#020a08 100%);
  color:var(--ivory);font-family:"PecaSans",system-ui,sans-serif;font-size:16px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-lt);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.vf{color:var(--gold-lt);font-weight:600}

/* ===== rosewood tile rack header ===== */
.pc-rack{position:sticky;top:0;z-index:40;background:
  linear-gradient(#5a2a1c,#2c1210 55%,#1a0a08);
  border-bottom:3px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.pc-rack-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:8px 16px}
.pc-brand{display:flex;align-items:center;gap:10px;color:var(--gold-lt);flex:0 0 auto}
.pc-brand-tile{width:46px;height:58px;border-radius:4px 4px 6px 6px;background:
  linear-gradient(#fff6df,#ead9b0);border:2px solid var(--gold);box-shadow:0 2px 0 #8a6a10,inset 0 0 0 2px #c9a24a;
  display:grid;place-items:center;color:#7a1010;font-family:"PecaWei",serif;font-size:28px;line-height:1}
.pc-brand b{font-family:"PecaWei",serif;font-size:28px;font-weight:400;letter-spacing:.02em;color:var(--gold-lt);text-shadow:0 1px 0 #000}
.pc-nav{display:flex;gap:6px;flex:1;overflow:auto;padding:4px 0;scrollbar-width:none}
.pc-nav::-webkit-scrollbar{display:none}
.pc-nav a{flex:0 0 auto;min-width:92px;height:52px;padding:6px 10px;border-radius:4px 4px 7px 7px;
  background:linear-gradient(#fff8e6,#e7d6ae);color:#2c1210;border:2px solid #c9a24a;
  box-shadow:0 2px 0 #6b4a12, 0 6px 10px rgba(0,0,0,.25);
  font-family:"PecaWei",serif;font-size:14px;display:grid;place-items:center;text-align:center;line-height:1.15}
.pc-nav a[aria-current="page"],.pc-nav a:hover{background:linear-gradient(#ffe9a8,#e0b84a);color:#1a0a08}
.pc-cta,.pc-cta-gold{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-weight:800;letter-spacing:.04em;border-radius:8px;padding:12px 20px;border:1px solid var(--gold-lt);
  box-shadow:0 0 0 1px #7a1a12,0 8px 20px rgba(226,58,43,.35);text-transform:uppercase;font-size:14px}
.pc-cta{background:linear-gradient(#ff5a48,var(--verm) 45%,var(--verm-d));color:#fff8e8}
.pc-cta:hover{color:#fff;filter:brightness(1.08)}
.pc-cta-gold{background:linear-gradient(#ffe08a,var(--gold) 50%,#b8860b);color:#1a0a08;box-shadow:0 8px 20px rgba(212,160,23,.35)}
.pc-cta-gold:hover{color:#000;filter:brightness(1.06)}
.pc-burger{display:none;background:transparent;border:1px solid var(--gold);color:var(--gold-lt);width:42px;height:42px;border-radius:8px;font-size:20px}

/* ticker */
.pc-tick{background:#0a0804;border-bottom:1px solid var(--gold);color:var(--gold-lt);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;overflow:hidden;white-space:nowrap;padding:0 16px;height:26px;line-height:26px;text-align:center}
.pc-tick-track{display:inline;animation:none;padding:0}

/* ===== felt hero ===== */
.pc-felt{position:relative;max-width:1240px;margin:0 auto;padding:22px 16px 8px;
  background:
    radial-gradient(ellipse at 50% 40%,#145043 0%,transparent 55%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 2px,transparent 2px 8px);
}
.pc-felt-grid{display:grid;grid-template-columns:1fr 200px;gap:18px;align-items:start}
.pc-cabinet{position:relative;border-radius:18px;overflow:hidden;
  box-shadow:0 0 0 4px #8a6a10,0 0 0 8px #d4a017,0 20px 50px rgba(0,0,0,.5);
  background:#04140f}
.pc-cabinet img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pc-hero-copy{text-align:center;padding:8px 8px 4px}.pc-hero-copy .pc-cta-row{justify-content:center;flex-direction:column;align-items:center}
.pc-hero-copy h1{font-family:"PecaWei",serif;font-size:clamp(28px,4.4vw,52px);margin:10px 0 6px;color:#fff8e6;
  text-shadow:0 2px 0 #4a2218,0 8px 24px rgba(0,0,0,.5);font-weight:400;line-height:1.15}
.pc-hero-copy h1 em{font-style:normal;color:var(--gold-lt)}
.pc-hero-copy p{margin:0 auto 14px;max-width:640px;color:var(--ivory-dim)}
.pc-winds{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center;padding-top:12px}
.pc-wind{background:linear-gradient(#3a2410,#1a1008);border:2px solid var(--gold);border-radius:10px;
  text-align:center;padding:12px 6px 10px;box-shadow:var(--shadow);min-height:86px}
.pc-wind b{display:block;font-family:"PecaWei",serif;letter-spacing:.08em;color:var(--gold-lt);font-size:14px}
.pc-pip{width:22px;height:22px;min-width:22px;min-height:22px;flex:0 0 22px;box-sizing:border-box;display:block;border-radius:50%;margin:10px auto 0;border:3px solid var(--gold);box-shadow:0 0 8px rgba(0,0,0,.5)}
.pc-wind[data-w="leste"] .pc-pip{background:#f0d78a}
.pc-wind[data-w="sul"] .pc-pip{background:#e23a2b}
.pc-wind[data-w="oeste"] .pc-pip{background:#f3ead2}
.pc-wind[data-w="norte"] .pc-pip{background:#2ee6a8}
.pc-winds .pc-wind:nth-child(1){grid-column:1 / -1;justify-self:center;width:70%} /* Leste on top like mockup */

/* lobby body */
.pc-wrap{max-width:1240px;margin:0 auto;padding:8px 16px 48px}
.pc-lobby{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:10px}
.pc-panel{background:linear-gradient(#3a1f16,#24110c 40%,#1a0c08);border:1px solid var(--gold);
  border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.pc-panel h2,.pc-sec h2{font-family:"PecaWei",serif;font-weight:400;color:var(--gold-lt);font-size:28px;margin:0 0 12px;
  letter-spacing:.02em}
.pc-muro{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pc-tile{position:relative;display:block;border-radius:10px;overflow:hidden;background:#04140f;
  box-shadow:0 0 0 2px var(--gold),0 8px 18px rgba(0,0,0,.4);color:var(--ivory)}
.pc-tile img{width:100%;aspect-ratio:1;object-fit:cover}
.pc-tile figcaption,.pc-tile .cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.pc-badge{position:absolute;top:8px;right:8px;background:var(--verm);color:#fff;font-size:10px;font-weight:800;
  letter-spacing:.08em;padding:3px 7px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.pc-badge.novo{background:#1a8f6c}

/* ranking board */
.pc-board{background:linear-gradient(#2a160e,#140a08);border:2px solid var(--gold);border-radius:12px;padding:14px 14px 10px;
  box-shadow:var(--shadow)}
.pc-board h2{font-family:"PecaWei",serif;font-size:22px;margin:0 0 10px;color:var(--gold-lt);text-align:center}
.pc-board ol{list-style:none;margin:0;padding:0}
.pc-board li{display:block;padding:10px 4px 10px;border-bottom:1px solid rgba(212,160,23,.2);font-size:13px;line-height:1.35}
.pc-board li:last-child{border:0}
.pc-seat{font-family:"PecaWei",serif;color:var(--gold);font-size:11px;letter-spacing:.08em;display:block;margin-bottom:2px}
.pc-board small{display:block;margin-top:10px;color:var(--ivory-dim);font-size:11px;line-height:1.45}
.pc-board .val{color:var(--ivory-dim);font-size:12px;display:block;margin-top:2px}
.pc-board li b{color:var(--gold-lt);font-weight:700}

/* promo fan / hand deal */
.pc-hand{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:18px 0 8px}
.pc-hand a,.pc-hand figure{border-radius:10px;overflow:hidden;border:2px solid var(--gold);box-shadow:var(--shadow);margin:0;background:#04140f}
.pc-hand img{width:100%;aspect-ratio:16/8;object-fit:cover}

/* editorial pages */
.pc-crumb{font-size:13px;color:var(--ivory-dim);margin:8px 0 16px}
.pc-crumb a{color:var(--gold-lt)}
.pc-hero-page{border-radius:14px;overflow:hidden;border:2px solid var(--gold);margin:0 0 22px;box-shadow:var(--shadow)}
.pc-hero-page img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pc-prose{max-width:760px}
.pc-prose h1{font-family:"PecaWei",serif;font-weight:400;font-size:clamp(28px,4vw,44px);color:var(--gold-lt);margin:0 0 12px;line-height:1.2}
.pc-prose h2{font-family:"PecaWei",serif;font-weight:400;font-size:26px;color:var(--gold-lt);margin:28px 0 10px}
.pc-prose p,.pc-prose li{color:var(--ivory)}
.pc-prose ul,.pc-prose ol{padding-left:1.2em}
.pc-note{border-left:3px solid var(--gold);padding:8px 14px;background:rgba(212,160,23,.08);margin:16px 0;color:var(--ivory-dim)}
.pc-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}
.pc-disc{font-size:12px;color:var(--ivory-dim);margin:8px 0 0}
figure.pc-fig{margin:18px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#04140f}
figure.pc-fig figcaption{padding:8px 12px;font-size:13px;color:var(--ivory-dim);background:#140a08}

/* four wind racks (reviews) */
.pc-search{display:flex;gap:8px;margin:0 0 16px}
.pc-search input{flex:1;background:#0a1814;border:1px solid var(--gold);color:var(--ivory);border-radius:8px;padding:10px 12px;font:inherit}
.pc-mesas{display:grid;gap:16px}
.pc-estante{background:linear-gradient(#3a1f16,#1a0c08);border:2px solid var(--gold);border-radius:12px;padding:12px}
.pc-estante h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:22px}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px}
.pc-chip{appearance:none;border:1px solid #c9a24a;background:linear-gradient(#fff4d6,#e2cc96);color:#2c1210;
  font:600 12px/1.2 "PecaSans",sans-serif;padding:7px 8px;border-radius:4px 4px 6px 6px;cursor:pointer;max-width:100%}
.pc-chip[hidden],.pc-estante[data-empty="1"]{display:none}
.pc-chip.is-full{background:linear-gradient(#ffe08a,#d4a017);font-weight:800}
.pc-more{margin-top:10px;background:transparent;border:1px dashed var(--gold);color:var(--gold-lt);padding:8px 12px;border-radius:8px;cursor:pointer;font:inherit}
.pc-chamada{display:none;margin-top:12px;background:#0a1814;border:1px solid var(--jade-dim);border-radius:8px;padding:12px}
.pc-chamada.is-on{display:block}
.pc-chamada h3{margin:0 0 6px;font-family:"PecaWei",serif;color:var(--gold-lt);font-size:22px}
.pc-chamada dl{display:grid;grid-template-columns:140px 1fr;gap:4px 10px;margin:8px 0;font-size:14px}
.pc-chamada dt{color:var(--ivory-dim)}
.pc-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 24px}
.pc-feat a{display:block;border:2px solid var(--gold);border-radius:10px;overflow:hidden;background:#04140f;color:var(--ivory)}
.pc-feat img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pc-feat span{display:block;padding:8px 10px;font-family:"PecaWei",serif;color:var(--gold-lt)}

/* footer tray */
.pc-tray{background:linear-gradient(#2c1210,#140a08);border-top:3px solid var(--gold);padding:28px 16px 16px;margin-top:40px}
.pc-tray-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.pc-tray h2{font-family:"PecaWei",serif;font-size:18px;color:var(--gold-lt);margin:0 0 8px;font-weight:400}
.pc-tray a{display:block;color:var(--ivory-dim);padding:3px 0}
.pc-tray a:hover{color:var(--gold-lt)}
.pc-legal{max-width:1240px;margin:16px auto 0;padding:12px 0 8px;border-top:1px solid var(--line);
  font-size:12px;color:var(--ivory-dim)}
.pc-18{display:inline-block;border:1px solid var(--gold);color:var(--gold-lt);padding:1px 6px;border-radius:4px;margin-right:6px;font-weight:800}

@media (max-width:980px){
  .pc-felt-grid,.pc-lobby{grid-template-columns:1fr}
  .pc-winds{grid-template-columns:repeat(4,1fr);padding-top:0}
  .pc-winds .pc-wind:nth-child(1){grid-column:auto;width:auto;justify-self:stretch}
  .pc-muro{grid-template-columns:repeat(2,1fr)}
  .pc-hand{grid-template-columns:1fr}
  .pc-feat{grid-template-columns:1fr 1fr}
  .pc-tray-in{grid-template-columns:1fr}
  .pc-cta-head{display:none}
  .pc-burger{display:grid;place-items:center}
  .pc-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#1a0a08;padding:10px;flex-wrap:wrap;z-index:30}
  .pc-rack.is-open .pc-nav{display:flex}
}
@media (max-width:640px){
  .pc-feat{grid-template-columns:1fr}
  .pc-hero-copy h1{font-size:28px}
  .pc-winds{grid-template-columns:1fr 1fr}
}

.pc-rack{overflow:hidden}
.pc-board{min-height:100%}