html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size:16px; 
}

.innerpage_member_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
    color: var(--text-muted);
    font-size: 0.85rem;
    height: 50px;
}
.innerpage_member_header div {
    display: flex;
    align-items: center;
    gap: 6px;
}
.innerpage_member_header a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--secondary);
    color: var(--primary);
    border: 1px solid var(--border-light);
    /* animation: pulse 3s infinite ease-in-out; */
    font-size: var(--fonts);
    font-weight: bold;
}
.innerpage_member_header a:hover { color: var(--text-light); }

.innerpage_member_logo {
    padding: 30px 0 0 0;
    /* padding: 60px 0 0px 0; */
    text-align: center;
    position: relative;
}
.innerpage_member_logo img {
    width: 220px;
    object-fit: contain;
    transition: transform 0.3s;
}

/* Game Rule Button */
.game-rule-btn {
    position: absolute;
    top: 20px;
    right: 16px;
    font-size: var(--fonts);
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--primary);
    background: var(--secondary);
    color: var(--primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}
.game-rule-btn:hover {
    background: var(--primary);
    color: var(--secondary);
    box-shadow: 0 6px 12px var(--hover-glow);
}

/* Other existing styles... */
.innerpage_member_header_btn_group { display: flex; width: 100%; gap: 8px; padding: 0 20px 20px 20px; }
.innerpage_member_header_btn { flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; font-size: var(--fontm); cursor: pointer; border: none; transition: all 0.3s ease; padding: 14px 0; border-radius: 999px; line-height: 1; text-decoration: none; font-weight: bold }
.innerpage_member_header_btn_login { background: var(--secondary); color: var(--primary); border: 1px solid var(--border-light); 
  /* animation: pulse 3s infinite ease-in-out; */
 }
.innerpage_member_header_btn_topup { background: var(--primary); color: var(--secondary); }
.innerpage_member_header_btn_login:hover, .innerpage_member_header_btn_topup:hover { background: var(--primary); color: var(--secondary); box-shadow: 0 6px 18px var(--hover-glow); transform: translateY(-2px) scale(1.02); animation: none; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 rgba(92,111,255,0); transform: translateY(0px); } 50% { box-shadow: 0 0 12px var(--hover-glow); transform: translateY(-2px); } }

/* iframe / game */
.innerpage_webview_container { width: 100%; height: 100vh; overflow: hidden; position: relative; background: var(--card-bg); }
.game-frame { width: 100%; height: 100%; border: none; }
.locked-container .blur-overlay { position: absolute; inset: 0; backdrop-filter: blur(3px); background: rgba(0, 0, 0, 0.35); display: flex; justify-content: center; align-items: center; z-index: 10; }
.login-btn { padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 50px; border: none; cursor: pointer; background: var(--primary); color: var(--secondary); box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: 0.3s ease; }
.login-btn:hover { transform: scale(1.05); }
.iframe-wrapper { position: relative; width: 100%; height: 100%; }
.blur-overlay { position: absolute; inset: 0; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.25); z-index: 2; }
.disabled { pointer-events: none; }
.innerpage_webview_container iframe { width: 100%; height: 100%; border: none; background: var(--card-bg); }

.title {
  text-align:center;
  font-size:1.3em;
  letter-spacing:0.5px;
  color:#ffffff;
}
h2 { font-size:1.2em; margin:0.8em 0 0.4em; color:#ffffff; border-bottom:1px solid #444; padding-bottom:0.2em; }
h3 { font-size:1em; margin:0.6em 0 0.3em; color:#ffffff; }
p, li { margin-bottom:0.6em; }
ul, ol { margin-left:1.2em; margin-bottom:0.8em; }
pre, code { font-size:0.9em; background:#1b1d3a; color:#f0f0f0; padding:0.5em; border-radius:8px; overflow-x:auto; margin-bottom:0.8em; }  /* Container layout */
.container { display:flex; flex-direction:column; gap:1em; }
.panel {
  background:rgba(255,255,255,0.15);
  padding:1em;
  border-radius:12px;
  backdrop-filter: blur(6px);
}
.panel h2{
  margin-bottom:0.5em;
}
.panel ul{
  margin-top:0.4em;
}
.panel li{
  margin-bottom:0.4em;
}

.lang-switcher{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;
}

/* main floating button */

.lang-toggle{
    /* width:120px; */
    /* height:55px; */
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 10px; 
    border-radius:10px;
    border:none;
    /* font-size:23px; */
    color: white;
    cursor:pointer;
    background:rgba(255,255,255,0.15);
    /* backdrop-filter:blur(10px); */
    /* box-shadow:0 8px 25px rgba(0,0,0,0.35); */
    transition:all 0.25s ease;
}

.lang-toggle:hover{
    transform:scale(1.1);
}

/* dropdown */

.lang-menu{
    position:absolute;
    bottom:70px;
    right:0;

    display:flex;
    flex-direction:column;
    gap:8px;

    opacity:0;
    pointer-events:none;
    transform:translateY(10px);

    transition:all 0.25s ease;
}

.lang-menu.show{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
}

/* menu buttons */

.lang-menu button{
    display:flex;
    align-items:center;
    gap:8px;

    padding:10px 14px;
    border:none;
    border-radius:10px;

    background:rgba(0,0,0,0.6);
    color:#fff;

    font-size:14px;
    cursor:pointer;

    backdrop-filter:blur(8px);

    transition:all 0.2s ease;
}

.lang-menu button:hover{
    background:rgba(0,0,0,0.85);
}

.flag{
    font-size:18px;
}
/* Responsive grid for desktop */
@media(min-width:768px){
  .container { display:grid; grid-template-columns: 1fr 1fr; gap:1em; }
    h1 { text-align:left; }
  }

  /* Mobile adjustments */
@media(max-width:480px){
  body{font-size:14px;}
  h1{font-size:1.5em;}
  h2{font-size:1.1em;}
  h3{font-size:0.95em;}
}