/* ============================================================
   CEDAR WIND PATH — DRIFT CONSOLE · theme.css  (prefix cwp-)
   Clean dashboard-style social casino. Slate + teal.
   ============================================================ */

.cwp-sec{padding:64px 0}
.cwp-sec--paper{background:var(--cwp-paper)}
.cwp-sec--mist{background:var(--cwp-mist)}
.cwp-sec--ink{background:#13202c;color:#e8eef3}
.cwp-sec--ink h2,.cwp-sec--ink h3{color:#fff}
.cwp-sec--ink p{color:#a9b6c4}

.cwp-kick{font-family:var(--cwp-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cwp-teal-d);margin:0 0 14px}
.cwp-kick::before{content:"// "}
.cwp-h1{font-family:var(--cwp-disp);font-weight:800;font-size:clamp(34px,5.4vw,62px);line-height:1.02;letter-spacing:-.025em}
.cwp-h2{font-family:var(--cwp-disp);font-weight:800;font-size:clamp(26px,3.4vw,40px);line-height:1.06;letter-spacing:-.02em}
.cwp-h3{font-family:var(--cwp-disp);font-weight:700;font-size:21px}
.cwp-lead{font-size:clamp(16px,1.7vw,19px);color:var(--cwp-mut);max-width:60ch;margin:14px 0 0}
.cwp-btns{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.cwp-rise{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.cwp-rise.in{opacity:1;transform:none}

/* ---- BENTO DASHBOARD (homepage) ---- */
.cwp-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:16px}
.cwp-tile{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:var(--cwp-rad);padding:24px;position:relative;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.cwp-tile:hover{box-shadow:0 22px 44px -30px rgba(24,34,46,.35)}
.cwp-tile .ix{font-family:var(--cwp-mono);font-size:11px;color:var(--cwp-dim);position:absolute;top:16px;right:18px}
.cwp-tile h3{margin:0 0 6px}
.cwp-tile p{margin:0;color:var(--cwp-mut);font-size:14.5px}
.cwp-tile .go{margin-top:auto;padding-top:14px;font-family:var(--cwp-mono);font-size:12.5px;font-weight:700;color:var(--cwp-teal-d)}
/* spans */
.t-hero{grid-column:span 2;grid-row:span 2;background:linear-gradient(155deg,#13202c,#1c3140);color:#fff;justify-content:center}
.t-hero h2{color:#fff}
.t-hero p{color:#a9b6c4}
.t-hero .cwp-meter{display:inline-block;margin-top:18px;width:fit-content}
.t-game1{grid-column:span 2;background:linear-gradient(150deg,#0fb3a6,#0a8f85);color:#fff}
.t-game1 h3,.t-game2 h3{color:#fff}
.t-game1 p,.t-game2 p{color:rgba(255,255,255,.92)}
.t-game1 .go,.t-game2 .go{color:#fff}
.t-game2{grid-column:span 2;background:linear-gradient(150deg,#4b62d8,#6f5ed8);color:#fff}
.t-stat .v{font-family:var(--cwp-mono);font-size:38px;font-weight:700;color:var(--cwp-ink)}
.t-stat .l{font-size:13px;color:var(--cwp-mut);margin-top:2px}
.t-wide{grid-column:span 2}
.t-amber{background:linear-gradient(150deg,#f7c46a,#f2a93b)}
.t-amber h3{color:#3a2a08}.t-amber p{color:#5a4410}.t-amber .go{color:#5a4410}
.cwp-tile .em{font-size:24px;margin-bottom:8px}

/* ---- generic cards / grids / prose ---- */
.cwp-g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cwp-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cwp-card{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:var(--cwp-rad);padding:24px;transition:.2s}
.cwp-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(24,34,46,.35)}
.cwp-card .em{font-size:24px}
.cwp-card h3{font-size:17px;margin:10px 0 6px}
.cwp-card p{margin:0;color:var(--cwp-mut);font-size:14.5px}
.cwp-callout{background:#e7f7f5;border:1px solid #b7e6e1;border-left:4px solid var(--cwp-teal);border-radius:12px;padding:20px 22px;display:flex;gap:13px;align-items:flex-start}
.cwp-callout .em{font-size:21px}
.cwp-callout p{margin:0;font-size:14.5px;color:#0a4a45}
.cwp-callout strong{color:var(--cwp-ink)}
.cwp-prose{max-width:740px}
.cwp-prosetop{max-width:760px}
.cwp-prose h2{font-family:var(--cwp-disp);font-size:24px;margin:38px 0 10px;letter-spacing:-.01em}
.cwp-prose h3{font-family:var(--cwp-disp);font-size:18px;margin:24px 0 8px}
.cwp-prose p{color:var(--cwp-mut);margin:0 0 14px}
.cwp-prose ul{color:var(--cwp-mut);padding-left:20px}.cwp-prose li{margin:6px 0}
.cwp-prose a{color:var(--cwp-teal-d);font-weight:600}
.cwp-updated{font-family:var(--cwp-mono);font-size:12px;color:var(--cwp-dim);margin-top:8px}
.cwp-faq{border-bottom:1px solid var(--cwp-line)}
.cwp-faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;font-size:15px}
.cwp-faq summary::-webkit-details-marker{display:none}
.cwp-faq summary::before{content:"▸ ";color:var(--cwp-teal-d);font-family:var(--cwp-mono)}
.cwp-faq[open] summary::before{content:"▾ "}
.cwp-faq .a{padding:0 0 15px;color:var(--cwp-mut);font-size:14.5px}
.cwp-noscript{background:#fff5e2;border:1px solid #f0cd86;color:#6a4d12;border-radius:12px;padding:16px 18px;margin:20px 0}
.cwp-noscript a{color:var(--cwp-teal-d);font-weight:600}

/* ---- mobile panel ---- */
.cwp-panel{position:fixed;left:0;right:0;top:66px;z-index:90;background:var(--cwp-paper);border-bottom:1px solid var(--cwp-line);box-shadow:0 20px 40px -28px rgba(24,34,46,.4)}
.cwp-panel nav{display:flex;flex-direction:column;padding:10px 24px 18px}
.cwp-panel a{font-family:var(--cwp-mono);font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--cwp-ink);padding:11px 0;border-bottom:1px solid var(--cwp-line)}

/* ====================================================
   GAME 1 · GUST REELS  (scatter / pays-anywhere 5x3)
   ==================================================== */
.cwp-reels{display:grid;grid-template-columns:1.5fr .85fr;gap:22px;align-items:start}
.cwp-machine{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:18px;padding:22px;transition:.3s}
.cwp-machine.idle .cwp-grid{filter:saturate(.4) opacity(.72)}
.cwp-machine.gust{box-shadow:0 0 0 2px var(--cwp-teal) inset}
.cwp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:var(--cwp-mist);border-radius:13px;padding:10px}
.cwp-cell{aspect-ratio:1/1;background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.6vw,34px);transition:.18s}
.cwp-cell.spin{animation:cwp-drop .34s ease}
.cwp-cell.win{border-color:var(--cwp-teal);box-shadow:0 0 0 3px rgba(15,179,166,.26);background:#e7f7f5;animation:cwp-pulse .8s ease}
@keyframes cwp-drop{0%{transform:translateY(-10px);opacity:.3}100%{transform:none;opacity:1}}
@keyframes cwp-pulse{0%,100%{transform:none}50%{transform:scale(1.08)}}
.cwp-reelmsg{text-align:center;font-family:var(--cwp-mono);font-size:13px;color:var(--cwp-mut);min-height:20px;margin:14px 0 2px}
.cwp-reelmsg.win{color:var(--cwp-teal-d);font-weight:700}
.cwp-windbar{margin:10px 0 4px}
.cwp-windbar .l{display:flex;justify-content:space-between;font-family:var(--cwp-mono);font-size:11px;color:var(--cwp-mut);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.cwp-windbar .track{height:8px;background:var(--cwp-mist);border-radius:6px;overflow:hidden}
.cwp-windbar .fill{height:100%;width:0;background:linear-gradient(90deg,var(--cwp-teal),var(--cwp-indigo));transition:.4s}
.cwp-ctrl{display:flex;gap:11px;align-items:center;margin-top:14px;flex-wrap:wrap}
.cwp-stake{display:flex;align-items:center;gap:7px;background:var(--cwp-mist);border:1px solid var(--cwp-line);border-radius:10px;padding:5px 6px}
.cwp-stake button{width:32px;height:32px;border-radius:8px;border:1px solid var(--cwp-line);background:var(--cwp-paper);cursor:pointer;font-size:17px}
.cwp-stake .sv{font-family:var(--cwp-mono);font-weight:700;min-width:56px;text-align:center}
.cwp-side{display:flex;flex-direction:column;gap:14px}
.cwp-bal{background:#13202c;color:#fff;border-radius:16px;padding:22px}
.cwp-bal .l{font-family:var(--cwp-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a9b6c4}
.cwp-bal .amt{font-family:var(--cwp-mono);font-size:34px;font-weight:700;color:var(--cwp-teal);margin:5px 0 14px}
.cwp-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cwp-stat{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:11px;padding:13px}
.cwp-stat .v{font-family:var(--cwp-mono);font-size:19px;font-weight:700}
.cwp-stat .l{font-size:11.5px;color:var(--cwp-mut)}
.cwp-pay{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:14px;padding:18px}
.cwp-pay h4{margin:0 0 10px;font-family:var(--cwp-disp);font-size:15px}
.cwp-payrow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--cwp-line);font-size:13.5px;color:var(--cwp-mut)}
.cwp-payrow .s{font-size:19px}.cwp-payrow .p{font-family:var(--cwp-mono);font-weight:700;color:var(--cwp-ink)}

/* ====================================================
   GAME 2 · WINDFALL WHEEL
   ==================================================== */
.cwp-wheelwrap{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.cwp-stage{background:var(--cwp-paper);border:1px solid var(--cwp-line);border-radius:18px;padding:26px;text-align:center;position:relative}
.cwp-wheelbox{position:relative;width:min(360px,80vw);margin:6px auto 4px;aspect-ratio:1/1}
.cwp-disc{width:100%;height:100%;border-radius:50%;border:8px solid #13202c;position:relative;transition:transform 4.2s cubic-bezier(.17,.67,.12,.99);
  background:conic-gradient(
    var(--cwp-teal) 0deg 45deg,
    var(--cwp-indigo) 45deg 90deg,
    var(--cwp-coral) 90deg 135deg,
    var(--cwp-amber) 135deg 180deg,
    var(--cwp-teal-d) 180deg 225deg,
    #6f5ed8 225deg 270deg,
    #d94f6f 270deg 315deg,
    #f7c46a 315deg 360deg)}
.cwp-disc .seg{position:absolute;left:50%;top:8%;transform-origin:0 calc(50vmin);}
.cwp-seglabel{position:absolute;inset:0}
.cwp-seglabel span{position:absolute;left:50%;top:9%;font-family:var(--cwp-mono);font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transform:translateX(-50%)}
.cwp-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#13202c;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--cwp-mono);font-weight:700;font-size:12px;z-index:3;border:3px solid #fff}
.cwp-pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:22px solid var(--cwp-amber);z-index:4;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.cwp-wheelmsg{font-family:var(--cwp-mono);font-size:13.5px;color:var(--cwp-mut);min-height:20px;margin:14px 0 6px}
.cwp-wheelmsg.win{color:var(--cwp-teal-d);font-weight:700}
.cwp-wheelmsg.lose{color:var(--cwp-coral);font-weight:700}
.cwp-wheelctrl{display:flex;gap:11px;align-items:center;justify-content:center;flex-wrap:wrap}

@media(max-width:980px){
  .cwp-bento{grid-template-columns:repeat(2,1fr)}
  .t-hero{grid-column:span 2;grid-row:span 1}
  .t-game1,.t-game2,.t-wide{grid-column:span 2}
  .cwp-reels,.cwp-wheelwrap{grid-template-columns:1fr}
  .cwp-g3{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .cwp-bento,.cwp-g2,.cwp-g3{grid-template-columns:1fr}
  .t-hero,.t-game1,.t-game2,.t-wide,.t-stat{grid-column:span 1}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}.cwp-disc{transition:none}.cwp-rise{opacity:1;transform:none}}

/* ---- footer ---- */
.cwp-foot{background:var(--cwp-paper);border-top:1px solid var(--cwp-line);padding:48px 0 34px}
.cwp-foot__grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cwp-foot__brand{max-width:360px}
.cwp-foot__word{font-family:var(--cwp-disp);font-weight:800;font-size:22px;letter-spacing:-.02em}
.cwp-foot__brand p{color:var(--cwp-mut);font-size:14px;margin:8px 0 0}
.cwp-foot__links{display:flex;flex-wrap:wrap;gap:8px 16px;align-content:flex-start;max-width:520px}
.cwp-foot__links a{font-family:var(--cwp-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--cwp-mut)}
.cwp-foot__links a:hover{color:var(--cwp-teal-d)}
.cwp-foot__comp{display:flex;gap:13px;align-items:flex-start;background:var(--cwp-mist);border-left:4px solid var(--cwp-teal);border-radius:12px;padding:18px 20px;margin:26px 0 18px}
.cwp-foot__age{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background:var(--cwp-coral);color:#fff;font-family:var(--cwp-disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.cwp-foot__comp p{margin:0;font-size:13.5px;color:var(--cwp-mut)}
.cwp-foot__comp a{color:var(--cwp-teal-d);font-weight:600}
.cwp-foot__base{font-family:var(--cwp-mono);font-size:11.5px;color:var(--cwp-dim);border-top:1px solid var(--cwp-line);padding-top:16px}