/* okada ph - theme.css | prefix: ui52- | English comments */
:root{
  --ui52-primary:#D4AF37;
  --ui52-secondary:#DEB887;
  --ui52-accent:#FFE135;
  --ui52-teal:#008B8B;
  --ui52-bg:#0E1621;
  --ui52-bg2:#142033;
  --ui52-bg3:#1b2c47;
  --ui52-text:#F0F0F0;
  --ui52-muted:#a9b4c4;
  --ui52-line:rgba(212,175,55,.25);
  --ui52-radius:14px;
  --ui52-shadow:0 6px 22px rgba(0,0,0,.35);
  --ui52-gradient:linear-gradient(135deg,#D4AF37 0%,#FFE135 60%,#DEB887 100%);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:62.5%;scroll-behavior:smooth}
body{font-family:"Segoe UI",Roboto,system-ui,Arial,sans-serif;background:var(--ui52-bg);color:var(--ui52-text);line-height:1.5;font-size:1.5rem;overflow-x:hidden;max-width:430px;margin:0 auto;position:relative}
img{max-width:100%;display:block}
a{color:var(--ui52-secondary);text-decoration:none;transition:color .25s}
a:hover{color:var(--ui52-accent)}
h1,h2,h3,h4{line-height:1.25;font-weight:800;letter-spacing:.3px}
.ui52-wrapper{max-width:430px;margin:0 auto;padding:0 12px}
.ui52-section{padding:28px 0 8px}
.ui52-section-title{font-size:2.1rem;color:var(--ui52-accent);margin-bottom:6px;text-align:center}
.ui52-section-sub{text-align:center;color:var(--ui52-muted);font-size:1.3rem;margin-bottom:16px}
.ui52-eyebrow{display:inline-block;background:rgba(212,175,55,.15);color:var(--ui52-accent);font-size:1.1rem;padding:4px 12px;border-radius:20px;border:1px solid var(--ui52-line);margin:0 auto 8px}
.ui52-eyebrow-wrap{text-align:center}

/* Header */
.ui52-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:1000;background:linear-gradient(180deg,rgba(14,22,33,.98),rgba(14,22,33,.88));backdrop-filter:blur(8px);border-bottom:1px solid var(--ui52-line);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ui52-logo{display:flex;align-items:center;gap:8px;min-width:0}
.ui52-logo-icon{width:30px;height:30px;border-radius:8px;background:var(--ui52-gradient);display:flex;align-items:center;justify-content:center;color:#0E1621;font-weight:900;font-size:1.4rem;flex-shrink:0}
.ui52-logo-text{font-size:1.5rem;font-weight:800;color:var(--ui52-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui52-logo-text b{color:var(--ui52-accent)}
.ui52-header-actions{display:flex;align-items:center;gap:6px}
.ui52-btn{border:none;border-radius:22px;padding:8px 16px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;min-height:36px;display:inline-flex;align-items:center;gap:6px}
.ui52-btn:hover{transform:translateY(-1px)}
.ui52-btn-register{background:var(--ui52-gradient);color:#0E1621;box-shadow:0 4px 12px rgba(255,225,53,.3)}
.ui52-btn-login{background:transparent;color:var(--ui52-text);border:1.5px solid var(--ui52-primary)}
.ui52-menu-toggle{background:transparent;border:none;color:var(--ui52-text);font-size:2rem;cursor:pointer;padding:4px 8px;display:flex;align-items:center}

/* Mobile menu */
.ui52-mobile-menu{position:fixed;top:0;right:-100%;width:78%;max-width:330px;height:100vh;background:var(--ui52-bg2);z-index:9999;padding:70px 18px 20px;transition:right .3s ease;overflow-y:auto;border-left:1px solid var(--ui52-line);box-shadow:-6px 0 24px rgba(0,0,0,.5)}
.ui52-mobile-menu.ui52-open{right:0}
.ui52-menu-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--ui52-text);font-size:2.2rem;cursor:pointer}
.ui52-menu-item{display:flex;align-items:center;gap:12px;padding:13px 10px;color:var(--ui52-text);border-bottom:1px solid rgba(255,255,255,.06);font-size:1.5rem;font-weight:600}
.ui52-menu-item i,.ui52-menu-item .material-icons,.ui52-menu-item .ion{color:var(--ui52-primary);font-size:2rem}
.ui52-menu-item:hover{background:rgba(212,175,55,.08);color:var(--ui52-accent)}
.ui52-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s}
.ui52-menu-overlay.ui52-open{opacity:1;visibility:visible}

/* Hero / Carousel */
.ui52-hero{margin-top:54px;position:relative;overflow:hidden}
.ui52-carousel{position:relative;height:190px;border-radius:0 0 18px 18px;overflow:hidden}
.ui52-carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;background-size:cover;background-position:center}
.ui52-carousel-slide.ui52-active{opacity:1}
.ui52-carousel-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,33,.1),rgba(14,22,33,.85))}
.ui52-carousel-caption{position:absolute;left:14px;right:14px;bottom:16px;z-index:2}
.ui52-carousel-caption h2{font-size:1.9rem;color:#fff;margin-bottom:4px;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.ui52-carousel-caption p{font-size:1.2rem;color:var(--ui52-secondary)}
.ui52-carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.ui52-carousel-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.ui52-carousel-dot.ui52-active{background:var(--ui52-accent);width:18px;border-radius:4px}

/* Hero CTA banner */
.ui52-cta-banner{background:linear-gradient(135deg,#1b2c47,#008B8B);border:1px solid var(--ui52-line);border-radius:var(--ui52-radius);padding:16px;margin:14px 12px;text-align:center}
.ui52-cta-banner h3{font-size:1.7rem;color:var(--ui52-accent);margin-bottom:4px}
.ui52-cta-banner p{font-size:1.25rem;color:var(--ui52-muted);margin-bottom:10px}
.ui52-cta-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ui52-cta-link{color:var(--ui52-accent);font-weight:700;text-decoration:underline;font-size:1.3rem}

/* Game sections */
.ui52-game-block{padding:18px 0 6px}
.ui52-game-block-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ui52-line)}
.ui52-game-block-title i,.ui52-game-block-title .material-icons{color:var(--ui52-primary);font-size:2rem}
.ui52-game-block-title h2{font-size:1.8rem;color:var(--ui52-text);flex:1}
.ui52-game-block-title h2 span{color:var(--ui52-accent)}
.ui52-game-block-title .ui52-more{font-size:1.2rem;color:var(--ui52-secondary);font-weight:600}
.ui52-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ui52-game-card{background:var(--ui52-bg2);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .2s,box-shadow .2s;cursor:pointer}
.ui52-game-card:hover{transform:translateY(-2px);box-shadow:var(--ui52-shadow);border-color:var(--ui52-line)}
.ui52-game-img{width:100%;aspect-ratio:1;object-fit:cover;background:#0a1018}
.ui52-game-name{font-size:1.1rem;text-align:center;padding:6px 4px;color:var(--ui52-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui52-game-card:hover .ui52-game-name{color:var(--ui52-accent)}

/* Cards / generic */
.ui52-card{background:var(--ui52-bg2);border:1px solid var(--ui52-line);border-radius:var(--ui52-radius);padding:16px;margin-bottom:12px}
.ui52-card h3{color:var(--ui52-accent);font-size:1.6rem;margin-bottom:8px}
.ui52-card p,.ui52-card li{color:var(--ui52-muted);font-size:1.35rem;line-height:1.6}
.ui52-card ul{padding-left:18px;margin-top:6px}
.ui52-card li{margin-bottom:4px}
.ui52-card a{color:var(--ui52-accent);font-weight:700}

/* Steps */
.ui52-steps{counter-reset:step;list-style:none;padding:0}
.ui52-steps li{position:relative;padding:10px 10px 10px 42px;margin-bottom:8px;background:var(--ui52-bg2);border-radius:10px;border:1px solid rgba(255,255,255,.05);font-size:1.35rem;color:var(--ui52-muted)}
.ui52-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--ui52-gradient);color:#0E1621;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}

/* Feature grid */
.ui52-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ui52-feature-item{background:var(--ui52-bg2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;text-align:center}
.ui52-feature-item .ui52-ico{font-size:2.4rem;color:var(--ui52-primary);margin-bottom:6px;display:block}
.ui52-feature-item h4{font-size:1.4rem;color:var(--ui52-text);margin-bottom:4px}
.ui52-feature-item p{font-size:1.2rem;color:var(--ui52-muted);line-height:1.5}

/* Promo cards */
.ui52-promo-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ui52-promo-card{background:linear-gradient(135deg,#1b2c47,#008B8B 120%);border:1px solid var(--ui52-line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}
.ui52-promo-card .ui52-promo-ico{font-size:2.6rem;color:var(--ui52-accent);flex-shrink:0}
.ui52-promo-card h4{font-size:1.5rem;color:var(--ui52-text);margin-bottom:2px}
.ui52-promo-card p{font-size:1.2rem;color:var(--ui52-muted)}

/* Winners */
.ui52-winner-list{display:flex;flex-direction:column;gap:6px}
.ui52-winner-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ui52-bg2);border-radius:8px;border:1px solid rgba(255,255,255,.04);font-size:1.25rem}
.ui52-winner-row .ui52-w-name{flex:1;color:var(--ui52-text);font-weight:600}
.ui52-winner-row .ui52-w-game{color:var(--ui52-muted);font-size:1.15rem}
.ui52-winner-row .ui52-w-amount{color:var(--ui52-accent);font-weight:800}

/* Payments */
.ui52-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ui52-payment-item{background:var(--ui52-bg2);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 6px;text-align:center}
.ui52-payment-item .ui52-pay-ico{font-size:2rem;color:var(--ui52-teal);margin-bottom:4px;display:block}
.ui52-payment-item span{font-size:1.15rem;color:var(--ui52-text);font-weight:600;display:block}

/* Testimonials */
.ui52-testimonial{background:var(--ui52-bg2);border:1px solid var(--ui52-line);border-left:4px solid var(--ui52-primary);border-radius:12px;padding:14px;margin-bottom:10px}
.ui52-testimonial .ui52-t-stars{color:var(--ui52-accent);font-size:1.3rem;margin-bottom:4px}
.ui52-testimonial p{font-size:1.3rem;color:var(--ui52-muted);font-style:italic;margin-bottom:6px}
.ui52-testimonial .ui52-t-author{font-size:1.2rem;color:var(--ui52-text);font-weight:700}

/* App CTA */
.ui52-app-cta{background:linear-gradient(135deg,#008B8B,#0E1621);border:1px solid var(--ui52-line);border-radius:var(--ui52-radius);padding:18px;text-align:center}
.ui52-app-cta h3{font-size:1.8rem;color:var(--ui52-accent);margin-bottom:6px}
.ui52-app-cta p{font-size:1.3rem;color:var(--ui52-muted);margin-bottom:12px}
.ui52-app-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ui52-app-btn{background:var(--ui52-gradient);color:#0E1621;border:none;border-radius:24px;padding:10px 18px;font-size:1.35rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}

/* FAQ */
.ui52-faq-item{background:var(--ui52-bg2);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:8px;overflow:hidden}
.ui52-faq-q{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;font-size:1.4rem;font-weight:700;color:var(--ui52-text);gap:8px}
.ui52-faq-q .ui52-faq-icon{color:var(--ui52-accent);font-size:1.6rem;transition:transform .25s;flex-shrink:0}
.ui52-faq-item.ui52-open .ui52-faq-icon{transform:rotate(45deg)}
.ui52-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 14px;color:var(--ui52-muted);font-size:1.3rem;line-height:1.6}
.ui52-faq-item.ui52-open .ui52-faq-a{max-height:300px;padding:0 14px 12px}

/* Footer */
.ui52-footer{background:var(--ui52-bg2);border-top:1px solid var(--ui52-line);padding:22px 12px 18px;margin-top:20px}
.ui52-footer-brand{font-size:1.5rem;font-weight:800;color:var(--ui52-accent);margin-bottom:6px}
.ui52-footer-desc{font-size:1.25rem;color:var(--ui52-muted);line-height:1.6;margin-bottom:14px}
.ui52-footer-promo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ui52-footer-promo .ui52-btn{font-size:1.25rem;padding:8px 14px}
.ui52-footer-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px}
.ui52-footer-links a{font-size:1.2rem;color:var(--ui52-muted)}
.ui52-footer-links a:hover{color:var(--ui52-accent)}
.ui52-footer-copy{text-align:center;font-size:1.1rem;color:var(--ui52-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:12px}
.ui52-footer-warning{font-size:1.1rem;color:#d98324;text-align:center;margin-top:6px}

/* Bottom nav */
.ui52-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:60px;background:linear-gradient(180deg,rgba(14,22,33,.98),#0a1018);border-top:1px solid var(--ui52-line);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:4px 0}
.ui52-bottom-nav-btn{background:transparent;border:none;color:var(--ui52-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:60px;min-height:52px;cursor:pointer;transition:color .2s,transform .2s;position:relative;flex:1}
.ui52-bottom-nav-btn i,.ui52-bottom-nav-btn .material-icons,.ui52-bottom-nav-btn .ion{font-size:22px}
.ui52-bottom-nav-btn span{font-size:1rem;font-weight:600}
.ui52-bottom-nav-btn:hover{color:var(--ui52-accent);transform:translateY(-1px)}
.ui52-bottom-nav-btn.ui52-active{color:var(--ui52-accent)}
.ui52-bottom-nav-btn.ui52-active::before{content:"";position:absolute;top:0;width:30px;height:3px;background:var(--ui52-accent);border-radius:0 0 4px 4px}
.ui52-bottom-nav-btn.ui52-promo{color:var(--ui52-secondary)}
.ui52-bottom-nav-btn.ui52-promo i,.ui52-bottom-nav-btn.ui52-promo .material-icons{color:var(--ui52-accent)}

/* Promo text link inline */
.ui52-promo-link{color:var(--ui52-accent);font-weight:800;text-decoration:underline;cursor:pointer}

/* Responsive */
@media (min-width:431px) and (max-width:768px){
  body{max-width:430px}
}
@media (min-width:769px){
  body{max-width:430px;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);min-height:100vh}
}
@media (max-width:768px){
  main.ui52-main{padding-bottom:80px}
}
.ui52-main{display:block;padding-top:4px}
.ui52-hide-desktop{display:block}
@media (min-width:769px){.ui52-bottom-nav{display:none}}