:root{--bg:#171a29;--primary:#ff6900;--accent:#d67413;--text:#eef1f7;--muted:#a9b0c3;--card:#1e2336}
*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}

.site-header{position:sticky;top:0;z-index:20;background:rgba(23,26,41,.9);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.license-info{background:rgba(255,105,0,.1);border-top:1px solid rgba(255,105,0,.2);padding:6px 0;text-align:center}
.license-info p{margin:0;color:var(--primary);font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.logo img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.main-nav{display:none;gap:16px}
.nav-link{opacity:.9;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:0.3px;transition:all .3s ease}
.nav-link:hover{opacity:1;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.3);transform:translateY(-1px)}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:var(--card);color:var(--text);transition:transform .06s ease,background .2s,border-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,var(--primary),var(--accent));border-color:rgba(0,0,0,.2);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(255,105,0,.3)}
.btn-outline{background:transparent;border-color:var(--accent);color:var(--accent)}
.btn-lg{padding:14px 18px;font-weight:700}

.hero{padding:32px 0 8px;background:
 radial-gradient(900px 400px at 80% 0%, rgba(214,116,19,.15), transparent),
 radial-gradient(600px 300px at 0% 20%, rgba(255,105,0,.18), transparent)}
.hero-inner{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
.hero h1{font-size:28px;margin:8px 0;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-0.5px}
.lead{color:var(--muted);margin:0 0 12px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
.trust-list{margin:14px 0 0;padding:0 0 0 18px;color:var(--muted)}
.hero-media .banner{border-radius:12px;border:1px solid rgba(255,255,255,.08);max-width:600px;height:auto;filter:contrast(1.2) brightness(1.1) saturate(1.1) sharpness(1.1);margin:0 auto 24px auto;display:block}

.badges{padding:16px 0}
.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.badge{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:center}
.badge-num{display:block;font-weight:800;color:#fff}

.how{padding:20px 0}
.how h2{margin:0 0 10px}
.steps{margin:0;padding-left:18px}
.sysreq{margin-top:16px;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}

.promo{padding:8px 0;text-align:center}
.promo h2{margin:0 0 16px;color:var(--text);font-size:24px;font-weight:700}
.promo .banner{border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.app-banner{max-width:800px;height:auto;margin:0 auto}

.faq{padding:20px 0}
.faq h2{margin:0 0 10px}
.faq-item{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;margin:8px 0;padding:8px}
.faq-item>summary{cursor:pointer;font-weight:600}
.faq-item>div{color:var(--muted);padding:4px 0 0 0}

table{border-collapse:collapse;width:100%;margin:16px 0;border:2px solid var(--primary);border-radius:8px;overflow:hidden}
table td,table th{border:1px solid var(--primary);padding:8px 12px;text-align:left}
table th{background:rgba(255,105,0,.1);font-weight:600}
table tbody tr{background:rgba(255,105,0,.03)}
table tbody tr:nth-child(even){background:rgba(255,105,0,.06)}

.slots-showcase{padding:24px 0;background:rgba(255,105,0,.03)}
.slots-showcase h2{margin:0 0 8px;text-align:center}
.slots-showcase p{text-align:center;color:var(--muted);margin-bottom:20px}
.slots-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}
.slot-item{background:var(--card);border:1px solid rgba(255,105,0,.2);border-radius:12px;padding:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.slot-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,105,0,.15)}
.slot-image{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:12px;background:rgba(255,105,0,.1)}
.slot-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.slot-item h3{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:600}
.slot-item p{color:var(--muted);margin:0;font-size:14px;line-height:1.4}

.cta{padding:24px 0 40px}
.cta-inner{display:grid;gap:12px;justify-items:center;text-align:center}
.cta-header{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-text{text-align:left}
.cta-text h2{margin:0 0 8px}
.cta-text p{margin:0;color:var(--muted)}
.apk-banner{max-width:300px;height:auto}

.payment-methods{padding:24px 0;background:rgba(255,105,0,.05);border-top:1px solid rgba(255,105,0,.1)}
.payment-methods h2{margin:0 0 8px;text-align:center}
.payment-methods p{text-align:center;color:var(--muted);margin-bottom:20px}
.payment-image{text-align:center;margin-top:16px}
.payment-image img{max-width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,105,0,.2)}

.pre-footer-nav{background:rgba(255,105,0,.05);border-top:1px solid rgba(255,105,0,.1);padding:16px 0;text-align:center}
.pre-footer-nav .footer-nav{justify-content:center;margin:0}

.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:24px 0 60px;color:var(--muted)}
.footer-inner{display:flex;flex-direction:column;gap:8px;justify-content:space-between;align-items:center}
.footer-nav{display:flex;gap:12px;margin:8px 0 24px 0}
.footer-nav a{background:rgba(255,105,0,.08);border:1px solid rgba(255,105,0,.2);border-radius:6px;padding:8px 20px;color:var(--text);transition:all .3s ease;font-size:14px;font-weight:500}
.footer-nav a:hover{background:rgba(255,105,0,.15);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,105,0,.2)}

.footer-copyright a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease;padding:2px 4px;border-radius:4px}
.footer-copyright a:hover{background:rgba(255,105,0,.1);color:var(--accent);transform:translateY(-1px)}

.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.footer-links a{color:var(--muted);text-decoration:none;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .3s ease;border:1px solid transparent}
.footer-links a:hover{color:var(--primary);background:rgba(255,105,0,.08);border-color:rgba(255,105,0,.2)}

.legal-info{border-top:1px solid rgba(255,255,255,.1);margin-top:12px;padding-top:12px}
.legal-info p{color:var(--muted);font-size:10px;line-height:1.3;margin:0;text-align:justify}

.bottom-copyright{background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);padding:16px 0;text-align:center}
.bottom-copyright p{margin:0;color:var(--muted);font-size:12px}
.bottom-copyright a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease;padding:2px 4px;border-radius:4px}
.bottom-copyright a:hover{background:rgba(255,105,0,.1);color:var(--accent);transform:translateY(-1px)}

.age-warning{background:linear-gradient(135deg, rgba(255,105,0,.15), rgba(214,116,19,.1));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px 8px;margin-bottom:12px;box-shadow:0 4px 12px rgba(255,105,0,.2);position:relative;overflow:hidden;max-width:50%;display:inline-block}
.age-warning::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--primary), var(--accent))}
.age-warning p{color:var(--text);margin:0;font-size:14px;line-height:1.4;font-weight:500}
.age-symbol{display:inline-block;background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;margin-right:10px;font-size:12px;box-shadow:0 2px 4px rgba(0,0,0,.2)}

@media(min-width:768px){
  .header-inner{height:68px}
  .main-nav{display:flex}
  .hero-inner{grid-template-columns:1.1fr .9fr}
  .hero h1{font-size:36px;font-weight:800;text-shadow:0 3px 6px rgba(0,0,0,.4);letter-spacing:-0.8px}
  .lead{font-size:18px}
  .badges-grid{gap:16px}
  .cta-inner{gap:16px}
  .footer-inner{flex-direction:row;align-items:center}
  .slots-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .slot-item{padding:20px}
}

/* Screen reader only content */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Wheel of Fortune */
.fortune-wheel{position:fixed;z-index:1000;cursor:pointer;transition:transform 0.3s ease;user-select:none}
.wheel-container{position:relative;width:180px;height:180px}
.wheel{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle, #fff 20%, #f0f0f0 20%, #f0f0f0 100%);box-shadow:0 12px 36px rgba(0,0,0,0.4), inset 0 3px 6px rgba(255,255,255,0.8);border:6px solid var(--primary)}
.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px;z-index:10}
.casino-chip{position:relative;width:100%;height:100%;background:linear-gradient(135deg, #ff6b35, #f7931e, #ff6b35);border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.3), inset 0 -2px 4px rgba(0,0,0,0.2);border:2px solid #e55a2b;animation:chipGlow 3s ease-in-out infinite}
.chip-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:80%;background:radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.chip-text{font-size:8px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.8);letter-spacing:0.5px}
@keyframes chipGlow{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.3), inset 0 -2px 4px rgba(0,0,0,0.2), 0 0 10px rgba(255,107,53,0.3)}50%{box-shadow:0 4px 16px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.3), inset 0 -2px 4px rgba(0,0,0,0.2), 0 0 20px rgba(255,107,53,0.6)}}
.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid var(--primary);z-index:11}
.wheel-segments{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}
.segment{position:absolute;width:50%;height:50%;transform-origin:100% 100%;overflow:hidden}
.segment:nth-child(1){transform:rotate(0deg);background:linear-gradient(45deg, #ff6b35, #f7931e)}
.segment:nth-child(2){transform:rotate(60deg);background:linear-gradient(45deg, #ff1744, #e91e63)}
.segment:nth-child(3){transform:rotate(120deg);background:linear-gradient(45deg, #9c27b0, #673ab7)}
.segment:nth-child(4){transform:rotate(180deg);background:linear-gradient(45deg, #3f51b5, #2196f3)}
.segment:nth-child(5){transform:rotate(240deg);background:linear-gradient(45deg, #4caf50, #8bc34a)}
.segment:nth-child(6){transform:rotate(300deg);background:linear-gradient(45deg, #ff9800, #ff5722)}
.segment::before{content:attr(data-prize);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(30deg);font-size:12px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.6);white-space:nowrap;text-align:center}
.wheel-text{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);text-align:center;animation:emotionalPulse 1.5s ease-in-out infinite;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-radius:20px;padding:8px 16px;border:2px solid rgba(255,107,53,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1)}
.text-line{font-size:12px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,0.8), 0 0 15px rgba(255,107,53,1), 0 0 25px rgba(255,107,53,0.6), 0 0 35px rgba(255,107,53,0.4);white-space:nowrap;letter-spacing:1px;background:linear-gradient(45deg, #ff6b35, #f7931e, #ff6b35, #ff8c42);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;margin:2px 0;filter:brightness(1.2) contrast(1.1)}
.text-line:first-child{font-size:13px;margin-bottom:4px;text-shadow:0 5px 10px rgba(0,0,0,0.9), 0 0 20px rgba(255,107,53,1), 0 0 30px rgba(255,107,53,0.7), 0 0 40px rgba(255,107,53,0.5)}
.text-line:last-child{font-size:11px;font-weight:800;text-shadow:0 3px 6px rgba(0,0,0,0.8), 0 0 12px rgba(255,107,53,0.9), 0 0 20px rgba(255,107,53,0.5)}
@keyframes emotionalPulse{0%,100%{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}25%{opacity:0.9;transform:translateX(-50%) scale(1.08) rotate(0.5deg)}50%{opacity:0.8;transform:translateX(-50%) scale(1.12) rotate(0deg)}75%{opacity:0.9;transform:translateX(-50%) scale(1.08) rotate(-0.5deg)}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Mobile-specific styles */
@media(max-width:767px){
  /* Base mobile adjustments */
  .container{padding:0 12px;max-width:100%;overflow-x:hidden}
  body{font-size:14px;line-height:1.6;word-wrap:break-word;overflow-x:hidden}
  p{font-size:14px;line-height:1.6;margin-bottom:12px;word-wrap:break-word;hyphens:auto}
  h1{font-size:24px;line-height:1.3;margin-bottom:16px;word-wrap:break-word}
  h2{font-size:20px;line-height:1.3;margin-bottom:12px;word-wrap:break-word}
  h3{font-size:18px;line-height:1.3;margin-bottom:10px;word-wrap:break-word}
  *{box-sizing:border-box;max-width:100%}
  
  /* Header mobile optimization */
  .header{position:relative;padding:12px 0}
  .header-inner{flex-direction:column;gap:12px;text-align:center}
  .nav{flex-direction:column;gap:6px;width:100%;margin-bottom:8px;overflow-x:hidden}
  .nav-link{padding:8px 16px;font-size:14px;width:100%;text-align:center;border-radius:6px;background:rgba(255,255,255,.05);word-wrap:break-word;white-space:normal}
  .license-info{padding:12px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}
  .license-info p{font-size:10px;line-height:1.3;margin:0}
  
  /* Hero section mobile */
  .hero{padding:16px 0;min-height:auto}
  .hero-inner{grid-template-columns:1fr;gap:20px;text-align:center}
  .hero h1{font-size:24px;margin:12px 0;line-height:1.3;font-weight:700}
  .lead{font-size:15px;margin:12px 0;line-height:1.5;color:var(--muted)}
  .hero-media{order:1;margin:0 auto}
  .hero-content{order:2}
  .hero-media .banner{max-width:100%;height:auto;border-radius:8px}
  .cta-row{flex-direction:column;gap:10px;margin:16px 0 20px 0}
  .cta-row .btn{width:100%;padding:14px 18px;font-size:16px;text-align:center;font-weight:600}
  .trust-list{font-size:13px;margin:12px 0;padding-left:12px;line-height:1.4}
  
  /* Badges mobile */
  .badges{padding:12px 0}
  .badges-grid{grid-template-columns:1fr;gap:8px}
  .badge{padding:8px;font-size:12px}
  .badge-num{font-size:16px}
  
  /* Tables mobile */
  table{font-size:12px;margin:8px 0;border-radius:6px;width:100%;table-layout:fixed;word-wrap:break-word}
  table td,table th{padding:4px 6px;font-size:12px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}
  table th{font-size:11px;word-wrap:break-word}
  
  /* Slots showcase mobile */
  .slots-showcase{padding:16px 0}
  .slots-showcase h2{font-size:18px;margin-bottom:8px}
  .slots-showcase p{font-size:13px;margin-bottom:12px}
  .slots-grid{grid-template-columns:1fr;gap:12px}
  .slot-item{padding:12px;border-radius:8px}
  .slot-image{height:120px;border-radius:6px}
  .slot-item h3{font-size:14px;margin:6px 0}
  .slot-item p{font-size:12px;line-height:1.3}
  
  /* Features mobile */
  .features{padding:16px 0}
  .features h2{font-size:20px;margin-bottom:12px;font-weight:600}
  .features p{font-size:14px;line-height:1.6;margin-bottom:12px;text-align:justify}
  .features ul{font-size:14px;line-height:1.6;margin:12px 0}
  .features li{margin-bottom:8px;padding-left:4px}
  
  /* CTA section mobile */
  .cta{padding:16px 0}
  .cta-inner{gap:12px}
  .cta-header{flex-direction:column;text-align:center;gap:12px}
  .cta-text{text-align:center}
  .cta-text h2{font-size:18px;margin-bottom:6px}
  .cta-text p{font-size:13px;margin:0}
  .apk-banner{max-width:250px;height:auto}
  .cta-row{flex-direction:column;gap:8px}
  .cta-row .btn{width:100%;padding:12px 16px;font-size:16px}
  
  /* FAQ mobile */
  .faq{padding:16px 0}
  .faq h2{font-size:20px;margin-bottom:12px;font-weight:600}
  .faq-item{padding:12px;border-radius:8px;margin:8px 0}
  .faq-item>summary{font-size:15px;padding:6px 0;font-weight:600;line-height:1.4;word-wrap:break-word;white-space:normal}
  .faq-item>div{font-size:14px;line-height:1.6;margin-top:8px;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}
  
  /* Promo section mobile */
  .promo{padding:16px 0}
  .promo h2{font-size:20px;margin-bottom:12px;font-weight:600}
  .app-banner{max-width:100%;height:auto;border-radius:8px}
  
  /* Payment methods mobile */
  .payment-methods{padding:16px 0}
  .payment-methods h2{font-size:20px;margin-bottom:12px;font-weight:600}
  .payment-methods p{font-size:14px;margin-bottom:12px;line-height:1.6;text-align:justify}
  .payment-image{margin-top:12px}
  .payment-image img{max-width:100%;height:auto;border-radius:6px}
  
  /* Footer mobile */
  .pre-footer-nav{padding:12px 0}
  .pre-footer-nav .footer-nav{flex-direction:column;gap:6px}
  .pre-footer-nav .footer-nav a{width:100%;text-align:center;padding:10px 16px;font-size:14px;word-wrap:break-word;white-space:normal}
  .footer{padding:16px 0;overflow-x:hidden}
  .footer-main{text-align:center}
  .footer h2{font-size:16px;margin-bottom:8px;word-wrap:break-word}
  .footer p{font-size:12px;line-height:1.4;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word}
  .age-warning{max-width:100%;padding:16px 8px;margin-bottom:8px;border-radius:8px;overflow-x:hidden}
  .age-warning p{font-size:12px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}
  .age-symbol{font-size:10px;padding:4px 8px}
  .legal-info{margin-top:8px;padding-top:8px}
  .legal-info p{font-size:9px;line-height:1.2}
  .bottom-copyright{padding:12px 0}
  .bottom-copyright p{font-size:10px}
  
  /* Button improvements */
  .btn{font-size:14px;padding:10px 16px;border-radius:6px}
  .btn-lg{font-size:16px;padding:12px 20px}
  .btn-primary{font-weight:600}
  .btn-outline{font-weight:500}
  
  /* Wheel of Fortune Mobile */
  .fortune-wheel{bottom:20px !important}
  .wheel-container{width:160px;height:160px}
  .wheel{border:5px solid var(--primary)}
  .wheel-center{width:25px;height:25px}
  .chip-text{font-size:6px}
  .wheel-pointer{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid var(--primary);top:-10px}
  .segment::before{font-size:10px}
  .wheel-text{bottom:-40px;padding:6px 12px;border-radius:15px}
  .text-line{font-size:10px;letter-spacing:0.5px;filter:brightness(1.3) contrast(1.2)}
  .text-line:first-child{font-size:11px;text-shadow:0 4px 8px rgba(0,0,0,0.9), 0 0 15px rgba(255,107,53,1), 0 0 25px rgba(255,107,53,0.6)}
  .text-line:last-child{font-size:9px;text-shadow:0 3px 6px rgba(0,0,0,0.8), 0 0 10px rgba(255,107,53,0.9), 0 0 18px rgba(255,107,53,0.4)}
}