/* ============================================================
   West Meadow Ridge — "Meadow Aurora Precision"
   Bright + airy aurora luxury system. Prefix: wmr-
   ============================================================ */

/* ---------- surfaces & rhythm ---------- */
.wmr-sec{padding:var(--wmr-sec) 0;position:relative}
.wmr-sec--tight{padding:calc(var(--wmr-sec) * .64) 0}
.wmr-sec--mist{background:var(--wmr-mist)}
.wmr-sec--white{background:var(--wmr-white)}
.wmr-sec--cloud{background:var(--wmr-cloud)}
.wmr-sec--aurora{background:
  radial-gradient(1100px 520px at 12% -10%,rgba(47,147,221,.13),transparent 60%),
  radial-gradient(900px 480px at 92% 8%,rgba(125,108,240,.13),transparent 62%),
  linear-gradient(180deg,#f7fafe,#eef4fb)}
.wmr-sec--garden{background:linear-gradient(180deg,#f0faf5,#e8f5ef)}
.wmr-sec--ink{background:linear-gradient(170deg,#16243a,#0f1b2c);color:#dde7f4}
.wmr-sec--ink h1,.wmr-sec--ink h2,.wmr-sec--ink h3,.wmr-sec--ink h4{color:#f1f6fc}
.wmr-sec--ink .wmr-lead{color:#aebed4}
.wmr-divtop{border-top:1px solid var(--wmr-line)}

/* ---------- kicker / headings / lead ---------- */
.wmr-kick{display:inline-flex;align-items:center;gap:9px;font-family:var(--wmr-ff-m);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--wmr-glacier);font-weight:500;margin-bottom:18px}
.wmr-kick::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--wmr-aurora);transform:rotate(45deg)}
.wmr-sec--ink .wmr-kick{color:var(--wmr-green-l)}
.wmr-h-xl{font-size:clamp(2.5rem,6vw,4.1rem)}
.wmr-h-l{font-size:clamp(2rem,4vw,3rem)}
.wmr-h-m{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.wmr-lead{font-size:clamp(1.05rem,1.7vw,1.28rem);color:var(--wmr-mut);line-height:1.62;max-width:62ch}
.wmr-eyerow{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:42px}
.wmr-gtext{background:var(--wmr-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- generic cards / grids ---------- */
.wmr-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.wmr-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wmr-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wmr-card{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:28px;transition:.2s}
.wmr-card:hover{transform:translateY(-3px);box-shadow:var(--wmr-shadow);border-color:var(--wmr-line-2)}
.wmr-card h3{font-size:1.18rem;margin-bottom:9px}
.wmr-card p{margin:0;color:var(--wmr-mut);font-size:15px}
.wmr-card .ic{font-size:25px;display:block;margin-bottom:14px}
.wmr-linkcard{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wmr-linkcard .arr{color:var(--wmr-glacier);font-family:var(--wmr-ff-d);font-weight:700}

/* ---------- callout / faq / prose ---------- */
.wmr-callout{background:var(--wmr-aurora-soft);border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);
  padding:30px 32px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.wmr-callout .ic{font-size:30px}
.wmr-callout p{margin:0;flex:1;min-width:240px;color:var(--wmr-mut)}
.wmr-callout strong{color:var(--wmr-ink)}
.wmr-faq{background:#fff;border:1px solid var(--wmr-line);border-radius:14px;padding:5px 20px;margin-bottom:12px}
.wmr-faq summary{cursor:pointer;font-family:var(--wmr-ff-d);font-weight:600;padding:15px 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:1.02rem}
.wmr-faq summary::-webkit-details-marker{display:none}
.wmr-faq summary::after{content:"+";color:var(--wmr-glacier);font-size:22px;font-family:var(--wmr-ff-m)}
.wmr-faq[open] summary::after{content:"–"}
.wmr-faq .a{padding:0 0 17px;color:var(--wmr-mut);font-size:15px}
.wmr-prose-top{padding:78px 0 30px;background:var(--wmr-sec--aurora,#f7fafe)}
.wmr-prose-top{background:
  radial-gradient(900px 420px at 18% -20%,rgba(30,181,136,.12),transparent 60%),
  radial-gradient(700px 380px at 90% 0,rgba(125,108,240,.12),transparent 62%),var(--wmr-mist)}
.wmr-prose-top h1{font-size:clamp(2.1rem,4.4vw,3.2rem);max-width:18ch}
.wmr-prose-top p{color:var(--wmr-mut);font-size:1.12rem;max-width:64ch;margin:16px 0 0}
.wmr-prose{padding:48px 0 var(--wmr-sec)}
.wmr-prose .wmr-wrap{max-width:820px}
.wmr-prose h2{font-size:1.5rem;margin:42px 0 13px}
.wmr-prose h3{font-size:1.16rem;margin:28px 0 9px}
.wmr-prose p,.wmr-prose li{color:var(--wmr-mut);font-size:16.5px;line-height:1.72}
.wmr-prose ul{padding-left:20px;margin:12px 0}
.wmr-prose li{margin-bottom:8px}
.wmr-prose strong{color:var(--wmr-ink)}
.wmr-prose a{color:var(--wmr-glacier);text-decoration:underline}
.wmr-updated{font-family:var(--wmr-ff-m);font-size:13px;color:var(--wmr-dim);margin-top:6px}
.wmr-noscript{background:#fff7e6;border:1px solid #f3d98a;color:#7a5a12;padding:14px 18px;border-radius:12px;margin:16px auto;max-width:var(--wmr-wrap)}

/* ============================================================
   1 — AURORA WELCOME FIELD
   ============================================================ */
.wmr-welcome{position:relative;overflow:hidden;padding:118px 0 104px;
  background:linear-gradient(180deg,#f8fbfe 0%,#eef4fb 100%)}
.wmr-welcome-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
.wmr-wg1{width:520px;height:520px;background:radial-gradient(circle,#8fcef1,transparent 70%);top:-180px;left:-120px;animation:wmr-drift 22s ease-in-out infinite}
.wmr-wg2{width:460px;height:460px;background:radial-gradient(circle,#bcb1ff,transparent 70%);top:-120px;right:-100px;animation:wmr-drift 26s ease-in-out infinite reverse}
.wmr-wg3{width:420px;height:420px;background:radial-gradient(circle,#7fe4c2,transparent 70%);bottom:-220px;left:36%;animation:wmr-drift 30s ease-in-out infinite}
@keyframes wmr-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
.wmr-ridge{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;opacity:.5;pointer-events:none}
.wmr-welcome-in{position:relative;z-index:2;text-align:center;max-width:880px;margin:0 auto}
.wmr-welcome h1{font-size:clamp(2.7rem,6.4vw,4.6rem);margin:8px 0 0}
.wmr-welcome .wmr-lead{margin:22px auto 0;text-align:center}
.wmr-welcome .wmr-btns{justify-content:center;margin-top:34px}
.wmr-welcome-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.wmr-tag{font-family:var(--wmr-ff-m);font-size:12.5px;color:var(--wmr-mut);background:#fff;
  border:1px solid var(--wmr-line);padding:7px 13px;border-radius:999px}

/* ============================================================
   2 — FLOATING NAVIGATION HORIZON
   ============================================================ */
.wmr-horizon{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}
.wmr-horizon::-webkit-scrollbar{height:7px}
.wmr-horizon::-webkit-scrollbar-thumb{background:var(--wmr-haze);border-radius:9px}
.wmr-hnode{scroll-snap-align:start;flex:0 0 252px;background:#fff;border:1px solid var(--wmr-line);
  border-radius:var(--wmr-rad);padding:22px 22px 24px;position:relative;transition:.2s;overflow:hidden}
.wmr-hnode:hover{transform:translateY(-4px);box-shadow:var(--wmr-shadow);border-color:var(--wmr-glacier-l)}
.wmr-hnode::before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:3px;background:var(--wmr-aurora)}
.wmr-hnode .nidx{font-family:var(--wmr-ff-m);font-size:12px;color:var(--wmr-dim)}
.wmr-hnode h3{font-size:1.14rem;margin:10px 0 7px}
.wmr-hnode p{margin:0 0 16px;color:var(--wmr-mut);font-size:14px}
.wmr-hnode .go{font-family:var(--wmr-ff-d);font-weight:600;font-size:14px;color:var(--wmr-glacier)}

/* ============================================================
   3 — MEADOW GAME EXPERIENCE STRIP
   ============================================================ */
.wmr-strip{display:flex;gap:24px;overflow-x:auto;padding:6px 2px 22px;scroll-snap-type:x mandatory}
.wmr-strip::-webkit-scrollbar{height:8px}
.wmr-strip::-webkit-scrollbar-thumb{background:var(--wmr-haze);border-radius:9px}
.wmr-gtile{scroll-snap-align:center;flex:0 0 min(560px,86vw);border-radius:26px;overflow:hidden;
  position:relative;color:#fff;padding:38px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
.wmr-gtile.t1{background:linear-gradient(150deg,#1f7fc4,#1eb588)}
.wmr-gtile.t2{background:linear-gradient(150deg,#6b5cf0,#3f97d8)}
.wmr-gtile .gt-em{position:absolute;top:26px;right:30px;font-size:62px;opacity:.9}
.wmr-gtile .gt-kind{font-family:var(--wmr-ff-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.wmr-gtile h3{color:#fff;font-size:1.9rem;margin:8px 0 8px}
.wmr-gtile p{margin:0 0 18px;color:rgba(255,255,255,.9);font-size:15px;max-width:42ch}
.wmr-gtile .wmr-btn-line{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.wmr-gtile .wmr-btn-line:hover{background:rgba(255,255,255,.26);color:#fff}

/* ============================================================
   4 — VIRTUAL CREDITS GLASS CHAMBER
   ============================================================ */
.wmr-chamber{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.wmr-chamber-flow{display:grid;gap:16px}
.wmr-glasstile{background:var(--wmr-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid #fff;box-shadow:var(--wmr-shadow);border-radius:var(--wmr-rad);padding:22px 24px;
  display:flex;gap:16px;align-items:center;position:relative}
.wmr-glasstile .step{font-family:var(--wmr-ff-m);font-size:13px;color:#fff;background:var(--wmr-aurora);
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;font-weight:500}
.wmr-glasstile h4{font-size:1.05rem;margin:0 0 3px}
.wmr-glasstile p{margin:0;color:var(--wmr-mut);font-size:14px}
.wmr-glasstile:not(:last-child)::after{content:"↓";position:absolute;left:34px;bottom:-15px;color:var(--wmr-glacier);font-size:16px}
.wmr-chamber-aside{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:30px}
.wmr-chamber-aside .big{font-family:var(--wmr-ff-d);font-weight:800;font-size:2.6rem;line-height:1}
.wmr-chamber-aside .big span{font-size:1rem;color:var(--wmr-mut);font-weight:600}
.wmr-chamber-aside ul{list-style:none;padding:0;margin:18px 0 0}
.wmr-chamber-aside li{padding:9px 0;border-top:1px solid var(--wmr-line);color:var(--wmr-mut);font-size:14.5px;display:flex;gap:10px}
.wmr-chamber-aside li::before{content:"◆";color:var(--wmr-green)}

/* ============================================================
   5 — SWISS PRECISION LIGHT LAYER
   ============================================================ */
.wmr-precision{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.wmr-topo{position:relative;border-radius:var(--wmr-rad);overflow:hidden;background:linear-gradient(160deg,#eef4fb,#e3edf7);
  border:1px solid var(--wmr-line);min-height:330px}
.wmr-topo svg{position:absolute;inset:0;width:100%;height:100%}
.wmr-specs{display:grid;gap:0}
.wmr-spec{display:flex;align-items:baseline;gap:18px;padding:18px 0;border-bottom:1px solid var(--wmr-line)}
.wmr-spec .n{font-family:var(--wmr-ff-d);font-weight:800;font-size:2rem;line-height:1;color:var(--wmr-ink);min-width:120px}
.wmr-spec .n .u{font-size:.95rem;color:var(--wmr-glacier)}
.wmr-spec .t{color:var(--wmr-mut);font-size:14.5px}

/* ============================================================
   6 — PLAYABLE EXPERIENCE PORTAL
   ============================================================ */
.wmr-portal{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wmr-portal-card{border-radius:24px;padding:34px;color:#fff;position:relative;overflow:hidden;min-height:230px;display:flex;flex-direction:column}
.wmr-portal-card.p1{background:linear-gradient(145deg,#2f93dd,#1eb588)}
.wmr-portal-card.p2{background:linear-gradient(145deg,#7d6cf0,#2f93dd)}
.wmr-portal-card .pc-em{font-size:46px;margin-bottom:auto}
.wmr-portal-card h3{color:#fff;font-size:1.5rem;margin:18px 0 7px}
.wmr-portal-card p{color:rgba(255,255,255,.9);margin:0 0 18px;font-size:14.5px}

/* ============================================================
   7 — COMMUNITY SIGNAL FIELD
   ============================================================ */
.wmr-signals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}
.wmr-signal{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:24px;position:relative}
.wmr-signal .dot{width:9px;height:9px;border-radius:50%;background:var(--wmr-green);position:absolute;top:20px;right:20px;
  box-shadow:0 0 0 0 rgba(30,181,136,.5);animation:wmr-pulse 2.6s infinite}
@keyframes wmr-pulse{0%{box-shadow:0 0 0 0 rgba(30,181,136,.45)}70%{box-shadow:0 0 0 12px rgba(30,181,136,0)}100%{box-shadow:0 0 0 0 rgba(30,181,136,0)}}
.wmr-signal .v{font-family:var(--wmr-ff-d);font-weight:800;font-size:2rem;line-height:1}
.wmr-signal .l{color:var(--wmr-mut);font-size:13.5px;margin-top:6px}
.wmr-echoes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wmr-echo{background:var(--wmr-mist);border:1px solid var(--wmr-line);border-radius:16px;padding:22px}
.wmr-echo p{margin:0 0 12px;font-size:14.5px;color:var(--wmr-ink)}
.wmr-echo .who{font-family:var(--wmr-ff-m);font-size:12px;color:var(--wmr-dim)}

/* ============================================================
   8 — PLATFORM INTELLIGENCE BOARD
   ============================================================ */
.wmr-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wmr-metric{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:24px}
.wmr-metric .mh{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--wmr-mut)}
.wmr-metric .mv{font-family:var(--wmr-ff-d);font-weight:800;font-size:2.1rem;margin:10px 0 14px;line-height:1}
.wmr-bar{height:7px;border-radius:9px;background:var(--wmr-cloud);overflow:hidden}
.wmr-bar i{display:block;height:100%;border-radius:9px;background:var(--wmr-aurora)}

/* ============================================================
   9 — RESPONSIBLE PLAY REFLECTION GARDEN
   ============================================================ */
.wmr-reflect{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.wmr-rp{background:rgba(255,255,255,.78);border:1px solid #d7ede2;border-radius:var(--wmr-rad);padding:26px}
.wmr-rp .ic{font-size:24px;display:block;margin-bottom:13px}
.wmr-rp h3{font-size:1.1rem;margin-bottom:8px}
.wmr-rp p{margin:0;color:var(--wmr-mut);font-size:14.5px}

/* ============================================================
   10 — TRUST TRANSPARENCY LAYER
   ============================================================ */
.wmr-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wmr-pillar{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:30px 28px;position:relative;overflow:hidden}
.wmr-pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--wmr-aurora)}
.wmr-pillar h3{font-size:1.16rem;margin:6px 0 9px}
.wmr-pillar p{margin:0;color:var(--wmr-mut);font-size:14.5px}

/* ============================================================
   11 — SUPPORT LIGHT NETWORK
   ============================================================ */
.wmr-network{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.wmr-snode{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:26px;text-align:left}
.wmr-snode .ic{font-size:23px;display:block;margin-bottom:12px}
.wmr-snode h3{font-size:1.08rem;margin-bottom:7px}
.wmr-snode p{margin:0 0 12px;color:var(--wmr-mut);font-size:14px}
.wmr-snode a{font-family:var(--wmr-ff-d);font-weight:600;font-size:14px;color:var(--wmr-glacier)}

/* ============================================================
   12 — LEGAL CLARITY SPACE
   ============================================================ */
.wmr-legal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wmr-legalcard{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:26px;transition:.2s}
.wmr-legalcard:hover{border-color:var(--wmr-glacier-l);transform:translateY(-3px);box-shadow:var(--wmr-shadow)}
.wmr-legalcard .ic{font-size:21px;margin-bottom:11px;display:block}
.wmr-legalcard h3{font-size:1.06rem;margin-bottom:7px}
.wmr-legalcard p{margin:0;color:var(--wmr-mut);font-size:14px}

/* ============================================================
   13 — BRAND LIGHT SHOWCASE
   ============================================================ */
.wmr-showcase{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.wmr-showcase .sc-visual{border-radius:26px;min-height:340px;background:
  radial-gradient(420px 300px at 30% 20%,rgba(47,147,221,.3),transparent 60%),
  radial-gradient(360px 300px at 80% 80%,rgba(125,108,240,.3),transparent 62%),
  linear-gradient(160deg,#eef5fc,#e3edf7);border:1px solid var(--wmr-line);position:relative;overflow:hidden}
.wmr-showcase .sc-visual .badge{position:absolute;left:28px;bottom:28px;background:#fff;border-radius:14px;
  padding:14px 18px;font-family:var(--wmr-ff-m);font-size:13px;box-shadow:var(--wmr-shadow)}
.wmr-showcase h2{margin-bottom:16px}
.wmr-showcase p{color:var(--wmr-mut);margin:0 0 14px}

/* ============================================================
   AURORA TRANSITION BRIDGE
   ============================================================ */
.wmr-bridge{background:var(--wmr-aurora);color:#fff;text-align:center;padding:74px 0}
.wmr-bridge h2{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem);max-width:20ch;margin:0 auto 14px}
.wmr-bridge p{color:rgba(255,255,255,.92);max-width:54ch;margin:0 auto 26px}
.wmr-bridge .wmr-btn-line{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.wmr-bridge .wmr-btn-fill{background:#fff;color:var(--wmr-ink)}

/* ============================================================
   FOOTER — sculpted, airy, asymmetric (NOT columns)
   ============================================================ */
.wmr-foot{position:relative;background:linear-gradient(180deg,#eef4fb,#e3ecf6);overflow:hidden;margin-top:0}
.wmr-foot-aurora{position:absolute;top:-120px;right:-60px;width:520px;height:340px;
  background:radial-gradient(circle,rgba(125,108,240,.28),transparent 65%);filter:blur(60px);pointer-events:none}
.wmr-foot-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr;gap:46px;
  padding:72px 26px 40px;grid-template-areas:"mark nav" "comp nav"}
.wmr-foot-mark{grid-area:mark;max-width:420px}
.wmr-foot-word{display:block;font-family:var(--wmr-ff-d);font-weight:800;font-size:1.5rem;margin:12px 0 12px}
.wmr-foot-word span{background:var(--wmr-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.wmr-foot-mark p{margin:0;color:var(--wmr-mut);font-size:14.5px;max-width:42ch}
.wmr-foot-nav{grid-area:nav;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.wmr-foot-nav a{font-size:14.5px;color:var(--wmr-mut);padding:7px 12px;border-radius:9px;transition:.16s}
.wmr-foot-nav a:hover{color:var(--wmr-ink);background:rgba(255,255,255,.7)}
.wmr-foot-comp{grid-area:comp;display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.66);
  border:1px solid #fff;border-radius:var(--wmr-rad);padding:20px 22px;max-width:520px}
.wmr-foot-badge{flex:0 0 auto;font-family:var(--wmr-ff-d);font-weight:800;font-size:14px;color:#fff;
  background:var(--wmr-red);border-radius:9px;padding:7px 10px}
.wmr-foot-comp p{margin:0;font-size:12.8px;color:var(--wmr-mut);line-height:1.6}
.wmr-foot-comp a{color:var(--wmr-glacier);text-decoration:underline}
.wmr-foot-base{position:relative;z-index:2;border-top:1px solid var(--wmr-line);padding:18px 0;
  font-size:13px;color:var(--wmr-dim);font-family:var(--wmr-ff-m)}

/* ============================================================
   GAME 1 — AURORA REEL CASCADE  (5x4 cluster cascade)
   ============================================================ */
.wmr-cascade{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}
@media(max-width:900px){.wmr-cascade{grid-template-columns:1fr}}
.wmr-cabinet{background:linear-gradient(170deg,#ffffff,#f1f6fc);border:1px solid var(--wmr-line);
  border-radius:24px;padding:24px;box-shadow:var(--wmr-shadow);transition:.4s}
.wmr-cabinet.idle{opacity:.78}
.wmr-cabinet.aurora{box-shadow:0 0 0 2px var(--wmr-violet-l),0 22px 50px -24px rgba(125,108,240,.5)}
.wmr-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:8px;
  background:linear-gradient(160deg,#eaf2fb,#e0eaf6);border-radius:16px;padding:10px;aspect-ratio:5/4}
.wmr-cell{background:#fff;border-radius:11px;display:grid;place-items:center;font-size:clamp(20px,4vw,30px);
  box-shadow:inset 0 0 0 1px var(--wmr-line);transition:transform .18s,opacity .18s,box-shadow .25s;will-change:transform}
.wmr-cell.win{box-shadow:inset 0 0 0 2px var(--wmr-green),0 0 18px rgba(30,181,136,.45);animation:wmr-glow .5s ease}
.wmr-cell.drop{animation:wmr-fall .34s cubic-bezier(.3,.7,.3,1)}
.wmr-cell.clear{opacity:0;transform:scale(.4)}
@keyframes wmr-glow{50%{transform:scale(1.08)}}
@keyframes wmr-fall{from{transform:translateY(-26px);opacity:.2}to{transform:none;opacity:1}}
.wmr-cab-msg{text-align:center;font-family:var(--wmr-ff-d);font-weight:600;min-height:26px;margin:16px 0 6px;color:var(--wmr-mut)}
.wmr-cab-msg.win{color:var(--wmr-green)}
.wmr-charge{margin:8px 0 18px}
.wmr-charge-top{display:flex;justify-content:space-between;font-family:var(--wmr-ff-m);font-size:12px;color:var(--wmr-mut);margin-bottom:7px}
.wmr-charge-track{display:flex;gap:6px}
.wmr-cp{flex:1;height:8px;border-radius:6px;background:var(--wmr-cloud);transition:.3s}
.wmr-cp.lit{background:var(--wmr-aurora)}
.wmr-cab-ctrl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.wmr-stake{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--wmr-line-2);border-radius:12px;padding:6px 8px}
.wmr-stake button{width:34px;height:34px;border-radius:9px;border:0;background:var(--wmr-cloud);font-size:18px;cursor:pointer;color:var(--wmr-ink)}
.wmr-stake button:hover{background:var(--wmr-haze)}
.wmr-stake .sv{font-family:var(--wmr-ff-m);min-width:54px;text-align:center}
.wmr-stake .sv b{font-size:1.05rem}
.wmr-action{flex:1;min-width:170px}
/* side panel */
.wmr-side{display:grid;gap:18px}
.wmr-balance{background:linear-gradient(150deg,#1f7fc4,#1eb588);color:#fff;border-radius:var(--wmr-rad);padding:22px 24px}
.wmr-balance .lab{font-family:var(--wmr-ff-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.wmr-balance .amt{font-family:var(--wmr-ff-d);font-weight:800;font-size:2.4rem;line-height:1.1}
.wmr-balance button{margin-top:12px}
.wmr-balance .wmr-btn{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.wmr-balance .wmr-btn:hover{background:rgba(255,255,255,.28)}
.wmr-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wmr-stat{background:#fff;border:1px solid var(--wmr-line);border-radius:14px;padding:16px}
.wmr-stat .v{font-family:var(--wmr-ff-d);font-weight:800;font-size:1.5rem}
.wmr-stat .l{font-size:12.5px;color:var(--wmr-mut)}
.wmr-pay{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:20px 22px}
.wmr-pay h4{font-size:1rem;margin:0 0 12px}
.wmr-pay .row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--wmr-line);font-size:14px;color:var(--wmr-mut)}
.wmr-pay .row span:first-child{font-size:18px}

/* ============================================================
   GAME 2 — MEADOW BLACKJACK FLOW  (bright Swiss lounge)
   ============================================================ */
.wmr-flow{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}
@media(max-width:900px){.wmr-flow{grid-template-columns:1fr}}
.wmr-table{background:linear-gradient(165deg,#f3faf7,#e6f2ec);border:1px solid #d4ebe0;
  border-radius:24px;padding:30px 26px;box-shadow:var(--wmr-shadow);position:relative;overflow:hidden}
.wmr-table::before{content:"";position:absolute;inset:14px;border-radius:18px;border:1px dashed #bfe2d3;pointer-events:none}
.wmr-hand{position:relative;z-index:2;margin-bottom:18px}
.wmr-hand .ht{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.wmr-hand .ht .who{font-family:var(--wmr-ff-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wmr-mut)}
.wmr-hand .ht .val{font-family:var(--wmr-ff-d);font-weight:800;font-size:1.2rem;background:#fff;border-radius:10px;padding:3px 12px;box-shadow:inset 0 0 0 1px var(--wmr-line)}
.wmr-cards{display:flex;gap:10px;flex-wrap:wrap;min-height:96px}
.wmr-pcard{width:66px;height:92px;border-radius:11px;background:#fff;box-shadow:0 6px 16px -8px rgba(33,68,110,.4),inset 0 0 0 1px var(--wmr-line);
  display:flex;align-items:center;justify-content:center;font-family:var(--wmr-ff-d);font-weight:700;font-size:1.5rem;color:var(--wmr-ink);
  position:relative;animation:wmr-deal .32s ease}
.wmr-pcard.red{color:var(--wmr-red)}
.wmr-pcard.back{background:linear-gradient(150deg,#2f93dd,#7d6cf0);color:transparent}
.wmr-pcard.back::after{content:"◆";color:rgba(255,255,255,.6);font-size:1.4rem}
@keyframes wmr-deal{from{transform:translateY(-16px) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}
.wmr-table-msg{text-align:center;font-family:var(--wmr-ff-d);font-weight:700;min-height:26px;margin:8px 0 16px;position:relative;z-index:2;color:var(--wmr-mut)}
.wmr-table-msg.win{color:var(--wmr-green)}
.wmr-table-msg.lose{color:var(--wmr-red)}
.wmr-table-ctrl{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
.wmr-table-ctrl .wmr-btn{flex:1;min-width:120px}
.wmr-chips{display:flex;gap:10px;margin:6px 0 16px;position:relative;z-index:2}
.wmr-chip{width:58px;height:58px;border-radius:50%;border:2px dashed #fff;cursor:pointer;font-family:var(--wmr-ff-d);
  font-weight:700;color:#fff;font-size:14px;display:grid;place-items:center;transition:.18s;box-shadow:0 6px 14px -8px rgba(33,68,110,.5)}
.wmr-chip[data-chip="50"]{background:linear-gradient(150deg,#2f93dd,#4fb3e8)}
.wmr-chip[data-chip="100"]{background:linear-gradient(150deg,#1eb588,#7fe4c2)}
.wmr-chip[data-chip="250"]{background:linear-gradient(150deg,#7d6cf0,#bcb1ff)}
.wmr-chip.sel{transform:translateY(-4px) scale(1.06);border-style:solid;box-shadow:0 0 0 3px rgba(47,147,221,.3),0 8px 18px -8px rgba(33,68,110,.6)}
/* flow trail + history */
.wmr-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wmr-ro{background:#fff;border:1px solid var(--wmr-line);border-radius:13px;padding:14px;text-align:center}
.wmr-ro .v{font-family:var(--wmr-ff-d);font-weight:800;font-size:1.4rem}
.wmr-ro .l{font-size:11.5px;color:var(--wmr-mut);text-transform:uppercase;letter-spacing:.05em}
.wmr-trail{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:20px 22px}
.wmr-trail h4{font-size:1rem;margin:0 0 6px}
.wmr-trail .streaks{display:flex;gap:18px;font-family:var(--wmr-ff-m);font-size:12.5px;color:var(--wmr-mut);margin-bottom:14px}
.wmr-trail .streaks b{color:var(--wmr-ink);font-size:1.05rem;font-family:var(--wmr-ff-d)}
.wmr-trailrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wmr-tdot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff;font-weight:700}
.wmr-tdot.w{background:var(--wmr-green)}
.wmr-tdot.l{background:var(--wmr-red)}
.wmr-tdot.p{background:var(--wmr-silver)}
.wmr-history{background:#fff;border:1px solid var(--wmr-line);border-radius:var(--wmr-rad);padding:20px 22px}
.wmr-history .hh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.wmr-history h4{font-size:1rem;margin:0}
.wmr-history .clr{font-family:var(--wmr-ff-m);font-size:12px;color:var(--wmr-glacier);background:none;border:0;cursor:pointer}
.wmr-history ul{list-style:none;margin:0;padding:0;max-height:230px;overflow-y:auto}
.wmr-history li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--wmr-line);font-size:13.5px}
.wmr-history li:first-child{border-top:0}
.wmr-history .sc{font-family:var(--wmr-ff-m);color:var(--wmr-mut)}
.wmr-history .res{font-family:var(--wmr-ff-d);font-weight:700;font-size:12px;padding:2px 9px;border-radius:8px}
.wmr-history .res.w{color:var(--wmr-green);background:rgba(30,181,136,.12)}
.wmr-history .res.l{color:var(--wmr-red);background:rgba(226,59,70,.1)}
.wmr-history .res.p{color:var(--wmr-mut);background:var(--wmr-cloud)}
.wmr-empty{color:var(--wmr-dim);font-size:13.5px;padding:8px 0}

/* ---------- reveal + responsive ---------- */
.wmr-rise{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.wmr-rise.in{opacity:1;transform:none}
@media(max-width:980px){
  .wmr-g3,.wmr-g4,.wmr-board,.wmr-signals,.wmr-reflect,.wmr-trust,.wmr-network,.wmr-legal{grid-template-columns:1fr 1fr}
  .wmr-chamber,.wmr-precision,.wmr-portal,.wmr-showcase{grid-template-columns:1fr;gap:28px}
  .wmr-foot-inner{grid-template-columns:1fr;grid-template-areas:"mark" "comp" "nav"}
  .wmr-foot-nav{flex-flow:row wrap}
}
@media(max-width:620px){
  .wmr-g2,.wmr-g3,.wmr-g4,.wmr-board,.wmr-signals,.wmr-echoes,.wmr-reflect,.wmr-trust,.wmr-network,.wmr-legal{grid-template-columns:1fr}
  .wmr-stats{grid-template-columns:1fr 1fr}
  .wmr-readout{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .wmr-rise{opacity:1;transform:none}
}