/**
 * ylaro.homes - Core Stylesheet
 * Class prefix: w42fc-  | Palette: #1A1A1A #D2B48C #F5F5F5 #CD853F | max-width: 430px
 */
:root{
  --w42fc-bg:#1A1A1A; --w42fc-bg-soft:#232323; --w42fc-bg-card:#2a2520;
  --w42fc-tan:#D2B48C; --w42fc-light:#F5F5F5; --w42fc-accent:#CD853F;
  --w42fc-accent-soft:#b3722f; --w42fc-gold:#e6c275;
  --w42fc-border:rgba(210,180,140,.22); --w42fc-shadow:0 6px 22px rgba(0,0,0,.45);
  --w42fc-radius:14px; --w42fc-radius-sm:10px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:62.5%}
body{
  background:var(--w42fc-bg);color:var(--w42fc-light);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1.5rem;line-height:1.5;max-width:430px;margin:0 auto;
  overflow-x:hidden;position:relative;
}
a{color:var(--w42fc-tan);text-decoration:none}
a:hover,a:focus{color:var(--w42fc-gold)}
img{max-width:100%;display:block}
ul{list-style:none}
.w42fc-skip{position:absolute;left:-9999px;top:auto;background:var(--w42fc-accent);color:#1A1A1A;padding:8px 14px;z-index:10001}
.w42fc-skip:focus{left:8px;top:8px}

/* Header */
.w42fc-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#1f1a14,#2a2118);border-bottom:1px solid var(--w42fc-border);box-shadow:var(--w42fc-shadow)}
.w42fc-brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.w42fc-brand img{width:28px;height:28px;border-radius:6px}
.w42fc-brand-name{font-size:1.9rem;font-weight:800;color:var(--w42fc-gold);letter-spacing:.4px;white-space:nowrap}
.w42fc-brand-dot{font-size:1.05rem;color:var(--w42fc-tan);opacity:.8}
.w42fc-header-actions{display:flex;align-items:center;gap:6px}
.w42fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;font-weight:700;font-size:1.3rem;cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s}
.w42fc-btn:active{transform:scale(.95)}
.w42fc-btn-login{background:transparent;color:var(--w42fc-tan);border:1.5px solid var(--w42fc-tan)}
.w42fc-btn-login:hover{background:rgba(210,180,140,.12)}
.w42fc-btn-register{background:linear-gradient(135deg,var(--w42fc-accent),var(--w42fc-gold));color:#1A1A1A;box-shadow:0 4px 12px rgba(205,133,63,.45)}
.w42fc-btn-register:hover{box-shadow:0 6px 16px rgba(230,194,117,.55)}
.w42fc-btn-block{display:flex;width:100%;padding:14px 18px;font-size:1.55rem}
.w42fc-menu-btn{width:38px;height:38px;border-radius:10px;background:transparent;color:var(--w42fc-tan);border:1px solid var(--w42fc-border);cursor:pointer;font-size:1.7rem;display:inline-flex;align-items:center;justify-content:center}
.w42fc-menu-btn:hover{background:rgba(210,180,140,.1)}
.w42fc-menu-btn-active{background:var(--w42fc-accent);color:#1A1A1A}

/* Mobile slide-down menu */
.w42fc-mobile-menu{position:fixed;top:0;right:0;width:86%;max-width:360px;height:100vh;background:linear-gradient(180deg,#211b14,#1a1611);border-left:1px solid var(--w42fc-border);transform:translateX(100%);transition:transform .3s;z-index:9999;padding:70px 18px 30px;overflow-y:auto}
.w42fc-mobile-menu.w42fc-menu-open{transform:translateX(0)}
.w42fc-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}
.w42fc-mobile-menu.w42fc-menu-open+.w42fc-menu-overlay{opacity:1;pointer-events:auto}
.w42fc-menu-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--w42fc-accent);color:#1A1A1A;border:none;font-size:1.8rem;cursor:pointer}
.w42fc-menu-title{font-size:1.45rem;color:var(--w42fc-tan);text-transform:uppercase;letter-spacing:2px;margin:6px 0 14px;border-bottom:1px solid var(--w42fc-border);padding-bottom:8px}
.w42fc-menu-list li{margin-bottom:6px}
.w42fc-menu-list a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--w42fc-radius-sm);color:var(--w42fc-light);background:rgba(255,255,255,.03);border:1px solid transparent;transition:background .18s,border-color .18s}
.w42fc-menu-list a:hover{background:rgba(205,133,63,.14);border-color:var(--w42fc-border);color:var(--w42fc-gold)}
.w42fc-menu-list .material-symbols-outlined,.w42fc-menu-list i{font-size:2rem;color:var(--w42fc-tan)}
.w42fc-menu-cta{margin-top:18px;display:flex;flex-direction:column;gap:10px}

/* Layout */
.w42fc-container{width:100%;max-width:430px;margin:0 auto;padding:0 14px}
.w42fc-wrapper{padding:18px 0}
.w42fc-section{padding:22px 0;border-top:1px solid var(--w42fc-border)}
.w42fc-section-alt{background:var(--w42fc-bg-soft)}
.w42fc-section-title{font-size:1.85rem;font-weight:800;color:var(--w42fc-gold);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.w42fc-section-title .material-symbols-outlined,.w42fc-section-title i{font-size:2.2rem;color:var(--w42fc-accent)}
.w42fc-section-sub{font-size:1.3rem;color:var(--w42fc-tan);opacity:.85;margin-bottom:14px}
.w42fc-h1{font-size:2.3rem;font-weight:800;color:var(--w42fc-gold);line-height:1.25;margin:10px 0 6px}
.w42fc-lead{font-size:1.4rem;color:var(--w42fc-light);opacity:.9;line-height:1.55;margin-bottom:14px}

/* Hero carousel */
.w42fc-hero{position:relative;margin:12px 0 6px;border-radius:var(--w42fc-radius);overflow:hidden;box-shadow:var(--w42fc-shadow);aspect-ratio:16/9}
.w42fc-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;cursor:pointer}
.w42fc-slide img{width:100%;height:100%;object-fit:cover}
.w42fc-slide.w42fc-slide-active{opacity:1}
.w42fc-slide-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:var(--w42fc-light);font-size:1.4rem;font-weight:600}
.w42fc-slide-caption strong{color:var(--w42fc-gold)}
.w42fc-dots{position:absolute;bottom:8px;right:12px;display:flex;gap:6px;z-index:2}
.w42fc-dot{width:8px;height:8px;border-radius:50%;background:rgba(245,245,245,.4);border:none;cursor:pointer}
.w42fc-dot.w42fc-dot-active{background:var(--w42fc-gold);width:22px;border-radius:4px}

/* Game grid */
.w42fc-cat-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}
.w42fc-cat-head h2{font-size:1.7rem;color:var(--w42fc-gold);display:flex;align-items:center;gap:8px}
.w42fc-cat-head .material-symbols-outlined,.w42fc-cat-head i{color:var(--w42fc-accent);font-size:2.2rem}
.w42fc-cat-more{font-size:1.25rem;color:var(--w42fc-tan)}
.w42fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.w42fc-game-tile{background:var(--w42fc-bg-card);border:1px solid var(--w42fc-border);border-radius:var(--w42fc-radius-sm);overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}
.w42fc-game-tile:hover{transform:translateY(-3px);border-color:var(--w42fc-accent);box-shadow:0 6px 14px rgba(0,0,0,.5)}
.w42fc-game-tile img{width:100%;aspect-ratio:1;object-fit:cover;background:#111}
.w42fc-game-name{font-size:1.18rem;color:var(--w42fc-light);padding:6px 6px 8px;text-align:center;line-height:1.25;min-height:32px;display:flex;align-items:center;justify-content:center}
.w42fc-game-tile:hover .w42fc-game-name{color:var(--w42fc-gold)}

/* Cards */
.w42fc-card{background:var(--w42fc-bg-card);border:1px solid var(--w42fc-border);border-radius:var(--w42fc-radius);padding:16px;margin-bottom:12px}
.w42fc-card h3{font-size:1.55rem;color:var(--w42fc-gold);margin-bottom:8px}
.w42fc-card p{font-size:1.35rem;color:var(--w42fc-light);opacity:.9;margin-bottom:8px;line-height:1.55}
.w42fc-card li{font-size:1.32rem;color:var(--w42fc-light);padding:6px 0 6px 22px;position:relative;line-height:1.45;border-bottom:1px dashed rgba(210,180,140,.15)}
.w42fc-card li:last-child{border-bottom:none}
.w42fc-card li::before{content:"▸";position:absolute;left:4px;color:var(--w42fc-accent)}

/* Steps */
.w42fc-steps{counter-reset:step}
.w42fc-step{position:relative;padding:12px 12px 12px 52px;margin-bottom:10px;background:rgba(255,255,255,.03);border-radius:var(--w42fc-radius-sm);border-left:3px solid var(--w42fc-accent)}
.w42fc-step::before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:12px;width:30px;height:30px;background:var(--w42fc-accent);color:#1A1A1A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem}
.w42fc-step h4{font-size:1.4rem;color:var(--w42fc-gold);margin-bottom:2px}
.w42fc-step p{font-size:1.28rem;opacity:.9}

/* RTP table */
.w42fc-rtp-table{width:100%;border-collapse:collapse;font-size:1.28rem}
.w42fc-rtp-table th,.w42fc-rtp-table td{padding:9px 8px;text-align:left;border-bottom:1px solid var(--w42fc-border)}
.w42fc-rtp-table th{color:var(--w42fc-gold);background:rgba(205,133,63,.12);font-size:1.22rem;text-transform:uppercase;letter-spacing:.5px}
.w42fc-rtp-table td.num{color:var(--w42fc-accent);font-weight:700}

/* Testimonials */
.w42fc-testimonial{background:var(--w42fc-bg-card);border-radius:var(--w42fc-radius);padding:14px;margin-bottom:10px;border-left:3px solid var(--w42fc-tan)}
.w42fc-stars{color:var(--w42fc-gold);font-size:1.3rem;margin-bottom:4px}
.w42fc-testimonial p{font-size:1.3rem;opacity:.92;margin-bottom:6px}
.w42fc-testimonial cite{font-size:1.2rem;color:var(--w42fc-tan);font-style:normal;font-weight:700}

/* Chips & winners */
.w42fc-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.w42fc-chip{background:rgba(210,180,140,.08);border:1px solid var(--w42fc-border);color:var(--w42fc-light);padding:7px 12px;border-radius:999px;font-size:1.2rem;display:inline-flex;align-items:center;gap:5px}
.w42fc-chip i,.w42fc-chip .material-symbols-outlined{color:var(--w42fc-accent);font-size:1.6rem}
.w42fc-winner{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:rgba(255,255,255,.03);border-radius:var(--w42fc-radius-sm);margin-bottom:6px;font-size:1.25rem}
.w42fc-winner span:first-child{color:var(--w42fc-light)}
.w42fc-winner span:last-child{color:var(--w42fc-gold);font-weight:700}

/* FAQ */
.w42fc-faq details{background:var(--w42fc-bg-card);border:1px solid var(--w42fc-border);border-radius:var(--w42fc-radius-sm);padding:12px 14px;margin-bottom:8px}
.w42fc-faq summary{cursor:pointer;font-size:1.35rem;color:var(--w42fc-gold);font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
.w42fc-faq summary::-webkit-details-marker{display:none}
.w42fc-faq summary::after{content:"+";color:var(--w42fc-accent);font-size:1.8rem}
.w42fc-faq details[open] summary::after{content:"−"}
.w42fc-faq p{margin-top:8px;font-size:1.28rem;opacity:.9;line-height:1.5}

/* CTA banner */
.w42fc-cta-banner{background:linear-gradient(135deg,#3a2a14,#1f1813);border:1px solid var(--w42fc-accent);border-radius:var(--w42fc-radius);padding:18px 16px;text-align:center;margin:18px 0}
.w42fc-cta-banner h3{font-size:1.8rem;color:var(--w42fc-gold);margin-bottom:6px}
.w42fc-cta-banner p{font-size:1.32rem;color:var(--w42fc-light);opacity:.9;margin-bottom:12px}

/* Footer */
.w42fc-footer{background:#14110d;border-top:1px solid var(--w42fc-border);padding:24px 14px 100px;margin-top:18px}
.w42fc-footer-brand{font-size:1.9rem;color:var(--w42fc-gold);font-weight:800;margin-bottom:6px}
.w42fc-footer-desc{font-size:1.25rem;color:var(--w42fc-tan);opacity:.85;line-height:1.5;margin-bottom:14px}
.w42fc-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:14px}
.w42fc-footer-links a{font-size:1.2rem;color:var(--w42fc-light);opacity:.85;padding:4px 0}
.w42fc-footer-links a:hover{color:var(--w42fc-gold);opacity:1}
.w42fc-footer-promos{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.w42fc-footer-promos button,.w42fc-footer-promos a{flex:1 1 auto;text-align:center;min-height:38px;padding:8px 10px;font-size:1.22rem;border-radius:999px;background:rgba(205,133,63,.14);border:1px solid var(--w42fc-accent);color:var(--w42fc-gold);cursor:pointer}
.w42fc-footer-promos button:hover{background:var(--w42fc-accent);color:#1A1A1A}
.w42fc-footer-copy{font-size:1.12rem;color:var(--w42fc-tan);opacity:.7;text-align:center;border-top:1px dashed var(--w42fc-border);padding-top:10px}

/* Mobile bottom nav */
.w42fc-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:62px;background:linear-gradient(180deg,#211b14,#14110d);border-top:1px solid var(--w42fc-border);display:flex;justify-content:space-around;align-items:stretch;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}
.w42fc-navbtn{flex:1;min-width:60px;min-height:60px;background:transparent;border:none;color:var(--w42fc-tan);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:1.05rem;position:relative;transition:color .2s,transform .2s}
.w42fc-navbtn i,.w42fc-navbtn .material-symbols-outlined{font-size:22px}
.w42fc-navbtn-label{font-size:1.02rem;opacity:.9}
.w42fc-navbtn:active{transform:scale(.92)}
.w42fc-navbtn:hover{color:var(--w42fc-gold)}
.w42fc-navbtn-home{color:var(--w42fc-gold)}
.w42fc-navbtn-promo{color:var(--w42fc-gold);background:rgba(205,133,63,.1)}
.w42fc-navbtn-promo::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--w42fc-accent);border-radius:2px}
.w42fc-navbtn-active{color:var(--w42fc-gold)}
.w42fc-navbtn-active::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--w42fc-accent)}
.w42fc-nav-badge{position:absolute;top:6px;right:16px;background:#d33;color:#fff;font-size:.85rem;padding:0 4px;border-radius:6px;min-width:14px;text-align:center;line-height:14px}

/* Desktop + utilities */
@media (min-width:769px){.w42fc-bottom-nav{display:none}.w42fc-footer{padding-bottom:36px}.w42fc-menu-btn{display:none}}
@media (max-width:768px){main{padding-bottom:80px}}
.w42fc-text-center{text-align:center}
.w42fc-mt-8{margin-top:8px}.w42fc-mt-16{margin-top:16px}.w42fc-mb-8{margin-bottom:8px}
.w42fc-inline-link{color:var(--w42fc-accent);font-weight:700;border-bottom:1px dashed var(--w42fc-accent)}
.w42fc-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.w42fc-tag{font-size:1.1rem;background:rgba(210,180,140,.1);color:var(--w42fc-tan);padding:3px 8px;border-radius:6px;border:1px solid var(--w42fc-border)}
