/* tarzan 1999 layout - wcf15- prefix */
:root{--wcf15-primary:#800080;--wcf15-secondary:#BA55D3;--wcf15-accent:#00E5FF;--wcf15-bg:#1E1E1E;--wcf15-bg-light:#2a2a2a;--wcf15-bg-card:#333;--wcf15-text:#E6E6FA;--wcf15-text-dim:#b0b0c0;--wcf15-border:#444;--wcf15-gold:#FFD700;--wcf15-success:#00E676;--wcf15-danger:#FF5252;--wcf15-radius:8px;--wcf15-radius-lg:12px;--wcf15-shadow:0 2px 8px rgba(0,0,0,0.3);--wcf15-transition:all 0.3s ease}
html{font-size:62.5%;scroll-behavior:smooth}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--wcf15-bg);color:var(--wcf15-text);line-height:1.5rem;font-size:1.4rem;max-width:430px;margin:0 auto;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--wcf15-accent);text-decoration:none;transition:var(--wcf15-transition)}
a:hover{color:var(--wcf15-secondary)}
img{max-width:100%;height:auto}
.wcf15-container{width:100%;max-width:430px;margin:0 auto;padding:0 1rem}
/* Header */
.wcf15-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:linear-gradient(135deg,#1a001a,#2d0033);border-bottom:1px solid var(--wcf15-primary);z-index:1000;padding:0.6rem 1rem;display:flex;align-items:center;justify-content:space-between;height:52px;box-shadow:0 2px 12px rgba(128,0,128,0.3)}
.wcf15-header-logo{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.wcf15-header-logo img{width:28px;height:28px;border-radius:4px}
.wcf15-header-logo span{font-size:1.5rem;font-weight:700;color:var(--wcf15-gold);white-space:nowrap}
.wcf15-header-actions{display:flex;gap:0.4rem;align-items:center;flex-shrink:0}
.wcf15-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;border:none;border-radius:var(--wcf15-radius);font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--wcf15-transition);min-height:34px;min-width:60px;text-decoration:none}
.wcf15-btn-register{background:linear-gradient(135deg,var(--wcf15-secondary),var(--wcf15-primary));color:#fff}
.wcf15-btn-register:hover{background:linear-gradient(135deg,#c060e0,#990099);transform:scale(1.05)}
.wcf15-btn-login{background:transparent;border:1px solid var(--wcf15-accent);color:var(--wcf15-accent)}
.wcf15-btn-login:hover{background:rgba(0,229,255,0.1);transform:scale(1.05)}
.wcf15-menu-btn{background:none;border:none;color:var(--wcf15-text);font-size:2rem;cursor:pointer;padding:0.3rem;display:flex;align-items:center}
/* Mobile menu */
.wcf15-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9998}
.wcf15-mobile-menu{position:fixed;top:0;left:0;width:75%;max-width:300px;height:100vh;background:linear-gradient(180deg,#1a001a,#1E1E1E);z-index:9999;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;padding:2rem 1.5rem}
.wcf15-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--wcf15-border)}
.wcf15-mobile-menu-header span{font-size:1.8rem;font-weight:700;color:var(--wcf15-gold)}
.wcf15-menu-close{background:none;border:none;color:var(--wcf15-text);font-size:2.4rem;cursor:pointer}
.wcf15-mobile-menu a{display:block;padding:1rem 0.5rem;color:var(--wcf15-text);font-size:1.4rem;border-bottom:1px solid rgba(255,255,255,0.05);transition:var(--wcf15-transition)}
.wcf15-mobile-menu a:hover{color:var(--wcf15-accent);padding-left:1rem;background:rgba(0,229,255,0.05)}
/* Main content */
.wcf15-main{padding-top:56px;padding-bottom:20px}
@media(max-width:768px){.wcf15-main{padding-bottom:80px}}
/* Carousel */
.wcf15-carousel{position:relative;width:100%;overflow:hidden;border-radius:0 0 var(--wcf15-radius-lg) var(--wcf15-radius-lg)}
.wcf15-slide{display:none;width:100%;cursor:pointer}
.wcf15-slide img{width:100%;height:180px;object-fit:cover}
.wcf15-carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.wcf15-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:var(--wcf15-transition)}
.wcf15-dot-active{background:var(--wcf15-accent);width:20px;border-radius:4px}
/* Section */
.wcf15-section{padding:1.5rem 1rem}
.wcf15-section-title{font-size:1.8rem;font-weight:700;color:var(--wcf15-gold);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--wcf15-primary)}
.wcf15-section-title i{margin-right:0.5rem;color:var(--wcf15-accent)}
.wcf15-cat-title{font-size:1.6rem;font-weight:700;color:var(--wcf15-secondary);margin:1.5rem 0 0.8rem;padding-left:0.8rem;border-left:3px solid var(--wcf15-accent)}
/* Game grid */
.wcf15-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.6rem;padding:0.5rem 0}
.wcf15-game-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:var(--wcf15-transition);padding:0.4rem;border-radius:var(--wcf15-radius)}
.wcf15-game-item:hover{background:rgba(186,85,211,0.15);transform:translateY(-2px)}
.wcf15-game-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--wcf15-radius);border:1px solid var(--wcf15-border)}
.wcf15-game-item span{font-size:1rem;text-align:center;margin-top:0.3rem;color:var(--wcf15-text-dim);line-height:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Promo */
.wcf15-promo-btn{display:block;width:100%;padding:1rem;margin:1rem 0;background:linear-gradient(135deg,var(--wcf15-primary),var(--wcf15-secondary));color:#fff;text-align:center;font-size:1.6rem;font-weight:700;border-radius:var(--wcf15-radius-lg);cursor:pointer;transition:var(--wcf15-transition);border:none}
.wcf15-promo-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(128,0,128,0.5)}
.wcf15-promo-text{color:var(--wcf15-accent);font-weight:600;cursor:pointer;text-decoration:underline}
.wcf15-promo-text:hover{color:var(--wcf15-secondary)}
/* Cards */
.wcf15-card{background:var(--wcf15-bg-card);border-radius:var(--wcf15-radius-lg);padding:1.2rem;margin:1rem 0;border:1px solid var(--wcf15-border)}
.wcf15-card-title{font-size:1.5rem;font-weight:700;color:var(--wcf15-accent);margin-bottom:0.8rem}
.wcf15-card p{color:var(--wcf15-text-dim);line-height:1.8rem;font-size:1.3rem}
/* Feature list */
.wcf15-feature-list{list-style:none;padding:0}
.wcf15-feature-list li{padding:0.8rem 0;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:flex-start;gap:0.8rem;font-size:1.3rem;color:var(--wcf15-text-dim)}
.wcf15-feature-list li i{color:var(--wcf15-accent);font-size:1.6rem;margin-top:0.1rem;flex-shrink:0}
/* Footer */
.wcf15-footer{background:linear-gradient(180deg,#1E1E1E,#0a0a0a);padding:2rem 1rem 1.5rem;border-top:1px solid var(--wcf15-primary);margin-top:2rem}
.wcf15-footer-brand{text-align:center;margin-bottom:1.5rem;color:var(--wcf15-text-dim);font-size:1.2rem;line-height:1.8rem}
.wcf15-footer-promo{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1rem 0}
.wcf15-footer-promo a{padding:0.5rem 1rem;background:linear-gradient(135deg,var(--wcf15-primary),var(--wcf15-secondary));color:#fff;border-radius:var(--wcf15-radius);font-size:1.1rem;font-weight:600;transition:var(--wcf15-transition)}
.wcf15-footer-promo a:hover{transform:scale(1.05)}
.wcf15-footer-links{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;justify-content:center;margin:1rem 0;padding:1rem 0;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.wcf15-footer-links a{color:var(--wcf15-text-dim);font-size:1.1rem;transition:var(--wcf15-transition)}
.wcf15-footer-links a:hover{color:var(--wcf15-accent)}
.wcf15-footer-copy{text-align:center;color:rgba(255,255,255,0.3);font-size:1rem;margin-top:1rem}
/* Bottom nav */
.wcf15-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:60px;background:linear-gradient(180deg,#1a001a,#0d000d);border-top:1px solid var(--wcf15-primary);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 12px rgba(128,0,128,0.3)}
.wcf15-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:60px;cursor:pointer;transition:var(--wcf15-transition);background:none;border:none;color:var(--wcf15-text-dim);text-decoration:none;padding:0.4rem}
.wcf15-bottom-nav-item:hover,.wcf15-bottom-nav-item:focus{color:var(--wcf15-accent);transform:scale(1.1)}
.wcf15-bottom-nav-item.active{color:var(--wcf15-accent)}
.wcf15-bottom-nav-item i,.wcf15-bottom-nav-item .material-symbols-outlined{font-size:22px;margin-bottom:2px}
.wcf15-bottom-nav-item span{font-size:1rem;line-height:1.2rem}
@media(min-width:769px){.wcf15-bottom-nav{display:none}.wcf15-header{max-width:430px}}
/* Winner */
.wcf15-winner-list{display:flex;flex-direction:column;gap:0.5rem}
.wcf15-winner-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.8rem;background:var(--wcf15-bg-light);border-radius:var(--wcf15-radius);font-size:1.2rem}
.wcf15-winner-row .wcf15-win-name{color:var(--wcf15-gold);font-weight:600}
.wcf15-winner-row .wcf15-win-amount{color:var(--wcf15-success);font-weight:700}
/* Payment */
.wcf15-payment-row{display:flex;gap:0.8rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}
.wcf15-payment-row span{background:var(--wcf15-bg-light);padding:0.5rem 1rem;border-radius:var(--wcf15-radius);font-size:1.2rem;color:var(--wcf15-text-dim);border:1px solid var(--wcf15-border)}
/* Testimonial */
.wcf15-testimonial{background:var(--wcf15-bg-light);border-radius:var(--wcf15-radius-lg);padding:1rem;margin:0.5rem 0;border-left:3px solid var(--wcf15-secondary)}
.wcf15-testimonial p{color:var(--wcf15-text-dim);font-size:1.2rem;font-style:italic;margin-bottom:0.5rem}
.wcf15-testimonial .wcf15-testi-author{color:var(--wcf15-accent);font-weight:600;font-style:normal;font-size:1.1rem}
/* Badge and RTP */
.wcf15-badge{display:inline-block;background:var(--wcf15-accent);color:var(--wcf15-bg);font-size:1rem;padding:0.2rem 0.6rem;border-radius:4px;font-weight:700}
.wcf15-rtp-bar{background:var(--wcf15-bg-light);border-radius:var(--wcf15-radius);padding:0.6rem;margin:0.3rem 0}
.wcf15-rtp-fill{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--wcf15-danger),var(--wcf15-gold),var(--wcf15-success))}