/* Kariyer Köprüsü V154 — mobile application layer */
@media (max-width:820px){
  html,body{background:linear-gradient(180deg,#eef5f2 0,#f8faf8 48%,#eaf0f3 100%)!important;overflow-x:hidden!important}
  body{min-height:100dvh!important}
  #root .app-shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:8px 9px 98px!important;gap:8px!important}
  #root .topbar{position:sticky!important;top:max(6px,env(safe-area-inset-top))!important;z-index:350!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-height:58px!important;height:58px!important;padding:7px 9px 7px 50px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;border:1px solid #d8e4df!important;box-shadow:0 10px 30px rgba(33,66,54,.13)!important;backdrop-filter:blur(16px)!important}
  #root .topbar .brand{display:none!important}#root .topbar .topnav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:4px!important;width:auto!important}#root .topbar .topnav button{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;font-size:0!important}#root .topbar .topnav button span{display:none!important}
  .portal-home-button{left:8px!important;top:9px!important;width:38px!important;height:38px!important;z-index:500!important}#portalHomeButton{display:none!important}
  #kkLangSwitch{position:static!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;gap:3px!important;padding:3px!important;border-radius:13px!important;background:#fff!important;border:1px solid #d8e4df!important;box-shadow:none!important}#kkLangSwitch .portal-lang-switch__label{display:none!important}#kkLangSwitch button{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:4px!important;border-radius:9px!important}#kkLangSwitch button span:last-child{display:none!important}#kkLangSwitch .flag,#kkLangSwitch .flag svg{display:block!important;width:22px!important;height:15px!important}
  #root .main-grid{display:block!important;padding:0!important;margin:0!important}#root .hero{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;min-height:0!important;padding:16px 14px!important;margin:0 0 8px!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,249,243,.96))!important;box-shadow:0 10px 30px rgba(40,75,60,.09)!important}#root .hero .eyebrow{font-size:9px!important;letter-spacing:.08em!important;margin-bottom:5px!important}#root .hero h1{font-size:39px!important;line-height:.93!important;letter-spacing:-.055em!important;margin:0 0 8px!important}#root .hero p{font-size:11.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}#root .hero-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}#root .hero-metrics>div{padding:8px 5px!important;border-radius:12px!important}#root .hero-metrics b{font-size:17px!important}#root .hero-metrics span{font-size:8px!important}#root .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important}#root .hero-actions .btn{min-width:0!important;width:100%!important;min-height:44px!important;padding:8px!important;font-size:11px!important}#root .network-panel{display:none!important}
  #root .game-card{padding:13px!important;border-radius:20px!important;overflow:visible!important;box-shadow:0 10px 30px rgba(39,72,58,.09)!important}#root .section-title{position:sticky!important;top:72px!important;z-index:180!important;margin:-3px -3px 9px!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 7px 20px rgba(39,71,58,.09)!important}#root .section-title h2{font-size:18px!important}#root .section-title p{font-size:9px!important}
  #root .setup-showcase{display:none!important}#root .mode-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:8px 0!important;padding:5px!important;border-radius:15px!important}#root .mode-switch button{min-width:0!important;height:42px!important;padding:0 5px!important;font-size:10px!important;border-radius:11px!important}
  #root .solo-settings,#root .match-settings,#root .online-setup{padding:11px!important;border-radius:16px!important;margin-top:8px!important}#root .match-settings{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}#root .setting-tabs,#root .difficulty-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}#root .setting-tabs button,#root .difficulty-tabs button{min-width:0!important;height:39px!important;padding:0 4px!important;font-size:10px!important;border-radius:10px!important}
  #root .online-form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}#root .online-form input{height:46px!important;border-radius:12px!important}#root .online-form .btn{width:100%!important;min-height:45px!important}
  #root .players-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}#root .player-card{min-width:0!important;width:100%!important;padding:10px!important;border-radius:16px!important;overflow:visible!important}#root .player-card__head{min-height:42px!important;padding:0 0 8px!important}#root .player-label{font-size:9px!important}#root .player-card h3{font-size:14px!important;line-height:1.15!important}#root .club-search{position:relative!important}#root .club-search input{height:46px!important;padding:0 10px!important;border-radius:12px!important;font-size:15px!important}#root .search-menu{position:absolute!important;z-index:600!important;left:0!important;right:0!important;top:calc(100% + 5px)!important;max-width:none!important;max-height:245px!important;border-radius:13px!important;box-shadow:0 16px 38px rgba(28,56,44,.22)!important}#root .search-menu button{min-height:44px!important;padding:7px!important}
  #root .game-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}#root .game-actions .btn{min-width:0!important;width:100%!important;min-height:45px!important;padding:7px!important;font-size:11px!important}#root .game-actions .btn--large{grid-column:1/-1!important;font-size:13px!important}
  #root .side-stack{display:block!important;margin-top:8px!important}#root .side-card{padding:11px!important;margin-bottom:8px!important;border-radius:17px!important}#root .data-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}#root .history-list{max-height:230px!important;overflow:auto!important}
  #root .round-backdrop{padding:8px!important;align-items:stretch!important;overflow:auto!important}#root .round-modal{width:100%!important;max-width:none!important;max-height:none!important;min-height:calc(100dvh - 16px)!important;margin:0!important;border-radius:22px!important;overflow:visible!important}#root .round-content{padding:10px!important}#root .round-heading-row{position:sticky!important;top:0!important;z-index:190!important;padding:8px!important;margin:-2px -2px 8px!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 7px 18px rgba(36,68,55,.10)!important}#root .round-heading-row h2{font-size:18px!important}#root .round-play-grid{display:block!important}#root .round-arena{padding:9px!important;border-radius:16px!important}#root .round-scoreboard{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:6px!important;padding:8px!important;border-radius:14px!important}#root .round-team{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}#root .round-player-choice{padding:9px!important;border-radius:13px!important}
  #root .answer-panel{position:sticky!important;bottom:calc(var(--wos-mobile-nav-h) + var(--wos-mobile-safe-bottom) + 12px + var(--wos-mobile-keyboard-offset))!important;z-index:2100!important;margin-top:8px!important;padding:9px!important;border:1px solid #cfe0d6!important;border-radius:16px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 14px 34px rgba(31,63,49,.18)!important}#root .answer-input-wrap,#root .answer-box{display:grid!important;grid-template-columns:minmax(0,1fr) 80px!important;gap:7px!important}#root .answer-input-wrap input,#root .answer-box input{height:46px!important;min-width:0!important;border-radius:12px!important;padding:0 10px!important}#root .answer-submit-button,#root .answer-pass-button{min-width:0!important;height:46px!important;padding:0 7px!important;border-radius:12px!important;font-size:10px!important}#root .player-suggestions{max-height:230px!important;overflow:auto!important;border-radius:13px!important}#root .player-suggestions__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}body.wos-mobile-keyboard-open #root .answer-panel{bottom:8px!important}body.wos-mobile-keyboard-open #kkLangSwitch{display:none!important}
  #root .round-result-modal,#root .modal-card{width:calc(100% - 16px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;border-radius:21px!important}
}
@media (max-width:370px){#root .players-grid,#root .player-suggestions__grid{grid-template-columns:1fr!important}#root .hero h1{font-size:34px!important}#root .game-actions{grid-template-columns:1fr!important}#root .game-actions .btn--large{grid-column:auto!important}}
@media (max-width:820px){
  #root .topbar .topnav #kkLangSwitch button .flag{display:block!important;width:22px!important;height:15px!important;min-width:22px!important}
  #root .topbar .topnav #kkLangSwitch button .flag svg{display:block!important;width:22px!important;height:15px!important}
}
@media (max-width:820px){
  #root .app-shell.is-match-started .hero{display:none!important}
  #root .app-shell.is-match-started .round-content,
  #root .app-shell.is-match-started .main-grid{padding-bottom:118px!important}
  #root .app-shell.is-match-started .answer-area{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(var(--wos-mobile-nav-h) + var(--wos-mobile-safe-bottom) + 12px + var(--wos-mobile-keyboard-offset))!important;
    z-index:2100!important;
    width:auto!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:9px!important;
    border:1px solid #cfe0d6!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 14px 34px rgba(31,63,49,.18)!important;
  }
  #root .app-shell.is-match-started .answer-area>label{display:block!important;font-size:10px!important;margin:0 0 5px!important;color:#315344!important}
  #root .app-shell.is-match-started .answer-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px 62px!important;
    gap:6px!important;
    align-items:center!important;
  }
  #root .app-shell.is-match-started .answer-box input,
  #root .app-shell.is-match-started .answer-box button{
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    margin:0!important;
    border-radius:11px!important;
  }
  #root .app-shell.is-match-started .answer-box input{padding:0 9px!important;font-size:14px!important}
  #root .app-shell.is-match-started .answer-box button{padding:0 4px!important;font-size:9px!important;line-height:1.05!important;white-space:normal!important}
  body.wos-mobile-keyboard-open #root .app-shell.is-match-started .answer-area{bottom:8px!important}
}
@media (max-width:370px){
  #root .app-shell.is-match-started .answer-box{grid-template-columns:minmax(0,1fr) 78px 54px!important;gap:4px!important}
  #root .app-shell.is-match-started .answer-box button{font-size:8px!important;padding:0 2px!important}
}


/* V159 — show explicit Ana Menü label on mobile */
@media (max-width:820px){
  .portal-home-button{
    left:8px!important;top:9px!important;width:auto!important;min-width:98px!important;height:38px!important;
    padding:0 11px!important;gap:6px!important;border-radius:12px!important;z-index:500!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;
  }
  .portal-home-button span{display:inline!important}
  #root .topbar{padding-left:120px!important}
}
@media (max-width:380px){
  .portal-home-button{min-width:90px!important;padding:0 9px!important;font-size:9px!important}
  #root .topbar{padding-left:112px!important}
}