/* beeking ph mobile-first layout */
:root{
  font-size:62.5%;
  --wda22-bg:#171714;
  --wda22-panel:#24241f;
  --wda22-primary:#BDB76B;
  --wda22-primary-2:#E9D979;
  --wda22-text:#F7F3D6;
  --wda22-muted:#C9C09A;
  --wda22-line:rgba(189,183,107,.28);
  --wda22-hot:#F4A340;
  --wda22-honey:#DFAE36;
  --wda22-shadow:0 1.2rem 3rem rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:radial-gradient(circle at top,#3A3A3A 0,#171714 55%,#10100e 100%);color:var(--wda22-text);font-family:Inter,Arial,sans-serif;font-size:1.6rem;line-height:1.5;overflow-x:hidden}
a{color:var(--wda22-primary-2);text-decoration:none}
img{max-width:100%;display:block}
.wda22-lock{overflow:hidden}
.wda22-shell{width:min(100%,43rem);margin:0 auto;background:linear-gradient(180deg,rgba(58,58,58,.94),rgba(20,20,18,.98));min-height:100vh;position:relative;box-shadow:0 0 4rem rgba(0,0,0,.45)}
.wda22-container{width:100%;padding:0 1.4rem}
.wda22-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,43rem);z-index:1000;background:rgba(23,23,20,.94);backdrop-filter:blur(1.2rem);border-bottom:.1rem solid var(--wda22-line)}
.wda22-head-inner{height:6.4rem;display:flex;align-items:center;gap:.8rem;padding:0 1rem}
.wda22-brand{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1;color:var(--wda22-text);font-weight:900;letter-spacing:.02em}
.wda22-logo{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover;border:.2rem solid var(--wda22-primary);background:#000}
.wda22-brand-text{display:flex;flex-direction:column;line-height:1.05}
.wda22-brand-main{font-size:1.55rem;text-transform:lowercase}
.wda22-brand-sub{font-size:1rem;color:var(--wda22-muted);font-weight:600}
.wda22-actions{display:flex;align-items:center;gap:.5rem}
.wda22-btn{border:0;border-radius:999px;min-height:4.4rem;padding:0 1.25rem;font-weight:900;color:#181711;background:linear-gradient(135deg,var(--wda22-primary-2),var(--wda22-honey));box-shadow:0 .4rem 1.2rem rgba(223,174,54,.28);cursor:pointer;transition:transform .18s ease,filter .18s ease}
.wda22-btn:hover,.wda22-btn:focus{transform:translateY(-.1rem) scale(1.02);filter:saturate(1.1)}
.wda22-btn:active{transform:scale(.96)}
.wda22-btn-alt{background:transparent;color:var(--wda22-primary-2);border:.1rem solid var(--wda22-primary);box-shadow:none}
.wda22-menu-toggle{width:4.4rem;height:4.4rem;border-radius:1.4rem;border:.1rem solid var(--wda22-line);background:rgba(255,255,255,.06);color:var(--wda22-primary-2);display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.wda22-mobile-menu{position:fixed;inset:0;z-index:9999;background:rgba(11,11,9,.9);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.wda22-menu-panel{position:absolute;right:0;top:0;width:min(88%,36rem);height:100%;background:linear-gradient(180deg,#2e2e28,#151512);padding:2rem;transform:translateX(100%);transition:transform .24s ease;box-shadow:var(--wda22-shadow);overflow-y:auto}
.wda22-menu-open{opacity:1;visibility:visible}
.wda22-menu-open .wda22-menu-panel{transform:translateX(0)}
.wda22-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}
.wda22-menu-close{width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:var(--wda22-primary);color:#111;font-size:2.4rem}
.wda22-nav{display:flex;flex-direction:column;gap:.8rem}
.wda22-nav a{padding:1.25rem;border:.1rem solid var(--wda22-line);border-radius:1.4rem;background:rgba(255,255,255,.05);color:var(--wda22-text);font-weight:800}
.wda22-desktop-nav{display:none}
.wda22-main{padding-top:7.6rem;padding-bottom:2rem}
.wda22-hero{padding:1.2rem 1.4rem 0}
.wda22-carousel{position:relative;border-radius:2rem;overflow:hidden;border:.1rem solid var(--wda22-line);box-shadow:var(--wda22-shadow);background:#000;min-height:18rem}
.wda22-slide{display:none;position:relative;cursor:pointer}
.wda22-slide-active{display:block}
.wda22-slide img{width:100%;height:20.5rem;object-fit:cover;filter:saturate(1.05) contrast(1.06)}
.wda22-slide-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:1rem;border-radius:1.4rem;background:rgba(0,0,0,.56);border:.1rem solid rgba(255,255,255,.16)}
.wda22-slide-caption strong{display:block;font-size:1.8rem;color:var(--wda22-primary-2)}
.wda22-dots{position:absolute;right:1.2rem;top:1.2rem;display:flex;gap:.45rem}
.wda22-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(255,255,255,.45);border:0}
.wda22-dot-active{width:2rem;border-radius:1rem;background:var(--wda22-primary-2)}
.wda22-title-block{padding:1.6rem 1.4rem .8rem}
.wda22-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.16em;color:var(--wda22-primary-2);font-weight:900}
.wda22-title{font-size:2.8rem;line-height:1.05;margin:.8rem 0;color:#fff;text-wrap:balance}
.wda22-lead{font-size:1.55rem;color:var(--wda22-muted);margin:.8rem 0 0}
.wda22-section{margin:1.4rem;padding:1.4rem;border:.1rem solid var(--wda22-line);border-radius:2rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 .8rem 2rem rgba(0,0,0,.18)}
.wda22-section h2{font-size:2.1rem;line-height:1.18;margin:.2rem 0 1rem;color:#fff}
.wda22-section h3{font-size:1.65rem;margin:1.2rem 0 .6rem;color:var(--wda22-primary-2)}
.wda22-section p{margin:.8rem 0;color:var(--wda22-text)}
.wda22-highlight{color:var(--wda22-primary-2);font-weight:900}
.wda22-promo-link{display:inline;font-weight:900;color:var(--wda22-primary-2);text-decoration:underline;text-decoration-thickness:.2rem;cursor:pointer}
.wda22-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}
.wda22-cta-wide{width:100%;justify-content:center;display:flex;align-items:center;gap:.6rem;text-align:center}
.wda22-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.wda22-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.wda22-card{border:.1rem solid var(--wda22-line);border-radius:1.6rem;padding:1rem;background:rgba(0,0,0,.18)}
.wda22-card strong{color:#fff}
.wda22-stat{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:.1rem dashed var(--wda22-line);padding:.7rem 0;color:var(--wda22-muted)}
.wda22-stat b{color:var(--wda22-primary-2)}
.wda22-game-section{margin-top:1.4rem}
.wda22-game-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .8rem}
.wda22-game-title h3{margin:0;text-transform:capitalize}
.wda22-game-count{font-size:1.1rem;color:#181711;background:var(--wda22-primary);border-radius:999px;padding:.25rem .7rem;font-weight:900}
.wda22-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.wda22-game-card{min-height:10.4rem;border:.1rem solid var(--wda22-line);border-radius:1.3rem;background:rgba(0,0,0,.2);padding:.6rem;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.wda22-game-card:hover{transform:translateY(-.2rem);border-color:var(--wda22-primary)}
.wda22-game-card img{width:5.4rem;height:5.4rem;margin:0 auto .5rem;border-radius:1.2rem;object-fit:cover;background:#111}
.wda22-game-card span{font-size:1.05rem;line-height:1.18;font-weight:800;color:var(--wda22-text);display:block}
.wda22-steps{counter-reset:wda22step;display:grid;gap:.9rem}
.wda22-step{position:relative;padding:1rem 1rem 1rem 4.2rem;border:.1rem solid var(--wda22-line);border-radius:1.4rem;background:rgba(0,0,0,.18)}
.wda22-step:before{counter-increment:wda22step;content:counter(wda22step);position:absolute;left:1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--wda22-primary);color:#111;font-weight:900}
.wda22-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:rgba(189,183,107,.14);border:.1rem solid var(--wda22-line);color:var(--wda22-primary-2);font-size:1.15rem;font-weight:800;margin:.2rem}
.wda22-review{padding:1rem;border-left:.35rem solid var(--wda22-primary);background:rgba(0,0,0,.16);border-radius:1rem;margin:.8rem 0}
.wda22-pay-row{display:flex;flex-wrap:wrap;gap:.7rem}
.wda22-pay{min-height:4.4rem;padding:.8rem 1rem;border-radius:1.2rem;border:.1rem solid var(--wda22-line);background:rgba(255,255,255,.05);font-weight:900;color:#fff}
.wda22-footer{margin-top:2rem;padding:2rem 1.4rem 8.8rem;background:#11110f;border-top:.1rem solid var(--wda22-line)}
.wda22-footer-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.wda22-footer-logo img{width:3.8rem;height:3.8rem;border-radius:50%}
.wda22-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.2rem 0}
.wda22-footer-links a{padding:.85rem;border-radius:1.2rem;background:rgba(255,255,255,.05);border:.1rem solid var(--wda22-line);font-size:1.25rem;color:var(--wda22-text);font-weight:800}
.wda22-footer-promos{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.wda22-copy{font-size:1.2rem;color:var(--wda22-muted)}
.wda22-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,43rem);height:6.2rem;z-index:1000;background:#24241f;border-top:.1rem solid var(--wda22-line);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -1rem 2.5rem rgba(0,0,0,.35)}
.wda22-bottom-btn{min-width:6rem;min-height:6rem;border:0;background:transparent;color:var(--wda22-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:1rem;font-weight:900;cursor:pointer;transition:transform .16s ease,color .16s ease}
.wda22-bottom-btn i,.wda22-bottom-btn ion-icon,.wda22-bottom-btn .material-icons,.wda22-bottom-btn .ti{font-size:2.3rem;line-height:1}
.wda22-bottom-btn:active{transform:scale(.92)}
.wda22-bottom-active{color:var(--wda22-primary-2)}
.wda22-bottom-active:before{content:"";position:absolute;top:.45rem;width:2.6rem;height:.25rem;border-radius:1rem;background:var(--wda22-primary-2)}
.wda22-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:1.4rem;font-size:1.3rem}
.wda22-table th,.wda22-table td{padding:.9rem;border-bottom:.1rem solid var(--wda22-line);text-align:left}
.wda22-table th{color:#111;background:var(--wda22-primary);font-weight:900}
.wda22-table td{background:rgba(0,0,0,.14)}
.wda22-internal-links{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}
.wda22-internal-links a{font-weight:800;text-decoration:underline;color:var(--wda22-primary-2)}
.wda22-faq details{border:.1rem solid var(--wda22-line);border-radius:1.3rem;background:rgba(0,0,0,.18);padding:1rem;margin:.8rem 0}
.wda22-faq summary{font-weight:900;color:#fff;cursor:pointer}
@media (min-width:769px){
  body{background:#0f0f0d}
  .wda22-shell,.wda22-header,.wda22-bottom-nav{width:43rem}
  .wda22-bottom-nav{display:none}
  .wda22-footer{padding-bottom:2rem}
  .wda22-desktop-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:.5rem 1.4rem 1rem}
  .wda22-desktop-nav a{font-size:1.2rem;color:var(--wda22-muted);font-weight:800}
}
@media (max-width:768px){
  .wda22-main{padding-bottom:8rem}
}
@media (max-width:360px){
  .wda22-title{font-size:2.45rem}
  .wda22-game-grid{grid-template-columns:repeat(3,1fr)}
  .wda22-actions .wda22-btn{padding:0 .85rem;font-size:1.2rem}
}