@font-face{font-family:RoyalLao;src:url('/static/ui-v5/fonts/noto-lao-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:RoyalLao;src:url('/static/ui-v5/fonts/noto-lao-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--rg-bg:#0c0d10;--rg-panel:#191b20;--rg-line:#30333c;--rg-gold:#f5c518;--rg-gold2:#c99a08;--rg-orange:#f5841f;--rg-text:#f8f8fa;--rg-muted:#a8aab5;--rg-nav:68px}
nav.rg-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(540px,100%);height:calc(var(--rg-nav) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:linear-gradient(180deg,#1b1e24,#111216);border:1px solid var(--rg-line);border-bottom:0;border-radius:16px 16px 0 0;z-index:1050;color:var(--rg-text);font-family:RoyalLao,sans-serif;box-sizing:border-box}nav.rg-nav>a{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d4d4db;text-decoration:none;min-width:0;min-height:44px;font-size:11px;font-weight:400;line-height:1.5;border-right:1px solid #ffffff08}nav.rg-nav>a:last-child{border:0}nav.rg-nav svg{width:25px;height:25px;flex-shrink:0}nav.rg-nav>a.active{color:var(--rg-gold);font-weight:700}nav.rg-nav>a.active::after{content:'';position:absolute;left:12%;right:12%;bottom:2px;height:3px;background:var(--rg-gold);border-radius:4px}nav.rg-nav>a:focus-visible{outline:3px solid var(--rg-orange);outline-offset:-4px}body:has(nav.rg-nav){padding-bottom:calc(var(--rg-nav) + env(safe-area-inset-bottom,0px))}

.rg-reward-header{height:78px;position:relative;display:flex;align-items:center;justify-content:center}.rg-reward-logo img{width:90px;height:76px;object-fit:contain}.rg-reward-user{position:absolute;left:5px;top:20px;color:white;display:flex;align-items:center;gap:6px;text-decoration:none;font-size:12px;min-height:44px}.rg-reward-user svg{width:29px;height:29px;padding:4px;box-sizing:content-box;border-radius:50%;background:#1b1e24;border:1px solid #30333c;color:#f5c518}.rg-reward-contact{position:absolute;right:0;top:18px;display:grid;place-items:center;width:44px;height:44px;color:white}.rg-reward-contact svg{width:26px;height:26px}