/* Mobile client only. Desktop keeps its existing proportions and interactions. */
html[data-mobile-client=true] body:has(#battle:not([hidden])) #touch-controls { display:none!important; }
html[data-mobile-client=true] #touch-controls [data-action=run] { white-space:nowrap; padding-inline:2px; font-size:var(--movement-label-size,10px)!important; }
html[data-mobile-client=true] #screen #server-presence {
  gap:5px; padding:2px 5px; top:38px; font:10px/1.2 system-ui,sans-serif;
  border-radius:6px; box-shadow:0 2px 8px #0003; max-width:calc(100% - 12px);
}
html[data-mobile-client=true] #screen #server-presence button {
  font:600 10px/1.2 system-ui,sans-serif; min-height:24px; padding:2px 5px; border-radius:4px;
}
html[data-mobile-client=true] #screen #server-presence #game-audio-toggle { min-width:40px; min-height:24px; }
html[data-mobile-client=true] #screen #server-online-list { font:12px/1.4 system-ui; min-width:210px; max-width:calc(100vw - 20px); }
html[data-mobile-client=true] body.emerald-game #screen>#campaign-objective {
  position:absolute; top:auto; left:50%; right:auto; bottom:max(3px,env(safe-area-inset-bottom));
  width:calc(100% - 20px); max-width:none; box-sizing:border-box; margin:0; padding:0;
  transform:translateX(-50%); translate:none; text-align:center; font-size:9px; line-height:1.15;
  text-shadow:0 1px 2px #000,0 0 4px #061a12;
}
html[data-mobile-client=true] #campaign-objective .objective-cap { font-size:8px; line-height:1.1; }
html[data-mobile-client=true] #campaign-objective .objective-label { margin-right:3px; }

/* The menu shows two times as many destinations in the same vertical space. */
html[data-mobile-client=true] #screen #overlay[data-view=menu] { padding:8px max(9px,env(safe-area-inset-right)) 8px max(9px,env(safe-area-inset-left))!important; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-shell { width:min(330px,100%); padding:6px 8px; border-width:3px; border-radius:10px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-top { padding-bottom:3px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-edition { margin:0 30px 4px 2px; font-size:9px; line-height:22px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] #menu { gap:1px; padding:2px 0!important; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] #menu button { min-height:30px; padding:2px 6px!important; gap:7px; font:600 12px/1.15 system-ui,sans-serif; letter-spacing:0; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-art-icon { width:24px; height:24px; flex-basis:24px; }
/* Compact actions share two rows instead of taking three full-width rows. */
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:5px 2px 0;
}
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot .game-wiki-link {
  display:flex; box-sizing:border-box; width:100%; min-width:0; min-height:34px; margin:0; padding:4px 6px;
  font:600 11px/1.2 system-ui,sans-serif; letter-spacing:0; border-radius:5px; text-align:center;
}
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot .game-wiki-link::before {
  width:18px; height:18px; flex-basis:18px; margin-right:5px;
}
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot .menu-session-actions {
  grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:0;
}
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot .menu-session-actions button {
  box-sizing:border-box; min-width:0; min-height:34px; margin:0; padding:4px 6px;
  font:600 11px/1.2 system-ui,sans-serif; text-align:center; border-radius:5px;
}
html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-foot :is(.menu-identity,.menu-shortcut) { grid-column:1/-1; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-identity strong { font-size:10px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-identity span { font-size:9px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-extra { margin-top:3px; padding:3px 0; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-extra summary { min-height:28px; padding:5px 6px; font-size:11px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-gem { width:13px; height:13px; border-width:2px; }
html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-close { top:0; min-height:26px; width:28px; height:26px; font-size:20px; }

/* Move descriptions are available by holding a move, never opened by touch focus. */
html[data-mobile-client=true] #move-tooltip {
  box-sizing:border-box; width:min(300px,calc(100vw - 20px)); max-width:calc(100vw - 20px);
  max-height:min(230px,55dvh); overflow:auto; margin:0; padding:10px 12px!important;
  font:12px/1.4 system-ui,sans-serif!important; text-shadow:none; border:1px solid #98c5ad77!important;
  border-radius:12px!important; background:#0b241ef7!important; color:#edf7eb; box-shadow:0 8px 30px #0007;
}
html[data-mobile-client=true] #move-tooltip p { margin:5px 0 0; font:inherit; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-move-description { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-moves::after {
  content:'Segure um golpe para ver detalhes'; display:block; margin-top:4px; color:#a7c2b5; font:10px/1.3 system-ui; text-align:center;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions:has([data-move-id])::after {
  content:'Segure para ver detalhes'; grid-column:1/-1; color:#a7c2b5; font:10px/1.3 system-ui; text-align:center; align-self:center;
}

html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) {
  grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) minmax(154px,28%);
  font:12px/1.25 system-ui,sans-serif; border:0; border-radius:0; background:#0b211c;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-field { min-height:0; min-width:0; height:auto; border:0; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-field .health-box {
  box-sizing:border-box; width:min(43%,180px); max-width:43%; padding:4px 6px; border:1px solid #b7d1ab88;
  border-radius:8px; font:11px/1.2 system-ui,sans-serif; background:linear-gradient(130deg,#102e28f5,#132621e8);
  box-shadow:0 2px 8px #00160e44; text-shadow:none;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-field .enemy-health { left:8px; right:auto; top:8px; bottom:auto; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-field .ally-health { right:8px; left:auto; bottom:21px; top:auto; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .hp-line { gap:4px; margin-top:3px; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .hp-line small { flex:none; white-space:nowrap; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) progress { height:6px; border-width:1px; box-shadow:none; }
html[data-mobile-client=true] #screen #battle .battle-xp { height:3px; min-height:3px; margin-top:3px; border-width:0; }
html[data-mobile-client=true] #screen #battle .hp-numbers { font-size:9px; margin-top:2px; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .capture-notice { bottom:3px; font:9px/1.2 system-ui; max-height:22px; margin:0; padding:1px 5px; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-bottom {
  grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(32px,25%) minmax(0,1fr);
  gap:5px; padding:6px; min-height:0; border:0; background:linear-gradient(140deg,#12352b,#081f1b);
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-log {
  padding:5px 7px; min-height:0; max-height:100%; margin:0; border:1px solid #87af9038; border-radius:7px;
  font:11px/1.4 system-ui,sans-serif; text-shadow:none; background:#03171170; color:#d7e6d5; overflow:auto;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions {
  grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(32px,1fr); height:100%; gap:5px;
  align-content:stretch; padding:0; border:0; background:transparent; overflow:auto; overscroll-behavior:contain;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions>p { grid-column:1/-1; margin:0; font:11px/1.3 system-ui; align-self:center; }
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions button {
  min-height:32px; min-width:0; height:auto; margin:0; padding:5px 6px; border:1px solid #94b89966; border-radius:8px;
  font:600 12px/1.2 system-ui,sans-serif; text-shadow:none; background:linear-gradient(145deg,#325b45,#193d31);
  box-shadow:inset 0 1px #d2ecc51a; color:#f1f4df; overflow-wrap:anywhere; touch-action:manipulation;
}
html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions button:active { background:#456747; }
/* Double battles use their own responsive layout in double-battle.css. */

html[data-mobile-client=true] #screen #battle.pvp-battle { font:12px/1.35 system-ui,sans-serif; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-shell { padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-header { padding-bottom:7px; gap:6px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-brand :is(.pbh-emblem,.pbh-eyebrow) { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle h2 { font-size:16px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-tags { font-size:10px; gap:5px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-clock { display:flex; align-items:center; gap:4px; padding-left:8px; min-width:50px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-clock strong { font-size:17px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-clock small { font-size:8px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-field.verdant-field { min-height:210px; gap:7px; padding:7px 7px 25px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-hud { padding:4px 6px; border-radius:7px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-owner { font-size:9px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-owner small { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-title { margin:1px 0 3px; gap:3px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-title strong { font-size:12px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-title>span { font-size:9px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-meta { margin:0 0 3px; gap:3px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-type { font-size:8px; line-height:1.2; padding:1px 4px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-hp-numbers { font-size:8px; margin-top:2px; }
html[data-mobile-client=true] #screen #battle.pvp-battle progress.pbh-hp { height:5px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-deck { gap:8px; grid-template-columns:1fr; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-command-title { margin-bottom:5px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-command-title h3 { font-size:12px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-feedback { font-size:10px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-move-grid { gap:5px; }
html[data-mobile-client=true] #screen #battle.pvp-battle button.pbh-move { min-height:62px; padding:6px 8px; gap:2px; border-radius:8px!important; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-move strong { font-size:12px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-move-stats { font-size:9px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-pp { font-size:10px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-bench>.pbh-eyebrow { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-bench-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
html[data-mobile-client=true] #screen #battle.pvp-battle button.pbh-reserve { flex-direction:row; padding:4px; gap:3px; min-height:43px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-reserve canvas { width:28px!important; height:28px!important; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-reserve-info { display:flex; flex-direction:column; align-items:stretch; gap:2px; text-align:left; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-reserve-info strong { font-size:10px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-reserve-info small { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-target { margin:0 0 5px; font-size:10px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-target select { min-height:32px; padding:4px; font-size:11px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history { margin:6px 0; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history summary { min-height:30px; gap:5px; padding:4px 0; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-latest { font-size:10px; max-height:29px; overflow:hidden; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history-hint { font-size:10px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history summary>.pbh-eyebrow { display:none; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-log { font-size:11px; max-height:90px; }
html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-footer { margin-top:7px; padding-top:4px; font-size:9px; }
html[data-mobile-client=true] #screen #battle.pvp-battle button.pbh-forfeit { min-height:30px; padding:4px 6px; font-size:10px; }

html[data-mobile-client=true] #screen #companion-chat { width:min(340px,calc(100vw - 16px)); height:min(460px,calc(100dvh - 20px)); inset:10px 8px auto auto; font:12px/1.35 system-ui; }
html[data-mobile-client=true] #screen #companion-chat .companion-heading { min-height:32px; padding:3px 8px; font-size:12px; }
html[data-mobile-client=true] #screen #companion-chat nav { gap:4px; padding:4px 6px; }
html[data-mobile-client=true] #screen #companion-chat button { min-height:32px; padding:4px 7px; font-size:11px; }
html[data-mobile-client=true] #screen #companion-chat .companion-name { margin:3px 0; font-size:16px; }
html[data-mobile-client=true] #screen #companion-chat .companion-progress { font-size:11px; line-height:1.4; margin:5px 0; }
html[data-mobile-client=true] #screen #companion-chat .companion-friendship { margin:6px 10%; height:4px; }
html[data-mobile-client=true] #screen #companion-chat .companion-section { padding:7px 9px 28px; }
html[data-mobile-client=true] #screen #companion-chat .companion-pet { height:110px; min-height:110px; }
html[data-mobile-client=true] #screen #companion-chat canvas.companion-breath { width:146px!important; height:110px!important; }
html[data-mobile-client=true] #screen #companion-chat .companion-care-actions { gap:6px; }
html[data-mobile-client=true] #screen #companion-chat .companion-care-actions button { min-height:36px; }
html[data-mobile-client=true] #screen #companion-chat .companion-care-rules { font-size:10px; line-height:1.4; margin-top:6px; }
html[data-mobile-client=true] #screen #companion-chat .companion-notice { min-height:0; margin:5px 0; font-size:11px; }
html[data-mobile-client=true] #screen #companion-chat .companion-notice:empty { display:none; }

/* Landscape uses the width of the phone, leaving the stage clear of commands. */
@media (orientation:landscape) {
  html[data-mobile-client=true] body.emerald-game #screen>#campaign-objective { width:calc(100% - 240px); }
  html[data-mobile-client=true] #screen #overlay[data-view=menu] .trainer-menu-shell { width:min(470px,100%); }
  html[data-mobile-client=true] #screen #overlay[data-view=menu] #menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; }
  html[data-mobile-client=true] #screen #overlay[data-view=menu] .menu-extra { grid-column:1/-1; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) {
    grid-template-columns:minmax(0,1fr) minmax(210px,29%); grid-template-rows:minmax(0,1fr);
  }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-bottom { grid-template-rows:minmax(42px,25%) minmax(0,1fr); gap:6px; padding:8px; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions { height:auto; grid-auto-rows:minmax(38px,auto); align-content:center; max-height:none; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions button { min-height:38px; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-actions>p { padding:4px 0; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-field .health-box { width:min(39%,180px); max-width:39%; font-size:11px; }
  html[data-mobile-client=true] #screen #battle.emerald-battle:not(.double-battle) .battle-log { font-size:11px; }
  html[data-mobile-client=true] #screen #battle.pvp-battle { overflow:hidden; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-shell {
    box-sizing:border-box; height:100%; min-height:0; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);
    grid-template-rows:30px minmax(0,1fr) 30px; gap:5px 9px; align-content:stretch;
    padding:5px max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));
  }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-header { grid-column:1/-1; grid-row:1; padding:0; flex-wrap:nowrap; min-height:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-tags { width:auto; order:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-field.verdant-field {
    grid-column:1; grid-row:2; height:100%; min-height:0!important; min-width:0; box-sizing:border-box; padding:5px; gap:5px;
  }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-field.emerald-native-persistent {
    grid-template-rows:auto minmax(0,1fr) 12px; align-content:stretch;
  }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-field.emerald-native-persistent>.emerald-native-stage { width:100%; height:100%; min-height:0; max-height:none; aspect-ratio:auto; object-fit:contain; border-radius:6px; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-field.emerald-native-persistent .pbh-teams { height:12px; font-size:8px; left:0; right:0; bottom:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon-hud { padding:3px 5px; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-side:has(.pbh-mon:nth-child(2)) { flex-direction:row; gap:3px; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-portrait { min-height:0; margin:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-mon .pbh-portrait canvas.battle-pokemon { width:clamp(65px,13vw,120px)!important; height:clamp(65px,13vw,120px)!important; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-actions { grid-column:2; grid-row:2; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-command+.pbh-command { margin-top:9px; padding-top:9px; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-command:not(.pbh-waiting):not([aria-busy=true]) .pbh-feedback { display:none; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history { position:relative; grid-column:1; grid-row:3; margin:0; min-width:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history[open] { z-index:40; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-history[open] .pbh-log { position:absolute; left:0; right:0; bottom:30px; max-height:min(50dvh,180px); margin:0; padding:10px 10px 10px 28px; border:1px solid #87af9077; border-radius:8px; background:#0b241ff5; box-shadow:0 -5px 20px #0007; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-footer { grid-column:2; grid-row:3; margin:0; padding:0; border:0; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-result { grid-column:2; grid-row:2; padding:8px; align-self:center; max-height:100%; overflow:auto; }
  html[data-mobile-client=true] #screen #battle.pvp-battle .pbh-result-mark { display:none; }
  html[data-mobile-client=true] #screen #companion-chat { width:min(570px,calc(100vw - 24px)); height:calc(100dvh - 16px); inset:8px 12px auto auto; max-height:calc(100dvh - 16px); }
  html[data-mobile-client=true] #screen #companion-chat .companion-care:not([hidden]) {
    display:grid; grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr); grid-template-rows:auto auto auto minmax(0,1fr);
    gap:4px 12px; align-content:start; padding:8px 12px 22px;
  }
  html[data-mobile-client=true] #screen #companion-chat .companion-name { grid-column:1; grid-row:1; font-size:15px; align-self:center; }
  html[data-mobile-client=true] #screen #companion-chat .companion-pet { grid-column:1; grid-row:2/5; min-height:100px; height:100%; }
  html[data-mobile-client=true] #screen #companion-chat canvas.companion-breath { width:160px!important; height:120px!important; max-width:100%!important; }
  html[data-mobile-client=true] #screen #companion-chat .companion-progress { grid-column:2; grid-row:1; text-align:left; }
  html[data-mobile-client=true] #screen #companion-chat .companion-friendship { grid-column:2; grid-row:2; margin:0 0 5px; }
  html[data-mobile-client=true] #screen #companion-chat .companion-care-actions { grid-column:2; grid-row:3; }
  html[data-mobile-client=true] #screen #companion-chat :is(.companion-care-rules,.companion-notice,.companion-berries) { grid-column:2; text-align:left; }
  html[data-mobile-client=true] #screen #companion-chat .companion-care-actions button { font-size:11px; }
  html[data-mobile-client=true] #screen #companion-chat .companion-care-rules { margin:3px 0; }
  html[data-mobile-client=true] #screen #companion-chat .arcade-options { margin:5px 0; }
  html[data-mobile-client=true] #screen #companion-chat .arcade-subtitle { margin:3px 0 7px; }
  html[data-mobile-client=true] #screen #companion-chat .arcade-elements { margin:6px 0; gap:5px; }
  html[data-mobile-client=true] #screen #companion-chat .arcade-elements button { min-height:50px; }
}