@media(max-width:760px),(max-width:1100px) and (pointer:coarse),(max-width:1000px) and (max-height:500px){
  html,body{min-width:0;overflow-x:hidden;overscroll-behavior-x:none}
  .launcher{min-height:100svh;height:auto;display:flex;flex-direction:column;padding:0;overflow:hidden}
  .header{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;width:100%;height:auto;min-height:0;padding:max(4px,env(safe-area-inset-top)) 12px 0;gap:0;background:#06090eed;border-bottom:1px solid #967c424d;z-index:3}
  .brand{position:relative;inset:auto;grid-column:1;grid-row:1;width:auto;height:48px;margin:0;gap:6px}
  .brand-compass{width:42px;height:48px}.brand-name{font-size:24px;line-height:1.15}.brand-name small{font-size:8px;letter-spacing:1.4px;margin-top:3px}.brand-star{display:none}
  .header-tools{position:relative;inset:auto;grid-column:2;grid-row:1;gap:1px;height:48px;justify-self:end}
  .header-tools .icon-button{width:44px;height:44px;padding:10px}.header-tools .icon-button svg{width:22px;height:22px}
  .header-tools .text-button{height:44px;max-width:85px;padding:0 8px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #guestButton{display:none}
  .top-nav{position:relative;inset:auto;grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:0;width:100%;height:44px;margin:0}
  .top-nav button{flex:1;height:44px;min-width:0;padding:0 8px;font-size:14px}
  .top-nav .nav-active:after{bottom:0}
  .sidebar{display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;margin:0;padding:8px 10px;background:#080d13e8;border:0;border-bottom:1px solid #907d464d;z-index:2}
  .sidebar-top,.sidebar-footer{display:none}
  .game-list{display:flex;flex-direction:row;align-items:stretch;gap:7px;width:100%;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 0 2px;touch-action:pan-x}
  .game-list .game-item-name{display:block;max-width:100%;margin:0}.game-list .game-item-name small{display:none}.game-list::-webkit-scrollbar{display:none}
  .game-list .game-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 82px;width:82px;min-width:82px;min-height:82px;height:82px;padding:5px 2px;gap:4px;border:1px solid #5a534038;border-radius:10px;background:#111820c4;scroll-snap-align:center;font-size:11px;text-align:center}
  .game-list .game-item .game-avatar{position:relative;inset:auto;width:40px;height:40px;flex:none;margin:0;border:1px solid #bb985d;border-radius:50%}
  .game-list .game-item strong{display:block;position:static;max-width:76px;font:500 11px/1.2 sans-serif;white-space:normal;overflow-wrap:anywhere}
  .game-list .game-item .game-state,.game-list .game-item:before,.game-list .game-item:after{display:none}
  .game-list .game-item[aria-pressed=true]{border-color:#d6af63;background:linear-gradient(#564026d4,#201a12ed);box-shadow:inset 0 0 12px #d6aa3626}
  .scene{position:absolute;inset:170px 0 0;height:auto;min-height:0}
  .scene img{height:100%;object-fit:cover;object-position:var(--hero-mobile-position,78% top)}
  .scene-shade{position:absolute;inset:170px 0 0;background:linear-gradient(180deg,#05070b00 0%,#05070b00 25%,#05070b66 55%,#05070bf5 100%)!important}
  .launcher>main{position:relative;display:flex;flex:1;flex-direction:column;min-height:calc(100svh - 198px)}
  .hero{position:relative;inset:auto;width:auto;height:auto;min-height:420px;flex:1;margin:0;padding:180px 20px 24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}
  .hero-seal{inset:auto;left:0;right:0;bottom:130px;height:180px;opacity:.4;pointer-events:none}
  .hero-heading{width:100%;margin-top:auto}.hero-kicker{font:11px sans-serif;letter-spacing:1px;margin-bottom:8px;color:#ebce8e}
  .hero h1{margin:0;font-size:clamp(28px,8vw,38px);line-height:1.2;white-space:normal;text-shadow:0 2px 8px #000,0 0 20px #000}
  .hero[data-game=tactical-commanders] h1{font-size:clamp(27px,7.7vw,36px)}
  .hero-english{font-size:11px;letter-spacing:2px;margin-top:5px}.title-flourish{display:none}
  .hero-description{font-size:12px;line-height:1.5;margin:12px 0 16px;color:#e2d7c4}
  .start-button{width:min(340px,100%);height:58px;min-height:58px;font-size:24px;gap:12px;outline-offset:2px}
  .hero-status{font:11px/1.5 sans-serif;letter-spacing:0;margin:12px 0 0;min-height:17px}
  .gallery{display:none}.site-footer{position:relative;inset:auto;display:none}
  .panel-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px 20px;overflow:auto;font-size:14px}
  .panel-dialog h2{font-size:24px}.panel-dialog input{font-size:16px;min-height:46px}
  .panel-dialog button,.panel-dialog .dialog-close{min-height:44px}.panel-dialog .dialog-close{min-width:44px}
  .game-dialog{inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border:0;padding:0}
  .game-window{height:100%;min-height:0}.window-header{min-height:44px;padding:0 8px;gap:5px}.window-header h2{font-size:14px;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .window-header .window-edition,.window-jewel,.window-footer{display:none}.window-actions{gap:0;flex:none}.window-actions a,.window-actions button{min-width:44px;min-height:44px;padding:8px}.game-frame-wrap{min-height:0;overflow:hidden}
  .window-header>div:first-child{min-width:0;flex:1}.window-header h2{min-width:0;max-width:none}
  .window-actions #fullscreenGame{min-width:90px;font-size:17px}.window-actions #fullscreenGame span{display:inline;font-size:12px}
}
@media(max-height:500px) and (max-width:1000px){
  .header{grid-template-columns:180px 1fr auto;grid-template-rows:48px;padding:0 10px}.top-nav{grid-column:2;grid-row:1;height:48px}.header-tools{grid-column:3;grid-row:1}.brand-name{font-size:20px}.brand-name small{display:none}.brand-compass{width:34px}
  .sidebar{padding:5px 10px}.game-list .game-item{height:58px;min-height:58px;flex-direction:row;flex-basis:120px;min-width:120px;width:120px;gap:6px}.game-list .game-item .game-avatar{width:36px;height:36px}.game-list .game-item strong{max-width:70px;text-align:left}
  .scene,.scene-shade{inset:110px 0 0}.launcher>main{min-height:calc(100svh - 114px)}.hero{min-height:250px;padding:20px 24px;align-items:flex-start;text-align:left}.hero-heading{width:58%;margin-top:0}.hero h1{font-size:29px}.hero-english{font-size:10px}.hero-description{margin:8px 0 10px}.start-button{width:280px;height:50px;min-height:50px;font-size:21px}.hero-status{margin-top:8px}.hero-seal{display:none}
}

.start-button:disabled{opacity:.65;cursor:progress}