*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;overscroll-behavior-y:none;touch-action:none}body{background:#050510;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.mobile-visible{display:none!important}.desktop-hidden{display:block}@media(min-width:1101px){.mobile-visible,.desktop-hidden{display:none!important}}@media(max-width:1100px){.mobile-visible{display:block!important}.desktop-hidden,.mobile-hidden{display:none!important}.navbar{padding:0 16px!important;min-height:60px!important;height:auto!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}.logo-container{font-size:1.1rem!important;margin-right:8px!important}.currency-display{padding:4px 8px!important;gap:8px!important}.main-content{flex-direction:column!important;padding:10px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))!important;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;gap:10px!important;justify-content:flex-start!important;align-items:center!important;background-position:center top!important}.desktop-nav::-webkit-scrollbar{display:none}.leaderboard-panel.mobile-hidden{display:none!important}.character-display-panel{margin-right:0!important;padding-bottom:0!important;flex:0 0 auto!important;transform:scale(.8);margin-top:-10px!important;order:1}.character-display-panel img{margin-top:0!important;max-height:320px!important}.play-button-panel{margin-left:0!important;width:100%!important;order:2;margin-top:-40px!important;justify-content:center!important;display:flex!important}.play-button-panel img{width:160px!important;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));margin-bottom:30px!important}.mobile-menu{animation:slideInRight .3s ease-out}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-height:500px)and (orientation:landscape){.mobile-visible{display:block!important}.desktop-hidden,.mobile-hidden{display:none!important}.navbar{height:40px!important;padding:0 15px!important}.main-content{display:grid!important;grid-template-areas:"char leader" "char play";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:calc(100vh - 40px)!important;height:calc(calc(var(--vh, 1vh) * 100) - 40px)!important;height:calc(100dvh - 40px)!important;padding:0 40px!important;padding-left:max(40px,env(safe-area-inset-left))!important;padding-right:max(40px,env(safe-area-inset-right))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;align-content:center!important;justify-content:center!important;gap:10px!important;width:100vw!important;max-width:none!important;margin:0!important}.character-display-panel{grid-area:char;transform:scale(.75);transform-origin:center center;margin:0 0 20px!important;display:flex!important;justify-content:center;align-items:center}.character-display-panel img{margin-top:0!important;max-height:280px!important;object-fit:contain}.leaderboard-panel.mobile-hidden{display:flex!important;flex-direction:column!important;grid-area:leader;transform:scale(.75);transform-origin:center left;margin-bottom:0!important;width:280px!important;justify-self:start;align-self:flex-end;max-height:220px;overflow:visible;background:#000c!important;border-radius:10px;margin-left:0!important;align-self:flex-end!important}.play-button-panel{grid-area:play;transform:scale(.85);transform-origin:center left;justify-self:start;align-self:flex-start;display:flex!important;align-items:flex-start!important;margin:10px 0 0 -20px!important}.play-button-panel img{width:180px!important;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}}@media(max-width:1100px){.inventory-container{flex-direction:column!important;padding:15px!important;gap:15px!important;overflow-y:auto!important}.bag-panel{order:-1!important;width:100%!important;height:auto!important;flex-shrink:0!important;background:#141432f2!important}.bag-panel>div:first-child{padding:10px 15px!important}.bag-panel>div:nth-child(2){grid-template-columns:repeat(6,1fr)!important;gap:6px!important;padding:10px!important}.bag-panel>div:nth-child(2)>div{border-radius:8px!important}.wardrobe-panel{width:100%!important;flex:1!important;min-height:0!important}.wardrobe-panel>div:nth-child(2)>div{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:10px!important}.wardrobe-panel .wardrobe-item{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:12px 6px!important;gap:6px!important}.wardrobe-panel .wardrobe-item img{width:60px!important;height:60px!important;margin-bottom:4px!important}.wardrobe-panel .wardrobe-item>div{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.wardrobe-panel .wardrobe-item>div>div:first-child{justify-content:center!important;width:100%!important;flex-direction:column!important;gap:2px!important}}@media(max-height:500px)and (orientation:landscape){.inventory-container{flex-direction:row!important;padding:10px 40px!important;gap:15px!important;align-items:stretch!important}.wardrobe-panel{flex:1!important}.bag-panel{width:280px!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important}.wardrobe-panel .wardrobe-item{padding:8px!important;gap:8px!important}.wardrobe-panel .wardrobe-item img{width:48px!important;height:48px!important}.wardrobe-panel .wardrobe-item>div>div:first-child{font-size:.9rem!important;flex-wrap:wrap!important;gap:4px!important}.wardrobe-panel .wardrobe-item>div>div:first-child>span:last-child{font-size:.8rem!important}.wardrobe-panel .wardrobe-item>div>div:nth-child(2){font-size:.8rem!important;line-height:"1.1"!important}.account-panel-container,.rankings-panel-container,.settings-panel-container,.assistant-panel-container{padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;justify-content:flex-start!important;gap:10px!important}.assistant-panel-container>h2{font-size:1.2rem!important;margin:0!important}.assistant-panel-container>div{padding:10px 20px!important;gap:15px!important}.assistant-panel-container img{width:80px!important}.assistant-panel-container>div>div>h2{font-size:1.1rem!important}.assistant-panel-container>div>div>div{font-size:.8rem!important}.assistant-panel-container button{padding:8px 16px!important;font-size:.85rem!important;margin-top:5px!important}.settings-panel-container>div{padding:8px 15px!important;margin-top:5px!important;margin-bottom:5px!important}.settings-panel-container h2{font-size:1.1rem!important;margin-bottom:5px!important}.settings-panel-container>div>div[style*="alignItems: center"]{padding:6px 0!important}.settings-panel-container>div>div>span{font-size:.85rem!important}.settings-panel-container button{margin-top:5px!important;padding:6px!important;font-size:.8rem!important}.account-panel-container>div{padding:8px 15px!important;margin-top:5px!important;margin-bottom:5px!important}.account-panel-container>div>div:first-child{margin-bottom:8px!important;gap:5px!important}.account-panel-container>div>div:first-child button{padding:6px!important;font-size:.8rem!important}.account-panel-container form{gap:4px!important}.account-panel-container input{padding:6px 10px!important;font-size:.8rem!important;margin-top:0!important}.account-panel-container form>div>label{font-size:.65rem!important;margin-bottom:2px!important;display:block!important}.account-panel-container button[type=submit]{padding:8px!important;font-size:.85rem!important;margin-top:5px!important}.account-panel-container button:last-child{margin-top:5px!important;padding:4px!important;font-size:.75rem!important}.account-panel-container h2{font-size:1.2rem!important;margin-bottom:5px!important}.account-panel-container>div>div:first-child{font-size:1.5rem!important;margin-bottom:5px!important}.rankings-panel-container{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) 10px!important}.rankings-panel-container h2{font-size:1.1rem!important;margin-bottom:5px!important;margin-top:0!important}.rankings-panel-container>div:nth-child(2){margin-bottom:5px!important;gap:5px!important}.rankings-panel-container>div:nth-child(2) button{padding:4px 8px!important;font-size:.75rem!important}.rankings-panel-container>div:nth-child(3){padding:0!important;margin-bottom:5px!important;min-height:0!important;flex:1!important}.rankings-panel-container>div:nth-child(3)>div{padding:4px 10px!important;gap:8px!important}.rankings-panel-container>div:nth-child(3)>div span{font-size:.8rem!important}.rankings-panel-container>div:nth-child(4){padding:4px 10px!important;margin-top:0!important}.rankings-panel-container>div:nth-child(4) span{font-size:.8rem!important}}@media(max-width:1100px){.shop-container{padding:15px 10px!important}.shop-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.shop-card{padding:8px!important;gap:4px!important}.shop-card img{width:40px!important;height:40px!important;margin-right:5px!important}.shop-card>div:first-child{align-items:center!important;gap:5px!important}.shop-card>div:first-child>div:last-child>div:first-child{font-size:13px!important;line-height:1.2!important;font-weight:800!important}.shop-card>div:first-child>div:last-child>div:last-child{font-size:11px!important;margin-top:2px!important}.shop-card>div:nth-child(2){font-size:11px!important;min-height:32px!important;line-height:1.2!important;margin-top:4px!important;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card>div:last-child{padding-top:8px!important;margin-top:auto!important}.shop-card>div:last-child>div:first-child{font-size:16px!important}.shop-card>div:last-child>div:first-child span:first-child{font-size:14px!important}.shop-card .shop-btn img{height:30px!important}}@media(min-width:1101px)and (max-width:1440px),(min-width:1101px)and (max-height:850px){.navbar{padding:8px 32px!important;justify-content:flex-start!important;gap:12px!important;height:auto!important;min-height:56px!important}.nav-left-group,.desktop-nav{display:contents!important}.logo-container{font-size:1.2rem!important;white-space:nowrap!important;display:flex!important;align-items:center!important;margin-right:20px!important}.currency-display,.desktop-nav button{margin-bottom:4px!important}.currency-display{padding:6px 10px!important;gap:10px!important;margin-right:10px!important}.currency-display span{font-size:.8rem!important}.desktop-tabs{gap:4px!important}.desktop-tabs button{padding:8px 12px!important;font-size:.8rem!important}.desktop-auth{gap:8px!important}}.omlipia-switch{position:relative;display:inline-block;width:44px;height:22px;flex-shrink:0;pointer-events:none}.omlipia-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff14;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid rgba(255,255,255,.1)}.omlipia-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0006}.omlipia-switch.checked .omlipia-slider{background-color:#4f8;border-color:#4f8;box-shadow:0 0 15px #4f83}.omlipia-switch.checked .omlipia-slider:before{transform:translate(22px);background-color:#050510}div[onClick]:hover .omlipia-slider{background-color:#ffffff26}div[onClick]:hover .omlipia-switch.checked .omlipia-slider{filter:brightness(1.1)}.portrait-warning{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#050510f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;justify-content:center;text-align:center;touch-action:none}@media(max-width:900px)and (orientation:portrait){.portrait-warning{display:flex!important}}@media(max-height:500px)and (orientation:landscape){.shop-container{padding-top:max(20px,env(safe-area-inset-top))!important;padding-right:max(60px,env(safe-area-inset-right))!important;padding-bottom:max(150px,env(safe-area-inset-bottom))!important;padding-left:max(60px,env(safe-area-inset-left))!important}.main-content{display:flex!important;grid-template-areas:none!important;grid-template-columns:none!important;grid-template-rows:none!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0 20px 0 60px!important;background-position:center top!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important}.character-display-panel{grid-area:unset!important;margin:0!important;padding-bottom:0!important;flex:0 0 auto!important;width:220px!important;order:1!important;transform:scale(.8)!important;transform-origin:center center!important}.character-display-panel img{margin-top:0!important;max-height:250px!important}.play-button-panel{grid-area:unset!important;transform:scale(.85)!important;transform-origin:center center!important;margin:0 0 0 20px!important;width:auto!important;flex-shrink:0!important;order:2!important;align-self:center!important;align-items:center!important;justify-content:center!important}.play-button-panel img{width:200px!important}.leaderboard-panel.mobile-hidden{display:flex!important;grid-area:unset!important;transform:scale(.6)!important;transform-origin:center left!important;width:240px!important;flex-shrink:1!important;order:3!important;margin:0 0 0 50px!important;align-self:center!important}.account-panel-container{padding:10px 20px!important;justify-content:center!important;flex-direction:row!important;gap:20px!important}.account-panel-container>div{max-width:350px!important;padding:12px 20px!important;margin:0!important;transform:scale(.85);transform-origin:center center}}