/* Aynı Frekans V154 — mobile application layer */
@media (max-width:820px){
  html,body{overflow-x:hidden!important;background:linear-gradient(180deg,#edf2f7 0,#f8f8fa 45%,#e9eef3 100%)!important}
  .app-shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:8px 9px 98px!important;gap:8px!important}
  .ambient,.noise{position:fixed!important;pointer-events:none!important}
  .topbar{position:sticky!important;top:max(6px,env(safe-area-inset-top))!important;z-index:350!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;min-height:104px!important;padding:10px!important;border-radius:20px!important;background:rgba(8,35,58,.97)!important;box-shadow:0 12px 32px rgba(15,39,64,.25)!important;backdrop-filter:blur(16px)!important}.topbar-left{min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important;align-items:center!important}.portal-home{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:13px!important}.portal-home span{display:none!important}.portal-home svg{width:21px!important}.brand{min-width:0!important;gap:8px!important}.brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important}.brand strong{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand small{font-size:8px!important}.how-to-play-button--top{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font-size:0!important;border-radius:13px!important}.how-to-play-button--top::after{content:'?';font-size:20px!important;font-weight:900!important}.topbar-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important}.mode-chip{display:none!important}.lang-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;border-radius:14px!important}.lang-switch__label,.lang-btn span:last-child{display:none!important}.lang-btn{height:38px!important;display:grid!important;place-items:center!important;border-radius:10px!important}.lang-flag,.lang-flag svg{display:block!important;width:24px!important;height:16px!important}.icon-button{width:42px!important;height:42px!important;border-radius:13px!important;font-size:19px!important}
  .view{padding:0!important}.view.active{animation:af154in .2s ease both}@keyframes af154in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
  .setup-grid{display:block!important}.hero-panel,.lobby-panel,.play-panel,.history-panel,.scoreboard,.rotation-leaderboard{border-radius:20px!important;box-shadow:0 12px 30px rgba(22,48,75,.13)!important}.hero-panel{min-height:0!important;padding:16px 14px!important;margin-bottom:8px!important}.hero-panel .eyebrow{font-size:9px!important;letter-spacing:.09em!important}.hero-panel h1{font-size:33px!important;line-height:.96!important;letter-spacing:-.04em!important;margin:8px 0!important}.hero-copy{font-size:11px!important;line-height:1.42!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}.hero-stats article{padding:9px!important;border-radius:13px!important}.hero-stats strong{font-size:23px!important}.hero-stats span{font-size:10px!important}.frequency-stage{display:none!important}
  .lobby-panel{padding:14px!important}.panel-heading{margin-bottom:9px!important}.panel-heading h2{font-size:21px!important}.step-label{font-size:9px!important;letter-spacing:.1em!important}.play-mode-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:5px!important;border-radius:15px!important}.play-mode-tabs button{min-width:0!important;height:43px!important;padding:0 6px!important;border-radius:11px!important;font-size:12px!important}.format-selector-card{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;border-radius:16px!important}.format-selector-card label>span,.settings-row label>span,.team-title-row label>span,.player-pair label>span{font-size:10px!important}.format-selector-card select,.settings-row select,.team-setup input,.online-field input,.join-room-box input{height:45px!important;border-radius:12px!important;padding:0 10px!important}.format-selector-card p,.setting-help{font-size:9px!important;line-height:1.4!important}.team-setup{padding:11px!important;border-radius:17px!important;margin-top:8px!important}.team-title-row{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important}.team-emblem{width:42px!important;height:42px!important}.player-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.versus-divider{height:28px!important;margin:2px 0!important}.settings-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.primary-button,.secondary-button{min-height:46px!important;border-radius:13px!important;font-size:12px!important}.rotation-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.online-action-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.join-room-box{display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;gap:6px!important}.online-team-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.online-drop-zone{min-width:0!important;padding:9px!important;border-radius:14px!important}.waiting-zone{grid-column:1/-1!important}.room-toolbar{gap:7px!important}.room-toolbar-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.mini-button{min-height:40px!important}
  #gameView{padding-bottom:0!important}.scoreboard{position:sticky!important;top:120px!important;z-index:180!important;display:grid!important;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;gap:5px!important;padding:7px!important;margin-bottom:8px!important;background:rgba(7,29,48,.97)!important}.score-team{min-width:0!important;padding:7px!important;border-radius:13px!important}.score-name{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.score-value{font-size:21px!important}.mini-emblem{width:31px!important;height:31px!important}.score-center{padding:5px!important;border-radius:12px!important}.score-center strong{font-size:20px!important}.score-center span,.score-center small{font-size:7px!important}.turn-pill{display:none!important}
  .game-grid{display:block!important}.play-panel{padding:11px!important;margin-bottom:8px!important}.round-header{display:grid!important;grid-template-columns:minmax(0,1fr) 68px!important;gap:7px!important;padding:10px!important;border-radius:15px!important}.round-header h2{font-size:15px!important;line-height:1.2!important}.round-header p{font-size:9px!important}.timer-wrap{width:62px!important;height:62px!important}.timer-content strong{font-size:21px!important}.lives-bar{min-height:34px!important;margin:7px 0!important}.input-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important}.sync-core{display:none!important}.word-card{min-width:0!important;padding:9px!important;border-radius:16px!important}.player-card-top{gap:6px!important}.player-index{width:36px!important;height:36px!important;font-size:10px!important}.player-card-top strong{font-size:12px!important}.player-card-top small{font-size:8px!important}.word-input-wrap{margin-top:8px!important}.word-input-wrap input{height:45px!important;min-width:0!important;padding:0 8px!important;border-radius:12px!important;font-size:11px!important}.lock-indicator{right:9px!important}.submit-word{min-height:44px!important;padding:6px!important;border-radius:12px!important;font-size:10px!important}.status-banner{padding:9px!important;border-radius:14px!important}.status-banner strong{font-size:11px!important}.status-banner p{font-size:8.5px!important}.history-panel{padding:11px!important}.attempt-history{max-height:260px!important;overflow:auto!important}
  body.wos-mobile-keyboard-open .word-card:focus-within{position:fixed!important;left:9px!important;right:9px!important;bottom:8px!important;z-index:2200!important;max-width:520px!important;margin:0 auto!important;background:#173852!important;box-shadow:0 18px 50px rgba(3,19,33,.44)!important}
  .how-to-modal{padding:9px!important}.how-to-modal__card{width:100%!important;max-height:calc(100dvh - 18px)!important;margin:0!important;padding:18px 14px!important;border-radius:21px!important}.winner-card{max-height:calc(100dvh - 24px)!important;overflow:auto!important}
}
@media (max-width:370px){.input-stage,.player-pair,.settings-row,.online-team-board{grid-template-columns:1fr!important}.waiting-zone{grid-column:auto!important}.hero-panel h1{font-size:29px!important}}