/* Fixed game coordinates. Only the shared outer frame scales. */
.mobile-start-label { display: none; }
.mobile-game-layout .game-page {
  display: grid; direction: ltr; padding: 6px;
  grid-template-columns: 80px minmax(0, 1fr) 80px;
  grid-template-rows: 80px minmax(0, 1fr); gap: 4px;
}
.mobile-game-layout .shell-header,
.mobile-game-layout .game-topbar,
.mobile-game-layout .game-footer,
.mobile-game-layout .micalo-bottom-area { display: none; }
.mobile-game-layout .mobile-game-toolbar {
  grid-column: 2; grid-row: 1; display: flex; justify-content: center; align-items: center; min-width: 0;
}
.mobile-game-layout .game-status-bar {
  display: flex; width: 800px; max-width: 100%; height: 72px; min-height: 0;
  direction: rtl; gap: 12px; padding: 6px 10px; border: 0; border-radius: 16px; box-shadow: none;
}
.mobile-game-layout .status-character,
.mobile-game-layout .status-item > span { display: none; }
.mobile-game-layout .status-item {
  display: flex; flex: 1; width: auto; min-width: 0; height: 60px; min-height: 0;
  padding: 4px 8px; gap: 8px; border: 0; border-radius: 12px; box-shadow: none;
}
.mobile-game-layout .status-icon { position: static; width: 32px; height: 32px; transform: none; }
.mobile-game-layout .status-item strong { font-size: 26px; direction: ltr; white-space: nowrap; }
.mobile-game-layout .game-direct-controls {
  grid-column: 3; grid-row: 1 / 3; display: flex; flex-direction: column;
  align-items: center; justify-content: flex-start; gap: 8px; min-width: 0;
}
.mobile-game-layout .game-direct-controls .shell-control { width: 80px; height: 80px; flex: 0 0 80px; transform: none; }
.mobile-game-layout .game-direct-controls img { width: 100%; height: 100%; object-fit: contain; }
.mobile-game-layout .game-left-rail {
  grid-column: 1; grid-row: 1 / 3; display: grid;
  grid-template-rows: 80px minmax(0, 1fr); justify-items: center; min-width: 0;
}
.mobile-game-layout .game-left-actions { align-self: center; display: flex; flex-direction: column; align-items: center; gap: 5px; width: 100%; }
.mobile-game-layout .game-left-rail .fullscreen-button {
  position: static; inset: auto; width: 80px; height: 80px; padding: 0; margin: 0;
  border: 0; background: transparent; transform: none;
}
.mobile-game-layout #start-game-button {
  position: static; width: 72px; min-width: 0; height: 52px; min-height: 0;
  display: flex; align-items: center; justify-content: center; flex: 0 0 52px;
  padding: 0; margin: 0; border: 0; border-radius: 16px;
  background: transparent; box-shadow: none; transform: none;
}
.mobile-game-layout #start-game-button img { display: block; width: 100%; height: 100%; object-fit: fill; transform: none; }
.mobile-game-layout #start-game-button.started { visibility: hidden; pointer-events: none; }
.mobile-game-layout #start-game-button:disabled { opacity: .5; }
.mobile-game-layout .game-area {
  grid-column: 2; grid-row: 2; position: relative !important; inset: auto !important; transform: none !important;
  width: 100% !important; height: 100%; max-width: none !important; min-height: 0;
  margin: 0 !important; display: grid; grid-template-columns: 1fr 1fr; direction: rtl; gap: 6px !important;
}
.mobile-game-layout #game-steps,
.mobile-game-layout #game-time-help {
  position: static; inset: auto; transform: none; scale: 1; direction: rtl;
  display: flex; flex-direction: column; align-items: center; width: 76px;
  min-width: 0; height: auto; padding: 6px 2px; margin: 0; gap: 6px;
  border: 0; border-radius: 16px; background: #edfaff; box-shadow: none;
  --step-countdown-font: 12px; --step-countdown-spacing: 0px;
}
.mobile-game-layout #game-steps[hidden] { display: none; }
.mobile-game-layout #game-steps .steps-wallet-balance,
.mobile-game-layout #game-time-help .steps-wallet-balance { min-height: 36px; gap: 3px; flex-wrap: nowrap; }
.mobile-game-layout #game-steps .steps-wallet-icon,
.mobile-game-layout #game-time-help .steps-wallet-icon { width: 30px; height: 30px; }
.mobile-game-layout #game-steps .steps-wallet-value,
.mobile-game-layout #game-time-help .steps-wallet-value { font-size: 20px; }
.mobile-game-layout #game-steps .steps-store-link { position: static; inset: auto; width: 56px; height: 56px; margin: 0; padding: 0; transform: none; }
.mobile-game-layout #game-steps .steps-store-link img { width: 100%; height: 56px; object-fit: contain; }
.mobile-game-layout .original-image-panel,
.mobile-game-layout .puzzle-panel {
  width: 100% !important; height: 100% !important; min-width: 0; min-height: 0;
  scale: 1; transform: none !important; padding: 40px 4px 4px;
  border: 2px solid white; border-radius: 14px; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.mobile-game-layout .panel-title,
.mobile-game-layout #level-status-title {
  top: 0; left: 0; transform: none; width: 100%; min-width: 0; max-width: none;
  height: 36px; min-height: 0; max-height: none; padding: 0 4px;
  gap: 8px; border: 0; border-radius: 10px 10px 0 0; box-shadow: none;
}
.mobile-game-layout .panel-title h2,
.mobile-game-layout #level-status-title .game-difficulty,
.mobile-game-layout .game-difficulty,
.mobile-game-layout .level-name { font-size: 24px; line-height: 1.2; }
.mobile-game-layout .level-star { font-size: 20px; }
.mobile-game-layout .original-image-placeholder,
.mobile-game-layout .puzzle-board {
  width: 100% !important; height: 100% !important; aspect-ratio: auto;
  margin: 0 !important; border-radius: 8px; padding: 0; gap: 2px;
}
.mobile-game-layout .original-image { object-fit: fill; }
.mobile-game-layout .puzzle-board { touch-action: manipulation; }
.mobile-game-layout .game-tile { border-radius: 3px; }

.mobile-game-layout #game-time-help { flex:none; }
.time-help-label { font:bold 13px/1.2 Arial,sans-serif; color:#0e5599; }
.time-help-countdown { font:900 12px/1 Arial,sans-serif; direction:ltr; color:#0e5599; }
#time-help-button { width:56px; height:56px; padding:0; margin:0; display:flex; align-items:center; justify-content:center; border:0; border-top:2px solid #1677c829; background:transparent; cursor:pointer; }
#time-help-button img { width:100%; height:100%; object-fit:contain; }
#time-help-button:disabled { opacity:.45; cursor:default; }
#time-help-button:not(:disabled) { filter:none; }
#time-help-button:focus-visible { outline:3px solid #1dc874; border-radius:10px; }
.time-help-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

.mobile-game-layout #game-time-help .steps-wallet-value { color:#ffcf00; text-shadow:0 1px 1px #775800; }

/* Fixed physical right placement in every language; keep digits unobstructed. */
.mobile-game-layout .status-item { position:relative; padding:4px 64px 4px 8px; justify-content:center; }
.mobile-game-layout .status-icon { position:absolute; right:4px; left:auto; top:50%; width:52px; height:52px; object-fit:contain; transform:translateY(-50%); }
.mobile-game-layout #start-game-button:focus-visible { outline:2px solid #70dfff; outline-offset:3px; }

.mobile-game-layout #start-game-button img { transform:none; }

.mobile-game-layout #start-game-button:focus-visible { outline:none; }
.mobile-game-layout #start-game-button:focus-visible img { filter:drop-shadow(0 0 3px #8be7ff); }

#time-help-button { width:100%; height:auto; min-height:90px; flex-direction:column; gap:4px; border:0; border-radius:16px; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; touch-action:manipulation; }
#time-help-button .time-help-image { width:56px; height:56px; object-fit:contain; }
#time-help-button .steps-wallet-balance { pointer-events:none; }
#time-help-button .steps-wallet-icon { width:30px; height:30px; }