@tailwind base;@tailwind components;@tailwind utilities;@import url("/fonts/fonts.css");:root{--bg-size:cover;--app-height:100vh;--vh:1vh;--header-top:clamp(40px,calc(var(--vh) * 8),72px);--page-frame-bottom:calc(clamp(90px, calc(var(--vh) * 18), 140px) + env(safe-area-inset-bottom, 0px));--page-frame-gap:clamp(12px,calc(var(--vh) * 3),20px);--page-frame-width:clamp(320px,78vw,640px);--page-frame-max-height:clamp(250px,calc(var(--vh) * 60),400px);--page-frame-inner-padding:clamp(14px,4.5vw,30px);--upgrade-grid-padding:clamp(18px,4vw,32px);--upgrade-grid-gap:clamp(12px,3vw,20px);--upgrade-item-button-width:clamp(120px,32vw,220px);--upgrade-item-button-height:clamp(40px,8vw,68px)}body,html{margin:0;padding:0;width:100%;min-height:var(--app-height);height:var(--app-height);max-height:var(--app-height);background:#000;overflow:hidden;font-family:Jersey10-Regular,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:none;overscroll-behavior-y:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;touch-action:none}*,.app-wrapper,body,html{box-sizing:border-box}.app-wrapper{width:100%;min-height:var(--app-height);height:var(--app-height);max-height:var(--app-height);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;position:relative;overflow:hidden}.app-wrapper.isolated{overflow-y:auto!important;height:var(--app-height)!important;display:block!important;touch-action:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important;-webkit-overflow-scrolling:touch!important}body:has(.app-wrapper.isolated){overflow:auto!important;height:auto!important;touch-action:auto!important}.game-container,.game-container-p{flex:1 1;width:100%;position:relative;background:transparent!important;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-container:before{content:"";position:absolute;inset:0;background:none;z-index:0;pointer-events:none}.overlay-container{padding-top:calc(50px + env(safe-area-inset-top, 0px));display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:absolute;top:0;left:0;z-index:3000;pointer-events:none}.overlay-container>*{pointer-events:auto}@media (max-width:768px){.overlay-container{padding-top:calc(100px + env(safe-area-inset-top, 0px))}}.profile-wrapper{padding-left:20px;position:relative;width:auto;display:flex;justify-content:flex-start;align-items:flex-start}.user-profile{pointer-events:auto}.root-bg,.user-profile{display:flex;align-items:center}.root-bg{width:100%;height:100%;background-image:url(/images/ui/backgrounds/main.png);background-size:var(--bg-size,cover);background-position:var(--bg-position,center center);background-repeat:no-repeat;justify-content:center;position:relative}.start-button-wrapper{transform:scale(clamp(.6,1,1.1))}@media (min-width:768px){.start-button-wrapper{transform:scale(1)}}.profile-icon{width:clamp(36px,10vw,56px);height:clamp(36px,10vw,56px);object-fit:contain;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.user-info{display:flex;flex-direction:column;gap:2px}.username{color:#fff;font-size:clamp(13px,3.5vw,17px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.coins{display:flex;align-items:center;gap:4px;color:#ffd700;font-size:clamp(11px,3vw,15px);font-weight:700}.coin-icon{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);object-fit:contain}.bottom-nav{width:100%;z-index:1000;display:flex;justify-content:center;pointer-events:none}.nav-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(.25rem,1vw,.5rem);gap:clamp(.25rem,1vw,.5rem);width:100%;align-items:center;justify-items:center;pointer-events:auto;background:transparent;padding:.75rem clamp(.25rem,1vw,.5rem)}.nav-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:8px}.nav-icon{width:clamp(50px,12vw,85px);height:clamp(50px,12vw,85px);object-fit:cover;border-radius:50%;opacity:.7;border:none;outline:none;background:transparent}.nav-item.active .nav-icon{opacity:1}.nav-label{margin-top:-4px;font-size:clamp(12px,3.2vw,16px);font-weight:500;text-align:center;color:#aaa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.1;letter-spacing:.0125rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.nav-item.active .nav-label{color:#fff;text-shadow:0 .125rem .5rem #000}@media (min-width:768px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom,1rem);padding-left:2rem;padding-right:2rem}.nav-grid{gap:.5rem;padding:1rem 2rem}.nav-icon{width:60px;height:60px}.nav-label{font-size:18px}}@media (min-width:1024px){.nav-grid{max-width:600px;margin:0 auto}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}