:root{
  --primary:#007847;
  --primary-dark:#063c29;
  --primary-soft:#e8f5ef;
  --accent:#0d47a1;
  --body-bg:#f6f8f7;
  --text:#1f2a24;
  --muted:#53635a;
  --header-bg:rgba(0,120,71,.96);
  --hero-bg:radial-gradient(circle at 20% 10%,rgba(255,224,130,.45),transparent 30%),linear-gradient(135deg,#063c29 0%,#007847 48%,#0d47a1 100%);
  --media-bg:linear-gradient(135deg,#10251c,#007847);
  --card-border:rgba(0,120,71,.08);
}
body.theme-khasino{
  --primary:#6a24b8;
  --primary-dark:#241034;
  --primary-soft:#f0e6ff;
  --accent:#101d54;
  --body-bg:#f7f5fb;
  --text:#22182b;
  --muted:#5d5368;
  --header-bg:rgba(40,16,57,.96);
  --hero-bg:radial-gradient(circle at 18% 8%,rgba(255,210,99,.36),transparent 28%),linear-gradient(135deg,#241034 0%,#6a24b8 50%,#101d54 100%);
  --media-bg:linear-gradient(135deg,#2b153b,#9a3cff);
  --card-border:rgba(106,36,184,.08);
}
body.theme-thunee{
  --primary:#007847;
  --primary-dark:#0d47a1;
  --primary-soft:#e8f5ef;
  --accent:#42a5f5;
  --body-bg:#f8f8f8;
  --text:#333;
  --muted:#555;
  --header-bg:#007847;
  --hero-bg:linear-gradient(135deg,#0d47a1,#42a5f5);
  --media-bg:linear-gradient(135deg,#10251c,#007847);
  --card-border:rgba(0,120,71,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Roboto',Arial,sans-serif;background:var(--body-bg);color:var(--text);line-height:1.56;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
header{background:var(--header-bg);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:.65rem;font-weight:900;font-size:1.35rem;white-space:nowrap;text-decoration:none}.logo-icon{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:0 0 34px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#fff,#ffe082);color:var(--primary);display:grid;place-items:center;font-weight:900}
nav{display:flex;align-items:center;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;padding:.5rem .75rem;border-radius:999px;margin-left:0}nav a:hover{background:rgba(255,255,255,.14)}
.hero{position:relative;isolation:isolate;color:#fff;background:var(--hero-bg);padding:4.5rem 2rem 4rem;overflow:hidden}.hero:after{content:"";position:absolute;right:-9rem;bottom:-14rem;width:35rem;height:35rem;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}.hero-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:2rem;align-items:center}.page-home .hero-wrap{grid-template-columns:1fr;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.35rem .8rem;font-weight:800;margin-bottom:1rem}.hero h1,.hero h2{font-size:clamp(2.35rem,5.4vw,4.6rem);line-height:1.04;margin:.2rem 0 1rem;letter-spacing:-.04em;text-shadow:0 5px 18px rgba(0,0,0,.24)}.hero p{font-size:clamp(1rem,2.2vw,1.24rem);margin:0 0 1.4rem;max-width:760px;color:rgba(255,255,255,.92)}.page-home .hero p{margin-left:auto;margin-right:auto}.hero-actions,.button-row,.buttons{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}.page-home .hero-actions{justify-content:center}.button-row{justify-content:flex-start}.buttons{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.15rem;border-radius:.8rem;text-decoration:none;font-weight:900;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#fff;color:var(--primary);box-shadow:0 10px 24px rgba(0,0,0,.18)}.btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}.btn.green{background:#007847;color:#fff}.btn.outline{background:#fff;color:var(--primary);border-color:var(--primary)}.btn.purple{background:#7b2dd6;color:#fff}.btn.purple-outline{background:#fff;color:#7b2dd6;border-color:#7b2dd6}.btn.dark{background:var(--primary-dark);color:#fff}
.section{padding:4rem 2rem;max-width:1120px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.section h2{font-size:clamp(1.75rem,4vw,2.55rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.025em}.section-lead{margin:.5rem 0 0;color:var(--muted);max-width:780px}.back-link{display:inline-flex;margin-bottom:1rem;color:var(--primary);text-decoration:none;font-weight:900}
.game-showcase{display:grid;grid-template-columns:1fr;gap:1.6rem}.game-panel{background:#fff;border-radius:1.35rem;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;box-shadow:0 8px 28px rgba(0,0,0,.075);border:1px solid var(--card-border)}.game-panel:nth-child(even){grid-template-columns:1.08fr .92fr}.game-panel:nth-child(even) .game-media{order:2}.game-media{position:relative;background:var(--media-bg);min-height:360px;display:grid;place-items:center;padding:1.25rem;overflow:hidden}.game-media.khasino{background:linear-gradient(135deg,#2b153b,#9a3cff)}.game-media:before{content:"";position:absolute;inset:10%;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(8px)}.screenshot-stack{position:relative;width:min(100%,520px);z-index:1}.screenshot-stack picture:first-child img{position:relative;z-index:2;width:100%;aspect-ratio:1280/591;object-fit:cover;border-radius:1rem;border:6px solid #151515;box-shadow:0 24px 45px rgba(0,0,0,.34);background:#111}.screenshot-stack picture:nth-child(2) img{position:absolute;right:-10%;bottom:-18%;width:54%;aspect-ratio:1280/591;object-fit:cover;border-radius:.85rem;border:5px solid #1b1b1b;box-shadow:0 18px 34px rgba(0,0,0,.25);opacity:.94;background:#111}.game-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.badges{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.85rem}.badge{display:inline-flex;align-self:flex-start;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:.28rem .7rem;font-size:.82rem;font-weight:900}.badge.new,.badge.coming{background:#fff0d1;color:#8a5a00}.badge.purple{background:#f0e6ff;color:#6a24b8}.game-content h3{font-size:clamp(1.45rem,3vw,2rem);margin:.1rem 0 .6rem;line-height:1.1}.game-content p{margin:.4rem 0;color:#4f5d55}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0 1.2rem;padding:0;list-style:none}.feature-list li{background:#f3f7f5;border-radius:.7rem;padding:.65rem .75rem;font-weight:700;color:#2c3b34;font-size:.94rem}
.hero-shot picture img,.shot-frame picture img{width:100%;aspect-ratio:1280/591;object-fit:cover;border-radius:1.15rem;border:7px solid #151515;box-shadow:0 24px 45px rgba(0,0,0,.34);background:#111}.placeholder-shot{position:relative;z-index:1;width:min(100%,520px);aspect-ratio:1280/591;border-radius:1.2rem;border:7px solid #151515;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),var(--media-bg);box-shadow:0 24px 45px rgba(0,0,0,.34);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:900;padding:1.2rem}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.info-item{background:#fff;border-radius:1rem;padding:1.1rem;box-shadow:0 4px 18px rgba(0,0,0,.055);border:1px solid var(--card-border)}.info-item strong{display:block;font-size:1.15rem;color:var(--primary)}.info-item span{color:var(--muted);font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:#fff;padding:1.35rem;border-radius:1rem;box-shadow:0 4px 18px rgba(0,0,0,.055);border:1px solid var(--card-border)}.card h3{margin:.1rem 0 .55rem;color:var(--primary-dark)}.card p{margin:.35rem 0;color:var(--muted)}.card ul{margin:.55rem 0 0;padding-left:1.1rem;color:var(--muted)}.card li{margin:.25rem 0}.wide{grid-column:span 2}.full{grid-column:1/-1}.rule-number{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:900;margin-right:.4rem}.highlight{background:linear-gradient(135deg,#fff,#faf6ff);border-left:5px solid var(--primary)}.notice{background:#fffbea;border-left:5px solid #f3b400;padding:1rem;border-radius:.6rem;margin-top:1rem;color:#574100}
.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.screenshots>picture{background:#fff;border-radius:1.2rem;padding:.85rem;box-shadow:0 8px 26px rgba(0,0,0,.07);border:1px solid var(--card-border);scroll-snap-align:start}.screenshots>picture img{width:100%;aspect-ratio:1280/591;object-fit:cover;border-radius:1rem;border:6px solid #151515;background:#111}.shot-frame{background:#fff;border-radius:1.2rem;padding:.85rem;box-shadow:0 8px 26px rgba(0,0,0,.07);border:1px solid var(--card-border);scroll-snap-align:start}.shot-frame .placeholder-shot{box-shadow:none;border-width:6px}.shot-frame p{margin:.7rem .2rem .1rem;font-weight:800;color:var(--primary-dark)}
.score-table{width:100%;border-collapse:collapse;margin-top:.7rem;background:#fff;border-radius:.8rem;overflow:hidden}.score-table th,.score-table td{text-align:left;padding:.75rem;border-bottom:1px solid #eee}.score-table th{background:var(--primary-soft);color:var(--primary-dark)}.score-table tr:last-child td{border-bottom:0}
.download,.app-download{text-align:center}.download-box{background:#fff;border-radius:1.3rem;box-shadow:0 5px 22px rgba(0,0,0,.06);padding:2rem;border:1px solid var(--card-border);text-align:center}.download-box .section-lead,.app-download .section-lead{margin-left:auto;margin-right:auto}.download-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1rem}.store-badge,.google-play-badge{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;border:0;padding:0;line-height:0}.store-badge img,.google-play-badge img{height:54px;width:auto;border-radius:0;box-shadow:none}.support{background:#fff;border-radius:1.3rem;box-shadow:0 5px 22px rgba(0,0,0,.06);padding:2rem}.support a{color:var(--primary);font-weight:900}footer{background:#1c1f1d;color:#ccc;text-align:center;padding:2rem;font-size:.9rem;overflow-wrap:anywhere}footer a{color:#ccc;text-decoration:underline}
@media(max-width:900px){header{padding:.85rem 1rem;align-items:flex-start;gap:.75rem;flex-direction:column}.logo{font-size:1.18rem}.logo-icon{width:30px;height:30px;border-radius:9px;flex-basis:30px}nav{width:100%;padding-bottom:.15rem}nav a{background:rgba(255,255,255,.13);font-size:.9rem;padding:.42rem .72rem}.hero{padding:3rem 1rem}.hero-wrap{grid-template-columns:1fr;gap:2rem}.section{padding:3rem 1rem}.section-head{display:block}.game-panel,.game-panel:nth-child(even){grid-template-columns:1fr}.game-panel:nth-child(even) .game-media{order:0}.game-media{min-height:270px}.game-content{padding:1.35rem}.feature-list{grid-template-columns:1fr}.button-row,.hero-actions,.buttons{align-items:stretch;flex-direction:column}.btn{width:100%}.info-strip,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.screenshot-stack{width:min(92vw,520px)}.screenshot-stack picture:nth-child(2) img{right:-4%;bottom:-12%;width:50%}.screenshots{display:flex;overflow-x:auto;gap:.85rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.2rem 0 1rem}.screenshots>picture,.shot-frame{flex:0 0 86vw}.download-actions{flex-direction:column}.store-badge img,.google-play-badge img{height:50px}}
