.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;align-items:stretch;background:rgb(from var(--color-bg) r g b / .92);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-bottom:env(safe-area-inset-bottom)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.tabbar{background:rgb(from var(--color-bg) r g b / .8)}}.tabbar:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(50% - 30px),transparent calc(50% - 24px),transparent calc(50% + 24px),#000 calc(50% + 30px),#000 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(50% - 30px),transparent calc(50% - 24px),transparent calc(50% + 24px),#000 calc(50% + 30px),#000 100%)}@media (max-width: 719px){.tabbar{display:flex;justify-content:center}}.tabbar__item{flex:0 1 72px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:60px;padding:0 0 6px;border:none;background:none;color:var(--color-text-muted);font-family:inherit;font-size:.6rem;font-weight:500;letter-spacing:.2px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .15s ease}.tabbar__ico{display:inline-flex;align-items:center;justify-content:center;height:23px}.tabbar__ico svg{flex:none}.tabbar__mask{display:inline-block;width:22px;height:22px;flex:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.tabbar__express-btn .tabbar__mask{width:20px;height:20px}.tabbar__item--active{color:var(--color-accent)}.tabbar__item:active{opacity:.6}.tabbar__express-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-16px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);box-shadow:0 4px 14px #0006;transition:transform .2s ease}.tabbar__express-btn svg{flex:none}.tabbar__item--express{gap:5px}.tabbar__item--express:active{opacity:1}.tabbar__item--express:active .tabbar__express-btn{transform:scale(.94)}.tabsheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:flex-end;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tabsheet-fade .2s ease both}@keyframes tabsheet-fade{0%{opacity:0}to{opacity:1}}.tabsheet{width:100%;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:rgb(from var(--color-bg) r g b / .86);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0f,0 -20px 50px #0000008c;animation:tabsheet-up .28s cubic-bezier(.2,.7,.3,1) both}@keyframes tabsheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tabsheet__grip{display:block;width:40px;height:4px;margin:0 auto 10px;border-radius:999px;background:#ffffff2e}.tabsheet__head{display:flex;align-items:center;gap:12px;padding:8px 10px 12px}.tabsheet__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:rgb(from var(--color-accent) r g b / .12);color:var(--color-accent)}.tabsheet__avatar svg{flex:none}.tabsheet__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.tabsheet__initials{font-size:1rem;font-weight:700;letter-spacing:.5px;color:var(--color-accent)}.tabsheet__info{display:flex;flex-direction:column;gap:2px;min-width:0}.tabsheet__name{color:var(--color-text);font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabsheet__email{color:var(--color-text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabsheet__coins{flex:none;margin-left:auto;padding:6px 12px;background:rgb(from var(--color-accent) r g b / .08);border:1px solid rgb(from var(--color-accent) r g b / .35);border-radius:999px;color:var(--color-text);font-family:inherit;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer}.tabsheet__divider{height:1px;margin:6px 8px;background:#ffffff12}.tabsheet__item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border:none;background:none;border-radius:12px;color:var(--color-text);font-family:inherit;font-size:.95rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.tabsheet__item svg{width:23px;height:23px;flex-shrink:0;color:var(--color-text-muted)}.tabsheet__item:active{background:#ffffff0f}.tabsheet__item--accent,.tabsheet__item--accent svg{color:var(--color-accent)}.tabsheet__item--danger:active{background:#ef44441f}.tabsheet__item--danger,.tabsheet__item--danger svg{color:#f87171}:root{--color-bg: #090b0d;--color-surface: #10140e;--color-border: #1b201c;--color-text: #e2e8f0;--color-text-muted: #adbab7;--color-accent: #9fd518;--color-accent-hover: #b1ed1a;--ball-card-bg: #0b120dd1;--scrollbar-track: #090b0d;--scrollbar-thumb: #161616;--scrollbar-thumb-hover: #272827}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--container-max: 1700px;--container-px: 70px;--tabbar-h: 0px}@media (max-width: 1200px){:root{--container-px: 50px}}@media (max-width: 980px){:root{--container-px: 30px}}@media (max-width: 720px){:root{--container-px: 20px}}@media (max-width: 380px){:root{--container-px: 16px}}@media (max-width: 719px){:root{--tabbar-h: calc(60px + env(safe-area-inset-bottom)) }}html{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;padding-bottom:var(--tabbar-h);-webkit-tap-highlight-color:transparent;overflow-x:hidden;overflow-x:clip}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px clamp(16px,1.8vw,28px);border-radius:14px;border:1px solid transparent;font-family:inherit;font-size:clamp(.74rem,.9vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.btn:hover:before{left:130%}.btn--primary{background:rgb(from var(--color-accent) r g b / .78);color:var(--color-bg);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff59}.btn--primary:hover{background:rgb(from var(--color-accent-hover) r g b / .92);transform:translateY(-2px);box-shadow:inset 0 1px #fff6}.btn--secondary{background:#ffffff08;color:var(--color-text);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.btn--secondary:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff1a}.btn:active{transform:translateY(0) scale(.98)}@media (max-width: 719px){.btn{padding:14px 18px;font-size:.78rem}}@media (hover: none){.btn:hover{transform:none}.btn:hover:before{left:-130%}}