html{visibility:visible!important}
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

:root{
  --bg:#1d3238; --slate-1:#3b5a85; --slate-2:#2b4568; --slate-3:#243a5a; --card:#24344d;
  --gold:#f6d58a; --gold-d:#c9a14f; --cream:#f5dca0; --text:#f4ead0; --muted:#a3b9bc; --purple:#c093ff;
  --coin:#f5c542; --aqua:#5fd4c4; --danger:#ff7a7a; --ink:#3a2b0c;
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
  --font:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color-scheme:dark;
}
[hidden]{display:none!important}
html,body{height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:700;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
button{font-family:inherit;color:var(--text);cursor:pointer;-webkit-appearance:none;appearance:none}
#game-ui{position:fixed;inset:0;pointer-events:none}
#game-ui button{pointer-events:auto}
button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

#header{position:absolute;top:0;left:0;right:0;z-index:2;height:calc(58px + var(--sat));padding:var(--sat) 16px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(#3d5d89,#2b4568);border-bottom:2px solid var(--gold-d);border-radius:0 0 22px 22px;box-shadow:0 4px 16px rgba(0,0,0,.4)}
#user-name{font-weight:800;font-size:17px;max-width:34%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#coins-place{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:800;font-size:14px;color:#fff;font-variant-numeric:tabular-nums}
#header .balance{display:flex;align-items:center;gap:4px}
#header .balance svg{width:21px;height:21px;flex:none}
#coins-place.pop{animation:pop .3s}
@keyframes pop{50%{transform:scale(1.14)}}

#main-menu{position:absolute;left:0;right:0;bottom:0;z-index:5;height:calc(80px + var(--sab));padding:0 6px var(--sab);box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;align-items:end;
  background:linear-gradient(#37557f,#263e5f);border-top:2px solid var(--gold-d);border-radius:22px 22px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.4);pointer-events:auto}
.menu-item{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 10px;color:#aebccf;font-size:12px;font-weight:800;min-width:0}
.menu-item svg{width:30px;height:30px;display:block;opacity:.85}
.menu-item.on{color:var(--gold)}.menu-item.on svg{opacity:1;filter:drop-shadow(0 0 5px rgba(246,213,138,.8))}
.menu-item.home .orb{width:66px;height:66px;border-radius:50%;margin-top:-30px;background:radial-gradient(circle at 50% 28%,#ffeab4,#efc16a);border:4px solid #35537e;box-shadow:0 0 0 2.5px var(--gold-d),0 6px 14px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.menu-item.home svg{width:38px;height:38px;opacity:1}
.menu-item.home{color:#d9c79a}.menu-item.home.on{color:var(--gold)}

#fisc-balance[hidden]{display:none}
#main-menu .menu-item{font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;color:#cdc6b6;letter-spacing:0}
#main-menu .menu-item.on{color:var(--gold)}
#main-menu .menu-item svg{width:29px;height:29px}
#main-menu .menu-item.home .orb{width:58px;height:58px;margin-top:-34px;border:0}
#main-menu .menu-item.home svg{width:34px;height:34px}
#coins-place{cursor:pointer}
#wallet{font-family:Helvetica,Arial,sans-serif;color:#fff}
.hpage .whead{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}
.hpage .whead h2{margin:0;font-size:18px;color:var(--cream)}
.hpage .wclose{width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.25);color:var(--cream);font-size:22px;line-height:1;cursor:pointer}
.hpage .wcard{background:#233552;border-radius:14px;padding:4px 12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#wallet .wrow{display:flex;align-items:center;gap:8px;min-height:52px;cursor:pointer}
#wallet .wrow + .wrow,#wallet .wexp + .wrow{border-top:1px solid rgba(255,255,255,.06)}
#wallet .wname{flex:1;display:flex;align-items:center;gap:8px;font-size:16px}
#wallet .wsum{display:flex;align-items:center;gap:6px;font-size:16px;font-variant-numeric:tabular-nums}
#wallet .wic{width:24px;height:24px;flex:none}
#wallet .wbtn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:7px 12px;font:500 14px Helvetica,Arial,sans-serif}
#wallet .wexp{padding:4px 0 14px;text-align:center}
#wallet .wexp[hidden]{display:none}
#wallet .wopts{display:flex;justify-content:center;margin:4px 0 10px}
#wallet .wopt{display:inline-flex;align-items:center;gap:10px;background:var(--cream);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:15px}
#wallet .wopt i{width:14px;height:14px;border-radius:50%;border:3px solid #fff;background:#2a7de1;box-shadow:0 0 0 1.5px #2a7de1}
#wallet .wnote{color:#9fb0c6;font-size:13px;margin:6px 8px 12px;line-height:1.4}
#wallet .wrate{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;margin-bottom:12px}
#wallet .wcalc{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}
#wallet .wcalc input{width:96px;height:40px;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#1b2a43;color:#fff;text-align:center;font:16px Helvetica,Arial,sans-serif}
#wallet .whint{color:#7f90a8;font-size:12px;margin:6px 0 12px}
#wallet .wbuy{border:0;background:var(--cream);color:var(--ink);border-radius:12px;padding:12px 30px;font:600 16px Helvetica,Arial,sans-serif;box-shadow:0 3px 8px rgba(0,0,0,.3)}

#wallet,#wallet button,#wallet input{font-family:Helvetica,Arial,sans-serif;font-weight:400}
.hpage .whead h2{font-size:17px;font-weight:700;font-family:Helvetica,Arial,sans-serif}
#wallet .wname{font-size:15px;font-weight:400}
#wallet .wsum{font-size:15px}
#wallet .wsum b{font-weight:700}
#wallet .wbtn{font-size:14px;font-weight:400;padding:7px 13px}
#wallet .wopt{font-size:15px;font-weight:400}
#wallet .wnote{font-size:12.5px;font-weight:400}
#wallet .wnote b{font-weight:400}
#wallet .wrate{font-size:14px;font-weight:400}
#wallet .wcalc input{font-size:15px;font-weight:400}
#wallet .whint{font-size:12px;font-weight:400}
#wallet .wbuy{font-size:16px;font-weight:500}
#wallet .wic{width:22px;height:22px}
#wallet .wname{white-space:nowrap;min-width:0}
.hpage .wcard{background:#2e394f;box-shadow:none}
#wallet .wbtn{font-size:13px;padding:5px 10px;border-radius:8px;background:#34495e;border-color:rgba(255,255,255,.3)}
#wallet .wopt{font-size:14px;padding:5px 11px;gap:8px;border-radius:9px}
#wallet .wopt i{width:11px;height:11px;border-width:2.5px}
#wallet .wcalc input{background:#2d3446;height:36px;width:90px}
#wallet .wbuy{font-size:15px;padding:9px 22px;border-radius:10px;background:#ffdc9e}
#coins-place .balance:first-child svg{width:18px;height:18px}
#user-name{font-size:15px}
#coins-place{font-size:13px}
#wallet .wbtn{font-size:12px;padding:4px 8px;border-radius:7px}
#wallet .wopts{gap:8px;flex-wrap:wrap}
#wallet .wopt{cursor:pointer;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}
#wallet .wopt.on{background:var(--cream);color:var(--ink);border-color:transparent}
#wallet .wopt i{background:transparent;box-shadow:0 0 0 1.5px currentColor;border-color:transparent}
#wallet .wopt.on i{background:#2a7de1;border-color:#fff;box-shadow:0 0 0 1.5px #2a7de1}

#wallet .wopt i{box-sizing:border-box;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.75);background:transparent;box-shadow:none}
#wallet .wopt.on i{border:3px solid #fff;background:#2a7de1;box-shadow:0 0 0 1.5px #2a7de1}
#user-name{font-weight:400}

#main-menu{left:-2px;right:-2px;height:auto;min-height:0;padding:10px 15px calc(1vw + var(--sab));display:flex;justify-content:space-between;align-items:flex-end;gap:5px;
  background:#314A68;border:1px solid #F7D79C;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -3px 5px rgba(0,0,0,.5);box-sizing:border-box}
#main-menu .menu-item{width:25%;flex:1 1 0;min-height:45px;padding:5px;gap:5px;border-radius:10px;justify-content:center;display:flex;flex-direction:column;align-items:center;
  font:400 10.5px/1.15 Helvetica,Arial,sans-serif;color:#F2F2F2;background:none;border:0}
#main-menu .menu-item svg{width:32px;height:32px;opacity:1;filter:none}
#main-menu .menu-item.on{color:#F7D79C}
#main-menu .menu-item.on svg{filter:none}
#main-menu .menu-item svg{color:#ABAAAA}
#main-menu .menu-item.on svg{color:#F7D79C}
#main-menu .menu-item.home .orb{width:64px;height:64px;margin-top:-40px;box-sizing:border-box;border-radius:50%;background:#F7D79C;border:4px solid #314A68;box-shadow:none;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
#main-menu .menu-item.home svg{width:40px;height:25px;color:#314A68}
#main-menu .menu-item.home,#main-menu .menu-item.home.on{color:#F2F2F2}
#main-menu .menu-item.home.on{color:#F7D79C}

.hpage{position:fixed;left:0;right:0;top:calc(var(--sat) + 58px);bottom:0;z-index:2;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:46px 12px calc(80px + var(--sab) + 20px);box-sizing:border-box;background:#314A68;scrollbar-width:none;animation:hpDown .2s cubic-bezier(.445,.05,.55,.95)}
.hpage::-webkit-scrollbar{display:none;width:0;height:0}
.hpage[hidden]{display:none}
@keyframes hpIn{from{transform:translateY(24px);opacity:0}}
@keyframes hpDown{from{transform:translateY(-24px);opacity:0}}
#main-menu [data-cmd="games"] svg{fill:currentColor;transform:scale(1.12)}
#main-menu [data-cmd="stock"] svg{transform:scale(.88)}