/* Encaixe77 — tabuleiro-encaixe-laca-b22e. Pairing-solitaire lobby. Do not reuse. */
@font-face{font-family:"Rammetto One";src:url("/fonts/rammetto-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"DM Sans";src:url("/fonts/dmsans-latin.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap;}
:root{
  --ink:#020c10;--lacq:#06161a;--mala:#00d4a1;--lime:#b8ff3d;--ivory:#ffe9b8;
  --gold:#ffb81f;--peacock:#0a6e8a;--panel:#0a1e24;--line:#1a4a42;--hot:#ff4b3a;
  --disp:"Rammetto One",sans-serif;--sans:"DM Sans",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:450;}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
a:hover{color:var(--lime)}
.ex-skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:80}
.ex-skip:focus{left:8px}
/* header */
.ex-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:72px;padding:0 16px;background:linear-gradient(180deg,#0c2a22 0%,#041014 100%);border-bottom:2px solid var(--gold);position:relative;z-index:30}
.ex-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.ex-brand img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 64px;filter:drop-shadow(0 0 8px rgba(184,255,61,.35))}
.ex-word{font-family:var(--disp);font-size:68px;line-height:.9;letter-spacing:-.02em;background:linear-gradient(180deg,#fff6d0 0%,#ffe9b8 30%,#ffb81f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffb81f;filter:drop-shadow(0 2px 0 #020c10);white-space:nowrap}
.ex-nav{display:flex;gap:7px;align-items:center}
.ex-nav a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 12px;font-weight:800;font-size:15px;color:var(--ink);background:linear-gradient(180deg,#fff4c8,#e8c56a);border:2px solid var(--gold);border-radius:7px;text-decoration:none;box-shadow:inset 0 1px 0 #fff6d0,0 2px 0 #3a2a08}
.ex-nav a[aria-current="page"]{background:linear-gradient(180deg,#b8ff3d,#00d4a1)}
.ex-burger{display:none;width:44px;height:44px;border:2px solid var(--gold);background:var(--ink);color:var(--gold);border-radius:8px;font-weight:800}
.ex-tick{height:22px;background:#041016;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--peacock);text-transform:uppercase;white-space:nowrap}
.ex-tick b{display:inline-block;padding-left:1rem;animation:ex-marq 22s linear infinite}
@keyframes ex-marq{to{transform:translateX(-100%)}}
/* lobby table */
.ex-table{display:grid;grid-template-columns:236px 1fr 172px;gap:12px;padding:8px 14px 8px;background:var(--ink) url("/img/mesa-laca-koi.webp") center / cover no-repeat;position:relative}
.ex-table::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(2,12,16,.15),rgba(2,12,16,.45));pointer-events:none}
.ex-table>*{position:relative;z-index:1}
@media (min-width:1200px){
  .ex-top{height:72px}
  .ex-tick{height:22px}
  .ex-table{height:706px}
}
/* left matched pairs */
.ex-pairs{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}
.ex-promo{flex:1;position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--gold);text-decoration:none;display:block;min-height:0;box-shadow:0 8px 20px rgba(0,0,0,.5)}
.ex-promo img{width:100%;height:100%;object-fit:cover;object-position:center}
.ex-promo h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 8px 8px;font-family:var(--sans);font-weight:800;font-size:24px;line-height:1.05;text-align:center;letter-spacing:-.02em;color:#ffe9b8;text-shadow:0 2px 0 #020c10,0 0 8px #020c10;background:linear-gradient(180deg,transparent,rgba(2,12,16,.94) 55%);text-transform:uppercase}
.ex-promo .ex-tag{position:absolute;top:8px;right:8px;background:var(--lime);color:var(--ink);font-weight:800;font-size:11px;padding:2px 7px;border-radius:4px;letter-spacing:.04em}
/* center board */
.ex-board{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;height:100%}
.ex-title-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;min-height:80px}
.ex-h1{margin:0;text-align:center;line-height:1}
.ex-h1-stack{position:relative;display:inline-block}
.ex-ghost,.ex-face{font-family:var(--disp);font-size:72px;letter-spacing:-.03em;line-height:.92;white-space:nowrap}
.ex-ghost{position:absolute;left:0;top:0;color:#020c10;-webkit-text-stroke:8px #020c10;z-index:0}
.ex-face{position:relative;z-index:1;background:linear-gradient(180deg,#fff6d0 0%,#ffe9b8 18%,#ffb81f 58%,#00d4a1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffb81f}
.ex-cta-row{display:flex;align-items:center;justify-content:center;width:100%;gap:14px;margin:6px 0 6px}
.ex-cta-row .ex-go{height:56px;min-width:300px;padding:0 36px;font-size:22px;border-radius:12px}
.ex-go{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;background:linear-gradient(180deg,#ffe27a,#ffb81f);color:#020c10;font-weight:800;font-size:18px;border-radius:10px;text-decoration:none;box-shadow:0 0 18px rgba(255,184,31,.5),0 3px 0 #8a5a00;border:0}
.ex-go:hover{color:#020c10;filter:brightness(1.08)}
.ex-go-mala{background:linear-gradient(180deg,#b8ff3d,#00d4a1);box-shadow:0 0 16px rgba(0,212,161,.4),0 3px 0 #0a5a44}
.ex-arr{font-family:var(--sans);margin-left:6px}
.ex-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;flex:0 0 80px;border-radius:14px;background:radial-gradient(circle at 30% 25%,#fff6d0,#ffe9b8 42%,#e0b34a);color:#020c10;border:3px solid var(--gold);box-shadow:0 0 14px rgba(255,184,31,.45),inset 0 0 0 2px #8a5a18;text-align:center;line-height:1;overflow:visible;padding:6px 4px;box-sizing:border-box}
.ex-seal b{font-family:var(--sans);font-weight:800;font-size:18px;letter-spacing:-.04em;white-space:nowrap;color:#020c10;line-height:1}
.ex-seal span{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.08em;margin-top:3px;color:#3a2408}
/* fortress tiles */
.ex-fortress{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-height:0;width:100%;padding-bottom:4px;gap:6px}
.ex-row{display:flex;justify-content:center;gap:10px}
.ex-row-mid{margin-top:0;position:relative;z-index:2}
.ex-row-front{margin-top:0;position:relative;z-index:3}
.ex-tile{position:relative;width:152px;display:block;text-decoration:none;border-radius:12px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 8px 18px rgba(0,0,0,.55);background:#041014}
.ex-row-back .ex-tile{width:148px}
.ex-row-mid .ex-tile{width:152px}
.ex-row-front .ex-tile{width:156px}
.ex-tile img{width:100%;aspect-ratio:480/560;object-fit:cover;height:auto}
.ex-plaque{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(2,12,16,.95) 32%);color:#ffe9b8;font-weight:800;font-size:17px;line-height:1.15;text-align:center;padding:16px 4px 7px;text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 1px 0 #000}
.ex-badge{position:absolute;top:6px;left:6px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:4px;z-index:2;letter-spacing:.04em}
.ex-badge.hot{background:var(--hot);color:#fff}
.ex-badge.novo{background:var(--lime);color:var(--ink)}
/* right score sticks */
.ex-sticks{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}
.ex-stick{flex:1;background:linear-gradient(180deg,#2d8a62 0%,#14543c 42%,#0a2a1e 100%);border:3px solid var(--gold);border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 10px 10px;color:var(--ivory);min-height:0;box-shadow:0 3px 0 #6a4a08,inset 0 0 0 2px #c9a045,0 0 16px rgba(255,184,31,.4)}
.ex-stick-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.ex-stick i{font-style:normal;font-family:var(--disp);font-size:44px;color:var(--gold);line-height:.85;text-shadow:0 2px 0 #020c10,0 0 8px rgba(255,184,31,.45)}
.ex-ico{width:36px;height:36px;flex:0 0 36px;display:block;filter:drop-shadow(0 1px 1px #020c10)}
.ex-stick b{font-family:var(--sans);font-size:24px;font-weight:800;color:#fff6d0;line-height:1;letter-spacing:-.03em;text-shadow:0 1px 0 #020c10}
/* below fold */
.ex-band{background:linear-gradient(180deg,#041014,#020c10 40%);padding:36px 0 48px;border-top:2px solid #143028}
.ex-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.ex-band h2{font-family:var(--disp);font-size:28px;color:var(--gold);margin:0 0 12px;letter-spacing:-.02em}
.ex-band p{font-size:17px;line-height:1.55;max-width:70ch}
.ex-board-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 28px}
.ex-cell{background:var(--panel);border:2px solid var(--gold);border-radius:12px;padding:14px 14px 16px}
.ex-cell strong{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ivory)}
.ex-cell b{display:block;font-family:var(--disp);font-size:26px;color:var(--lime);margin:6px 0}
.ex-cell span{font-size:13px;line-height:1.4;color:#d9cba0}
.ex-fulls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0 24px}
.ex-full{display:block;text-decoration:none;border:2px solid var(--gold);border-radius:12px;overflow:hidden;background:#041014;color:var(--ivory)}
.ex-full img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.ex-full strong{display:block;padding:10px 12px;font-size:16px}
.ex-cta-row-band{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}
.ex-disc{font-size:13px;color:#c9b88a;margin:0}
/* inner pages */
.ex-lid{position:relative;min-height:240px;display:flex;align-items:flex-end;background:#041014 center/cover no-repeat;border-bottom:3px solid var(--gold)}
.ex-lid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,16,.25),rgba(2,12,16,.78))}
.ex-lid-inner{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:36px 0 24px}
.ex-lid h1{margin:0;font-family:var(--disp);font-size:48px;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(180deg,#fff6d0,#ffb81f 60%,#00d4a1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffb81f;filter:drop-shadow(0 2px 0 #020c10);max-width:20ch}
.ex-crumb{font-size:13px;font-weight:700;margin:0 0 18px;color:#c9b88a}
.ex-crumb a{color:var(--gold);text-decoration:none}
.ex-article{max-width:760px}
.ex-article h2{font-family:var(--disp);font-size:26px;color:var(--gold);margin:28px 0 10px;letter-spacing:-.02em}
.ex-article p,.ex-article li{font-size:17px;line-height:1.6}
.ex-article ul{padding-left:1.2em}
.ex-fig{margin:0 0 20px;border:2px solid var(--gold);border-radius:12px;overflow:hidden;background:#041014}
.ex-fig img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.ex-fig figcaption{padding:8px 12px;font-size:13px;color:#c9b88a}
.ex-faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 8px}
.ex-faq summary{font-weight:800;cursor:pointer;color:var(--gold)}
/* reviews hub */
.ex-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.ex-tools button{height:40px;padding:0 12px;border:2px solid var(--gold);background:#041014;color:var(--ivory);font-weight:800;border-radius:8px;cursor:pointer}
.ex-tools button[aria-pressed="true"]{background:linear-gradient(180deg,#b8ff3d,#00d4a1);color:var(--ink)}
.ex-tools input[type="search"]{height:40px;min-width:220px;flex:1;border:2px solid var(--gold);background:#020c10;color:var(--ivory);border-radius:8px;padding:0 10px;font:inherit}
.ex-hopper{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px 0}
.ex-ficha{background:var(--panel);border:2px solid var(--gold);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;min-height:160px}
.ex-mono{width:44px;height:44px;border-radius:8px;background:linear-gradient(180deg,#0a3a32,#071510);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--lime);font-size:16px}
.ex-ficha h3{margin:0;font-size:16px;color:var(--ivory)}
.ex-ficha p{margin:0;font-size:13px;line-height:1.4;color:#d9cba0}
.ex-note{font-size:13px;color:#c9b88a}
.ex-more{margin:12px auto;display:block}
/* footer */
.ex-foot{background:#01080a;border-top:2px solid #143028;padding:28px 0 36px;font-size:14px;color:#c9b88a}
.ex-foot nav{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 14px}
.ex-foot a{color:var(--gold);text-decoration:none}
.ex-18{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--gold);border-radius:50%;font-weight:800;color:var(--gold);margin-right:8px}
/* mobile */
@media (max-width:900px){
  .ex-burger{display:inline-flex;align-items:center;justify-content:center}
  .ex-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#041014;flex-direction:column;padding:10px;border-bottom:2px solid var(--gold);z-index:40}
  .ex-top.is-open .ex-nav{display:flex}
  .ex-word{font-size:40px}
  .ex-brand img{width:52px;height:52px;flex-basis:52px}
  .ex-top{height:64px}
  .ex-table{display:flex;flex-direction:column;height:auto;padding:10px}
  .ex-board{order:1}
  .ex-pairs{order:2}
  .ex-sticks{order:3}
  .ex-ghost,.ex-face{font-size:44px;white-space:normal;letter-spacing:-.03em}
  .ex-pairs{flex-direction:row;height:auto;overflow-x:auto}
  .ex-promo{flex:0 0 230px;height:190px}
  .ex-promo h2{font-size:20px;padding:20px 8px 8px;white-space:normal}
  .ex-sticks{flex-direction:row;overflow-x:auto;height:auto}
  .ex-stick{flex:0 0 148px;min-height:118px}
  .ex-row-back .ex-tile,.ex-row-mid .ex-tile,.ex-row-front .ex-tile{width:30vw;min-width:104px}
  .ex-plaque{font-size:16px}
  .ex-title-row{min-height:0;flex-wrap:wrap;gap:8px}
  .ex-stick i{font-size:32px}
  .ex-stick b{font-size:20px}
  .ex-cta-row .ex-go{min-width:0;width:min(300px,100%);height:52px;font-size:20px}
  .ex-board-nums,.ex-fulls{grid-template-columns:1fr}
  .ex-lid h1{font-size:32px}
  .ex-seal{width:72px;height:72px;flex-basis:72px}
  .ex-seal b{font-size:16px}
}