/* ================================================
   RESET + VARIABLES + TEXT DISABLE
   ================================================ */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;}
input,textarea,[contenteditable="true"]{-webkit-user-select:text!important;user-select:text!important;}
:root{
  --bg:#354d46;
  --bg2:#2d4139;
  --bg3:#263b33;
  --purple2:#3a5a4d;
  --accent:#f5c518;
  --blue:#1a4fd6; --blue2:#0e3ab8;
  --text:#fff; --muted:rgba(255,255,255,.68);
  --card:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.14);
  --gold:#C9A227; --gold2:#FFD700;
  --bottom-h:58px; --top-h:0px;
  --green:#22c55e; --red:#ef4444;
  --glass-bg:rgba(255,255,255,.08);
  --glass-border:rgba(255,255,255,.15);
}
html,body{width:100%;height:100dvh;background:var(--bg);color:var(--text);font-family:'Segoe UI','Myanmar Text',sans-serif;overflow:hidden;display:flex;flex-direction:column;}
svg{display:block;}
button{outline:none;cursor:pointer;}
input{outline:none;}
::-webkit-scrollbar{display:none;}
scrollbar-width:none;
@keyframes popIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ticker{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes hologramShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes neonPulse{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes notifPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes kbzFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes kbzGlow{0%,100%{filter:drop-shadow(0 2px 6px rgba(26,79,214,.35))}50%{filter:drop-shadow(0 2px 14px rgba(26,79,214,.8)) drop-shadow(0 0 22px rgba(26,79,214,.3))}}
@keyframes waveFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes waveGlow{0%,100%{filter:drop-shadow(0 2px 6px rgba(255,171,0,.35))}50%{filter:drop-shadow(0 2px 14px rgba(255,171,0,.8)) drop-shadow(0 0 22px rgba(255,171,0,.25))}}
@keyframes coinFlip{0%{transform:perspective(200px) rotateY(0) scaleX(1)}50%{transform:perspective(200px) rotateY(90deg) scaleX(.1)}100%{transform:perspective(200px) rotateY(0) scaleX(1)}}
@keyframes balSpin{to{transform:rotate(360deg)}}
@keyframes glassShimmer{0%{left:-100%}100%{left:200%}}
.md-spin{width:28px;height:28px;border:3px solid rgba(245,197,24,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;}
.coming-soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:rgba(255,255,255,.3);font-size:13px;}