:root{
  --bg:#1f223a;
  --panel:#2d3152;
  --panel-2:#34395d;
  --soft:#3b4168;
  --accent:#9a6cff;
  --accent-2:#c89eff;
  --text:#eef0ff;
  --muted:#b9b8db;
  --line:rgba(255,255,255,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#1b1d32;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
.layout{display:grid;grid-template-columns:280px 78px 1fr;gap:12px;padding:16px;min-height:100vh;background:linear-gradient(180deg,#1b1d32,#1f2239)}
.chat-panel,.icon-rail,.content,.section-box,.game-card,.mini-card,.promo-card,.wide-card,.hero-card{border-radius:18px}
.chat-panel,.icon-rail,.content{background:rgba(47,51,83,.98);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.chat-panel{padding:16px 14px;display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 32px)}
.panel-top{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px;border-bottom:1px solid var(--line)}
.balance{font-size:30px;font-weight:800;color:#d7ccff}
.top-icons{display:flex;gap:10px}.top-icons span{width:36px;height:36px;border-radius:12px;background:#5e5a88;display:grid;place-items:center;font-size:18px}
.withdraw-banner{padding:12px 14px;background:#373d65;color:#c7b3ff;border-radius:14px;font-weight:700}
.messages{display:flex;flex-direction:column;gap:14px;overflow:auto;padding-right:6px}
.message{position:relative;background:#2a2e4c;border-radius:16px;padding:12px 14px 12px 16px;border:1px solid rgba(255,255,255,.04)}
.message .name{font-weight:800;margin-bottom:6px}.message .time{position:absolute;top:10px;right:10px;color:#9da0ca;font-size:12px}.message .text,.message .reply{line-height:1.35;color:#f2f4ff}.message.green .name{color:#8edb4c}.message.mod{border-left:4px solid var(--accent)}.message.mod .name{color:#61a4ff}
.side-auth{margin-top:auto;background:#252945;color:#8f95c5;border:0;padding:16px;border-radius:14px;font-weight:700}
.icon-rail{padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:14px}
.rail-icon{width:46px;height:46px;border-radius:14px;background:#42456d;display:grid;place-items:center;font-size:24px;opacity:.95}
.rail-icon.active{background:linear-gradient(180deg,#5a4a89,#43355c)}
.content{padding:0 0 20px;overflow:hidden}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 10px}
.brand{font-size:54px;line-height:1;font-weight:900;color:var(--accent);letter-spacing:.5px}
.auth-btn{background:linear-gradient(180deg,#a86eff,#8b5eff);color:#fff;border:0;padding:16px 28px;border-radius:14px;font-weight:800;box-shadow:0 10px 18px rgba(154,108,255,.18)}
.tabs{display:flex;gap:30px;padding:0 24px 16px;margin:0 24px;border-bottom:1px solid var(--line);font-weight:700;color:#bcb9de}
.tabs a{padding:10px 0;position:relative}.tabs a.active{color:#fff}.tabs a.active:after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--accent)}
.hero-grid{display:grid;grid-template-columns:1.9fr .9fr;gap:16px;padding:18px 24px}
.hero-card{position:relative;overflow:hidden;min-height:250px;background:radial-gradient(circle at 70% 10%,rgba(147,117,255,.35),transparent 25%),linear-gradient(135deg,#025886,#1c7cb1 45%,#103f63)}
.hero-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(255,255,255,.08),transparent 10%),radial-gradient(circle at 30% 60%,rgba(255,255,255,.08),transparent 10%),radial-gradient(circle at 55% 20%,rgba(255,255,255,.05),transparent 8%),radial-gradient(circle at 70% 55%,rgba(255,255,255,.07),transparent 7%) }
.hero-copy{position:relative;z-index:2;padding:28px 32px;max-width:360px}.hero-copy h1{font-size:72px;margin:0 0 8px;font-weight:900}.hero-copy p{font-size:22px;line-height:1.15;margin:0 0 26px;font-weight:700}.hero-copy button,.promo-card button,.ghost-btn,.game-card a{border:0;border-radius:12px}
.hero-copy button{background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;padding:16px 28px;font-weight:800;border:2px solid rgba(255,255,255,.2)}
.hero-figure{position:absolute;right:70px;top:48px;font-size:118px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));z-index:1}
.dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;z-index:2}.dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}.dots .on{width:24px;border-radius:999px;background:#fff}
.side-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}.promo-card{padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;min-height:117px}.promo-big{font-size:86px;font-weight:900;line-height:.9}.promo-text{font-size:22px;font-weight:800;line-height:1.05;max-width:230px}.promo-card button{padding:14px 20px;background:rgba(255,255,255,.16);color:#fff;font-weight:800}.banner-purple{background:linear-gradient(135deg,#30153d,#19091f 45%,#5742b4)}.banner-cookie{background:linear-gradient(135deg,#a764ff,#b88eff 45%,#8f6dff)}.cookie-art{font-size:70px;align-self:flex-end;margin-top:-10px}
.section-box{background:#3a3f63;margin:0 24px 18px;padding:20px;border:1px solid rgba(255,255,255,.04)}
.section-title{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:900;margin-bottom:18px}.title-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#6655a8;color:#cab9ff;font-size:18px}
.dual-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide-card{min-height:168px;padding:24px 28px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative}.wide-card h3{margin:0 0 34px;font-size:26px}.small-link{font-size:18px;font-weight:800}.slot-card{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#5b0068,#8f3fd3 45%,#e54c7e)}.live-card{background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#005288,#00a5d7 40%,#114c7f)}.mascot{font-size:84px;opacity:.95}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{padding:0 0 16px;overflow:hidden;background:#44496f}.game-card .ico{height:150px;display:grid;place-items:center;font-size:88px;color:#fff;background:
linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05)),
repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(255,255,255,.07) 48px,rgba(255,255,255,.07) 51px),
radial-gradient(circle at 10% 20%,rgba(255,255,255,.18),transparent 8%),
radial-gradient(circle at 70% 75%,rgba(255,255,255,.12),transparent 8%)}
.game-card h4{font-size:26px;margin:14px 16px 4px;color:#b9a7ff}.game-card p{margin:0 16px 16px;color:#a8abd0;min-height:40px}.game-card a{display:inline-block;background:#b2a0ff;color:#fff;font-weight:900;padding:12px 22px;margin-left:16px}
.g1 .ico{background-color:#63d3db}.g2 .ico{background-color:#d6a1f0}.g3 .ico{background-color:#ff9c40}.g4 .ico{background-color:#5fbd41}.g5 .ico{background-color:#20b8ea}.g6 .ico{background-color:#1fa7ef}.g7 .ico{background-color:#9e79ff}.g8 .ico{background-color:#a65a74}.g9 .ico{background-color:#6d5fa4}.g10 .ico{background-color:#ab7c62}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ghost-btn{display:inline-block;padding:14px 18px;background:#4a4e73;color:#9ca0c7;font-weight:900}
.mini-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.mini-card{min-height:170px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;font-weight:900;overflow:hidden;position:relative}.mini-card span{font-size:19px;line-height:1.05;max-width:120px;text-shadow:0 2px 8px rgba(0,0,0,.24)}.mini-card small{margin-top:8px;color:rgba(255,255,255,.84)}.c1{background:linear-gradient(180deg,#ff6acc,#ff8a59)}.c2{background:linear-gradient(180deg,#ffbc68,#d78a47)}.c3{background:linear-gradient(180deg,#e4a655,#ab6320)}.c4{background:linear-gradient(180deg,#5dc8ff,#4099d5)}.c5{background:linear-gradient(180deg,#ff6464,#ffb860)}.c6{background:linear-gradient(180deg,#57bdff,#2d90f0)}.view-all{align-items:center;justify-content:center}.view-all span{max-width:none}
.seo-block{margin:0 24px;padding:16px 6px 8px;color:#dcddf0}.seo-block h2{font-size:30px;margin:8px 0 16px}.seo-block p{font-size:17px;line-height:1.65;color:#d6d7ef}
.footer{margin:14px 24px 0;padding:18px 6px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#afb2d8}.footer-links{display:flex;gap:18px}
.simple-page{max-width:1100px;margin:32px auto;padding:32px;background:#2f3457;border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.simple-page h1{margin:0 0 12px;font-size:42px}.simple-page p,.simple-page li{line-height:1.7;color:#dde0ff}.simple-page a.back{display:inline-block;margin-top:18px;background:#9a6cff;padding:12px 18px;border-radius:12px;font-weight:800}
@media (max-width: 1400px){.games-grid{grid-template-columns:repeat(3,1fr)}.mini-cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 1120px){.layout{grid-template-columns:1fr}.icon-rail{order:2;flex-direction:row;overflow:auto}.chat-panel{order:3;min-height:auto}.hero-grid,.dual-cards,.games-grid,.mini-cards{grid-template-columns:1fr}.content{order:1}.brand{font-size:42px}}