:root{--bg0: #090204;--bg1: #1a0406;--panel0: rgba(255, 255, 255, .06);--panel1: rgba(255, 255, 255, .1);--text0: rgba(255, 255, 255, .96);--text1: rgba(255, 255, 255, .78);--blue: #2a8cff;--red0: #4c0b0c;--red1: #7b0f12;--glow-red: rgba(255, 40, 40, .55);--glow-gold: rgba(255, 160, 20, .7);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text0);background:radial-gradient(120% 90% at 50% 0%,#2a060a 0%,var(--bg0) 60%,#060103 100%);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%}body{margin:0;overflow:hidden}#root{height:100%;width:100%}button,input{font:inherit}.app{height:100%;width:100%;display:flex;align-items:stretch;justify-content:center;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);box-sizing:border-box}.viewport{width:100%;max-width:430px;height:100%;position:relative;overflow:hidden}.screen{height:100%;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.scroll{flex:1;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 16px;box-sizing:border-box}.topbar{height:52px;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:0 12px;box-sizing:border-box;background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__btn{color:var(--blue);font-size:15px;font-weight:600;background:none;border:0;padding:8px 6px}.topbar__title{text-align:center;letter-spacing:1.6px;font-weight:700;font-size:15px;opacity:.95}.tabbar{position:absolute;left:0;right:0;bottom:10px;padding:0 14px;box-sizing:border-box;z-index:20}.tabbar__inner{height:78px;border-radius:18px;background:#0000006b;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:10px;gap:6px;box-sizing:border-box}.tabbar__item{background:none;border:0;display:grid;place-items:center;gap:6px;color:#ffffffb3;font-size:11px;font-weight:700}.tabbar__item[aria-current=page]{color:#fffffff5}.tabbar__icon{width:22px;height:22px;opacity:.95}.tabbar__fight{width:54px;height:54px;border-radius:16px;box-shadow:0 0 0 2px #ffb00059,0 12px 32px #00000073,0 0 32px #ff8c0059;overflow:hidden}.tabbar__fight img{width:54px;height:54px;display:block}