/* ============================================================
   Казино-слой. AI-стартап — это то же казино,
   только вместо рулетки — pitch deck, а вместо депозита — раунд.
   ============================================================ */
:root{
  --gold:#ffc83d;
  --gold-2:#ff8a00;
  --red:#e5232b;
}

/* ---------- ПРОМО-ПОЛОСА ---------- */
.promo{
  border-block:1px solid rgba(255,200,61,.3);
  background:linear-gradient(90deg,rgba(229,35,43,.18),rgba(255,138,0,.16),rgba(255,200,61,.14),rgba(229,35,43,.18));
  background-size:300% 100%;animation:slide 10s linear infinite;
  overflow:hidden;padding:14px 0;
}
.promo-track{display:flex;width:max-content;animation:run 30s linear infinite}
.promo-track i{
  font-style:normal;white-space:nowrap;padding-right:52px;font-size:13.5px;font-weight:800;
  letter-spacing:.04em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 18px rgba(255,200,61,.35);
}

/* ---------- СЕКЦИЯ КАЗИНО ---------- */
.casino{
  border:1px solid rgba(255,200,61,.28);border-radius:26px;padding:44px;
  background:
    radial-gradient(70% 90% at 50% 0%,rgba(229,35,43,.2),transparent 70%),
    linear-gradient(180deg,rgba(255,138,0,.07),rgba(0,0,0,.35));
  position:relative;overflow:hidden;
}
.casino::before{
  content:'';position:absolute;inset:-40%;pointer-events:none;opacity:.14;
  background:repeating-conic-gradient(from 0deg,rgba(255,200,61,.8) 0deg 8deg,transparent 8deg 16deg);
  animation:spin 60s linear infinite;
}
.casino>*{position:relative;z-index:1}
.casino-head{text-align:center;margin-bottom:34px}
.casino-head h2{margin-bottom:14px}
.gold-text{background:linear-gradient(135deg,#ffc83d,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}

.slot{
  max-width:720px;margin:0 auto;border:2px solid rgba(255,200,61,.42);border-radius:20px;
  background:linear-gradient(180deg,#14101a,#0a0810);padding:22px;
  box-shadow:0 0 70px -18px rgba(255,138,0,.55),inset 0 0 40px rgba(0,0,0,.6);
}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.reel{
  height:110px;border-radius:13px;overflow:hidden;position:relative;
  background:linear-gradient(180deg,#1d1828,#100c18);border:1px solid rgba(255,200,61,.22);
  display:grid;place-items:center;padding:10px;text-align:center;
}
.reel::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.75),transparent 28%,transparent 72%,rgba(0,0,0,.75));
}
.reel span{
  font-size:14.5px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text);
  transition:filter .1s;
}
.reel.spinning span{filter:blur(2.5px);opacity:.75}
.reel.hit{border-color:var(--gold);box-shadow:0 0 26px -4px rgba(255,200,61,.6)}

.slot-screen{
  border:1px dashed rgba(255,200,61,.3);border-radius:12px;padding:14px 16px;margin-bottom:18px;
  font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--gold);min-height:58px;
  display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.55;
  background:rgba(0,0,0,.4);
}
.slot-bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.balance{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--muted)}
.balance b{color:var(--g);font-size:20px;display:block;letter-spacing:-.02em}
.balance.low b{color:var(--p)}
.btn-gold{
  background:linear-gradient(135deg,#ffc83d,#ff8a00);color:#1a1000;font-weight:900;
  box-shadow:0 8px 30px -6px rgba(255,138,0,.6);letter-spacing:.02em;
}
.btn-gold:hover{box-shadow:0 12px 40px -6px rgba(255,138,0,.8)}
.btn-gold:disabled{opacity:.55;cursor:not-allowed;transform:none}
.slot-fn{text-align:center;margin-top:20px;font-size:12.5px;color:var(--dim);line-height:1.6}

/* таблица «казино vs стартап» */
.parallel{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:26px}
.parallel-head{padding:16px 22px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.04);border-bottom:1px solid var(--line)}
.parallel-head:first-child{color:var(--red);border-right:1px solid var(--line)}
.parallel-head:nth-child(2){color:var(--v)}
.parallel-cell{padding:15px 22px;font-size:14.5px;color:var(--muted);border-bottom:1px solid var(--line);line-height:1.5}
.parallel-cell:nth-child(odd){border-right:1px solid var(--line);color:var(--text)}
.parallel-cell.same{color:var(--y);font-weight:600}

/* ---------- ФИНАЛЬНЫЙ КРИК ---------- */
.rage{
  text-align:center;border:1px solid rgba(255,77,125,.35);border-radius:26px;padding:76px 28px;
  background:radial-gradient(80% 100% at 50% 0%,rgba(229,35,43,.22),transparent 70%),linear-gradient(180deg,rgba(255,77,125,.08),rgba(0,0,0,.4));
  overflow:hidden;position:relative;
}
.rage h2{
  font-size:clamp(34px,8.2vw,96px);line-height:.98;font-weight:900;letter-spacing:-.05em;
  background:linear-gradient(135deg,#ff4d7d,#ffc83d,#ff8a00);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:26px;text-wrap:balance;
}
.rage .lead{margin:0 auto 30px}
.rage-sub{font-size:13.5px;color:var(--dim);max-width:640px;margin:26px auto 0;line-height:1.7}
.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{
  10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}
  30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}
}

/* ---------- GAMBLING-ДИСКЛЕЙМЕР ---------- */
.gamble{
  margin-top:26px;border:1px solid rgba(255,200,61,.22);border-radius:14px;padding:18px 20px;
  background:rgba(255,200,61,.05);font-size:12.5px;color:var(--muted);line-height:1.7;
}
.gamble b{color:var(--gold)}

@media(max-width:860px){
  .casino{padding:28px 20px}
  .reels{grid-template-columns:1fr;gap:8px}
  .reel{height:64px}
  .parallel{grid-template-columns:1fr}
  .parallel-head:first-child{border-right:none}
  .parallel-head:nth-child(2){display:none}
  .parallel-cell:nth-child(odd){border-right:none;border-bottom:none;padding-bottom:4px}
  .parallel-cell:nth-child(even){padding-top:4px}
  .parallel-cell:nth-child(even)::before{content:'→ у AI-стартапа: ';color:var(--v);font-weight:600}
  .rage{padding:52px 18px}
}