/* "Temporarily closed" — a Direct-plan casino under its minimum aggregation balance. Built only from the template's own
   variables (styles.css + templates/<id>.css), so it looks like the casino it belongs to; the Telegram app gets the Club look. */
.closed-body{ min-height:100%; display:flex; align-items:center; justify-content:safe center; padding:max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom)); }
.closed-card{ flex:0 0 auto; align-self:center; width:100%; max-width:520px; margin:auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; padding:38px 30px 30px; border-radius:20px; background:var(--surface); border:1px solid var(--border); box-shadow:0 30px 70px -40px rgba(0,0,0,.55); opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
body.ready .closed-card{ opacity:1; transform:none; }
.closed-brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:22px; font-weight:700; color:var(--text); min-height:40px; margin-bottom:22px; } .closed-brand img{ height:40px; max-width:200px; object-fit:contain; display:block; }
.closed-face{ width:92px; height:92px; border-radius:50%; display:grid; place-items:center; color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, transparent); margin-bottom:20px; } .closed-face svg{ width:56px; height:56px; fill:currentColor; }
.closed-eyebrow{ font-family:var(--font-mono); font-size:11.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.closed-card h1{ font-family:var(--font-display); font-size:clamp(26px, 6.6vw, 36px); line-height:1.08; margin:0 0 14px; color:var(--text); text-wrap:balance; }
.closed-card p{ margin:0 0 24px; color:var(--muted); font-size:15.5px; line-height:1.6; max-width:42ch; text-wrap:pretty; }
.closed-note{ display:flex; align-items:center; gap:12px; text-align:start; width:100%; padding:14px 16px; border-radius:14px; background:var(--surface-raised); border:1px solid var(--border); color:var(--text); font-size:13.5px; line-height:1.45; } .closed-note svg{ flex:none; width:26px; height:26px; fill:var(--accent); }
.closed-langs{ display:flex; gap:6px; margin-top:22px; } .closed-langs button{ border:1px solid var(--border); background:transparent; color:var(--muted); border-radius:99px; padding:6px 12px; font:600 11.5px/1 var(--font-body); letter-spacing:.08em; } .closed-langs button.on{ background:var(--accent); border-color:var(--accent); color:var(--ink); }
[dir="rtl"] .closed-eyebrow{ letter-spacing:0; font-size:13px; }
/* per-template touches */
html[data-template="goldenwin"] .closed-card{ border-radius:6px; } html[data-template="goldenwin"] .closed-card h1{ font-weight:400; } html[data-template="goldenwin"] .closed-note{ border-radius:4px; } html[data-template="goldenwin"] .closed-langs button.on{ background:var(--gold-grad); color:var(--on-gold); border-color:transparent; }
html[data-template="purplepot"] .closed-card{ border-radius:28px; background:var(--pp-panel); backdrop-filter:blur(8px); } html[data-template="purplepot"] .closed-card h1{ font-size:clamp(22px, 5.6vw, 30px); font-weight:600; } html[data-template="purplepot"] .closed-langs button.on{ background:var(--pp-grad); color:var(--on-pp); border-color:transparent; }
html[data-template="silverstake"] .closed-card{ background:#fff; box-shadow:0 24px 60px -40px rgba(35,39,43,.35); } html[data-template="silverstake"] .closed-langs button.on{ color:#fff; }
/* the Telegram app: Club (black, the metal, Cormorant + Jost) */
html[data-closed-tg]{ --ink:#060606; --surface:#0E0D0B; --surface-raised:#15130F; --border:rgba(217,188,122,.18); --text:#F3EEE2; --muted:#9A9384; --accent:#D9BC7A; --font-display:'Cormorant Garamond', Georgia, serif; --font-body:'Jost', sans-serif; --font-mono:'Jost', sans-serif; }
html[data-closed-tg] body{ background:radial-gradient(90% 60% at 50% -10%, rgba(217,188,122,.16), transparent 60%), #060606; color:var(--text); font-family:var(--font-body); }
html[data-closed-tg] .closed-card{ border-radius:24px; } html[data-closed-tg] .closed-card h1{ font-weight:500; font-size:clamp(30px, 8vw, 40px); } html[data-closed-tg] .closed-brand{ font-weight:500; font-size:26px; }
html[data-closed-tg] .closed-langs button.on{ background:linear-gradient(135deg,#f3e2b0,#d9bc7a 50%,#a98a45); color:#1a1408; border-color:transparent; }