/* casiniakasynos.pl — первый экран по шаблону amunra-0804.com/pl/ (cih-, общий у сайтов Casinia), контент сайта 2 (cik-) */
:root{--cia-bg:#261104;--cia-panel:#411a09;--cia-line:#64340c;--cia-line2:#86511b;--cia-copper:#ca731b;--cia-text:#f4dfbd;--cia-muted:#c59e7c;--cia-btn:#571e1e;--cia-btn-t:#f3dab5;--cia-teal:#02c5b0;--cia-gold:#ffac2b;--cia-f:"Marcellus",Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cia-bg) radial-gradient(ellipse at 50% -10%,#4a2109 0,transparent 60%) no-repeat;color:var(--cia-text);font:16px/1.65 Arial,Helvetica,sans-serif;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--cia-gold)}
/* ---------- шапка ---------- */
.cih-top{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:14px;padding:0 20px 0 18px;background:linear-gradient(#2e1505,#261104);border-bottom:2px solid var(--cia-line)}
.cih-toggle{width:44px;height:44px;flex:0 0 44px;border:2px solid var(--cia-copper);border-radius:6px;display:grid;place-items:center;background:#3a1807}
.cih-toggle svg{width:24px;height:24px;stroke:var(--cia-muted);fill:none;stroke-width:2}
.cih-logo{width:140px;height:auto}
.cih-gap{flex:1}
.cih-search{width:300px;height:48px;border-radius:36px;border:4px solid var(--cia-copper);background:linear-gradient(#3b1a08,#2a1205);display:flex;align-items:center;gap:10px;padding:0 18px;color:var(--cia-muted);font:15px var(--cia-f);white-space:nowrap}
.cih-search svg{width:16px;height:16px;stroke:var(--cia-muted);fill:none;stroke-width:2.4}
.cih-btn{min-width:147px;height:48px;padding:5px 20px;border-radius:40px;background:var(--cia-btn);color:var(--cia-btn-t);border:2px solid #8c3a2a;box-shadow:inset 0 0 0 2px #2b0c0c;font:700 16px/1 var(--cia-f);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.cih-btn:hover{background:#6c2626}
/* ---------- каркас ---------- */
.cih-frame{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 6px}
.cih-side{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);overflow-y:auto;padding:12px 6px 12px 12px;border-right:2px solid var(--cia-line);background:#2c1306;scrollbar-width:thin}
.cih-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.cih-tile{height:96px;border:2px solid var(--cia-line2);border-radius:6px;background:linear-gradient(#4a1f0a,#341506);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--cia-text);font:700 11px/1.1 var(--cia-f);text-transform:uppercase;text-align:center}
.cih-tile svg{width:38px;height:38px;stroke:var(--cia-gold);fill:none;stroke-width:1.6}
.cih-group{padding:6px 0;border-top:1px solid var(--cia-line)}
.cih-item{display:flex;align-items:center;gap:12px;height:44px;margin:2px 0;padding:0 10px;border-radius:4px;background:#361607;color:var(--cia-muted);font:700 14px/1 var(--cia-f);text-transform:uppercase;text-decoration:none}
.cih-item svg{width:20px;height:20px;flex:0 0 20px;stroke:var(--cia-gold);fill:none;stroke-width:1.8}
.cih-item:hover,.cih-item--on{color:var(--cia-text);background:#4a1f0a}
.cih-side-foot{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.cih-side-foot span{height:80px;border:1px solid var(--cia-line2);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--cia-text);font:13px/1.2 var(--cia-f);text-align:center}
.cih-flag{width:24px;height:16px;background:linear-gradient(#fff 50%,#dc143c 50%);border-radius:2px}
.cih-main{min-width:0}
.cih-tabs{display:none}
/* ---------- баннер ---------- */
.cih-hero{position:relative;height:358px;overflow:hidden;background:#3a1a08}
.cih-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.78)}
.cih-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,17,4,.85) 0,rgba(38,17,4,.35) 45%,transparent 70%),linear-gradient(0deg,rgba(38,17,4,.9) 0,transparent 30%)}
.cih-king{position:absolute;right:9%;bottom:-24px;width:340px;height:auto;z-index:1}
.cih-hero-text{position:absolute;z-index:2;left:130px;top:96px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.cih-h1{font:400 18px/1 var(--cia-f);color:var(--cia-text);background:rgba(20,8,2,.82);padding:7px 18px;border-radius:20px}
.cih-sum{font:700 30px/1.15 var(--cia-f);text-transform:uppercase;color:var(--cia-btn-t);text-shadow:0 2px 6px #000}
.cih-sum small{display:block;font-size:20px;text-transform:none}
.cih-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:224px;height:56px;padding:0 30px;border-radius:40px;background:linear-gradient(#25e3cd,var(--cia-teal) 55%,#019d8c);border:3px solid #9af3e7;color:#fff;font:700 20px/1 var(--cia-f);text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px #01584f;box-shadow:0 3px 0 #017366,0 0 18px rgba(2,197,176,.45);margin:8px 34px 0;isolation:isolate}
.cih-cta::before,.cih-cta::after{content:"";position:absolute;top:-12px;width:46px;height:62px;background:linear-gradient(160deg,#ffe28a,#d39a1d 60%,#8a5a0c);z-index:-1}
.cih-cta::before{left:-38px;clip-path:polygon(100% 18%,0 0,22% 30%,6% 46%,30% 60%,18% 80%,100% 92%)}
.cih-cta::after{right:-38px;clip-path:polygon(0 18%,100% 0,78% 30%,94% 46%,70% 60%,82% 80%,0 92%)}
.cih-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:34px;height:34px;border:2px solid var(--cia-line2);background:rgba(40,16,4,.8);color:var(--cia-text);display:grid;place-items:center;text-decoration:none;font:22px/1 Arial}
.cih-arrow--l{left:40px}.cih-arrow--r{right:40px}
.cih-dots{position:absolute;z-index:2;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:16px}
.cih-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--cia-text)}
.cih-dots i:last-child{background:var(--cia-gold);border-color:var(--cia-gold)}
/* ---------- категории и топ ---------- */
.cih-chips{display:flex;gap:10px;padding:14px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--cia-line)}
.cih-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 8px;border:2px solid var(--cia-line2);border-radius:4px;background:#3a1807;color:var(--cia-muted);font:500 15px/1 var(--cia-f);text-transform:uppercase;text-decoration:none}
.cih-chip svg{width:24px;height:24px;stroke:var(--cia-gold);fill:none;stroke-width:1.7}
.cih-toprow{display:flex;align-items:center;gap:14px;padding:16px 16px 8px}
.cih-toprow h2{font:400 24px/1.2 var(--cia-f);color:var(--cia-text);white-space:nowrap}
.cih-toprow::after{content:"";flex:1;order:1;height:1px;background:var(--cia-line2)}
.cih-toprow a{order:2;font:15px var(--cia-f);color:var(--cia-gold);text-decoration:none;white-space:nowrap}
.cih-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:54px;padding:6px 16px 24px 62px}
.cih-game{position:relative;display:block;border:3px solid #b98a3a;background:#1d0c03;text-decoration:none}
.cih-game img{width:100%;aspect-ratio:150/192;object-fit:cover}
.cih-game em{position:absolute;top:-3px;left:-3px;background:var(--cia-teal);color:#fff;font:700 12px/1 Arial;padding:4px 8px;font-style:normal;text-transform:uppercase}
.cih-game b{position:absolute;left:-46px;bottom:-3px;width:46px;height:58px;display:grid;place-items:center;background:linear-gradient(#f3d38a,#b88a35);color:#2b1404;font:400 44px/1 var(--cia-f);border:2px solid #6f4a14}
/* ---------- первый экран: планшет и телефон ---------- */
@media (max-width:1100px){
  .cih-search{display:none}
  .cih-games{gap:50px;padding-left:56px}
  .cih-king{width:270px;right:4%}
  .cih-hero-text{left:70px}
}
@media (max-width:860px){
  .cih-top{height:auto;flex-wrap:wrap;gap:8px 10px;padding:8px 12px;justify-content:center}
  .cih-toggle{position:absolute;left:12px;top:9px;width:34px;height:34px;flex-basis:34px}
  .cih-toggle svg{width:20px;height:20px}
  .cih-logo{width:100px}
  .cih-gap{display:none}
  .cih-logo-link{flex:0 0 100%;display:flex;justify-content:center}
  .cih-btn{flex:1;min-width:0;height:36px;font-size:14px;padding:0 10px}
  .cih-frame{display:block}
  .cih-side{display:none}
  .cih-tabs{display:flex;justify-content:space-around;height:44px;align-items:center;border-bottom:2px solid var(--cia-line);background:#2c1306}
  .cih-tabs span{font:700 14px/1 var(--cia-f);text-transform:uppercase;color:var(--cia-gold);padding:0 6px;border-right:1px solid var(--cia-line2)}
  .cih-tabs span:last-child{border-right:0}
  .cih-hero{height:360px}
  .cih-hero::after{background:linear-gradient(0deg,rgba(38,17,4,.95) 0,rgba(38,17,4,.6) 40%,transparent 70%)}
  .cih-king{right:50%;transform:translateX(50%);bottom:auto;top:6px;width:230px}
  .cih-hero-text{left:0;right:0;top:auto;bottom:40px;gap:6px}
  .cih-h1{font-size:15px;padding:5px 14px}
  .cih-sum{font-size:21px}
  .cih-sum small{font-size:15px}
  .cih-cta{height:50px;min-width:200px;font-size:19px}
  .cih-arrow{display:none}
  .cih-dots{bottom:14px;gap:10px}
  .cih-dots i{width:9px;height:9px}
  .cih-chip{height:36px;font-size:14px}
  .cih-toprow{padding:12px 16px 6px}
  .cih-toprow h2{font-size:18px}
  .cih-toprow::after{display:none}
  .cih-toprow a{margin-left:auto}
  .cih-games{display:flex;overflow-x:auto;gap:10px;padding:6px 16px 18px;scrollbar-width:none}
  .cih-game{flex:0 0 112px}
  .cih-game b{display:none}
}
/* ---------- контент сайта 2 (cik-): «книга записей» — номер и H2 слева, текст справа ---------- */
.cik-body{max-width:1180px;padding:10px 16px 0}
.cik-lead{margin:22px 0 10px;padding:0 0 22px;border-bottom:1px solid var(--cia-line2);font:19px/1.6 var(--cia-f);color:var(--cia-text)}
.cik-sec{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;padding:34px 0;border-bottom:1px solid var(--cia-line)}
.cik-sec header{position:sticky;top:20px;align-self:start}
.cik-num{display:block;font:400 54px/1 var(--cia-f);color:var(--cia-copper);opacity:.75}
.cik-sec h2{margin-top:8px;font:400 25px/1.25 var(--cia-f);color:var(--cia-gold)}
.cik-sec h2::after{content:"";display:block;width:60px;height:2px;margin-top:14px;background:var(--cia-copper)}
.cik-txt p{margin-bottom:14px}
.cik-txt p:last-child{margin-bottom:0}
.cik-tbl{width:100%;margin:4px 0 18px;border-collapse:separate;border-spacing:0 6px;font-size:15px}
.cik-tbl th{padding:10px 14px;background:var(--cia-copper);color:#2a1205;font:400 15px var(--cia-f);text-align:left;text-transform:uppercase}
.cik-tbl th:first-child{border-radius:4px 0 0 4px}.cik-tbl th:last-child{border-radius:0 4px 4px 0}
.cik-tbl td{padding:10px 14px;background:var(--cia-panel)}
.cik-tbl td:first-child{border-left:3px solid var(--cia-gold);font-family:var(--cia-f);color:var(--cia-gold)}
.cik-steps{list-style:none;counter-reset:n;display:flex;flex-direction:column;gap:8px;margin:4px 0 18px;padding:0}
.cik-steps li{counter-increment:n;display:flex;gap:16px;align-items:baseline;padding:12px 16px;border:1px dashed var(--cia-line2);border-radius:4px}
.cik-steps li::before{content:counter(n, upper-roman) ".";flex:none;min-width:38px;font:400 22px/1 var(--cia-f);color:var(--cia-gold)}
.cik-list{margin:4px 0 16px;padding-left:22px}
.cik-list li{margin-bottom:6px}
.cik-list li::marker{color:var(--cia-copper)}
.cik-pic{margin:6px 0 18px;padding:6px;border:1px solid var(--cia-copper);outline:1px solid var(--cia-line);outline-offset:4px;border-radius:2px}
.cik-pic--half{float:right;width:46%;margin:4px 0 14px 26px}
.cik-pic:not(.cik-pic--half){max-width:640px}
.cik-txt{display:flow-root}
.cik-go{margin-top:18px}
.cik-faq dt{margin-top:16px;padding-top:16px;border-top:1px solid var(--cia-line);font:400 19px/1.3 var(--cia-f);color:var(--cia-gold)}
.cik-faq dt:first-child{margin-top:0;padding-top:0;border-top:0}
.cik-faq dd{margin:6px 0 0;color:#e6cfaa}
.cik-foot{margin:26px 16px 0;padding:28px 0 30px;border-top:3px double var(--cia-line2);display:grid;grid-template-columns:1fr 1fr;gap:20px;color:var(--cia-muted);font-size:14px}
.cik-foot nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-content:flex-start}
.cik-foot nav a{color:var(--cia-text);text-decoration:none;font-family:var(--cia-f)}
.cik-foot nav a:hover{color:var(--cia-gold)}
.cik-rg{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:flex-end}
.cik-rg img{height:32px;width:auto;opacity:.85}
.cik-foot p{grid-column:1/-1;margin:0}
.cik-doc{max-width:860px;margin:0 auto;padding:0 18px 30px}
.cik-doc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid var(--cia-line);margin-bottom:26px}
.cik-doc h1{font:400 34px/1.2 var(--cia-f);color:var(--cia-gold);margin-bottom:18px}
.cik-doc h2{font:400 22px/1.3 var(--cia-f);color:var(--cia-text);margin:24px 0 10px}
.cik-doc p,.cik-doc li{margin-bottom:10px}
.cik-doc ul{padding-left:22px}
@media (max-width:860px){
  .cik-body{padding:0 14px}
  .cik-lead{font-size:17px}
  .cik-sec{grid-template-columns:1fr;gap:14px;padding:26px 0}
  .cik-sec header{position:static}
  .cik-num{font-size:40px}
  .cik-sec h2{font-size:22px}
  .cik-pic--half{float:none;width:100%;max-width:340px;margin:4px auto 14px}
  .cik-tbl{font-size:13.5px}
  .cik-tbl th,.cik-tbl td{padding:8px 8px}
  .cik-foot{grid-template-columns:1fr;margin:20px 14px 0}
  .cik-rg{justify-content:flex-start}
}