/* Mobil: üst sınır yerinde kalır. Yalnız kullanılabilir alt sınır 6px yukarı alınır.
   Böylece ekran içeriği yukarı doğru toparlanır ama üstten kırpılmaz. */
@media (max-width:500px){
  .app-container,
  #mainContainer{
    top:0!important;
    height:calc(var(--app-height) - 6px)!important;
    min-height:calc(var(--app-height) - 6px)!important;
    max-height:calc(var(--app-height) - 6px)!important;
  }

  .screen{
    top:0!important;
    bottom:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }
}


@media (max-width:500px){
  #screen-loading{
    inset:0!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


@media (max-width:500px){
  #screen-menu{
    padding:0!important;
  }

  #screen-menu .premium-menu-frame{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:410px!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    padding:0 11px!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }

  #screen-menu .menu-brand-hero{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    margin:5px auto 18px!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    flex:0 0 auto!important;
  }

  #screen-menu .menu-actions-wrapper,
  #screen-menu .premium-menu-actions{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }

  #screen-menu .menu-league-row,
  #screen-menu #menu-top-row{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    translate:none!important;
    margin-top:0!important;
    margin-bottom:8px!important;
  }

  #screen-menu #menuLeaguePill,
  #screen-menu #btn-menu-protect{
    transform:none!important;
    translate:none!important;
  }
}


@media (max-width:500px){
  /* Logo ve ana menü kartları tek bir merkez ekseninde. */
  #screen-menu .premium-menu-frame{
    align-items:center!important;
  }

  #screen-menu .menu-brand-hero,
  #screen-menu .premium-menu-actions{
    width:100%!important;
    max-width:366px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #screen-menu .menu-brand-hero{
    align-items:center!important;
    text-align:center!important;
  }

  #screen-menu .menu-league-row,
  #screen-menu .premium-menu-modes{
    width:100%!important;
  }

  #screen-menu #menuLeaguePill.compact-league-pill{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  #screen-menu .premium-menu-modes .mode-btn{
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #screen-menu .premium-menu-modes .mode-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
  }

  #screen-menu .premium-menu-modes .mode-text{
    min-width:0!important;
  }

  /* Footer tekrar gerçek ekranın altında, iki yana eşit boşlukla ortalı. */
  #screen-menu > .menu-footer-links{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:8px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    z-index:40!important;
  }

  #screen-menu > .menu-footer-links button{
    padding:4px 2px!important;
    font-size:9.5px!important;
  }
}


/* Üst HUD: mevcut 82px görünümü yaklaşık %10 kısalt. Alt mini görev/kelime satırı değişmez. */
#screen-game .premium-game-hud{
  height:74px!important;
  min-height:74px!important;
  padding-top:5.4px!important;
  padding-bottom:2.7px!important;
}
#screen-game .hud-stat-panel{
  min-height:57.6px!important;
  padding-top:3.6px!important;
  padding-bottom:3.6px!important;
}
#screen-game .score-panel{height:57.6px!important;min-height:57.6px!important;}
#screen-game .combo-panel{height:65.7px!important;min-height:57.6px!important;}
#screen-game .score-box>.score-label,
#screen-game .combo-box>.combo-label{
  font-size:13.5px!important;
  line-height:14.4px!important;
  height:14.4px!important;
  min-height:14.4px!important;
}
#screen-game #score-val{
  font-size:22.36px!important;
  line-height:27px!important;
  height:27px!important;
  min-height:27px!important;
  top:-1.8px!important;
}
#screen-game #combo-val{
  font-size:23.18px!important;
  line-height:27px!important;
  height:27px!important;
  min-height:27px!important;
}
#screen-game .hud-right .speed-box{height:41.4px!important;min-height:41.4px!important;max-height:41.4px!important;}
#screen-game .hud-right .speed-box .speed-label{font-size:10.8px!important;line-height:14.4px!important;height:14.4px!important;min-height:14.4px!important;}
#screen-game .hud-right .speed-box #speed-val{font-size:11.7px!important;line-height:18px!important;height:18px!important;min-height:18px!important;}
#screen-game .combo-bar-bg{
  height:12.6px!important;
  min-height:8.1px!important;
  margin-top:4.5px!important;
  padding-top:.9px!important;
  padding-bottom:.9px!important;
}
#screen-game #btn-pause{
  width:41.4px!important;
  height:41.4px!important;
  min-width:41.4px!important;
  min-height:41.4px!important;
}
#screen-game #btn-pause .pause-bar{height:13.5px!important;width:3.6px!important;}

/* HUD'dan çıkan ~8px, flex düzeninde tahtayı aynı yükseklikte yukarı taşırken kontrollere aktarılır. */
#screen-game .controls{
  flex:0 0 62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin-top:6px!important;
}
#screen-game .btn-game-action,
#screen-game #btn-clear,
#screen-game #btn-submit{
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}


@media(max-width:500px){
 #screen-menu .premium-menu-frame{padding-bottom:44px!important;overflow-y:auto!important;min-height:0!important;}
 #screen-menu .menu-brand-hero{margin-bottom:20px!important;}
 #screen-menu .premium-menu-actions{margin-top:auto!important;margin-bottom:0!important;flex-shrink:0!important;}
 #screen-menu .premium-menu-actions>.menu-brand-copy{position:static!important;inset:auto!important;transform:none!important;margin:0 auto 18px!important;text-align:center!important;}
 #screen-menu .premium-menu-actions>.menu-brand-copy strong,#screen-menu .premium-menu-actions>.menu-brand-copy small{display:block!important;}
 #screen-menu .premium-menu-actions>.menu-brand-copy small{margin-top:5px!important;}
}


@media(max-width:500px){
#screen-menu .premium-menu-frame{padding-top:57px!important;padding-bottom:44px!important;}
#screen-menu .menu-brand-hero{position:relative!important;display:flex!important;flex:1 0 210px!important;min-height:210px!important;justify-content:center!important;margin:0 auto 16px!important;}
#screen-menu .mobile-logo-center{position:absolute!important;top:calc(50% - 40px)!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
#screen-menu .menu-brand-copy{position:absolute!important;top:100%!important;left:0!important;width:100%!important;transform:none!important;margin:14px 0 0!important;text-align:center!important;}
#screen-menu .menu-brand-copy strong,#screen-menu .menu-brand-copy small{display:block!important;}
#screen-menu .menu-brand-copy small{margin-top:5px!important;}
#screen-menu .premium-menu-actions{margin-top:0!important;}
}
@media(min-width:501px){#screen-menu .mobile-logo-center{display:contents;}}


@media(max-width:500px){
.app-container,#mainContainer{top:0!important;height:var(--app-height)!important;min-height:var(--app-height)!important;max-height:var(--app-height)!important;}
}


@media(max-width:500px){
#screen-menu .menu-actions-wrapper.premium-menu-actions{transform:scale(.90)!important;transform-origin:bottom center!important;}
}


@media(max-width:500px){
#screen-menu #menu-top-row.anonymous-layout{display:grid!important;grid-template-columns:minmax(0,.05fr) minmax(0,.90fr) auto minmax(0,.05fr)!important;gap:0!important;align-items:center!important;}
#screen-menu #menu-top-row.anonymous-layout #menuLeaguePill.compact-league-pill{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;}
#screen-menu #menu-top-row.anonymous-layout #btn-menu-protect{grid-column:3!important;grid-row:1!important;margin:0 0 0 3.2px!important;}
#screen-menu #menu-top-row.anonymous-layout #btn-menu-protect>span:last-child{font-size:11.4px!important;}
}


@media(max-width:500px){
#screen-menu .premium-menu-actions #menu-top-row{position:relative!important;top:-4px!important;}
}


@media(max-width:500px){
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout){display:flex!important;justify-content:center!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill.compact-league-pill{box-sizing:border-box!important;width:min(187.6px,52.26vw)!important;min-width:0!important;max-width:187.6px!important;flex:0 0 auto!important;margin:0!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-text>span{white-space:nowrap!important;}
}


@media(max-width:500px){
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill.compact-league-pill{width:var(--league-shared-width,50%)!important;max-width:var(--league-shared-width,50%)!important;flex:0 0 auto!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-icon{width:31px!important;height:31px!important;font-size:16px!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-text span:first-child{font-size:8px!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-text span:last-child{font-size:11px!important;}
}


@media(min-width:501px){
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout){display:flex!important;justify-content:center!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill.compact-league-pill{width:var(--league-shared-width,50%)!important;max-width:var(--league-shared-width,50%)!important;min-width:0!important;flex:0 0 auto!important;margin:0 auto!important;padding:9px 11px 9px 9px!important;padding-top:8.55px!important;padding-bottom:8.55px!important;border-radius:11px!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-icon{width:31px!important;height:31px!important;font-size:16px!important;flex:0 0 34px!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-text span:first-child{font-size:8px!important;}
#screen-menu .premium-menu-actions #menu-top-row:not(.anonymous-layout) #menuLeaguePill .badge-text span:last-child{font-size:11px!important;}
}


#screen-menu .premium-menu-actions .premium-menu-modes .menu-friends-card{position:relative!important;}
#screen-menu .premium-menu-actions .premium-menu-modes .menu-friends-card #friend-notification-dot:not([hidden]){display:block!important;position:absolute!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#ff304b!important;border:2px solid #7b1623!important;box-shadow:0 0 7px #ff304b80!important;opacity:1!important;visibility:visible!important;transform:none!important;z-index:100!important;pointer-events:none!important;}
#screen-menu #friend-notification-dot[hidden]{display:none!important;}

#mini-quest-select-overlay .mini-quest-choice h3{font-family:"Nunito",sans-serif!important;font-weight:900!important;}

/* Preserve slot dimensions and source pixels. Raster images carry their own rim. */
#mainContainer .achievement-avatar-preview.achievement-avatar-render.profile-avatar-fit::after{content:none!important;display:none!important;border:0!important;box-shadow:none!important;}
#mainContainer :is(.friend-profile-current-avatar,.friend-avatar,.lb-avatar,.player-career-avatar,.friend-avatar-art):has(>.profile-avatar-fit){overflow:visible!important;border-radius:0!important;clip-path:none!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;}
#screen-menu .menu-friends-card #menuCareerAvatar:has(>.profile-avatar-fit){overflow:visible!important;border-radius:0!important;clip-path:none!important;background:transparent!important;}
#friend-avatar-overlay .friend-avatar-option{overflow:visible!important;}
.profile-avatar-slot>.achievement-avatar-render.profile-avatar-fit{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;}


#view-all-leagues .league-list-mark.league-mark-shell{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;aspect-ratio:1!important;flex:0 0 52px!important;transform:none!important;align-self:center!important;}
#view-all-leagues .league-list-mark.league-mark-shell>.league-mark-png{width:90%!important;height:90%!important;aspect-ratio:1!important;transform:translate(-50%,-50%)!important;}
.profile-avatar-fit{aspect-ratio:1!important;}
#mainContainer :is(.friend-profile-current-avatar,.friend-avatar,.lb-avatar,.player-career-avatar,.friend-avatar-art):has(>.profile-avatar-fit){background:transparent!important;border:0!important;box-shadow:none!important;}


/* Parent clipping and synthetic picker rims must never crop the source rim. */
#mainContainer :is(#friend-avatar-overlay,#leaderboard-list,#detail-leaderboard-list,#screen-menu,#screen-friends,#screen-player-career) .profile-avatar-slot:has(>.profile-avatar-fit){overflow:visible!important;clip-path:none!important;border-radius:0!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;}
#mainContainer #friend-avatar-overlay .friend-avatar-art:has(>.profile-avatar-fit){overflow:visible!important;clip-path:none!important;border-radius:0!important;background:transparent!important;border:0!important;}
#mainContainer .profile-avatar-fit::before,#mainContainer .profile-avatar-fit::after{content:none!important;display:none!important;}
#mainContainer #friend-avatar-overlay .friend-avatar-art>.profile-avatar-fit{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;flex:0 0 100%!important;}
#screen-menu .menu-friends-card #menuCareerAvatar{width:53.82px!important;height:53.82px!important;min-width:53.82px!important;min-height:53.82px!important;max-width:53.82px!important;max-height:53.82px!important;flex:0 0 53.82px!important;overflow:visible!important;}


/* The outer frame and the image use one shared square in every context. */
#mainContainer .profile-avatar-slot>.achievement-uniform-frame{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;flex:0 0 100%!important;}
#mainContainer .achievement-uniform-frame::before,#mainContainer .achievement-uniform-frame::after{content:none!important;display:none!important;}
#mainContainer :is(#friend-avatar-overlay,#screen-achievements,#screen-friends,#screen-menu,#screen-player-career,#leaderboard-list,#detail-leaderboard-list) .achievement-uniform-frame{overflow:visible!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;}


#screen-player-career .player-career-identity{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:calc(100% + 80px)!important;margin:5px -40px 0!important;min-width:0!important;}
#screen-player-career #player-career-avatar{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important;flex:0 0 60px!important;}
#screen-player-career .player-career-identity-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;flex:0 1 auto;text-align:left;}
#screen-player-career .player-career-username{margin:0!important;max-width:100%!important;text-align:left!important;}
#screen-player-career .player-career-league{justify-content:flex-start!important;margin-top:5px!important;text-align:left!important;}
#screen-player-career .player-career-header-mark{display:block!important;position:relative!important;width:48.4px!important;height:48.4px!important;min-width:48.4px!important;min-height:48.4px!important;flex:0 0 48.4px!important;line-height:0!important;}
#screen-player-career .player-career-header-mark>.league-bar-mark-clone{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;}
@media(max-width:600px){#screen-player-career #player-career-avatar{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;flex-basis:56px!important;}}

#screen-player-career .player-career-title{text-align:center!important;}#screen-player-career .player-career-identity-copy{flex:1 1 0!important;align-items:center!important;text-align:center!important;}#screen-player-career .player-career-username{text-align:center!important;}#screen-player-career .player-career-league{justify-content:center!important;text-align:center!important;}
#screen-player-career .player-career-identity{gap:8px!important;}#screen-player-career .player-career-identity-copy{flex:1 1 0!important;align-items:flex-start!important;text-align:left!important;}#screen-player-career .player-career-username{align-self:flex-start!important;text-align:left!important;}#screen-player-career .player-career-league{width:100%!important;justify-content:flex-end!important;text-align:right!important;}#screen-player-career .player-career-header-mark{transform:translateX(6px)!important;}
#screen-player-career .player-career-identity{display:block!important;position:relative!important;min-height:66px!important;}#screen-player-career .player-career-centered-name{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 108px);margin:0 auto;min-width:0;}#screen-player-career .player-career-centered-name #player-career-username{padding-top:7px!important;min-width:0;flex:0 1 auto;align-self:flex-start!important;}#screen-player-career .player-career-league{position:absolute!important;bottom:6px!important;right:56px!important;width:auto!important;margin:0!important;max-width:calc(100% - 120px);font-size:12px!important;}#screen-player-career .player-career-header-mark{position:absolute!important;right:0!important;bottom:0!important;transform:translateX(6px)!important;}
#screen-player-career .player-career-identity-layout{position:relative;width:100%;height:66px;}#screen-player-career #player-career-username,#screen-player-career #player-career-username.prismatic-username{color:#fff!important;-webkit-text-fill-color:#fff!important;background-image:none!important;animation:none!important;text-shadow:none!important;}
:where(button,input[type="button"],input[type="submit"],[role="button"],[data-action],[onclick],a[href]):not(.lb-item):not(:disabled):not([aria-disabled="true"]):is(:active,.kl-button-pressed){scale:.9799!important;}#screen-menu .premium-menu-modes :is(.mode-btn.ranked,.menu-career,.daily-menu-button)>.mode-icon{zoom:1.2!important;}
#mainContainer #screen-daily .daily-title>svg{display:none!important;}#mainContainer #screen-daily .daily-title,#mainContainer #screen-daily .daily-title>span{color:#ffa43d!important;-webkit-text-fill-color:#ffa43d!important;}