:root{--nc-black: #0B0B0F;--nc-ink: #09090C;--nc-chrome: #111419;--nc-surface: #1A1D22;--nc-surface-raised: #22262C;--nc-surface-field: #292E35;--nc-surface-hover: #303640;--nc-border: #343A43;--nc-border-strong: #464E59;--nc-text: #F5F7FA;--nc-text-muted: #9AA2AD;--nc-brand: #1476D4;--nc-brand-strong: #2D91F2;--nc-desktop-screen-cap: 430px;--nc-layout-gutter: 18px;--nc-layout-edge-gap: 18px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--nc-black)}body{display:flex;justify-content:center;align-items:flex-start}@view-transition{navigation:auto}.app-header,[data-nitro-header]{view-transition-name:nitro-shared-header}.app-bottom-nav{view-transition-name:nitro-shared-navigation}.app-content,.app-content--full{view-transition-name:nitro-page-content}::view-transition-old(nitro-shared-header),::view-transition-new(nitro-shared-header),::view-transition-old(nitro-shared-navigation),::view-transition-new(nitro-shared-navigation){animation-duration:.12s;mix-blend-mode:normal}::view-transition-old(nitro-page-content){animation:.1s ease-out both nc-page-exit}::view-transition-new(nitro-page-content){animation:.15s ease-out both nc-page-enter}@keyframes nc-page-exit{to{opacity:0;transform:translateY(-2px)}}@keyframes nc-page-enter{0%{opacity:0;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important}}.app-shell{position:relative;width:var(--nc-screen-width, 100vw);max-width:100vw;height:100vh;overflow:hidden;background:var(--nc-black);flex-shrink:0}@media(min-width:768px){.app-shell,.app-header,.app-content,.app-content--full,.app-bottom-nav,.app-bottom-nav .navigation-bar{max-width:var(--nc-desktop-screen-cap)}}.app-header,[data-nitro-header]{position:fixed;top:0;left:50%;transform:translate(-50%);width:var(--nc-screen-width, 100vw);height:60px;z-index:5000;pointer-events:auto}.app-bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:93px;z-index:1000}.app-content{position:absolute;top:0;bottom:93px;left:0;right:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-top:60px;padding-bottom:var(--nc-layout-edge-gap);scrollbar-width:none;-ms-overflow-style:none}.app-content::-webkit-scrollbar{display:none}[data-hydrate-hidden]:not([data-hydrated]){visibility:hidden!important}.app-content--full{position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-top:60px;padding-bottom:var(--nc-layout-edge-gap);scrollbar-width:none;-ms-overflow-style:none}.app-content--full::-webkit-scrollbar{display:none}.find-players{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--nc-black);margin-top:-118px}.my-booking{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--nc-black)}.wallet{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:auto!important;overflow:visible!important;background:var(--nc-black)}.profile{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:946px!important;overflow:visible!important;background:var(--nc-black);margin-top:-118px}.booking-process{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;overflow:visible!important;background:var(--nc-black)}.booking-history-page{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--nc-black)}.my-booking-page{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:900px!important;overflow:visible!important;background:var(--nc-black)}.app-content>.home{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:auto!important;min-height:1228px!important;overflow:visible!important;background:var(--nc-black);margin-top:-118px}.app-content>.home.logic-card-visible{min-height:1446px!important}.app-header .header-top-bar{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.app-header .header,.app-header .sub-header-with-back-button{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:60px!important;top:auto!important;left:auto!important}.app-bottom-nav .navigation-bar{position:relative!important;width:var(--nc-screen-width, 100vw)!important;height:93px!important;top:auto!important;left:auto!important}.nav-icon-btn,.app-bottom-nav .home-icon,.app-bottom-nav .auto-matching-icon,.app-bottom-nav .wallet-icon,.app-bottom-nav .ticket-icon,.app-bottom-nav .profile-icon{cursor:pointer;transition:opacity .15s;z-index:3;position:absolute}.app-bottom-nav .home-icon:hover,.app-bottom-nav .auto-matching-icon:hover,.app-bottom-nav .wallet-icon:hover,.app-bottom-nav .ticket-icon:hover,.app-bottom-nav .profile-icon:hover{opacity:.75}.app-bottom-nav .navbar-label{z-index:2;position:absolute}.app-bottom-nav .active-bar{z-index:1;position:absolute;top:-12px!important}.app-bottom-nav .navbar-active-label{position:absolute!important;left:0!important;right:0!important;width:100%!important;top:13px!important;text-align:center!important}[data-page=my-booking] .app-bottom-nav .active-bar{left:226px!important}[data-page=find-players] .app-bottom-nav .active-bar{left:78px!important}[data-page=wallet] .app-bottom-nav .active-bar{left:152px!important}[data-page=profile] .app-bottom-nav .active-bar{left:300px!important}.invite-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.invite-overlay.invite-overlay--visible{pointer-events:all;visibility:visible;opacity:1}.invite-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.invite-overlay-panel{position:relative;width:100%;background:var(--nc-surface);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 32px #00000080;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:80%;overflow:hidden;display:flex;flex-direction:column}.invite-overlay--visible .invite-overlay-panel{transform:translateY(0)}.invite-panel-inner{display:flex;flex-direction:column;padding:20px 18px 16px;height:100%;overflow:hidden}.invite-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.invite-title-text{color:var(--nc-text);font-size:20px;font-weight:700;font-family:Helvetica}.invite-close-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.invite-close-btn:hover{background:#f5f5f71a}.invite-divider{width:100%;height:1px;background:var(--nc-border);margin-bottom:14px}.invite-search-row{margin-bottom:12px}.invite-search-box{display:flex;align-items:center;background:var(--nc-chrome);border:1px solid var(--nc-border);border-radius:10px;padding:10px 14px;gap:10px}.invite-search-icon{flex-shrink:0}.invite-search-input{background:none;border:none;outline:none;color:var(--nc-text);font-size:14px;font-family:Helvetica;width:100%}.invite-search-input::placeholder{color:var(--nc-text-muted)}.invite-friends-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;scrollbar-width:none;-ms-overflow-style:none}.invite-friends-list::-webkit-scrollbar{display:none}.invite-friend-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--nc-border)}.invite-friend-row:last-child{border-bottom:none}.invite-friend-avatar{width:46px;height:46px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0}.invite-friend-info{flex:1;min-width:0}.invite-friend-name{color:var(--nc-text);font-size:14px;font-weight:700;font-family:Helvetica;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-friend-username{color:var(--nc-text-muted);font-size:12px;font-weight:400;font-family:Helvetica;margin-top:2px}.invite-friend-btn{flex-shrink:0;min-width:78px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:Helvetica;background:var(--nc-brand);color:var(--nc-text);transition:background .2s,color .2s}.invite-friend-btn.invited{background:var(--nc-border);color:var(--nc-text-muted)}.invite-friend-btn:hover:not(.invited){background:var(--nc-brand)}.invite-done-row{padding-top:14px}.invite-done-btn{width:100%;height:52px;background:var(--nc-brand);border:none;border-radius:10px;color:var(--nc-text);font-size:18px;font-weight:700;font-family:Helvetica;cursor:pointer;box-shadow:0 10px 20px #00000040;transition:background .2s}.invite-done-btn:hover{background:var(--nc-brand)}