/* Harf Avı V156 — HD scene, lower GPU load and reachable result sheet */
@media (max-width:820px){
  html{background:#102c3b!important}
  body{position:relative!important;isolation:isolate!important;background:transparent!important;color:#102f46!important}
  body::before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;background-image:linear-gradient(180deg,rgba(3,24,38,.16),rgba(3,26,38,.36)),url("../assets/v60-ui/backgrounds/webp-hd/harf-avi-pavilion-hd.webp")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;filter:none!important;opacity:1!important;transform:translateZ(0)!important}
  .app{position:relative!important;z-index:1!important;background:transparent!important}
  .topbar{background:linear-gradient(100deg,rgba(4,29,51,.97),rgba(10,69,76,.96),rgba(4,29,51,.97))!important;border-color:rgba(236,205,126,.48)!important;box-shadow:0 10px 24px rgba(0,20,33,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .brand,.brand h1{color:#fff!important}.logo{color:#0b2d45!important;background:linear-gradient(145deg,#f1da94,#bd8a30)!important;border:1px solid #f3dfa5!important}.top-actions #topMode,.top-actions #topStats{background:rgba(255,255,255,.11)!important;color:#fff!important;border-color:rgba(236,205,126,.32)!important}
  .card,.game-main,.side,.multi-game,.room-panel,.multi-status-panel{background:linear-gradient(145deg,rgba(251,250,243,.93),rgba(218,230,225,.91))!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 10px 26px rgba(0,27,39,.21),inset 0 1px 0 rgba(255,255,255,.8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .mode-btn,#settingsBox,.info,.stat,.status{background:rgba(253,252,247,.90)!important;border-color:rgba(126,154,153,.58)!important}
  .hud{background:linear-gradient(105deg,rgba(4,37,57,.98),rgba(11,76,80,.97))!important;border:1px solid rgba(233,201,119,.42)!important;color:#fff!important}.hud .timer{color:#fff!important}.hud .ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(238,207,129,.32)!important}.status{color:#163950!important}
  .mobile-native-entry{border-color:rgba(224,183,82,.76)!important;background:rgba(249,249,243,.99)!important;box-shadow:0 10px 25px rgba(0,25,39,.28)!important}.mobile-native-entry input{color:#0c3048!important;background:#fffef8!important;border-color:#9aadae!important}.mobile-native-submit{min-width:88px!important;font-size:10px!important;background:linear-gradient(120deg,#0b3b5c,#15818a)!important;border:1px solid #d2aa50!important;color:#fff!important}
  #gameScreen.active #singleNativeEntry,#multiScreen.active #multiNativeEntry{left:8px!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom) + var(--wos-mobile-keyboard-offset))!important}body.wos-mobile-keyboard-open #gameScreen.active #singleNativeEntry,body.wos-mobile-keyboard-open #multiScreen.active #multiNativeEntry{left:6px!important;right:6px!important;bottom:6px!important}
  .game-main{padding-bottom:104px!important}.board-wrap{overflow:visible!important}.cell{box-shadow:inset 0 -4px 0 rgba(14,43,55,.12),0 5px 12px rgba(3,32,43,.13)!important}.btn-row button,.room-main-actions button,.room-secondary-actions button,.multi-host-actions button,.hud button{min-height:44px!important}
  .modal-backdrop{z-index:6200!important;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))!important;align-items:center!important;background:rgba(2,17,28,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:auto!important}.modal{width:min(480px,100%)!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;padding:20px 16px max(18px,env(safe-area-inset-bottom))!important;overflow:auto!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(0,15,25,.42)!important}.modal .btn-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modal .btn-row button{display:block!important;min-height:46px!important}
  body.ha-modal-open .mobile-app-nav-v154{display:none!important}
}