/* ================================================================
   Simplified Chinese Help overrides
   Load AFTER /assets/guide.css.
   Every rule is scoped by screen class + .game-guide-lang-zhs.
   The shared /assets/guide.css is not duplicated or modified here.
   ================================================================ */

/* ===================================================================
   guide-zhs.css — Simplified Chinese overrides for the in-game help
   -------------------------------------------------------------------
   Load AFTER guide.css. This file never modifies guide.css itself.

   RULES (fixed)
     1. /assets/guide.css (the shared English build) is never edited.
     2. Every rule in this file starts with BOTH the page's own screen
        class AND .game-guide-lang-zhs, e.g.
          .game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-callout-x
        so nothing can leak into another help page or another language.
     3. Never override a bare shared class (body, .game-guide-callout,
        .game-guide-frame, ...) without that page+language prefix.
     4. This file is additive: new screens append their own block; an
        existing screen's block is edited in place, never wholesale
        replaced.
     5. Only text boxes move. Background images, highlight frames,
        cut-out windows and connector lines keep the English geometry.
        If a box is resized, it must still touch every connector line
        that lands on it (3px tolerance).
     6. Widths are % of the 1080x1920 reference frame and font sizes
        use cqw with a px fallback, so phone widths behave like desktop
        and text never leaves its box.
     7. Backgrounds are absolute paths: /assets/help/zhs/<screen>.webp
   =================================================================== */

/* ===================================================================
   SCREEN: home        .game-guide-screen-home.game-guide-lang-zhs
   -------------------------------------------------------------------
   Simplified Chinese is much shorter than English, so the two boxes
   that carry an explicit width would otherwise show dead space.
   Anchors are untouched: the character box keeps its left edge at
   22.037% (where its connector lands) and the scarecrow box still
   spans all three of its connector positions (35.741% - 73.425%).
   Heights stay automatic, so a longer string wraps and grows.
   =================================================================== */
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-character {
  width: 40%;
}
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-scarecrow {
  left: 33%;
  width: 41.5%;
}

/* ===================================================================
   guide-zhs-scarecrow-enhancement.css
   Simplified Chinese additions for ONE help screen:
       screen key  scarecrow-enhancement
       selector    .game-guide-screen-scarecrow-enhancement.game-guide-lang-zhs

   Load AFTER the shared /assets/guide.css. That file is NOT modified.

   Rules here:
     - every selector starts with the page class + the language class,
       so no other help page can be reached;
     - no unconditional override of body, .game-guide-callout or any
       other shared class;
     - additions only - the English rules for this screen still apply
       and are only overridden where Simplified Chinese needs it.

   Reference frame 1080x1920. Positions in %, scaling sizes in cqw with
   a plain px fallback on the preceding line. The canvas is a container,
   so every cqw value scales with it: the layout holds at phone widths
   as well as on desktop.
   =================================================================== */

/* --- intro copy ----------------------------------------------------
   The English build prints the intro as plain text
   (.game-guide-text-intro). Simplified Chinese puts it in a box, so
   the element carries .game-guide-callout .game-guide-callout-intro -
   a class the English fragment does not use at all.

   The box is offset by its own padding + border (23px horizontally,
   15px vertically) so the TEXT still starts at the master's position,
   x120 / y450. Height stays automatic.
   ------------------------------------------------------------------ */
.game-guide-screen-scarecrow-enhancement.game-guide-lang-zhs
.game-guide-callout-intro {
  left: 8.955%;
  top: 19.834%;
  width: 83.209%;
}

/* --- closing note --------------------------------------------------
   Simplified Chinese is shorter than English here, so the note is
   pulled in from the canvas edge (96.463% -> 88%, centred) and its
   line-height opened up a little for CJK. It stays bottom-anchored,
   so it grows upward into empty space if a revision adds a line.
   ------------------------------------------------------------------ */
.game-guide-screen-scarecrow-enhancement.game-guide-lang-zhs
.game-guide-callout-note {
  left: 5.970%;
  width: 88.619%;
  line-height: 1.5;

  bottom: 11.952%;}

/* --- banner --------------------------------------------------------
   Four glyphs instead of twenty letters, so the banner needs no extra
   width; only the CJK letter-spacing is relaxed.
   ------------------------------------------------------------------ */
.game-guide-screen-scarecrow-enhancement.game-guide-lang-zhs
.game-guide-banner-title {
  letter-spacing: 0.08em;

  left: 6.903%;
  top: 7.241%;
  width: 86.567%;
  min-height: 10.704%;}

/* ===================================================================
   guide-zhs.css — Simplified Chinese adjustments
   Plain CSS only. No JS, no webfonts, no external resources.

   LOAD ORDER
     1. /assets/guide.css      the shared English/base stylesheet.
                               NOT modified by this file's existence -
                               it stays byte-identical.
     2. /assets/guide-zhs.css  this file.

   SCOPE RULE
     Every rule below starts with a PAGE-SPECIFIC class plus the
     language class:

       .game-guide-screen-<key>.game-guide-lang-zhs ...

     so nothing here can reach another help page, another language, or
     a shared class. There is no bare .game-guide-callout,
     .game-guide-text, body or element selector in this file.

     Add a new screen as a new block; do not rewrite the file.

   WHAT IS ADJUSTED, AND WHY
     The frames, connector lines, cut-out windows and background
     geometry are NOT touched - they belong to the artwork and are
     identical in every language. Only the text side is adjusted,
     because Simplified Chinese sets much shorter than English and
     wraps at different points.

   px + cqw
     Same convention as guide.css: every cqw / clamp() declaration is
     preceded by a plain px declaration as a fallback.
   =================================================================== */


/* ===================================================================
   SCREEN: dungeon        .game-guide-screen-dungeon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/dungeon.webp

   The Chinese build's Goal Floor panel sits PIXEL-IDENTICALLY to the
   English one (column x540 brightness transitions at 599 / 677 / 828 /
   868 / 960 / 1060 and the panel extent x28..1054 at y700 match in
   both captures), so the cut-out window keeps the shared crop and is
   not redefined here.

   Text adjustments:
     - both copy blocks are set at a flat 3cqw instead of the shared
       3.148cqw, and line-height is raised 1.45 -> 1.7. CJK glyphs are
       full-height with no descender gaps, so English leading reads
       cramped; the smaller size also buys wrap headroom, which is what
       keeps each paragraph on the line count below at every width.
     - line-break: strict keeps a Chinese comma or full stop from
       starting a line. word-break is pinned to normal because the
       shared rule's overflow-wrap would otherwise be fought by a
       keep-all inherited from a host page's CJK styles, which would
       break each clause onto its own ragged line.
     - the intro block is widened 81.315% -> 84% so its second
       paragraph (24 characters, the longest single line on the page)
       cannot wrap on a narrow phone.
     - the banner holds two characters where the master holds five, so
       its letter-spacing opens up from 0.02em to 0.18em.
   =================================================================== */

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.18em;
  text-indent: 0.18em; /* cancels the trailing letter-space so the
                          two characters stay optically centred */
}

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  font-size: 20px;
  font-size: clamp(10px, 3cqw, 32px);
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

/* intro: 2 lines (one per paragraph) */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro {
  width: 84%;
}

/* outro: 3 lines (2 + 1). Left edge and width are the shared ones. */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  width: 83.241%;
}

/* === adventure-prep (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese adjustments
   Plain CSS only. No JS, no webfonts, no external resources.

   LOAD ORDER
     1. /assets/guide.css      the shared English/base stylesheet.
                               NOT modified by this file's existence -
                               it stays byte-identical.
     2. /assets/guide-zhs.css  this file.

   SCOPE RULE
     Every rule below starts with a PAGE-SPECIFIC class plus the
     language class:

       .game-guide-screen-<key>.game-guide-lang-zhs ...

     so nothing here can reach another help page, another language, or
     a shared class. There is no bare .game-guide-callout,
     .game-guide-text, body or element selector in this file.

     Add a new screen as a new block; do not rewrite the file.

   WHAT IS ADJUSTED, AND WHY
     The frames, connector lines, cut-out windows and background
     geometry are NOT touched - they belong to the artwork and are
     identical in every language. Only the text side is adjusted,
     because Simplified Chinese sets much shorter than English and
     wraps at different points.

   px + cqw
     Same convention as guide.css: every cqw / clamp() declaration is
     preceded by a plain px declaration as a fallback.
   =================================================================== */


/* ===================================================================
   SCREEN: dungeon        .game-guide-screen-dungeon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/dungeon.webp

   The Chinese build's Goal Floor panel sits PIXEL-IDENTICALLY to the
   English one (column x540 brightness transitions at 599 / 677 / 828 /
   868 / 960 / 1060 and the panel extent x28..1054 at y700 match in
   both captures), so the cut-out window keeps the shared crop and is
   not redefined here.

   Text adjustments:
     - both copy blocks are set at a flat 3cqw instead of the shared
       3.148cqw, and line-height is raised 1.45 -> 1.7. CJK glyphs are
       full-height with no descender gaps, so English leading reads
       cramped; the smaller size also buys wrap headroom, which is what
       keeps each paragraph on the line count below at every width.
     - line-break: strict keeps a Chinese comma or full stop from
       starting a line. word-break is pinned to normal because the
       shared rule's overflow-wrap would otherwise be fought by a
       keep-all inherited from a host page's CJK styles, which would
       break each clause onto its own ragged line.
     - the intro block is widened 81.315% -> 84% so its second
       paragraph (24 characters, the longest single line on the page)
       cannot wrap on a narrow phone.
     - the banner holds two characters where the master holds five, so
       its letter-spacing opens up from 0.02em to 0.18em.
   =================================================================== */

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.18em;
  text-indent: 0.18em; /* cancels the trailing letter-space so the
                          two characters stay optically centred */
}

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  font-size: 20px;
  font-size: clamp(10px, 3cqw, 32px);
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

/* intro: 2 lines (one per paragraph) */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro {
  width: 84%;
}

/* outro: 3 lines (2 + 1). Left edge and width are the shared ones. */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  width: 83.241%;
}


/* ===================================================================
   SCREEN: adventure-prep
        .game-guide-screen-adventure-prep.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/adventure-prep.webp

   This screen key is new, so the whole block lives here - guide.css is
   not touched. Frames are measured from the Japanese master
   (792x1407) x 1080/792 and checked against the Chinese capture
   element by element:

     element            Chinese capture       master frame (canvas)
     Formation button   x846..973 y526..574   820,517,184x70
     minus button       x81..156  y816..879    57,789,126x117
     slider handle      x184..217 y805..890   137,789,126x117
     plus button        x923..996 y818..878   895,789,126x117
     Limitation check   x120..150 y1227..1257  75,1181,126x117
     Auto-loop check    x120..150 y1338..1368  75,1297,126x117
     Skip check         x548..588 y1328..1378 503,1297,126x117
     Difficulty button  x842..974 y1212..1272 809,1181,207x117
     Start button       x400..682 y1514..1671 382,1507,318x169

   The Goal Floor row is the one place where the master's frame SIZE
   cannot be kept. The Chinese capture shows the handle at the far left
   of a 500-floor rail (x184..217, centre 200.5) instead of the English
   x239..268, i.e. immediately right of the minus button - so no 126px
   frame centred on the Chinese handle can clear the minus frame's
   right edge, and the master's minus/plus frames carry 25-28px of
   slack besides. All three frames on that row are therefore tightened
   to hug their own element, with equal margins:

     minus   button x81..156  y816..879  -> frame  68.5,803.5,100x88
     handle  bar    x184..217 y805..890  -> frame  174,795,53x105
     plus    button x923..996 y818..878  -> frame  909.5,804,100x88

   minus and plus keep ONE shared size (100x88) centred on their own
   button, so the pair stays symmetrical; the handle frame clears the
   minus frame by 5.5px. Each row connector still lands inside the
   frame it points at (x115 / x200 / x954) and still leaves the
   goalfloor box's bottom edge at y745.

   The Formation frame is re-centred but keeps the master's size: the
   Chinese button sits 2px right of the English one (centre 909.5
   against 907.5).

   Every other element is pixel-identical to the English capture and
   keeps the master's rect verbatim.

   Text adjustments for Simplified Chinese:
     - callouts at 2.6cqw / line-height 1.5, against the English
       2.407cqw / 1.4: Chinese sets far shorter here (6-14 characters
       against 25-47), so the type can be a step larger and still keep
       every box on ONE line at every width.
     - line-break: strict; word-break: normal.
     - four boxes hug their text (width: max-content) instead of using
       the English fixed widths, so no box is left mostly empty:
         party       anchored by its RIGHT edge, the side its two
                     connectors arrive on
         blessing    right-anchored (as in English)
         difficulty  right-anchored (as in English)
         start       centred with margin-inline: auto
     - two boxes KEEP a fixed width, because their connectors leave
       from spread-out points along one edge and the box has to span
       them:
         goalfloor   three connectors drop from its bottom edge at
                     x115 / x200 / x954
         checks      the rail and the skip connector drop from its
                     bottom edge at x266 and x562
   =================================================================== */

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

/* --- frames + cut-outs -------------------------------------------- */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-tabs,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs {
  left: 66.019%;
  top: 10.729%;
  width: 29.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs > span {
  width: 342.857%;
  height: 1641.026%;
  left: -226.349%;
  top: -176.068%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-formation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation {
  left: 75.926%;
  top: 26.927%;
  width: 17.037%;
  height: 3.646%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation > span {
  width: 586.957%;
  height: 2742.857%;
  left: -445.652%;
  top: -738.571%;
}

/* ONE frame over the minus button AND the slider handle: in the
   Chinese capture the handle sits immediately right of the button
   (button x81..156, handle x184..217), so two separate frames read as
   one broken shape. The merged frame hugs the pair with a uniform
   10px margin - 71,795,156x105 - and carries a single connector on
   its centre x149. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-controls,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls {
  left: 6.574%;
  top: 41.406%;
  width: 14.444%;
  height: 5.469%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls > span {
  width: 692.308%;
  height: 1828.571%;
  left: -45.513%;
  top: -757.143%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-plus,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus {
  left: 84.213%;
  top: 41.875%;
  width: 9.259%;
  height: 4.583%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus > span {
  width: 1080.000%;
  height: 2181.818%;
  left: -909.500%;
  top: -913.636%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-blessing,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing {
  left: 81.296%;
  top: 48.906%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing > span {
  width: 857.143%;
  height: 1641.026%;
  left: -696.825%;
  top: -802.564%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-limitation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation {
  left: 6.944%;
  top: 61.510%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-difficulty,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty {
  left: 74.907%;
  top: 61.510%;
  width: 19.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty > span {
  width: 521.739%;
  height: 1641.026%;
  left: -390.821%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-autorepeat,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat {
  left: 6.944%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-skip,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip {
  left: 46.574%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip > span {
  width: 857.143%;
  height: 1641.026%;
  left: -399.206%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-start,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start {
  left: 35.370%;
  top: 78.490%;
  width: 29.444%;
  height: 8.802%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start > span {
  width: 339.623%;
  height: 1136.095%;
  left: -120.126%;
  top: -891.716%;
}

/* --- callouts ----------------------------------------------------- */
/* anchored on the side its connectors arrive from, so a longer
   translation grows away from its own connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-party {
  top: 18.750%;
  right: 9.444%;
  width: max-content;
  max-width: 60%;
}
/* hugs its text and is centred. It no longer has to span the row's
   controls, because the two row connectors now leave its SIDES as
   elbows (see below) instead of dropping from its bottom edge. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-goalfloor {
  bottom: 61.198%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-blessing {
  top: 49.271%;
  right: 24.074%;
  width: max-content;
  max-width: 70%;
  text-align: right;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-difficulty {
  top: 56.510%;
  right: 4.630%;
  width: max-content;
  max-width: 74%;
  text-align: right;
}
/* hugs its text, but with a min-width: the box has to stay wide
   enough to keep the skip connector (x562..570) inside it, and
   max-content alone would stop at x584 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-checks {
  top: 61.719%;
  left: 23.148%;
  width: max-content;
  min-width: 32%;
  max-width: 60%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-start {
  top: 88.542%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}

/* --- connectors --------------------------------------------------- */
/* tabs frame bottom y323 -> party box top y360 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-tabs {
  left: 80.648%;
  top: 16.823%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}
/* party box bottom -> Formation frame top y517 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-formation {
  left: 83.796%;
  top: 21.797%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.130%;
}
/* the Goal Floor row, as two elbows leaving the box's SIDES:
   left   box left edge -> along y712 to x149 -> down to the merged
          controls frame top y795
   right  box right edge -> along y712 to x959.5 -> down to the plus
          frame top y804
   (the horizontal runs are set from the rendered box edges) */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-h {
  left: 13.796%;
  top: 36.875%;
  width: 24.583%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-v {
  left: 13.426%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.531%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-h {
  left: 61.620%;
  top: 36.875%;
  width: 27.593%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-v {
  left: 88.472%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.000%;
}
/* blessing box right edge x820 -> blessing frame left edge x878 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-blessing {
  left: 75.926%;
  top: 51.771%;
  width: 5.370%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* difficulty box bottom -> Difficulty frame top y1181 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-difficulty {
  left: 84.074%;
  top: 59.552%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.958%;
}
/* Limitation frame right edge x201 -> checks box left edge x250 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-limitation {
  left: 18.611%;
  top: 64.271%;
  width: 4.537%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* Auto-loop frame right edge x201 -> the rail */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-autorepeat {
  left: 18.611%;
  top: 70.417%;
  width: 6.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* rail: checks box bottom -> down past the Auto-loop connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-rail {
  left: 24.630%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.807%;
}
/* checks box bottom -> Skip frame top y1297 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-skip {
  left: 52.037%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.786%;
}
/* Start frame bottom y1676 -> start box top y1700 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-start {
  left: 49.722%;
  top: 87.292%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}

/* === battle (zhs) === */
/* ===================================================================
   guide-zhs-battle.css
   Simplified Chinese additions for ONE help screen:
       screen key  battle
       selector    .game-guide-screen-battle.game-guide-lang-zhs

   Load AFTER the shared /assets/guide.css. That file is NOT modified.

   Rules here:
     - every selector starts with the page class AND the language
       class, so no other help page can be reached;
     - no unconditional override of body, .game-guide-callout or any
       other shared class;
     - additions and targeted overrides only - the English rules for
       this screen still apply everywhere Simplified Chinese does not
       need a change.

   Reference frame 1080x1920. Positions in %, scaling sizes in cqw with
   a plain px fallback on the preceding line. The canvas is a container,
   so every cqw value scales with it: the layout holds at phone widths
   as well as on desktop.
   =================================================================== */

/* --- type ----------------------------------------------------------
   Seven boxes share this screen, so the shared rule already sets
   2.407cqw (26px at the 1080 reference). CJK needs a little more air
   between lines than Latin; only line-height changes.
   ------------------------------------------------------------------ */
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-callout {
  line-height: 1.5;
}

/* --- damage-log frame ----------------------------------------------
   The Chinese capture shows SIX log lines (y820..1002, right-aligned,
   x721..1069). The master's 794x67 frame marks the log's FIRST TWO
   lines, so it is re-centred on those: Chinese lines 1-2 run
   y820..874, centre 847, so the frame sits y813.5..880.5. The
   master's SIZE is unchanged, and the frame is deliberately not
   stretched over all six lines - that would run it under the
   "current floor" callout at y952.
   ------------------------------------------------------------------ */
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-frame-log,
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-window-log {
  top: 42.370%;
}
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-window-log > span {
  top: -1214.179%;
}
/* the Blessing connector ends on that frame's new top edge:
   box bottom y790 -> frame top y813.5 */
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-line-blessing {
  height: 1.224%;
}

/* --- boxes that hug their text -------------------------------------
   Chinese is much more compact than English here, so four boxes are
   switched to max-content: a box sized for the English sentence would
   sit half empty. max-width keeps them inside the canvas, min-width
   keeps each connector comfortably inside its box no matter how the
   text is revised. Height is never fixed, so a longer revision simply
   grows the box.
   ------------------------------------------------------------------ */
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-callout-blessing {
  width: max-content;
  max-width: 75%;
  min-width: 48%;
}
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-callout-floor {
  width: max-content;
  max-width: 50%;
}
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-callout-stat {
  width: max-content;
  max-width: 70%;
  min-width: 26%;
}
.game-guide-screen-battle.game-guide-lang-zhs .game-guide-callout-speed {
  width: max-content;
  max-width: 70%;
  min-width: 26%;
}

/* === level-up (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese overrides for the in-game help
   -------------------------------------------------------------------
   Load AFTER guide.css. This file never modifies guide.css itself.

   RULES (fixed)
     1. /assets/guide.css (the shared English build) is never edited.
     2. Every rule in this file starts with BOTH the page's own screen
        class AND .game-guide-lang-zhs, e.g.
          .game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-callout-x
        so nothing can leak into another help page or another language.
     3. Never override a bare shared class (body, .game-guide-callout,
        .game-guide-frame, ...) without that page+language prefix.
     4. This file is additive: new screens append their own block; an
        existing screen's block is edited in place, never wholesale
        replaced.
     5. Only text boxes move. Background images, highlight frames,
        cut-out windows and connector lines keep the English geometry.
        If a box is resized, it must still touch every connector line
        that lands on it (3px tolerance).
     6. Widths are % of the 1080x1920 reference frame and font sizes
        use cqw with a px fallback, so phone widths behave like desktop
        and text never leaves its box.
     7. Backgrounds are absolute paths: /assets/help/zhs/<screen>.webp
   =================================================================== */

/* ===================================================================
   SCREEN: home        .game-guide-screen-home.game-guide-lang-zhs
   -------------------------------------------------------------------
   Simplified Chinese is much shorter than English, so the two boxes
   that carry an explicit width would otherwise show dead space.
   Anchors are untouched: the character box keeps its left edge at
   22.037% (where its connector lands) and the scarecrow box still
   spans all three of its connector positions (35.741% - 73.425%).
   Heights stay automatic, so a longer string wraps and grows.
   =================================================================== */
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-character {
  width: 40%;
}
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-scarecrow {
  left: 33%;
  width: 41.5%;
}


/* ===================================================================
   SCREEN: level-up   .game-guide-screen-level-up.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: level-up.
   The English build ships this screen under a different key
   (.game-guide-screen-LevelUp), so this block is SELF-CONTAINED: it
   carries the full geometry (frames, cut-out windows, connector lines)
   as well as the Chinese text tuning. Every rule still starts with the
   page class + .game-guide-lang-zhs, so nothing leaks into another
   help page or another language.

   Geometry is identical to the English build (frames measured from the
   Japanese master 791x1406 x 1080/791) - only the text boxes are tuned
   for Simplified Chinese: shorter strings, so the boxes are narrowed
   and the type is a little larger than the English 2.407cqw.

   Background: /assets/help/zhs/level-up.webp
   =================================================================== */

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-log,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log {
  left: 35.370%;
  top: 41.979%;
  width: 64.630%;
  height: 10.729%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log > span {
  width: 154.728%;
  height: 932.039%;
  left: -54.728%;
  top: -391.262%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-maxhpLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu {
  left: 31.759%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -180.526%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-defLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu {
  left: 81.389%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -462.632%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-patkLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu {
  left: 31.759%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -180.526%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-critLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu {
  left: 81.389%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -462.632%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-feature,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature {
  left: 11.111%;
  top: 86.354%;
  width: 8.704%;
  height: 4.896%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature > span {
  width: 1148.936%;
  height: 2042.553%;
  left: -127.660%;
  top: -1763.830%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* Boxes keep the master's centre (~50.9%) and every box that carries a
   connector still spans that connector's x position. */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-cap {
  top: 6.771%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* rarity table: bordered, unfilled, as in the master - geometry as EN */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-caps {
  top: 13.958%;
  left: 5.185%;
  width: 90.370%;
  min-height: 4.688%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 2, 8, 0.35);
  border: 2px solid #fff;
  border: max(1px, 0.185cqw) solid #fff;
  border-radius: 0;
  text-align: center;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-unlock {
  top: 23.490%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* connector line-log sits at x 63.009% - inside 30.900% .. 70.900% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-log {
  bottom: 60.938%;
  left: 30.900%;
  width: 40%;
  text-align: center;
}
/* connectors at x 40.324% and 89.954% - box must span both */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-exp {
  bottom: 29.167%;
  left: 9.444%;
  width: 83%;
  text-align: center;
}
/* connector at x 15.231% - inside 9.444% .. 51.444% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-feature {
  top: 93.229%;
  left: 9.444%;
  width: 42%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-log {
  left: 63.009%;
  top: 39.063%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-maxhp {
  left: 40.324%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-def {
  left: 89.954%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-feature {
  left: 15.231%;
  top: 91.250%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.979%;
}

/* === skill-enhance (zhs) === */
/* ===================================================================
   guide-zhs-skill-enhance.css
   Simplified Chinese help screen:
       screen key  skill-enhance
       selector    .game-guide-screen-skill-enhance.game-guide-lang-zhs

   Load AFTER the shared /assets/guide.css. That file is NOT modified.

   SELF-CONTAINED. The screen key is skill-enhance, so this file
   carries ALL of this screen's geometry rather than inheriting from
   another screen's rules. Only the generic classes come from the
   shared stylesheet: .game-guide-canvas, .game-guide-background,
   .game-guide-dim, .game-guide-window, .game-guide-frame,
   .game-guide-line, .game-guide-text.

   Rules here:
     - every selector starts with the page class AND the language
       class, so no other help page can be reached;
     - body and the shared classes are never overridden
       unconditionally;
     - additions and targeted overrides only.

   Layout, as in the Japanese master: the screenshot is shifted UP by
   198 reference px to free space at the bottom for the closing note,
   and the canvas colour shows through below it. Because of that
   shift, each cut-out window samples the source at canvas-y + 198.

   Reference frame 1080x1920. Positions in %, scaling sizes in cqw
   with a plain px fallback on the preceding line. The canvas is a
   container, so every cqw value scales with it: the layout holds at
   phone widths as well as on desktop.
   =================================================================== */

.game-guide-screen-skill-enhance.game-guide-lang-zhs {
  background: #060609;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-background {
  top: -10.313%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-dim {
  background: rgba(3, 2, 8, 0.76);
}

/* the copy blocks are boxed, and CJK gets a little more line air */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text {
  box-sizing: border-box;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border: max(1px, 0.093cqw) solid rgba(255, 255, 255, 0.32);
  border-radius: 7px;
  border-radius: 1.111cqw;
  background: rgba(6, 5, 14, 0.86);
  text-shadow: none;
  font-size: 20px;
  font-size: 2.407cqw;
  line-height: 1.5;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-warn {
  color: #ffe07a;
}

/* --- frames + cut-outs --------------------------------------------
   All four keep the master's rect (master 791x1407 x 1080/791). They
   were checked against the Chinese capture, not assumed:
     rate box   x679..941 / y1074..1130 in the source, identical to
                the English capture to the pixel
     auto row     x26..1037 / y1460..1516, identical to within 1px
     protect row  x26..1060 / y1195..1260, identical to the pixel
     skill 2      label x681..923, centre 802 - the frame's own centre
     skill 1      label x144..386, centre 265 against the frame's 266;
                  1px on a 440px frame, left as the master has it
   ------------------------------------------------------------------ */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-frame-skill1,
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-skill1 {
  left: 4.259%;
  top: 23.281%;
  width: 40.741%;
  height: 4.219%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-skill1 > span {
  width: 245.455%;
  height: 2370.370%;
  left: -10.455%;
  top: -796.296%;
}

.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-frame-skill2,
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-skill2 {
  left: 53.796%;
  top: 23.281%;
  width: 40.741%;
  height: 4.219%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-skill2 > span {
  width: 245.455%;
  height: 2370.370%;
  left: -132.045%;
  top: -796.296%;
}

.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-frame-rate,
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-rate {
  left: 59.074%;
  top: 45.000%;
  width: 31.852%;
  height: 4.219%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-rate > span {
  width: 313.953%;
  height: 2370.370%;
  left: -185.465%;
  top: -1311.111%;
}

.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-frame-protect,
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-protect {
  left: 0.370%;
  top: 51.302%;
  width: 99.630%;
  height: 3.750%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-protect > span {
  width: 100.372%;
  height: 2666.667%;
  left: -0.372%;
  top: -1643.056%;
}

.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-frame-auto,
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-auto {
  left: 0.370%;
  top: 64.792%;
  width: 99.630%;
  height: 4.792%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-window-auto > span {
  width: 100.372%;
  height: 2086.957%;
  left: -0.372%;
  top: -1567.391%;
}

/* --- copy blocks --------------------------------------------------
   The two centred blocks (skills, rate) are bottom-anchored so they
   grow upward away from the UI they annotate; the lower four are
   top-anchored and grow down into the reserved strip. No height is
   fixed anywhere.
   ------------------------------------------------------------------ */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-skills {
  bottom: 80.313%;
  left: 14%;
  width: 72%;
  text-align: center;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-rate {
  bottom: 57.865%;
  left: 10.741%;
  width: 78%;
  text-align: center;
}
/* the swap block is the one block whose connector leaves its BOTTOM
   edge, so it is anchored by the BOTTOM (bottom:, not top:): its
   bottom stays pinned at y933 and a longer translation grows upward,
   keeping the connector attached. At the master's 2 lines it occupies
   y833..933; there are 24px of clearance to the rate box above, so a
   third line would need the rate block moved up as well. */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-swap {
  bottom: 51.406%;
  left: 2.778%;
  width: 45%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-protect {
  top: 56.875%;
  left: 2.500%;
  width: 95%;
  text-align: center;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-keepauto {
  top: 73.385%;
  left: 2.500%;
  width: 45%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-captap {
  top: 73.385%;
  left: 49.074%;
  width: 47%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-pack {
  top: 82.917%;
  left: 2.500%;
  width: 95%;
  text-align: center;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-text-warn {
  top: 88.854%;
  left: 2.500%;
  width: 95%;
  text-align: center;
}

/* --- connectors (each spans text-block edge -> frame edge) -------- */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-skills-1 {
  left: 24.398%;
  top: 19.688%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.594%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-skills-2 {
  left: 73.935%;
  top: 19.688%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.594%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-rate {
  left: 74.769%;
  top: 42.135%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.865%;
}
/* swap box bottom y933 -> protect frame top y985 */
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-swap {
  left: 45.787%;
  top: 48.594%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.708%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-protect-1 {
  left: 4.213%;
  top: 55.052%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.823%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-protect-2 {
  left: 54.120%;
  top: 55.052%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.823%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-keepauto {
  left: 4.213%;
  top: 69.583%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}
.game-guide-screen-skill-enhance.game-guide-lang-zhs .game-guide-line-captap {
  left: 73.472%;
  top: 69.583%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}

/* === limit-break (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese overrides for the in-game help
   -------------------------------------------------------------------
   Load AFTER guide.css. This file never modifies guide.css itself.

   RULES (fixed)
     1. /assets/guide.css (the shared English build) is never edited.
     2. Every rule in this file starts with BOTH the page's own screen
        class AND .game-guide-lang-zhs, e.g.
          .game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-callout-x
        so nothing can leak into another help page or another language.
     3. Never override a bare shared class (body, .game-guide-callout,
        .game-guide-frame, ...) without that page+language prefix.
     4. This file is additive: new screens append their own block; an
        existing screen's block is edited in place, never wholesale
        replaced.
     5. Only text boxes move. Background images, highlight frames,
        cut-out windows and connector lines keep the English geometry.
        If a box is resized, it must still touch every connector line
        that lands on it (3px tolerance).
     6. Widths are % of the 1080x1920 reference frame and font sizes
        use cqw with a px fallback, so phone widths behave like desktop
        and text never leaves its box.
     7. Backgrounds are absolute paths: /assets/help/zhs/<screen>.webp
   =================================================================== */

/* ===================================================================
   SCREEN: home        .game-guide-screen-home.game-guide-lang-zhs
   -------------------------------------------------------------------
   Simplified Chinese is much shorter than English, so the two boxes
   that carry an explicit width would otherwise show dead space.
   Anchors are untouched: the character box keeps its left edge at
   22.037% (where its connector lands) and the scarecrow box still
   spans all three of its connector positions (35.741% - 73.425%).
   Heights stay automatic, so a longer string wraps and grows.
   =================================================================== */
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-character {
  width: 40%;
}
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-scarecrow {
  left: 33%;
  width: 41.5%;
}


/* ===================================================================
   SCREEN: level-up   .game-guide-screen-level-up.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: level-up.
   The English build ships this screen under a different key
   (.game-guide-screen-LevelUp), so this block is SELF-CONTAINED: it
   carries the full geometry (frames, cut-out windows, connector lines)
   as well as the Chinese text tuning. Every rule still starts with the
   page class + .game-guide-lang-zhs, so nothing leaks into another
   help page or another language.

   Geometry is identical to the English build (frames measured from the
   Japanese master 791x1406 x 1080/791) - only the text boxes are tuned
   for Simplified Chinese: shorter strings, so the boxes are narrowed
   and the type is a little larger than the English 2.407cqw.

   Background: /assets/help/zhs/level-up.webp
   =================================================================== */

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-log,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log {
  left: 35.370%;
  top: 41.979%;
  width: 64.630%;
  height: 10.729%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log > span {
  width: 154.728%;
  height: 932.039%;
  left: -54.728%;
  top: -391.262%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-maxhpLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu {
  left: 31.759%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -180.526%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-defLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu {
  left: 81.389%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -462.632%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-patkLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu {
  left: 31.759%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -180.526%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-critLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu {
  left: 81.389%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -462.632%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-feature,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature {
  left: 11.111%;
  top: 86.354%;
  width: 8.704%;
  height: 4.896%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature > span {
  width: 1148.936%;
  height: 2042.553%;
  left: -127.660%;
  top: -1763.830%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* Boxes keep the master's centre (~50.9%) and every box that carries a
   connector still spans that connector's x position. */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-cap {
  top: 6.771%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* rarity table: bordered, unfilled, as in the master - geometry as EN */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-caps {
  top: 13.958%;
  left: 5.185%;
  width: 90.370%;
  min-height: 4.688%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 2, 8, 0.35);
  border: 2px solid #fff;
  border: max(1px, 0.185cqw) solid #fff;
  border-radius: 0;
  text-align: center;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-unlock {
  top: 23.490%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* connector line-log sits at x 63.009% - inside 30.900% .. 70.900% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-log {
  bottom: 60.938%;
  left: 30.900%;
  width: 40%;
  text-align: center;
}
/* connectors at x 40.324% and 89.954% - box must span both */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-exp {
  bottom: 29.167%;
  left: 9.444%;
  width: 83%;
  text-align: center;
}
/* connector at x 15.231% - inside 9.444% .. 51.444% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-feature {
  top: 93.229%;
  left: 9.444%;
  width: 42%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-log {
  left: 63.009%;
  top: 39.063%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-maxhp {
  left: 40.324%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-def {
  left: 89.954%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-feature {
  left: 15.231%;
  top: 91.250%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.979%;
}


/* ===================================================================
   SCREEN: limit-break
   .game-guide-screen-limit-break.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: limit-break. (The English build
   ships this screen as .game-guide-screen-limitbreak, so this block is
   self-contained: full geometry + Chinese text tuning, every rule
   scoped to page class + language class.)

   Composite page, as in the Japanese master: the character STAT screen
   is the background (it carries the Skill Enhance / Limit Break
   buttons) and the two Limit Break dialog panels are composited in
   from the dialog screenshot.
     --guide-bg      /assets/help/zhs/limit-break.webp        (stat screen)
     --guide-panel   /assets/help/zhs/limit-break-panel.webp  (dialog)
   The two panels are cut out of the dialog screenshot 1:1 - same
   pixels, same position, no rescaling - and measured on the Chinese
   dialog: the effect panel at 548,612 518x446 and the 持有数 +
   突破极限 block at 664,1098 290x238 (source px, 1080x1920). The
   Chinese button block is taller than the English one, so the master's
   box would have clipped it. The two connector lines were re-cut to
   land on the new frame edges (effect 28.073%->31.875%, heart
   69.584%->71.354%); the buttons frame is unchanged.
   =================================================================== */

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-dim {
  background: rgba(3, 2, 8, 0.72);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- the whole Limit Break dialog, composited 1:1 ------------------ */
/* As in the Japanese master, the dialog itself (title 突破极限, the X
   button, the character art and the right-hand column) is laid over the
   stat screen at its own position - source y 528..1442, full width -
   and is dimmed with the rest of the page. The two panels below are the
   only undimmed parts. z-index 0 keeps this layer under the dim. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog {
  left: 0%;
  top: 27.500%;
  width: 100%;
  height: 47.604%;
  z-index: 0;
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog > span {
  width: 100%;
  height: 210.066%;
  left: 0%;
  top: -57.768%;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-effect,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  left: 50.741%;
  top: 31.875%;
  width: 47.963%;
  height: 23.229%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect > span {
  width: 208.494%;
  height: 430.493%;
  left: -105.792%;
  top: -137.220%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-held,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  left: 61.481%;
  top: 57.188%;
  width: 26.852%;
  height: 12.396%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held > span {
  width: 372.414%;
  height: 806.723%;
  left: -228.966%;
  top: -461.345%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-buttons,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons {
  left: 50.000%;
  top: 86.458%;
  width: 50.000%;
  height: 4.896%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons > span {
  width: 200.000%;
  height: 2042.553%;
  left: -100.000%;
  top: -1765.957%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* All three connectors sit at x 74.213%, so every box spans
   16.700% .. 82.700%. Widths 78% -> 66%; heights stay automatic. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-effect {
  bottom: 71.927%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-heart {
  top: 71.354%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-open {
  top: 93.750%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-effect {
  left: 74.213%;
  top: 28.073%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-heart {
  left: 74.213%;
  top: 69.584%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.770%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-open {
  left: 74.213%;
  top: 91.354%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.396%;
}

/* === party (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese adjustments
   Plain CSS only. No JS, no webfonts, no external resources.

   LOAD ORDER
     1. /assets/guide.css      the shared English/base stylesheet.
                               NOT modified by this file's existence -
                               it stays byte-identical.
     2. /assets/guide-zhs.css  this file.

   SCOPE RULE
     Every rule below starts with a PAGE-SPECIFIC class plus the
     language class:

       .game-guide-screen-<key>.game-guide-lang-zhs ...

     so nothing here can reach another help page, another language, or
     a shared class. There is no bare .game-guide-callout,
     .game-guide-text, body or element selector in this file.

     Add a new screen as a new block; do not rewrite the file.

   WHAT IS ADJUSTED, AND WHY
     The frames, connector lines, cut-out windows and background
     geometry are NOT touched - they belong to the artwork and are
     identical in every language. Only the text side is adjusted,
     because Simplified Chinese sets much shorter than English and
     wraps at different points.

   px + cqw
     Same convention as guide.css: every cqw / clamp() declaration is
     preceded by a plain px declaration as a fallback.
   =================================================================== */


/* ===================================================================
   SCREEN: dungeon        .game-guide-screen-dungeon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/dungeon.webp

   The Chinese build's Goal Floor panel sits PIXEL-IDENTICALLY to the
   English one (column x540 brightness transitions at 599 / 677 / 828 /
   868 / 960 / 1060 and the panel extent x28..1054 at y700 match in
   both captures), so the cut-out window keeps the shared crop and is
   not redefined here.

   Text adjustments:
     - both copy blocks are set at a flat 3cqw instead of the shared
       3.148cqw, and line-height is raised 1.45 -> 1.7. CJK glyphs are
       full-height with no descender gaps, so English leading reads
       cramped; the smaller size also buys wrap headroom, which is what
       keeps each paragraph on the line count below at every width.
     - line-break: strict keeps a Chinese comma or full stop from
       starting a line. word-break is pinned to normal because the
       shared rule's overflow-wrap would otherwise be fought by a
       keep-all inherited from a host page's CJK styles, which would
       break each clause onto its own ragged line.
     - the intro block is widened 81.315% -> 84% so its second
       paragraph (24 characters, the longest single line on the page)
       cannot wrap on a narrow phone.
     - the banner holds two characters where the master holds five, so
       its letter-spacing opens up from 0.02em to 0.18em.
   =================================================================== */

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.18em;
  text-indent: 0.18em; /* cancels the trailing letter-space so the
                          two characters stay optically centred */
}

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  font-size: 20px;
  font-size: clamp(10px, 3cqw, 32px);
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

/* intro: 2 lines (one per paragraph) */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro {
  width: 84%;
}

/* outro: 3 lines (2 + 1). Left edge and width are the shared ones. */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  width: 83.241%;
}


/* ===================================================================
   SCREEN: adventure-prep
        .game-guide-screen-adventure-prep.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/adventure-prep.webp

   This screen key is new, so the whole block lives here - guide.css is
   not touched. Frames are measured from the Japanese master
   (792x1407) x 1080/792 and checked against the Chinese capture
   element by element:

     element            Chinese capture       master frame (canvas)
     Formation button   x846..973 y526..574   820,517,184x70
     minus button       x81..156  y816..879    57,789,126x117
     slider handle      x184..217 y805..890   137,789,126x117
     plus button        x923..996 y818..878   895,789,126x117
     Limitation check   x120..150 y1227..1257  75,1181,126x117
     Auto-loop check    x120..150 y1338..1368  75,1297,126x117
     Skip check         x548..588 y1328..1378 503,1297,126x117
     Difficulty button  x842..974 y1212..1272 809,1181,207x117
     Start button       x400..682 y1514..1671 382,1507,318x169

   The Goal Floor row is the one place where the master's frame SIZE
   cannot be kept. The Chinese capture shows the handle at the far left
   of a 500-floor rail (x184..217, centre 200.5) instead of the English
   x239..268, i.e. immediately right of the minus button - so no 126px
   frame centred on the Chinese handle can clear the minus frame's
   right edge, and the master's minus/plus frames carry 25-28px of
   slack besides. All three frames on that row are therefore tightened
   to hug their own element, with equal margins:

     minus   button x81..156  y816..879  -> frame  68.5,803.5,100x88
     handle  bar    x184..217 y805..890  -> frame  174,795,53x105
     plus    button x923..996 y818..878  -> frame  909.5,804,100x88

   minus and plus keep ONE shared size (100x88) centred on their own
   button, so the pair stays symmetrical; the handle frame clears the
   minus frame by 5.5px. Each row connector still lands inside the
   frame it points at (x115 / x200 / x954) and still leaves the
   goalfloor box's bottom edge at y745.

   The Formation frame is re-centred but keeps the master's size: the
   Chinese button sits 2px right of the English one (centre 909.5
   against 907.5).

   Every other element is pixel-identical to the English capture and
   keeps the master's rect verbatim.

   Text adjustments for Simplified Chinese:
     - callouts at 2.6cqw / line-height 1.5, against the English
       2.407cqw / 1.4: Chinese sets far shorter here (6-14 characters
       against 25-47), so the type can be a step larger and still keep
       every box on ONE line at every width.
     - line-break: strict; word-break: normal.
     - four boxes hug their text (width: max-content) instead of using
       the English fixed widths, so no box is left mostly empty:
         party       anchored by its RIGHT edge, the side its two
                     connectors arrive on
         blessing    right-anchored (as in English)
         difficulty  right-anchored (as in English)
         start       centred with margin-inline: auto
     - two boxes KEEP a fixed width, because their connectors leave
       from spread-out points along one edge and the box has to span
       them:
         goalfloor   three connectors drop from its bottom edge at
                     x115 / x200 / x954
         checks      the rail and the skip connector drop from its
                     bottom edge at x266 and x562
   =================================================================== */

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

/* --- frames + cut-outs -------------------------------------------- */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-tabs,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs {
  left: 66.019%;
  top: 10.729%;
  width: 29.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs > span {
  width: 342.857%;
  height: 1641.026%;
  left: -226.349%;
  top: -176.068%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-formation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation {
  left: 75.926%;
  top: 26.927%;
  width: 17.037%;
  height: 3.646%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation > span {
  width: 586.957%;
  height: 2742.857%;
  left: -445.652%;
  top: -738.571%;
}

/* ONE frame over the minus button AND the slider handle: in the
   Chinese capture the handle sits immediately right of the button
   (button x81..156, handle x184..217), so two separate frames read as
   one broken shape. The merged frame hugs the pair with a uniform
   10px margin - 71,795,156x105 - and carries a single connector on
   its centre x149. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-controls,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls {
  left: 6.574%;
  top: 41.406%;
  width: 14.444%;
  height: 5.469%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls > span {
  width: 692.308%;
  height: 1828.571%;
  left: -45.513%;
  top: -757.143%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-plus,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus {
  left: 84.213%;
  top: 41.875%;
  width: 9.259%;
  height: 4.583%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus > span {
  width: 1080.000%;
  height: 2181.818%;
  left: -909.500%;
  top: -913.636%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-blessing,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing {
  left: 81.296%;
  top: 48.906%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing > span {
  width: 857.143%;
  height: 1641.026%;
  left: -696.825%;
  top: -802.564%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-limitation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation {
  left: 6.944%;
  top: 61.510%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-difficulty,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty {
  left: 74.907%;
  top: 61.510%;
  width: 19.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty > span {
  width: 521.739%;
  height: 1641.026%;
  left: -390.821%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-autorepeat,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat {
  left: 6.944%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-skip,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip {
  left: 46.574%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip > span {
  width: 857.143%;
  height: 1641.026%;
  left: -399.206%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-start,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start {
  left: 35.370%;
  top: 78.490%;
  width: 29.444%;
  height: 8.802%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start > span {
  width: 339.623%;
  height: 1136.095%;
  left: -120.126%;
  top: -891.716%;
}

/* --- callouts ----------------------------------------------------- */
/* anchored on the side its connectors arrive from, so a longer
   translation grows away from its own connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-party {
  top: 18.750%;
  right: 9.444%;
  width: max-content;
  max-width: 60%;
}
/* hugs its text and is centred. It no longer has to span the row's
   controls, because the two row connectors now leave its SIDES as
   elbows (see below) instead of dropping from its bottom edge. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-goalfloor {
  bottom: 61.198%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-blessing {
  top: 49.271%;
  right: 24.074%;
  width: max-content;
  max-width: 70%;
  text-align: right;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-difficulty {
  top: 56.510%;
  right: 4.630%;
  width: max-content;
  max-width: 74%;
  text-align: right;
}
/* hugs its text, but with a min-width: the box has to stay wide
   enough to keep the skip connector (x562..570) inside it, and
   max-content alone would stop at x584 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-checks {
  top: 61.719%;
  left: 23.148%;
  width: max-content;
  min-width: 32%;
  max-width: 60%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-start {
  top: 88.542%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}

/* --- connectors --------------------------------------------------- */
/* tabs frame bottom y323 -> party box top y360 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-tabs {
  left: 80.648%;
  top: 16.823%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}
/* party box bottom -> Formation frame top y517 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-formation {
  left: 83.796%;
  top: 21.797%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.130%;
}
/* the Goal Floor row, as two elbows leaving the box's SIDES:
   left   box left edge -> along y712 to x149 -> down to the merged
          controls frame top y795
   right  box right edge -> along y712 to x959.5 -> down to the plus
          frame top y804
   (the horizontal runs are set from the rendered box edges) */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-h {
  left: 13.796%;
  top: 36.875%;
  width: 24.583%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-v {
  left: 13.426%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.531%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-h {
  left: 61.620%;
  top: 36.875%;
  width: 27.593%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-v {
  left: 88.472%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.000%;
}
/* blessing box right edge x820 -> blessing frame left edge x878 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-blessing {
  left: 75.926%;
  top: 51.771%;
  width: 5.370%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* difficulty box bottom -> Difficulty frame top y1181 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-difficulty {
  left: 84.074%;
  top: 59.552%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.958%;
}
/* Limitation frame right edge x201 -> checks box left edge x250 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-limitation {
  left: 18.611%;
  top: 64.271%;
  width: 4.537%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* Auto-loop frame right edge x201 -> the rail */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-autorepeat {
  left: 18.611%;
  top: 70.417%;
  width: 6.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* rail: checks box bottom -> down past the Auto-loop connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-rail {
  left: 24.630%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.807%;
}
/* checks box bottom -> Skip frame top y1297 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-skip {
  left: 52.037%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.786%;
}
/* Start frame bottom y1676 -> start box top y1700 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-start {
  left: 49.722%;
  top: 87.292%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}


/* ===================================================================
   SCREEN: party        .game-guide-screen-party.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/party.webp

   The base geometry already exists under .game-guide-screen-party in
   guide.css and is REUSED as-is: the Chinese capture is the same
   1080x1920 and every annotated element sits in the same place -
   brightness transitions down column x540 land on 153 / 528 / 900 /
   907 / 1000 / 1047 in both captures, the grid rows on 1047..1057 /
   1217..1227 / 1253 / 1459..1462, and the tab group on x761..900 /
   977 / 992 / 1057 - so none of the four frames, none of the cut-out
   windows and none of the connector x-positions are redefined here.

   Only the callout boxes are adjusted:
     - 2.6cqw / line-height 1.5 against the English 2.407cqw / 1.4,
       and padding 0.648cqw 1.111cqw against 0.926cqw 1.574cqw. CJK
       glyphs are full-height, so English leading and padding read
       cramped and slack at the same time.
     - line-break: strict; word-break: normal.
     - every box hugs its text (width: max-content) instead of the
       English 68-95% fixed widths, because Chinese sets 14-36
       characters where English sets 40-85. Each box keeps the English
       ANCHOR - the side its connector arrives on - so the connectors
       stay attached: save from the right, left / sort / place / detail
       / deselect from the left.
     - the place box keeps max-width 95%, which is what wraps it onto
       the master's two lines.
   =================================================================== */

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout {
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-left {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-sort {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-detail {
  width: max-content;
  max-width: 71%;
}
/* max-width 95% is what holds this one to the master's two lines */
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-place {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-deselect {
  width: max-content;
  max-width: 95%;
}

/* === summon (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese overrides for the in-game help
   -------------------------------------------------------------------
   Load AFTER guide.css. This file never modifies guide.css itself.

   RULES (fixed)
     1. /assets/guide.css (the shared English build) is never edited.
     2. Every rule in this file starts with BOTH the page's own screen
        class AND .game-guide-lang-zhs, e.g.
          .game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-callout-x
        so nothing can leak into another help page or another language.
     3. Never override a bare shared class (body, .game-guide-callout,
        .game-guide-frame, ...) without that page+language prefix.
     4. This file is additive: new screens append their own block; an
        existing screen's block is edited in place, never wholesale
        replaced.
     5. Only text boxes move. Background images, highlight frames,
        cut-out windows and connector lines keep the English geometry.
        If a box is resized, it must still touch every connector line
        that lands on it (3px tolerance).
     6. Widths are % of the 1080x1920 reference frame and font sizes
        use cqw with a px fallback, so phone widths behave like desktop
        and text never leaves its box.
     7. Backgrounds are absolute paths: /assets/help/zhs/<screen>.webp
   =================================================================== */

/* ===================================================================
   SCREEN: home        .game-guide-screen-home.game-guide-lang-zhs
   -------------------------------------------------------------------
   Simplified Chinese is much shorter than English, so the two boxes
   that carry an explicit width would otherwise show dead space.
   Anchors are untouched: the character box keeps its left edge at
   22.037% (where its connector lands) and the scarecrow box still
   spans all three of its connector positions (35.741% - 73.425%).
   Heights stay automatic, so a longer string wraps and grows.
   =================================================================== */
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-character {
  width: 40%;
}
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-scarecrow {
  left: 33%;
  width: 41.5%;
}


/* ===================================================================
   SCREEN: level-up   .game-guide-screen-level-up.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: level-up.
   The English build ships this screen under a different key
   (.game-guide-screen-LevelUp), so this block is SELF-CONTAINED: it
   carries the full geometry (frames, cut-out windows, connector lines)
   as well as the Chinese text tuning. Every rule still starts with the
   page class + .game-guide-lang-zhs, so nothing leaks into another
   help page or another language.

   Geometry is identical to the English build (frames measured from the
   Japanese master 791x1406 x 1080/791) - only the text boxes are tuned
   for Simplified Chinese: shorter strings, so the boxes are narrowed
   and the type is a little larger than the English 2.407cqw.

   Background: /assets/help/zhs/level-up.webp
   =================================================================== */

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-log,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log {
  left: 35.370%;
  top: 41.979%;
  width: 64.630%;
  height: 10.729%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log > span {
  width: 154.728%;
  height: 932.039%;
  left: -54.728%;
  top: -391.262%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-maxhpLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu {
  left: 31.759%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -180.526%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-defLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu {
  left: 81.389%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -462.632%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-patkLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu {
  left: 31.759%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -180.526%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-critLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu {
  left: 81.389%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -462.632%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-feature,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature {
  left: 11.111%;
  top: 86.354%;
  width: 8.704%;
  height: 4.896%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature > span {
  width: 1148.936%;
  height: 2042.553%;
  left: -127.660%;
  top: -1763.830%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* Boxes keep the master's centre (~50.9%) and every box that carries a
   connector still spans that connector's x position. */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-cap {
  top: 6.771%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* rarity table: bordered, unfilled, as in the master - geometry as EN */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-caps {
  top: 13.958%;
  left: 5.185%;
  width: 90.370%;
  min-height: 4.688%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 2, 8, 0.35);
  border: 2px solid #fff;
  border: max(1px, 0.185cqw) solid #fff;
  border-radius: 0;
  text-align: center;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-unlock {
  top: 23.490%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* connector line-log sits at x 63.009% - inside 30.900% .. 70.900% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-log {
  bottom: 60.938%;
  left: 30.900%;
  width: 40%;
  text-align: center;
}
/* connectors at x 40.324% and 89.954% - box must span both */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-exp {
  bottom: 29.167%;
  left: 9.444%;
  width: 83%;
  text-align: center;
}
/* connector at x 15.231% - inside 9.444% .. 51.444% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-feature {
  top: 93.229%;
  left: 9.444%;
  width: 42%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-log {
  left: 63.009%;
  top: 39.063%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-maxhp {
  left: 40.324%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-def {
  left: 89.954%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-feature {
  left: 15.231%;
  top: 91.250%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.979%;
}


/* ===================================================================
   SCREEN: limit-break
   .game-guide-screen-limit-break.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: limit-break. (The English build
   ships this screen as .game-guide-screen-limitbreak, so this block is
   self-contained: full geometry + Chinese text tuning, every rule
   scoped to page class + language class.)

   Composite page, as in the Japanese master: the character STAT screen
   is the background (it carries the Skill Enhance / Limit Break
   buttons) and the two Limit Break dialog panels are composited in
   from the dialog screenshot.
     --guide-bg      /assets/help/zhs/limit-break.webp        (stat screen)
     --guide-panel   /assets/help/zhs/limit-break-panel.webp  (dialog)
   The two panels are cut out of the dialog screenshot 1:1 - same
   pixels, same position, no rescaling - and measured on the Chinese
   dialog: the effect panel at 548,612 518x446 and the 持有数 +
   突破极限 block at 664,1098 290x238 (source px, 1080x1920). The
   Chinese button block is taller than the English one, so the master's
   box would have clipped it. The two connector lines were re-cut to
   land on the new frame edges (effect 28.073%->31.875%, heart
   69.584%->71.354%); the buttons frame is unchanged.
   =================================================================== */

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-dim {
  background: rgba(3, 2, 8, 0.72);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- the whole Limit Break dialog, composited 1:1 ------------------ */
/* As in the Japanese master, the dialog itself (title 突破极限, the X
   button, the character art and the right-hand column) is laid over the
   stat screen at its own position - source y 528..1442, full width -
   and is dimmed with the rest of the page. The two panels below are the
   only undimmed parts. z-index 0 keeps this layer under the dim. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog {
  left: 0%;
  top: 27.500%;
  width: 100%;
  height: 47.604%;
  z-index: 0;
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog > span {
  width: 100%;
  height: 210.066%;
  left: 0%;
  top: -57.768%;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-effect,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  left: 50.741%;
  top: 31.875%;
  width: 47.963%;
  height: 23.229%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect > span {
  width: 208.494%;
  height: 430.493%;
  left: -105.792%;
  top: -137.220%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-held,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  left: 61.481%;
  top: 57.188%;
  width: 26.852%;
  height: 12.396%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held > span {
  width: 372.414%;
  height: 806.723%;
  left: -228.966%;
  top: -461.345%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-buttons,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons {
  left: 50.000%;
  top: 86.458%;
  width: 50.000%;
  height: 4.896%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons > span {
  width: 200.000%;
  height: 2042.553%;
  left: -100.000%;
  top: -1765.957%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* All three connectors sit at x 74.213%, so every box spans
   16.700% .. 82.700%. Widths 78% -> 66%; heights stay automatic. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-effect {
  bottom: 71.927%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-heart {
  top: 71.354%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-open {
  top: 93.750%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-effect {
  left: 74.213%;
  top: 28.073%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-heart {
  left: 74.213%;
  top: 69.584%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.770%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-open {
  left: 74.213%;
  top: 91.354%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.396%;
}


/* ===================================================================
   SCREEN: summon     .game-guide-screen-summon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Same screen key as the English build, and the Chinese client has the
   same three summon tabs and six star-5 icons, so the frames, cut-out
   windows and connector lines are taken from guide.css unchanged.
   This block only tunes the three text boxes for Chinese.
     background: /assets/help/zhs/summon.webp
   =================================================================== */

.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout {
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}
/* master's left margin kept; width trimmed to the Chinese line length */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-tabs {
  width: 80%;
}
/* must still span its connector at x 49.630% */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-star5 {
  width: 52%;
}
/* spans BOTH arrow connectors (x 4.630% and 94.630%), so the box keeps
   the English width and the short Chinese line is centred inside it */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-arrows {
  text-align: center;
}

/* === summon-result (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese overrides for the in-game help
   -------------------------------------------------------------------
   Load AFTER guide.css. This file never modifies guide.css itself.

   RULES (fixed)
     1. /assets/guide.css (the shared English build) is never edited.
     2. Every rule in this file starts with BOTH the page's own screen
        class AND .game-guide-lang-zhs, e.g.
          .game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-callout-x
        so nothing can leak into another help page or another language.
     3. Never override a bare shared class (body, .game-guide-callout,
        .game-guide-frame, ...) without that page+language prefix.
     4. This file is additive: new screens append their own block; an
        existing screen's block is edited in place, never wholesale
        replaced.
     5. Only text boxes move. Background images, highlight frames,
        cut-out windows and connector lines keep the English geometry.
        If a box is resized, it must still touch every connector line
        that lands on it (3px tolerance).
     6. Widths are % of the 1080x1920 reference frame and font sizes
        use cqw with a px fallback, so phone widths behave like desktop
        and text never leaves its box.
     7. Backgrounds are absolute paths: /assets/help/zhs/<screen>.webp
   =================================================================== */

/* ===================================================================
   SCREEN: home        .game-guide-screen-home.game-guide-lang-zhs
   -------------------------------------------------------------------
   Simplified Chinese is much shorter than English, so the two boxes
   that carry an explicit width would otherwise show dead space.
   Anchors are untouched: the character box keeps its left edge at
   22.037% (where its connector lands) and the scarecrow box still
   spans all three of its connector positions (35.741% - 73.425%).
   Heights stay automatic, so a longer string wraps and grows.
   =================================================================== */
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-character {
  width: 40%;
}
.game-guide-screen-home.game-guide-lang-zhs .game-guide-callout-scarecrow {
  left: 33%;
  width: 41.5%;
}


/* ===================================================================
   SCREEN: level-up   .game-guide-screen-level-up.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: level-up.
   The English build ships this screen under a different key
   (.game-guide-screen-LevelUp), so this block is SELF-CONTAINED: it
   carries the full geometry (frames, cut-out windows, connector lines)
   as well as the Chinese text tuning. Every rule still starts with the
   page class + .game-guide-lang-zhs, so nothing leaks into another
   help page or another language.

   Geometry is identical to the English build (frames measured from the
   Japanese master 791x1406 x 1080/791) - only the text boxes are tuned
   for Simplified Chinese: shorter strings, so the boxes are narrowed
   and the type is a little larger than the English 2.407cqw.

   Background: /assets/help/zhs/level-up.webp
   =================================================================== */

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-log,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log {
  left: 35.370%;
  top: 41.979%;
  width: 64.630%;
  height: 10.729%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-log > span {
  width: 154.728%;
  height: 932.039%;
  left: -54.728%;
  top: -391.262%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-maxhpLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu {
  left: 31.759%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-maxhpLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -180.526%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-defLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu {
  left: 81.389%;
  top: 73.750%;
  width: 17.593%;
  height: 4.271%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-defLu > span {
  width: 568.421%;
  height: 2341.463%;
  left: -462.632%;
  top: -1726.829%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-patkLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu {
  left: 31.759%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-patkLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -180.526%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-critLu,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu {
  left: 81.389%;
  top: 80.313%;
  width: 17.593%;
  height: 4.219%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-critLu > span {
  width: 568.421%;
  height: 2370.370%;
  left: -462.632%;
  top: -1903.704%;
}

.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-frame-feature,
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature {
  left: 11.111%;
  top: 86.354%;
  width: 8.704%;
  height: 4.896%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-window-feature > span {
  width: 1148.936%;
  height: 2042.553%;
  left: -127.660%;
  top: -1763.830%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* Boxes keep the master's centre (~50.9%) and every box that carries a
   connector still spans that connector's x position. */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-cap {
  top: 6.771%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* rarity table: bordered, unfilled, as in the master - geometry as EN */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-caps {
  top: 13.958%;
  left: 5.185%;
  width: 90.370%;
  min-height: 4.688%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 2, 8, 0.35);
  border: 2px solid #fff;
  border: max(1px, 0.185cqw) solid #fff;
  border-radius: 0;
  text-align: center;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-unlock {
  top: 23.490%;
  left: 13.900%;
  width: 74%;
  text-align: center;
}
/* connector line-log sits at x 63.009% - inside 30.900% .. 70.900% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-log {
  bottom: 60.938%;
  left: 30.900%;
  width: 40%;
  text-align: center;
}
/* connectors at x 40.324% and 89.954% - box must span both */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-exp {
  bottom: 29.167%;
  left: 9.444%;
  width: 83%;
  text-align: center;
}
/* connector at x 15.231% - inside 9.444% .. 51.444% */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-callout-feature {
  top: 93.229%;
  left: 9.444%;
  width: 42%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-log {
  left: 63.009%;
  top: 39.063%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-maxhp {
  left: 40.324%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-exp-def {
  left: 89.954%;
  top: 70.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}
.game-guide-screen-level-up.game-guide-lang-zhs .game-guide-line-feature {
  left: 15.231%;
  top: 91.250%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.979%;
}


/* ===================================================================
   SCREEN: limit-break
   .game-guide-screen-limit-break.game-guide-lang-zhs
   -------------------------------------------------------------------
   Screen key supplied by the user: limit-break. (The English build
   ships this screen as .game-guide-screen-limitbreak, so this block is
   self-contained: full geometry + Chinese text tuning, every rule
   scoped to page class + language class.)

   Composite page, as in the Japanese master: the character STAT screen
   is the background (it carries the Skill Enhance / Limit Break
   buttons) and the two Limit Break dialog panels are composited in
   from the dialog screenshot.
     --guide-bg      /assets/help/zhs/limit-break.webp        (stat screen)
     --guide-panel   /assets/help/zhs/limit-break-panel.webp  (dialog)
   The two panels are cut out of the dialog screenshot 1:1 - same
   pixels, same position, no rescaling - and measured on the Chinese
   dialog: the effect panel at 548,612 518x446 and the 持有数 +
   突破极限 block at 664,1098 290x238 (source px, 1080x1920). The
   Chinese button block is taller than the English one, so the master's
   box would have clipped it. The two connector lines were re-cut to
   land on the new frame edges (effect 28.073%->31.875%, heart
   69.584%->71.354%); the buttons frame is unchanged.
   =================================================================== */

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-dim {
  background: rgba(3, 2, 8, 0.72);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

/* --- the whole Limit Break dialog, composited 1:1 ------------------ */
/* As in the Japanese master, the dialog itself (title 突破极限, the X
   button, the character art and the right-hand column) is laid over the
   stat screen at its own position - source y 528..1442, full width -
   and is dimmed with the rest of the page. The two panels below are the
   only undimmed parts. z-index 0 keeps this layer under the dim. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog {
  left: 0%;
  top: 27.500%;
  width: 100%;
  height: 47.604%;
  z-index: 0;
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-dialog > span {
  width: 100%;
  height: 210.066%;
  left: 0%;
  top: -57.768%;
}

/* --- highlight frames + undimmed cut-outs -------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-effect,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  left: 50.741%;
  top: 31.875%;
  width: 47.963%;
  height: 23.229%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-effect > span {
  width: 208.494%;
  height: 430.493%;
  left: -105.792%;
  top: -137.220%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-held,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  left: 61.481%;
  top: 57.188%;
  width: 26.852%;
  height: 12.396%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held {
  --guide-window-src: var(--guide-panel);
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-held > span {
  width: 372.414%;
  height: 806.723%;
  left: -228.966%;
  top: -461.345%;
}

.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-frame-buttons,
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons {
  left: 50.000%;
  top: 86.458%;
  width: 50.000%;
  height: 4.896%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-window-buttons > span {
  width: 200.000%;
  height: 2042.553%;
  left: -100.000%;
  top: -1765.957%;
}

/* --- callouts (tuned for Simplified Chinese) ----------------------- */
/* All three connectors sit at x 74.213%, so every box spans
   16.700% .. 82.700%. Widths 78% -> 66%; heights stay automatic. */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-effect {
  bottom: 71.927%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-heart {
  top: 71.354%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-callout-open {
  top: 93.750%;
  left: 16.700%;
  width: 66%;
  text-align: center;
}

/* --- connectors ---------------------------------------------------- */
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-effect {
  left: 74.213%;
  top: 28.073%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-heart {
  left: 74.213%;
  top: 69.584%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.770%;
}
.game-guide-screen-limit-break.game-guide-lang-zhs .game-guide-line-open {
  left: 74.213%;
  top: 91.354%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.396%;
}


/* ===================================================================
   SCREEN: summon     .game-guide-screen-summon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Same screen key as the English build, and the Chinese client has the
   same three summon tabs and six star-5 icons, so the frames, cut-out
   windows and connector lines are taken from guide.css unchanged.
   This block only tunes the three text boxes for Chinese.
     background: /assets/help/zhs/summon.webp
   =================================================================== */

.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout {
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}
/* master's left margin kept; width trimmed to the Chinese line length */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-tabs {
  width: 80%;
}
/* must still span its connector at x 49.630% */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-star5 {
  width: 52%;
}
/* spans BOTH arrow connectors (x 4.630% and 94.630%), so the box keeps
   the English width and the short Chinese line is centred inside it */
.game-guide-screen-summon.game-guide-lang-zhs .game-guide-callout-arrows {
  text-align: center;
}


/* ===================================================================
   SCREEN: summon-result
   .game-guide-screen-summon-result.game-guide-lang-zhs
   -------------------------------------------------------------------
   Same screen key as the English build. The Chinese client places the
   two checkbox rows and the heart counter exactly where the English
   one does, so the frames, cut-out windows and connector lines come
   from guide.css unchanged; this block only tunes the four text boxes.
     background: /assets/help/zhs/summon-result.webp
   =================================================================== */

.game-guide-screen-summon-result.game-guide-lang-zhs .game-guide-callout {
  font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}
/* right-anchored on the horizontal connector that ends at 70.741% */
.game-guide-screen-summon-result.game-guide-lang-zhs .game-guide-callout-skip {
  width: 22%;
}
/* keeps the English width: the box has to reach its connector at
   x 86.759%, which sits far to the right of the Chinese line */
.game-guide-screen-summon-result.game-guide-lang-zhs .game-guide-callout-total {
  width: 56%;
}

/* === limitation (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese adjustments
   Plain CSS only. No JS, no webfonts, no external resources.

   LOAD ORDER
     1. /assets/guide.css      the shared English/base stylesheet.
                               NOT modified by this file's existence -
                               it stays byte-identical.
     2. /assets/guide-zhs.css  this file.

   SCOPE RULE
     Every rule below starts with a PAGE-SPECIFIC class plus the
     language class:

       .game-guide-screen-<key>.game-guide-lang-zhs ...

     so nothing here can reach another help page, another language, or
     a shared class. There is no bare .game-guide-callout,
     .game-guide-text, body or element selector in this file.

     Add a new screen as a new block; do not rewrite the file.

   WHAT IS ADJUSTED, AND WHY
     The frames, connector lines, cut-out windows and background
     geometry are NOT touched - they belong to the artwork and are
     identical in every language. Only the text side is adjusted,
     because Simplified Chinese sets much shorter than English and
     wraps at different points.

   px + cqw
     Same convention as guide.css: every cqw / clamp() declaration is
     preceded by a plain px declaration as a fallback.
   =================================================================== */


/* ===================================================================
   SCREEN: dungeon        .game-guide-screen-dungeon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/dungeon.webp

   The Chinese build's Goal Floor panel sits PIXEL-IDENTICALLY to the
   English one (column x540 brightness transitions at 599 / 677 / 828 /
   868 / 960 / 1060 and the panel extent x28..1054 at y700 match in
   both captures), so the cut-out window keeps the shared crop and is
   not redefined here.

   Text adjustments:
     - both copy blocks are set at a flat 3cqw instead of the shared
       3.148cqw, and line-height is raised 1.45 -> 1.7. CJK glyphs are
       full-height with no descender gaps, so English leading reads
       cramped; the smaller size also buys wrap headroom, which is what
       keeps each paragraph on the line count below at every width.
     - line-break: strict keeps a Chinese comma or full stop from
       starting a line. word-break is pinned to normal because the
       shared rule's overflow-wrap would otherwise be fought by a
       keep-all inherited from a host page's CJK styles, which would
       break each clause onto its own ragged line.
     - the intro block is widened 81.315% -> 84% so its second
       paragraph (24 characters, the longest single line on the page)
       cannot wrap on a narrow phone.
     - the banner holds two characters where the master holds five, so
       its letter-spacing opens up from 0.02em to 0.18em.
   =================================================================== */

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.18em;
  text-indent: 0.18em; /* cancels the trailing letter-space so the
                          two characters stay optically centred */
}

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  font-size: 20px;
  font-size: clamp(10px, 3cqw, 32px);
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

/* intro: 2 lines (one per paragraph) */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro {
  width: 84%;
}

/* outro: 3 lines (2 + 1). Left edge and width are the shared ones. */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  width: 83.241%;
}


/* ===================================================================
   SCREEN: adventure-prep
        .game-guide-screen-adventure-prep.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/adventure-prep.webp

   This screen key is new, so the whole block lives here - guide.css is
   not touched. Frames are measured from the Japanese master
   (792x1407) x 1080/792 and checked against the Chinese capture
   element by element:

     element            Chinese capture       master frame (canvas)
     Formation button   x846..973 y526..574   820,517,184x70
     minus button       x81..156  y816..879    57,789,126x117
     slider handle      x184..217 y805..890   137,789,126x117
     plus button        x923..996 y818..878   895,789,126x117
     Limitation check   x120..150 y1227..1257  75,1181,126x117
     Auto-loop check    x120..150 y1338..1368  75,1297,126x117
     Skip check         x548..588 y1328..1378 503,1297,126x117
     Difficulty button  x842..974 y1212..1272 809,1181,207x117
     Start button       x400..682 y1514..1671 382,1507,318x169

   The Goal Floor row is the one place where the master's frame SIZE
   cannot be kept. The Chinese capture shows the handle at the far left
   of a 500-floor rail (x184..217, centre 200.5) instead of the English
   x239..268, i.e. immediately right of the minus button - so no 126px
   frame centred on the Chinese handle can clear the minus frame's
   right edge, and the master's minus/plus frames carry 25-28px of
   slack besides. All three frames on that row are therefore tightened
   to hug their own element, with equal margins:

     minus   button x81..156  y816..879  -> frame  68.5,803.5,100x88
     handle  bar    x184..217 y805..890  -> frame  174,795,53x105
     plus    button x923..996 y818..878  -> frame  909.5,804,100x88

   minus and plus keep ONE shared size (100x88) centred on their own
   button, so the pair stays symmetrical; the handle frame clears the
   minus frame by 5.5px. Each row connector still lands inside the
   frame it points at (x115 / x200 / x954) and still leaves the
   goalfloor box's bottom edge at y745.

   The Formation frame is re-centred but keeps the master's size: the
   Chinese button sits 2px right of the English one (centre 909.5
   against 907.5).

   Every other element is pixel-identical to the English capture and
   keeps the master's rect verbatim.

   Text adjustments for Simplified Chinese:
     - callouts at 2.6cqw / line-height 1.5, against the English
       2.407cqw / 1.4: Chinese sets far shorter here (6-14 characters
       against 25-47), so the type can be a step larger and still keep
       every box on ONE line at every width.
     - line-break: strict; word-break: normal.
     - four boxes hug their text (width: max-content) instead of using
       the English fixed widths, so no box is left mostly empty:
         party       anchored by its RIGHT edge, the side its two
                     connectors arrive on
         blessing    right-anchored (as in English)
         difficulty  right-anchored (as in English)
         start       centred with margin-inline: auto
     - two boxes KEEP a fixed width, because their connectors leave
       from spread-out points along one edge and the box has to span
       them:
         goalfloor   three connectors drop from its bottom edge at
                     x115 / x200 / x954
         checks      the rail and the skip connector drop from its
                     bottom edge at x266 and x562
   =================================================================== */

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

/* --- frames + cut-outs -------------------------------------------- */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-tabs,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs {
  left: 66.019%;
  top: 10.729%;
  width: 29.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs > span {
  width: 342.857%;
  height: 1641.026%;
  left: -226.349%;
  top: -176.068%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-formation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation {
  left: 75.926%;
  top: 26.927%;
  width: 17.037%;
  height: 3.646%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation > span {
  width: 586.957%;
  height: 2742.857%;
  left: -445.652%;
  top: -738.571%;
}

/* ONE frame over the minus button AND the slider handle: in the
   Chinese capture the handle sits immediately right of the button
   (button x81..156, handle x184..217), so two separate frames read as
   one broken shape. The merged frame hugs the pair with a uniform
   10px margin - 71,795,156x105 - and carries a single connector on
   its centre x149. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-controls,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls {
  left: 6.574%;
  top: 41.406%;
  width: 14.444%;
  height: 5.469%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls > span {
  width: 692.308%;
  height: 1828.571%;
  left: -45.513%;
  top: -757.143%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-plus,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus {
  left: 84.213%;
  top: 41.875%;
  width: 9.259%;
  height: 4.583%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus > span {
  width: 1080.000%;
  height: 2181.818%;
  left: -909.500%;
  top: -913.636%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-blessing,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing {
  left: 81.296%;
  top: 48.906%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing > span {
  width: 857.143%;
  height: 1641.026%;
  left: -696.825%;
  top: -802.564%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-limitation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation {
  left: 6.944%;
  top: 61.510%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-difficulty,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty {
  left: 74.907%;
  top: 61.510%;
  width: 19.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty > span {
  width: 521.739%;
  height: 1641.026%;
  left: -390.821%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-autorepeat,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat {
  left: 6.944%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-skip,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip {
  left: 46.574%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip > span {
  width: 857.143%;
  height: 1641.026%;
  left: -399.206%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-start,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start {
  left: 35.370%;
  top: 78.490%;
  width: 29.444%;
  height: 8.802%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start > span {
  width: 339.623%;
  height: 1136.095%;
  left: -120.126%;
  top: -891.716%;
}

/* --- callouts ----------------------------------------------------- */
/* anchored on the side its connectors arrive from, so a longer
   translation grows away from its own connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-party {
  top: 18.750%;
  right: 9.444%;
  width: max-content;
  max-width: 60%;
}
/* hugs its text and is centred. It no longer has to span the row's
   controls, because the two row connectors now leave its SIDES as
   elbows (see below) instead of dropping from its bottom edge. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-goalfloor {
  bottom: 61.198%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-blessing {
  top: 49.271%;
  right: 24.074%;
  width: max-content;
  max-width: 70%;
  text-align: right;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-difficulty {
  top: 56.510%;
  right: 4.630%;
  width: max-content;
  max-width: 74%;
  text-align: right;
}
/* hugs its text, but with a min-width: the box has to stay wide
   enough to keep the skip connector (x562..570) inside it, and
   max-content alone would stop at x584 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-checks {
  top: 61.719%;
  left: 23.148%;
  width: max-content;
  min-width: 32%;
  max-width: 60%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-start {
  top: 88.542%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}

/* --- connectors --------------------------------------------------- */
/* tabs frame bottom y323 -> party box top y360 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-tabs {
  left: 80.648%;
  top: 16.823%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}
/* party box bottom -> Formation frame top y517 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-formation {
  left: 83.796%;
  top: 21.797%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.130%;
}
/* the Goal Floor row, as two elbows leaving the box's SIDES:
   left   box left edge -> along y712 to x149 -> down to the merged
          controls frame top y795
   right  box right edge -> along y712 to x959.5 -> down to the plus
          frame top y804
   (the horizontal runs are set from the rendered box edges) */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-h {
  left: 13.796%;
  top: 36.875%;
  width: 24.583%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-v {
  left: 13.426%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.531%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-h {
  left: 61.620%;
  top: 36.875%;
  width: 27.593%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-v {
  left: 88.472%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.000%;
}
/* blessing box right edge x820 -> blessing frame left edge x878 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-blessing {
  left: 75.926%;
  top: 51.771%;
  width: 5.370%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* difficulty box bottom -> Difficulty frame top y1181 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-difficulty {
  left: 84.074%;
  top: 59.552%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.958%;
}
/* Limitation frame right edge x201 -> checks box left edge x250 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-limitation {
  left: 18.611%;
  top: 64.271%;
  width: 4.537%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* Auto-loop frame right edge x201 -> the rail */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-autorepeat {
  left: 18.611%;
  top: 70.417%;
  width: 6.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* rail: checks box bottom -> down past the Auto-loop connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-rail {
  left: 24.630%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.807%;
}
/* checks box bottom -> Skip frame top y1297 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-skip {
  left: 52.037%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.786%;
}
/* Start frame bottom y1676 -> start box top y1700 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-start {
  left: 49.722%;
  top: 87.292%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}


/* ===================================================================
   SCREEN: party        .game-guide-screen-party.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/party.webp

   The base geometry already exists under .game-guide-screen-party in
   guide.css and is REUSED as-is: the Chinese capture is the same
   1080x1920 and every annotated element sits in the same place -
   brightness transitions down column x540 land on 153 / 528 / 900 /
   907 / 1000 / 1047 in both captures, the grid rows on 1047..1057 /
   1217..1227 / 1253 / 1459..1462, and the tab group on x761..900 /
   977 / 992 / 1057 - so none of the four frames, none of the cut-out
   windows and none of the connector x-positions are redefined here.

   Only the callout boxes are adjusted:
     - 2.6cqw / line-height 1.5 against the English 2.407cqw / 1.4,
       and padding 0.648cqw 1.111cqw against 0.926cqw 1.574cqw. CJK
       glyphs are full-height, so English leading and padding read
       cramped and slack at the same time.
     - line-break: strict; word-break: normal.
     - every box hugs its text (width: max-content) instead of the
       English 68-95% fixed widths, because Chinese sets 14-36
       characters where English sets 40-85. Each box keeps the English
       ANCHOR - the side its connector arrives on - so the connectors
       stay attached: save from the right, left / sort / place / detail
       / deselect from the left.
     - the place box keeps max-width 95%, which is what wraps it onto
       the master's two lines.
   =================================================================== */

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout {
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-left {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-sort {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-detail {
  width: max-content;
  max-width: 71%;
}
/* max-width 95% is what holds this one to the master's two lines */
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-place {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-deselect {
  width: max-content;
  max-width: 95%;
}


/* ===================================================================
   SCREEN: return        .game-guide-screen-return.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/return.webp

   The base geometry already exists under .game-guide-screen-return in
   guide.css and is REUSED as-is. The Chinese capture is the same
   1080x1920 and both annotated elements sit exactly where the English
   ones do - measured on the captures themselves:

     dialog border   top y540..549, bottom y1317..1324,
                     left x112..122, right x958..967   (both captures)
     Return button   x664..776, y1504..1552            (both captures)

   So the dialog cut-out, the button cut-out, the button frame and the
   connector x-position are not redefined here.

   Adjusted:
     - callouts at 2.6cqw / line-height 1.5 and padding 0.648cqw
       1.111cqw, against the English 2.407cqw / 1.4 and 0.926cqw
       1.574cqw.
     - line-break: strict; word-break: normal.
     - the two long boxes keep the shared 93% width - Chinese still
       needs two lines there, so hugging would gain nothing.
     - the middle box hugs its text, but is re-anchored by its RIGHT
       edge instead of its left: at the English left: 21.815% a hugged
       box would end at x624 and its connector (x717) would fall
       outside it. right: 15.370% puts the box at x526..914, i.e.
       centred over the Return button with the connector 3px left of
       the box centre, and keeps the connector 197px inside the right
       edge however long the translation gets.
   =================================================================== */

.game-guide-screen-return.game-guide-lang-zhs .game-guide-callout {
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-return.game-guide-lang-zhs .game-guide-callout-tab {
  left: auto;
  right: 15.370%;
  width: max-content;
  max-width: 70%;
}


/* ===================================================================
   SCREEN: limitation
        .game-guide-screen-limitation.game-guide-lang-zhs
   -------------------------------------------------------------------
   Composed help page - no game screenshot. The only images are the
   banner artwork and the Rainbow Crystal icon, and neither carries
   baked-in text, so both files serve every language:

     --guide-banner  /assets/help/banner-limitation.webp
     --guide-icon    /assets/help/icon-rainbow-crystal.webp

   All the geometry under .game-guide-screen-limitation in guide.css -
   banner rect, panels, rules, row pitch, icon size - is REUSED, since
   nothing here is tied to a screenshot. Only the text side is
   adjusted:

     - both copy blocks keep 3cqw but line-height goes 1.45 -> 1.7;
       line-break: strict, word-break: normal.
     - the banner title is four characters where the master has seven,
       so it gets letter-spacing 0.15em (with a matching text-indent so
       it stays optically centred).
     - the reward row's grid changes from
         9.343cqw 1fr 9cqw     (icon | label stretched | number right)
       to
         9.343cqw 16cqw max-content
       because "彩虹结晶" is a quarter the width of "Rainbow Crystal":
       with 1fr the label column would stay 271px wide and push the
       number out to x882, while the master keeps label and number
       adjacent (label x613..736, number x790). The fixed 16cqw label
       column puts the Chinese number at x784, i.e. back on the
       master's position, and still holds two wrapped lines if a
       future label is longer.
   =================================================================== */

.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-text-outro {
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-phead,
.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-heading,
.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-rlabel {
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-limitation.game-guide-lang-zhs .game-guide-row-reward {
  grid-template-columns: 9.343cqw 16cqw max-content;
  justify-content: start;
}

/* === return (zhs) === */
/* ===================================================================
   guide-zhs.css — Simplified Chinese adjustments
   Plain CSS only. No JS, no webfonts, no external resources.

   LOAD ORDER
     1. /assets/guide.css      the shared English/base stylesheet.
                               NOT modified by this file's existence -
                               it stays byte-identical.
     2. /assets/guide-zhs.css  this file.

   SCOPE RULE
     Every rule below starts with a PAGE-SPECIFIC class plus the
     language class:

       .game-guide-screen-<key>.game-guide-lang-zhs ...

     so nothing here can reach another help page, another language, or
     a shared class. There is no bare .game-guide-callout,
     .game-guide-text, body or element selector in this file.

     Add a new screen as a new block; do not rewrite the file.

   WHAT IS ADJUSTED, AND WHY
     The frames, connector lines, cut-out windows and background
     geometry are NOT touched - they belong to the artwork and are
     identical in every language. Only the text side is adjusted,
     because Simplified Chinese sets much shorter than English and
     wraps at different points.

   px + cqw
     Same convention as guide.css: every cqw / clamp() declaration is
     preceded by a plain px declaration as a fallback.
   =================================================================== */


/* ===================================================================
   SCREEN: dungeon        .game-guide-screen-dungeon.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/dungeon.webp

   The Chinese build's Goal Floor panel sits PIXEL-IDENTICALLY to the
   English one (column x540 brightness transitions at 599 / 677 / 828 /
   868 / 960 / 1060 and the panel extent x28..1054 at y700 match in
   both captures), so the cut-out window keeps the shared crop and is
   not redefined here.

   Text adjustments:
     - both copy blocks are set at a flat 3cqw instead of the shared
       3.148cqw, and line-height is raised 1.45 -> 1.7. CJK glyphs are
       full-height with no descender gaps, so English leading reads
       cramped; the smaller size also buys wrap headroom, which is what
       keeps each paragraph on the line count below at every width.
     - line-break: strict keeps a Chinese comma or full stop from
       starting a line. word-break is pinned to normal because the
       shared rule's overflow-wrap would otherwise be fought by a
       keep-all inherited from a host page's CJK styles, which would
       break each clause onto its own ragged line.
     - the intro block is widened 81.315% -> 84% so its second
       paragraph (24 characters, the longest single line on the page)
       cannot wrap on a narrow phone.
     - the banner holds two characters where the master holds five, so
       its letter-spacing opens up from 0.02em to 0.18em.
   =================================================================== */

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-banner-title {
  letter-spacing: 0.18em;
  text-indent: 0.18em; /* cancels the trailing letter-space so the
                          two characters stay optically centred */
}

.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro,
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  font-size: 20px;
  font-size: clamp(10px, 3cqw, 32px);
  line-height: 1.7;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

/* intro: 2 lines (one per paragraph) */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-intro {
  width: 84%;
}

/* outro: 3 lines (2 + 1). Left edge and width are the shared ones. */
.game-guide-screen-dungeon.game-guide-lang-zhs .game-guide-text-outro {
  width: 83.241%;
}


/* ===================================================================
   SCREEN: adventure-prep
        .game-guide-screen-adventure-prep.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/adventure-prep.webp

   This screen key is new, so the whole block lives here - guide.css is
   not touched. Frames are measured from the Japanese master
   (792x1407) x 1080/792 and checked against the Chinese capture
   element by element:

     element            Chinese capture       master frame (canvas)
     Formation button   x846..973 y526..574   820,517,184x70
     minus button       x81..156  y816..879    57,789,126x117
     slider handle      x184..217 y805..890   137,789,126x117
     plus button        x923..996 y818..878   895,789,126x117
     Limitation check   x120..150 y1227..1257  75,1181,126x117
     Auto-loop check    x120..150 y1338..1368  75,1297,126x117
     Skip check         x548..588 y1328..1378 503,1297,126x117
     Difficulty button  x842..974 y1212..1272 809,1181,207x117
     Start button       x400..682 y1514..1671 382,1507,318x169

   The Goal Floor row is the one place where the master's frame SIZE
   cannot be kept. The Chinese capture shows the handle at the far left
   of a 500-floor rail (x184..217, centre 200.5) instead of the English
   x239..268, i.e. immediately right of the minus button - so no 126px
   frame centred on the Chinese handle can clear the minus frame's
   right edge, and the master's minus/plus frames carry 25-28px of
   slack besides. All three frames on that row are therefore tightened
   to hug their own element, with equal margins:

     minus   button x81..156  y816..879  -> frame  68.5,803.5,100x88
     handle  bar    x184..217 y805..890  -> frame  174,795,53x105
     plus    button x923..996 y818..878  -> frame  909.5,804,100x88

   minus and plus keep ONE shared size (100x88) centred on their own
   button, so the pair stays symmetrical; the handle frame clears the
   minus frame by 5.5px. Each row connector still lands inside the
   frame it points at (x115 / x200 / x954) and still leaves the
   goalfloor box's bottom edge at y745.

   The Formation frame is re-centred but keeps the master's size: the
   Chinese button sits 2px right of the English one (centre 909.5
   against 907.5).

   Every other element is pixel-identical to the English capture and
   keeps the master's rect verbatim.

   Text adjustments for Simplified Chinese:
     - callouts at 2.6cqw / line-height 1.5, against the English
       2.407cqw / 1.4: Chinese sets far shorter here (6-14 characters
       against 25-47), so the type can be a step larger and still keep
       every box on ONE line at every width.
     - line-break: strict; word-break: normal.
     - four boxes hug their text (width: max-content) instead of using
       the English fixed widths, so no box is left mostly empty:
         party       anchored by its RIGHT edge, the side its two
                     connectors arrive on
         blessing    right-anchored (as in English)
         difficulty  right-anchored (as in English)
         start       centred with margin-inline: auto
     - two boxes KEEP a fixed width, because their connectors leave
       from spread-out points along one edge and the box has to span
       them:
         goalfloor   three connectors drop from its bottom edge at
                     x115 / x200 / x954
         checks      the rail and the skip connector drop from its
                     bottom edge at x266 and x562
   =================================================================== */

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout {
  min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

/* --- frames + cut-outs -------------------------------------------- */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-tabs,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs {
  left: 66.019%;
  top: 10.729%;
  width: 29.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-tabs > span {
  width: 342.857%;
  height: 1641.026%;
  left: -226.349%;
  top: -176.068%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-formation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation {
  left: 75.926%;
  top: 26.927%;
  width: 17.037%;
  height: 3.646%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-formation > span {
  width: 586.957%;
  height: 2742.857%;
  left: -445.652%;
  top: -738.571%;
}

/* ONE frame over the minus button AND the slider handle: in the
   Chinese capture the handle sits immediately right of the button
   (button x81..156, handle x184..217), so two separate frames read as
   one broken shape. The merged frame hugs the pair with a uniform
   10px margin - 71,795,156x105 - and carries a single connector on
   its centre x149. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-controls,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls {
  left: 6.574%;
  top: 41.406%;
  width: 14.444%;
  height: 5.469%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-controls > span {
  width: 692.308%;
  height: 1828.571%;
  left: -45.513%;
  top: -757.143%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-plus,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus {
  left: 84.213%;
  top: 41.875%;
  width: 9.259%;
  height: 4.583%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-plus > span {
  width: 1080.000%;
  height: 2181.818%;
  left: -909.500%;
  top: -913.636%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-blessing,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing {
  left: 81.296%;
  top: 48.906%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-blessing > span {
  width: 857.143%;
  height: 1641.026%;
  left: -696.825%;
  top: -802.564%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-limitation,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation {
  left: 6.944%;
  top: 61.510%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-limitation > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-difficulty,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty {
  left: 74.907%;
  top: 61.510%;
  width: 19.167%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-difficulty > span {
  width: 521.739%;
  height: 1641.026%;
  left: -390.821%;
  top: -1009.402%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-autorepeat,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat {
  left: 6.944%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-autorepeat > span {
  width: 857.143%;
  height: 1641.026%;
  left: -59.524%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-skip,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip {
  left: 46.574%;
  top: 67.552%;
  width: 11.667%;
  height: 6.094%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-skip > span {
  width: 857.143%;
  height: 1641.026%;
  left: -399.206%;
  top: -1108.547%;
}

.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-frame-start,
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start {
  left: 35.370%;
  top: 78.490%;
  width: 29.444%;
  height: 8.802%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-window-start > span {
  width: 339.623%;
  height: 1136.095%;
  left: -120.126%;
  top: -891.716%;
}

/* --- callouts ----------------------------------------------------- */
/* anchored on the side its connectors arrive from, so a longer
   translation grows away from its own connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-party {
  top: 18.750%;
  right: 9.444%;
  width: max-content;
  max-width: 60%;
}
/* hugs its text and is centred. It no longer has to span the row's
   controls, because the two row connectors now leave its SIDES as
   elbows (see below) instead of dropping from its bottom edge. */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-goalfloor {
  bottom: 61.198%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-blessing {
  top: 49.271%;
  right: 24.074%;
  width: max-content;
  max-width: 70%;
  text-align: right;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-difficulty {
  top: 56.510%;
  right: 4.630%;
  width: max-content;
  max-width: 74%;
  text-align: right;
}
/* hugs its text, but with a min-width: the box has to stay wide
   enough to keep the skip connector (x562..570) inside it, and
   max-content alone would stop at x584 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-checks {
  top: 61.719%;
  left: 23.148%;
  width: max-content;
  min-width: 32%;
  max-width: 60%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-callout-start {
  top: 88.542%;
  left: 0;
  right: 0;
  width: max-content;
  max-width: 80%;
  margin-inline: auto;
  text-align: center;
}

/* --- connectors --------------------------------------------------- */
/* tabs frame bottom y323 -> party box top y360 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-tabs {
  left: 80.648%;
  top: 16.823%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}
/* party box bottom -> Formation frame top y517 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-party-formation {
  left: 83.796%;
  top: 21.797%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.130%;
}
/* the Goal Floor row, as two elbows leaving the box's SIDES:
   left   box left edge -> along y712 to x149 -> down to the merged
          controls frame top y795
   right  box right edge -> along y712 to x959.5 -> down to the plus
          frame top y804
   (the horizontal runs are set from the rendered box edges) */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-h {
  left: 13.796%;
  top: 36.875%;
  width: 24.583%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-left-v {
  left: 13.426%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.531%;
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-h {
  left: 61.620%;
  top: 36.875%;
  width: 27.593%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-goalfloor-right-v {
  left: 88.472%;
  top: 36.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.000%;
}
/* blessing box right edge x820 -> blessing frame left edge x878 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-blessing {
  left: 75.926%;
  top: 51.771%;
  width: 5.370%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* difficulty box bottom -> Difficulty frame top y1181 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-difficulty {
  left: 84.074%;
  top: 59.552%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.958%;
}
/* Limitation frame right edge x201 -> checks box left edge x250 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-limitation {
  left: 18.611%;
  top: 64.271%;
  width: 4.537%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* Auto-loop frame right edge x201 -> the rail */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-autorepeat {
  left: 18.611%;
  top: 70.417%;
  width: 6.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}
/* rail: checks box bottom -> down past the Auto-loop connector */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-rail {
  left: 24.630%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.807%;
}
/* checks box bottom -> Skip frame top y1297 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-checks-skip {
  left: 52.037%;
  top: 64.766%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.786%;
}
/* Start frame bottom y1676 -> start box top y1700 */
.game-guide-screen-adventure-prep.game-guide-lang-zhs .game-guide-line-start {
  left: 49.722%;
  top: 87.292%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}


/* ===================================================================
   SCREEN: party        .game-guide-screen-party.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/party.webp

   The base geometry already exists under .game-guide-screen-party in
   guide.css and is REUSED as-is: the Chinese capture is the same
   1080x1920 and every annotated element sits in the same place -
   brightness transitions down column x540 land on 153 / 528 / 900 /
   907 / 1000 / 1047 in both captures, the grid rows on 1047..1057 /
   1217..1227 / 1253 / 1459..1462, and the tab group on x761..900 /
   977 / 992 / 1057 - so none of the four frames, none of the cut-out
   windows and none of the connector x-positions are redefined here.

   Only the callout boxes are adjusted:
     - 2.6cqw / line-height 1.5 against the English 2.407cqw / 1.4,
       and padding 0.648cqw 1.111cqw against 0.926cqw 1.574cqw. CJK
       glyphs are full-height, so English leading and padding read
       cramped and slack at the same time.
     - line-break: strict; word-break: normal.
     - every box hugs its text (width: max-content) instead of the
       English 68-95% fixed widths, because Chinese sets 14-36
       characters where English sets 40-85. Each box keeps the English
       ANCHOR - the side its connector arrives on - so the connectors
       stay attached: save from the right, left / sort / place / detail
       / deselect from the left.
     - the place box keeps max-width 95%, which is what wraps it onto
       the master's two lines.
   =================================================================== */

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout {
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-left {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-sort {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-detail {
  width: max-content;
  max-width: 71%;
}
/* max-width 95% is what holds this one to the master's two lines */
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-place {
  width: max-content;
  max-width: 95%;
}
.game-guide-screen-party.game-guide-lang-zhs .game-guide-callout-deselect {
  width: max-content;
  max-width: 95%;
}


/* ===================================================================
   SCREEN: return        .game-guide-screen-return.game-guide-lang-zhs
   -------------------------------------------------------------------
   Background: /assets/help/zhs/return.webp

   The base geometry already exists under .game-guide-screen-return in
   guide.css and is REUSED as-is. The Chinese capture is the same
   1080x1920 and both annotated elements sit exactly where the English
   ones do - measured on the captures themselves:

     dialog border   top y540..549, bottom y1317..1324,
                     left x112..122, right x958..967   (both captures)
     Return button   x664..776, y1504..1552            (both captures)

   So the dialog cut-out, the button cut-out, the button frame and the
   connector x-position are not redefined here.

   Adjusted:
     - callouts at 2.6cqw / line-height 1.5 and padding 0.648cqw
       1.111cqw, against the English 2.407cqw / 1.4 and 0.926cqw
       1.574cqw.
     - line-break: strict; word-break: normal.
     - the two long boxes keep the shared 93% width - Chinese still
       needs two lines there, so hugging would gain nothing.
     - the middle box hugs its text, but is re-anchored by its RIGHT
       edge instead of its left: at the English left: 21.815% a hugged
       box would end at x624 and its connector (x717) would fall
       outside it. right: 15.370% puts the box at x526..914, i.e.
       centred over the Return button with the connector 3px left of
       the box centre, and keeps the connector 197px inside the right
       edge however long the translation gets.
   =================================================================== */

.game-guide-screen-return.game-guide-lang-zhs .game-guide-callout {
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.6cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-return.game-guide-lang-zhs .game-guide-callout-tab {
  left: auto;
  right: 15.370%;
  width: max-content;
  max-width: 70%;
}

/* === artifact (zhs, extracted page-only rules) === */
.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-frame-counter,
.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-window-counter {
left: 43.657%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-window-counter > span {
left: -362.692%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-frame-desc,
.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-window-desc {
left: 18.102%;
  width: 32.130%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-window-desc > span {
width: 311.239%;
  left: -56.340%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-offer {
width: 62%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-total {
left: 21.019%;
  width: 58%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-stat {
left: 22.130%;
  max-width: 70%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-droprate {
width: 65%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-rank {
max-width: 56%;
}

.game-guide-screen-artifact.game-guide-lang-zhs .game-guide-callout-stones {
left: 23.009%;
  width: 54%;
}

/* === difficulty-settings (zhs, extracted page-only rules) === */
.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-callout-tab {
left: auto;
  right: 2.500%;
  width: max-content;
  max-width: 90%;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-callout-claim {
left: auto;
  right: 17.593%;
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-callout-total {
left: 0;
  right: 0;
  width: max-content;
  max-width: 90%;
  margin-inline: auto;
  text-align: center;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-frame-total,
.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-window-total {
left: 38.287%;
  top: 81.198%;
  width: 23.611%;
  height: 7.813%;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-window-total > span {
width: 423.529%;
  height: 1280%;
  left: -162.157%;
  top: -1039.333%;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-line-tab {
top: 4.844%;
  height: 3.073%;
}

.game-guide-screen-difficulty-settings.game-guide-lang-zhs .game-guide-line-total {
left: 49.722%;
  top: 77.656%;
  height: 3.542%;
}

/* === how-to-apply (zhs, extracted page-only rules) === */
.game-guide-screen-how-to-apply.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

.game-guide-screen-how-to-apply.game-guide-lang-zhs .game-guide-callout-apply {
width: 62%;
}

.game-guide-screen-how-to-apply.game-guide-lang-zhs .game-guide-callout-difficulty {
text-align: center;
}

/* === foray (zhs, extracted page-only rules) === */
.game-guide-screen-foray.game-guide-lang-zhs .game-guide-text {
line-height: 1.6;
}

.game-guide-screen-foray.game-guide-lang-zhs .game-guide-banner-title {
letter-spacing: 0.1em;
}

.game-guide-screen-foray.game-guide-lang-zhs .game-guide-plate-label {
line-height: 1.2;
}

/* === difficulty-select (zhs, extracted page-only rules) === */
.game-guide-screen-difficulty-select.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.55;
}

/* === difficulty-details (zhs, extracted page-only rules) === */
.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.74);
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 18px;
  font-size: 2.5cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-frame-boss,
.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-boss {
left: 13.750%;
  top: 23.542%;
  width: 16.574%;
  height: 3.906%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-boss > span {
width: 603.352%;
  height: 2560.000%;
  left: -82.961%;
  top: -602.667%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-frame-reward-1,
.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-reward-1 {
left: 71.111%;
  top: 23.542%;
  width: 18.426%;
  height: 3.906%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-reward-1 > span {
width: 542.714%;
  height: 2560.000%;
  left: -385.930%;
  top: -602.667%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-frame-reward-2,
.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-reward-2 {
left: 71.111%;
  top: 34.844%;
  width: 18.426%;
  height: 3.906%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-reward-2 > span {
width: 542.714%;
  height: 2560.000%;
  left: -385.930%;
  top: -892.000%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-frame-carryover,
.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-carryover {
left: 6.759%;
  top: 72.917%;
  width: 86.481%;
  height: 4.271%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-window-carryover > span {
width: 115.632%;
  height: 2341.463%;
  left: -7.816%;
  top: -1707.317%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-callout-clear {
bottom: 81.875%;
  left: 8.611%;
  width: max-content;
  max-width: 67.222%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-callout-reward {
top: 31.146%;
  transform: translateY(-50%);
  left: 3.704%;
  width: 70.370%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-callout-carryover {
bottom: 31.354%;
  left: 6.944%;
  width: 90.370%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-line-clear {
left: 21.667%;
  top: 18.125%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.417%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-line-reward-v {
left: 79.954%;
  top: 27.448%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 7.396%;
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-line-reward-h {
left: 74.074%;
  top: 30.938%;
  width: 6.620%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-difficulty-details.game-guide-lang-zhs .game-guide-line-carryover {
left: 49.630%;
  top: 68.646%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.271%;
}

/* === world-map (zhs, extracted page-only rules) === */
.game-guide-screen-world-map.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

.game-guide-screen-world-map.game-guide-lang-zhs .game-guide-callout-day {
width: 40%;
}

.game-guide-screen-world-map.game-guide-lang-zhs .game-guide-callout-legend {
left: 55%;
  width: 43.5%;
}

.game-guide-screen-world-map.game-guide-lang-zhs .game-guide-callout-hex {
width: 40%;
}

.game-guide-screen-world-map.game-guide-lang-zhs .game-guide-callout-ap {
left: 9%;
  width: 82%;
}

/* === foray-battle-2 (zhs, extracted page-only rules) === */
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.70);
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 21px;
  font-size: 2.6cqw;
  line-height: 1.5;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-frame-counter,
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-counter {
left: 37.037%;
  top: 1.563%;
  width: 25.833%;
  height: 5.104%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-counter > span {
width: 387.097%;
  height: 1959.184%;
  left: -143.369%;
  top: -30.612%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-frame-lane,
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-lane {
left: 0%;
  top: 26.302%;
  width: 13.056%;
  height: 24.740%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-lane > span {
width: 765.957%;
  height: 404.211%;
  left: 0%;
  top: -106.316%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-frame-spawn,
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-spawn {
left: 75.463%;
  top: 35.365%;
  width: 20.278%;
  height: 14.948%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-spawn > span {
width: 493.151%;
  height: 669.007%;
  left: -372.146%;
  top: -236.585%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-frame-arrows,
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-arrows {
left: 3.426%;
  top: 75.781%;
  width: 16.574%;
  height: 12.917%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-arrows > span {
width: 603.352%;
  height: 774.194%;
  left: -20.670%;
  top: -586.694%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-frame-rank,
.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-rank {
left: 3.426%;
  top: 88.698%;
  width: 16.574%;
  height: 11.198%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-window-rank > span {
width: 603.352%;
  height: 893.023%;
  left: -20.670%;
  top: -792.093%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout-win {
top: 14.479%;
  left: 47.037%;
  width: 50%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout-lane {
top: 36.510%;
  left: 18.519%;
  width: 46%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout-lanes {
top: 60%;
  left: 3.981%;
  width: 88%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout-merge {
top: 76.979%;
  left: 22.037%;
  width: 72%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-callout-cost {
top: 89.010%;
  left: 22.500%;
  width: 72%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-line-win-up {
left: 49.815%;
  top: 6.667%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 7.813%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-line-win-down {
left: 85.556%;
  top: 19.792%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 15.573%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-line-lane {
left: 13.056%;
  top: 39.323%;
  width: 5.463%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-line-lanes {
left: 11.111%;
  top: 65.313%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 10.469%;
}

.game-guide-screen-foray-battle-2.game-guide-lang-zhs .game-guide-line-cost {
left: 20%;
  top: 91.823%;
  width: 2.5%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

/* === base (zhs, extracted page-only rules) === */
.game-guide-screen-base.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.593cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-frame-lab,
.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-lab {
left: 60.370%;
  top: 17.708%;
  width: 34.352%;
  height: 16.406%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-lab > span {
width: 291.105%;
  height: 609.524%;
  left: -175.741%;
  top: -107.937%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-frame-material,
.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-material {
left: 0.648%;
  top: 44.271%;
  width: 25%;
  height: 14.427%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-material > span {
width: 400%;
  height: 693.141%;
  left: -2.593%;
  top: -306.859%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-frame-cave,
.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-cave {
left: 15%;
  top: 65.469%;
  width: 23.241%;
  height: 12.240%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-window-cave > span {
width: 430.279%;
  height: 817.021%;
  left: -64.542%;
  top: -534.894%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-callout-build {
bottom: 85.885%;
  left: 8.241%;
  width: 87.222%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-callout-tap {
top: 44.792%;
  left: 30.556%;
  width: max-content;
  max-width: 51.574%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-callout-orb {
top: 55.104%;
  left: 35.185%;
  width: 59.907%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-callout-map {
top: 81.042%;
  left: 18.981%;
  width: max-content;
  max-width: 61.944%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-line-build {
left: 80.093%;
  top: 14.115%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.594%;
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-line-tap {
left: 25.648%;
  top: 46.146%;
  width: 4.907%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-base.game-guide-lang-zhs .game-guide-line-map {
left: 26.296%;
  top: 77.708%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.333%;
}

/* === building (zhs) === */
.game-guide-screen-building.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  font-size: 20px;
  font-size: 2.8cqw;
  line-height: 1.4;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout-upgrade {
left: 19.111%;
  top: 9.672%;
  width: 63.426%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout-maxlv {
left: 11.528%;
  top: 27.307%;
  width: 73.917%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout-quick {
left: 5.963%;
  top: 36.906%;
  width: 92.630%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout-missing {
left: 5.074%;
  top: 77.443%;
  width: 85.676%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-callout-orb {
left: 15.694%;
  top: 89.885%;
  width: 68.611%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-inline-btn {
display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  margin: 0 0.556cqw;
  width: 177px;
  width: 16.435cqw;
  height: 83px;
  height: 7.704cqw;
  background-image: var(--guide-btn);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-frame-title,
.game-guide-screen-building.game-guide-lang-zhs .game-guide-window-title {
left: 29.259%;
  top: 18.771%;
  width: 40.463%;
  height: 5.193%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-window-title > span {
width: 247.140%;
  height: 1925.777%;
  left: -72.311%;
  top: -361.485%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-plate {
position: absolute;
  z-index: 2;
  left: 6.444%;
  top: 55.188%;
  width: 35.019%;
  height: 19.698%;
  background-image: var(--guide-plate);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-frame-material {
left: 6.444%;
  top: 55.188%;
  width: 35.019%;
  height: 19.698%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-plate-label {
position: absolute;
  z-index: 5;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 71.557%;
  height: 1.833%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  font-size: 2.4cqw;
  line-height: 1.15;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.85);
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-plate-label-gather {
left: 8.083%;
  width: 14.741%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-plate-label-buy {
left: 25.343%;
  width: 14.731%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-line-title {
left: 50.444%;
  top: 13.458%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.313%;
}

.game-guide-screen-building.game-guide-lang-zhs .game-guide-line-material {
left: 24.213%;
  top: 74.885%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.557%;
}

/* === exchange (zhs) === */
.game-guide-screen-exchange.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.55;
}

/* === total-war-1 (zhs) === */
.game-guide-screen-total-war-1.game-guide-lang-zhs .game-guide-text {
line-height: 1.7;
  line-break: strict;
  word-break: normal;
}

/* === total-war-2 (zhs) === */
.game-guide-screen-total-war-2.game-guide-lang-zhs .game-guide-listrow {
font-size: 17px;
  font-size: 2.315cqw;
}

.game-guide-screen-total-war-2.game-guide-lang-zhs .game-guide-claim-rank {
font-size: 18px;
  font-size: 2.407cqw;
}

.game-guide-screen-total-war-2.game-guide-lang-zhs .game-guide-text {
line-height: 1.5;
}

/* === unlock-potential-1 (zhs) === */
.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text {
line-height: 1.5;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-cost,
.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-modes {
text-align: center;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-banner-title {
letter-spacing: 0.08em;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .name {
font-size: 3.148cqw;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th {
line-height: 1.15;
}

/* === unlock-potential-2 (zhs) === */
.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.74);
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-para {
margin-top: 0;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-frame-awakening,
.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-window-awakening {
left: 4.167%;
  top: 39.583%;
  width: 26.667%;
  height: 5.625%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-window-awakening > span {
width: 375%;
  height: 1777.778%;
  left: -15.625%;
  top: -703.704%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-frame-rate,
.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-window-rate {
left: 53.519%;
  top: 52.500%;
  width: 23.426%;
  height: 4.375%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-window-rate > span {
width: 426.877%;
  height: 2285.714%;
  left: -228.459%;
  top: -1200%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-awakening,
.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-rate,
.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-slots {
left: 4.815%;
  width: 90.370%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-awakening {
bottom: 62.917%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-rate {
top: 60.677%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-callout-slots {
top: 76.979%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-line-awakening {
left: 17.130%;
  top: 37.083%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.500%;
}

.game-guide-screen-unlock-potential-2.game-guide-lang-zhs .game-guide-line-rate {
left: 64.861%;
  top: 56.875%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.802%;
}

/* === unlock-potential-3 (zhs) === */
.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-callout-lock {
top: auto;
  bottom: 58.542%;
  width: max-content;
  max-width: 68.148%;
}

.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-callout-maxvalue {
width: max-content;
  max-width: 83.056%;
}

.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-callout-random {
width: max-content;
  max-width: 83.056%;
}

.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-callout-equal {
width: max-content;
  max-width: 83.056%;
}

.game-guide-screen-unlock-potential-3.game-guide-lang-zhs .game-guide-line-lock {
top: 41.458%;
  height: 3.750%;
}

/* === unlock-potential-4 (zhs) === */
.game-guide-screen-unlock-potential-4.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.55;
}

/* === unlock-potential-5 (zhs) === */
.game-guide-screen-unlock-potential-5.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.55;
}

.game-guide-screen-unlock-potential-5.game-guide-lang-zhs .game-guide-callout-reset {
left: 8%;
  width: 84%;
}

.game-guide-screen-unlock-potential-5.game-guide-lang-zhs .game-guide-callout-switch {
left: 59.2%;
  width: 38%;
}

/* === gems-1 (zhs) === */
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  text-align: center;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-forge {
left: 50%;
  top: 5.469%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 87.963%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-switch {
left: 50%;
  top: 21.198%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-tabs {
left: 1.111%;
  top: 36.354%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-level {
left: 3.981%;
  top: 68.698%;
  width: max-content;
  max-width: 88.796%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-rates {
left: 21.019%;
  top: 87.396%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-inline-stone {
display: inline-block;
  vertical-align: -0.2em;
  margin: 0 2px;
  margin: 0 0.185cqw;
  width: 44px;
  width: 4.074cqw;
  height: 34px;
  height: 3.148cqw;
  background-image: var(--guide-stone);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-bar,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar {
left: 23.704%;
  top: 27.344%;
  width: 52.593%;
  height: 5.729%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar > span {
width: 190.141%;
  height: 1745.455%;
  left: -45.070%;
  top: -477.273%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-tab,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab {
left: 1.667%;
  top: 45%;
  width: 33.241%;
  height: 4.635%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab > span {
width: 300.836%;
  height: 2157.303%;
  left: -5.014%;
  top: -970.787%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-level,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level {
left: 36.574%;
  top: 83.177%;
  width: 15.370%;
  height: 3.073%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level > span {
width: 650.602%;
  height: 3254.237%;
  left: -237.952%;
  top: -2706.780%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-rates,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates {
left: 4.722%;
  top: 90.156%;
  width: 14.722%;
  height: 3.490%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates > span {
width: 679.245%;
  height: 2865.672%;
  left: -32.075%;
  top: -2583.582%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-bar {
left: 49.981%;
  top: 25.224%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.120%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-tab {
left: 18.500%;
  top: 40.380%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.620%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-level {
left: 44.148%;
  top: 77.615%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.563%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-rates {
left: 19.352%;
  top: 91.474%;
  width: 1.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

/* === foray-battle-1 (zhs, current-page rules only) === */
.game-guide-screen-foray-battle-1.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

.game-guide-screen-foray-battle-1.game-guide-lang-zhs .game-guide-callout-cost {
width: 30%;
}

/* === food-production-1 (zhs, current-page rules only) === */
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 2.9cqw;
  line-height: 1.4;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-clear {
left: 50%;
  top: 1.563%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 92%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-points {
left: 2.685%;
  top: 14.167%;
  width: max-content;
  max-width: 56%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-move {
left: 50%;
  top: 29.323%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 72%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-stamina {
left: 50%;
  top: 73.750%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 92%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-plot,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-plot {
left: 63.519%;
  top: 12.188%;
  width: 26.111%;
  height: 10.885%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-plot > span {
width: 382.979%;
  height: 918.660%;
  left: -243.262%;
  top: -111.962%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-arrow-l,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-l {
left: 1.481%;
  top: 25.573%;
  width: 7.685%;
  height: 7.708%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-l > span {
width: 1301.205%;
  height: 1297.297%;
  left: -19.277%;
  top: -331.757%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-arrow-r,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-r {
left: 90.833%;
  top: 25.573%;
  width: 7.685%;
  height: 7.708%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-r > span {
width: 1301.205%;
  height: 1297.297%;
  left: -1181.928%;
  top: -331.757%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-stamina,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-stamina {
left: 57.315%;
  top: 92.135%;
  width: 40.463%;
  height: 5.469%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-stamina > span {
width: 247.140%;
  height: 1828.571%;
  left: -141.648%;
  top: -1684.762%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-plot {
left: 76.093%;
  top: 9.990%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.198%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-arrow-l {
left: 9.074%;
  top: 32.047%;
  width: 24.769%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-arrow-r {
left: 66.157%;
  top: 32.047%;
  width: 24.676%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-stamina {
left: 60.537%;
  top: 86.745%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.391%;
}

/* === food-production-2 (zhs, current-page rules only) === */
.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-para {
margin-top: 0;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-frame-price,
.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-window-price {
left: 45.463%;
  top: 58.854%;
  width: 26.574%;
  height: 3.906%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-window-price > span {
width: 376.307%;
  height: 2560%;
  left: -171.080%;
  top: -1506.667%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-repeat {
bottom: 45.365%;
  left: 11.019%;
  width: 71.667%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-limits {
top: 71.250%;
  left: 11.296%;
  width: max-content;
  max-width: 64.630%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-list {
top: 76.302%;
  left: 11.204%;
  width: max-content;
  max-width: 75.833%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-line-price {
left: 58.333%;
  top: 54.635%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.219%;
}

/* === equipment-1 (zhs, current-page rules only) === */
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-nodupe {
width: 80%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-more {
width: 60%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-statpair {
width: 44%;
}

/* === equipment-2 (zhs, current-page rules only) === */
.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-return {
left: 50%;
  top: 13.698%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 90.833%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-tab {
left: 50%;
  top: 72.396%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-item {
left: 50%;
  top: 81.823%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 91.667%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-inline-swap {
display: inline-block;
  vertical-align: -0.28em;
  margin: 0 4px;
  margin: 0 0.370cqw;
  width: 46px;
  width: 4.259cqw;
  height: 46px;
  height: 4.259cqw;
  background-image: var(--guide-swap);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-dialog {
left: 10.463%;
  top: 28.125%;
  width: 79.074%;
  height: 40.885%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-dialog > span {
width: 126.464%;
  height: 244.586%;
  left: -13.232%;
  top: -68.790%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-frame-btn,
.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-btn {
left: 63.704%;
  top: 77.969%;
  width: 12.037%;
  height: 3.125%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-btn > span {
width: 830.769%;
  height: 3200%;
  left: -529.231%;
  top: -2495%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-line-btn {
left: 66.093%;
  top: 76.406%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.563%;
}

/* === equipment-3 (zhs, current-page rules only) === */
.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-frame-toggle,
.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-window-toggle {
left: 23.657%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-window-toggle > span {
left: -44.982%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout-toggle {
left: 0;
  right: 0;
  width: max-content;
  max-width: 75%;
  margin-inline: auto;
  text-align: center;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout-slot {
width: max-content;
  max-width: 73.241%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout-filter {
left: auto;
  right: 6.852%;
  width: max-content;
  max-width: 51.852%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout-onetap {
width: max-content;
  max-width: 91%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-callout-noshare {
width: max-content;
  max-width: 91%;
}

.game-guide-screen-equipment-3.game-guide-lang-zhs .game-guide-line-toggle {
left: 49.583%;
  top: 24.531%;
  height: 2.813%;
}

/* === equipment-4 (zhs, current-page rules only) === */
.game-guide-screen-equipment-4.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.55;
}

.game-guide-screen-equipment-4.game-guide-lang-zhs .game-guide-callout-slot {
left: 20%;
  width: 60%;
}

.game-guide-screen-equipment-4.game-guide-lang-zhs .game-guide-callout-rarity {
left: 17%;
  width: 66%;
}

/* === gems-2 (zhs, current-page rules only) === */
.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout-tabs {
width: 50%;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout-rank {
left: 43%;
  width: 54.222%;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout-owned1,
.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout-owned2 {
width: 14%;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-callout-fusable {
width: 56%;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-line-tab {
top: 40.052%;
  height: 4.948%;
}

.game-guide-screen-gems-2.game-guide-lang-zhs .game-guide-line-arrow {
top: 49.583%;
  height: 4.167%;
}

/* === gems-3 (zhs, current-page rules only) === */
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-panel,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel {
left: 2.315%;
  top: 33.906%;
  width: 95.741%;
  height: 16.094%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel > span {
width: 104.449%;
  height: 621.359%;
  left: -2.418%;
  top: -210.680%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count {
left: 77.315%;
  top: 61.875%;
  width: 16.574%;
  height: 3.750%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count > span {
width: 603.352%;
  height: 2666.667%;
  left: -466.480%;
  top: -1650%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-types {
bottom: 69.271%;
  left: 6.389%;
  width: 87.222%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-counts {
top: 68.594%;
  right: 2.870%;
  width: max-content;
  max-width: 65%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
top: 30.729%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.177%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1 {
left: 17.593%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2 {
left: 49.815%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
left: 81.204%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
top: 65.625%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.969%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1 {
left: 79.954%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
left: 91.204%;
}

/* === gems-4 (zhs, current-page rules only) === */
.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-callout-shortage {
width: max-content;
  max-width: 81.667%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-callout-auto {
width: max-content;
  max-width: 67.407%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-callout-tapchar {
width: max-content;
  max-width: 83.056%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-callout-switch {
width: max-content;
  max-width: 64.537%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-frame-portrait,
.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-window-portrait {
top: 69.792%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-window-portrait > span {
top: -676.768%;
}

.game-guide-screen-gems-4.game-guide-lang-zhs .game-guide-line-portrait {
left: 32.037%;
  top: 63.750%;
  height: 6.042%;
}

/* === food-production-3 (zhs) === */
.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout-source {
width: 44%;
}

/* === food-production-4 (zhs) === */
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-demolish {
left: 5.741%;
  top: 8.125%;
  width: max-content;
  max-width: 88%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-seed {
left: 50%;
  top: 26.563%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 70%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-count {
left: 50%;
  top: 34.063%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 84%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-harvest {
left: 34.907%;
  top: 53.542%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-upgrade {
left: 50%;
  top: 79.531%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 88%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-demolish,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-demolish {
left: 6.944%;
  top: 15%;
  width: 9.259%;
  height: 5.052%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-demolish > span {
width: 1080%;
  height: 1979.381%;
  left: -75%;
  top: -296.907%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-arrow-l,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-l {
left: 9.352%;
  top: 25.729%;
  width: 11.759%;
  height: 5.260%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-l > span {
width: 850.394%;
  height: 1900.990%;
  left: -79.528%;
  top: -489.109%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-arrow-r,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-r {
left: 79.352%;
  top: 25.729%;
  width: 11.759%;
  height: 5.260%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-r > span {
width: 850.394%;
  height: 1900.990%;
  left: -674.803%;
  top: -489.109%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-count {
left: 40.833%;
  top: 47.813%;
  width: 18.796%;
  height: 3.333%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-count > span {
width: 531.773%;
  height: 3000%;
  left: -217.241%;
  top: -1434.375%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-harvest,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-harvest {
left: 14.722%;
  top: 60.156%;
  width: 18.796%;
  height: 5.156%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-harvest > span {
width: 531.773%;
  height: 1939.394%;
  left: -78.325%;
  top: -1166.667%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-upgrade,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-upgrade {
left: 10.278%;
  top: 67.5%;
  width: 79.537%;
  height: 9.115%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-upgrade > span {
width: 125.727%;
  height: 1097.143%;
  left: -12.922%;
  top: -740.571%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-demolish {
left: 11.093%;
  top: 12.083%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-arrow-l {
left: 21.019%;
  top: 28.036%;
  width: 13.833%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-arrow-r {
left: 65.148%;
  top: 28.036%;
  width: 14.204%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-count {
left: 48.870%;
  top: 42.969%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.844%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-harvest {
left: 33.426%;
  top: 61.161%;
  width: 1.481%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-upgrade {
left: 48.685%;
  top: 76.563%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.969%;
}

/* === food-production-5 (zhs) === */
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
width: max-content;
  max-width: 70.370%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
width: max-content;
  max-width: 76.852%;
}

/* === food-production-6 (zhs) === */
.game-guide-screen-food-production-6.game-guide-lang-zhs .game-guide-callout {
font-size: 22px;
  font-size: 2.7cqw;
  line-height: 1.5;
}

.game-guide-screen-food-production-6.game-guide-lang-zhs .game-guide-callout-table {
left: 18%;
  width: 64%;
}

/* === food-production-7 (zhs) === */
.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout {
text-align: center;
}

.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout-count {
left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 88%;
}

.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout-nutrition {
width: max-content;
  max-width: 62%;
}

.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout-table {
width: max-content;
  max-width: 62%;
}

.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout-clear {
width: max-content;
  max-width: 38%;
}

.game-guide-screen-food-production-7.game-guide-lang-zhs .game-guide-callout-deselect {
width: max-content;
  max-width: 50%;
}

/* === v63 reinstall: food-production-1 === */
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-li {
display: block;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-price,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-price {
left: 45.463%;
  top: 58.854%;
  width: 26.574%;
  height: 3.906%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-price > span {
width: 376.307%;
  height: 2560%;
  left: -171.080%;
  top: -1506.667%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-cost {
left: 8.333%;
  top: 49.427%;
  width: 83.333%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-limit {
left: 10.741%;
  top: 68.750%;
  width: 75%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-list {
left: 10.648%;
  top: 76.146%;
  width: 76.944%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-price {
left: 58.889%;
  top: 55.245%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.609%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-footer {
position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 95.729%;
  text-align: center;
  color: #8a8480;
  font-weight: 700;
  font-size: 19px;
  font-size: 2.7cqw;
  line-height: 1.3;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 2.9cqw;
  line-height: 1.4;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-clear {
left: 50%;
  top: 1.563%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 92%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-points {
left: 2.685%;
  top: 14.167%;
  width: max-content;
  max-width: 56%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-move {
left: 50%;
  top: 29.323%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 72%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-callout-stamina {
left: 50%;
  top: 73.750%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 92%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-plot,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-plot {
left: 63.519%;
  top: 12.188%;
  width: 26.111%;
  height: 10.885%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-plot > span {
width: 382.979%;
  height: 918.660%;
  left: -243.262%;
  top: -111.962%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-arrow-l,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-l {
left: 1.481%;
  top: 25.573%;
  width: 7.685%;
  height: 7.708%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-l > span {
width: 1301.205%;
  height: 1297.297%;
  left: -19.277%;
  top: -331.757%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-arrow-r,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-r {
left: 90.833%;
  top: 25.573%;
  width: 7.685%;
  height: 7.708%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-arrow-r > span {
width: 1301.205%;
  height: 1297.297%;
  left: -1181.928%;
  top: -331.757%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-frame-stamina,
.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-stamina {
left: 57.315%;
  top: 92.135%;
  width: 40.463%;
  height: 5.469%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-window-stamina > span {
width: 247.140%;
  height: 1828.571%;
  left: -141.648%;
  top: -1684.762%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-plot {
left: 76.093%;
  top: 9.990%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.198%;
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-arrow-l {
left: 9.074%;
  top: 32.047%;
  width: 24.769%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-arrow-r {
left: 66.157%;
  top: 32.047%;
  width: 24.676%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-1.game-guide-lang-zhs .game-guide-line-stamina {
left: 60.537%;
  top: 86.745%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.391%;
}

/* === v63 reinstall: food-production-2 === */
.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-para {
margin-top: 0;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-frame-price,
.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-window-price {
left: 45.463%;
  top: 58.854%;
  width: 26.574%;
  height: 3.906%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-window-price > span {
width: 376.307%;
  height: 2560%;
  left: -171.080%;
  top: -1506.667%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-repeat {
bottom: 45.365%;
  left: 11.019%;
  width: 71.667%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-limits {
top: 71.250%;
  left: 11.296%;
  width: max-content;
  max-width: 64.630%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-callout-list {
top: 76.302%;
  left: 11.204%;
  width: max-content;
  max-width: 75.833%;
}

.game-guide-screen-food-production-2.game-guide-lang-zhs .game-guide-line-price {
left: 58.333%;
  top: 54.635%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.219%;
}

/* === v63 reinstall: food-production-3 === */
.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-frame-points,
.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-window-points {
left: 26.111%;
  top: 1.354%;
  width: 25%;
  height: 5.573%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-window-points > span {
width: 400%;
  height: 1794.393%;
  left: -104.444%;
  top: -24.299%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-frame-workbench,
.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-window-workbench {
left: 15.556%;
  top: 18.438%;
  width: 21.111%;
  height: 12.396%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-window-workbench > span {
width: 473.684%;
  height: 806.723%;
  left: -73.684%;
  top: -148.739%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout-points {
left: 3.241%;
  top: 9.948%;
  width: 87.037%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout-source {
left: 5.463%;
  top: 35.208%;
  width: 79.537%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout-buy {
left: 11.019%;
  top: 58.698%;
  width: 77.870%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-line-points {
left: 37.593%;
  top: 6.927%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.021%;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-line-workbench {
left: 25.694%;
  top: 30.833%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.375%;
}
.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-food-production-3.game-guide-lang-zhs .game-guide-callout-source {
width: 44%;
}

/* === v63 reinstall: food-production-4 === */
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-demolish {
left: 5.741%;
  top: 8.125%;
  width: max-content;
  max-width: 88%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-seed {
left: 50%;
  top: 26.563%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 70%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-count {
left: 50%;
  top: 34.063%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 84%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-harvest {
left: 34.907%;
  top: 53.542%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-callout-upgrade {
left: 50%;
  top: 79.531%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 88%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-demolish,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-demolish {
left: 6.944%;
  top: 15%;
  width: 9.259%;
  height: 5.052%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-demolish > span {
width: 1080%;
  height: 1979.381%;
  left: -75%;
  top: -296.907%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-arrow-l,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-l {
left: 9.352%;
  top: 25.729%;
  width: 11.759%;
  height: 5.260%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-l > span {
width: 850.394%;
  height: 1900.990%;
  left: -79.528%;
  top: -489.109%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-arrow-r,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-r {
left: 79.352%;
  top: 25.729%;
  width: 11.759%;
  height: 5.260%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-arrow-r > span {
width: 850.394%;
  height: 1900.990%;
  left: -674.803%;
  top: -489.109%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-count {
left: 40.833%;
  top: 47.813%;
  width: 18.796%;
  height: 3.333%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-count > span {
width: 531.773%;
  height: 3000%;
  left: -217.241%;
  top: -1434.375%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-harvest,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-harvest {
left: 14.722%;
  top: 60.156%;
  width: 18.796%;
  height: 5.156%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-harvest > span {
width: 531.773%;
  height: 1939.394%;
  left: -78.325%;
  top: -1166.667%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-frame-upgrade,
.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-upgrade {
left: 10.278%;
  top: 67.5%;
  width: 79.537%;
  height: 9.115%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-window-upgrade > span {
width: 125.727%;
  height: 1097.143%;
  left: -12.922%;
  top: -740.571%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-demolish {
left: 11.093%;
  top: 12.083%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.917%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-arrow-l {
left: 21.019%;
  top: 28.036%;
  width: 13.833%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-arrow-r {
left: 65.148%;
  top: 28.036%;
  width: 14.204%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-count {
left: 48.870%;
  top: 42.969%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.844%;
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-harvest {
left: 33.426%;
  top: 61.161%;
  width: 1.481%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

.game-guide-screen-food-production-4.game-guide-lang-zhs .game-guide-line-upgrade {
left: 48.685%;
  top: 76.563%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.969%;
}

/* === v63 reinstall: food-production-5 === */
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-material,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material {
left: 14.815%;
  top: 30.208%;
  width: 23.519%;
  height: 9.271%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material > span {
width: 425.197%;
  height: 1078.652%;
  left: -62.992%;
  top: -325.843%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-cook,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook {
left: 35.463%;
  top: 65.990%;
  width: 29.444%;
  height: 11.875%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook > span {
width: 339.623%;
  height: 842.105%;
  left: -120.440%;
  top: -555.702%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
left: 15.185%;
  top: 42.760%;
  width: 70.370%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
left: 11.944%;
  top: 80.521%;
  width: 76.852%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-material {
left: 25.787%;
  top: 39.479%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.281%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-cook {
left: 49.583%;
  top: 77.865%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.656%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-footer {
position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 94.479%;
  text-align: center;
  color: #8a8480;
  font-weight: 700;
  font-size: 19px;
  font-size: 2.7cqw;
  line-height: 1.3;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
width: max-content;
  max-width: 70.370%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
width: max-content;
  max-width: 76.852%;
}

/* === v63 reinstall: gems-1 === */
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  text-align: center;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-forge {
left: 50%;
  top: 5.469%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 87.963%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-switch {
left: 50%;
  top: 21.198%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-tabs {
left: 1.111%;
  top: 36.354%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-level {
left: 3.981%;
  top: 68.698%;
  width: max-content;
  max-width: 88.796%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-rates {
left: 21.019%;
  top: 87.396%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-inline-stone {
display: inline-block;
  vertical-align: -0.2em;
  margin: 0 2px;
  margin: 0 0.185cqw;
  width: 44px;
  width: 4.074cqw;
  height: 34px;
  height: 3.148cqw;
  background-image: var(--guide-stone);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-bar,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar {
left: 23.704%;
  top: 27.344%;
  width: 52.593%;
  height: 5.729%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar > span {
width: 190.141%;
  height: 1745.455%;
  left: -45.070%;
  top: -477.273%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-tab,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab {
left: 1.667%;
  top: 45%;
  width: 33.241%;
  height: 4.635%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab > span {
width: 300.836%;
  height: 2157.303%;
  left: -5.014%;
  top: -970.787%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-level,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level {
left: 36.574%;
  top: 83.177%;
  width: 15.370%;
  height: 3.073%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level > span {
width: 650.602%;
  height: 3254.237%;
  left: -237.952%;
  top: -2706.780%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-rates,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates {
left: 4.722%;
  top: 90.156%;
  width: 14.722%;
  height: 3.490%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates > span {
width: 679.245%;
  height: 2865.672%;
  left: -32.075%;
  top: -2583.582%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-bar {
left: 49.981%;
  top: 25.224%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.120%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-tab {
left: 18.500%;
  top: 40.380%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.620%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-level {
left: 44.148%;
  top: 77.615%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.563%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-rates {
left: 19.352%;
  top: 91.474%;
  width: 1.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

/* === v63 reinstall: gems-3 === */
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-panel,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel {
left: 2.315%;
  top: 33.906%;
  width: 95.741%;
  height: 16.094%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel > span {
width: 104.449%;
  height: 621.359%;
  left: -2.418%;
  top: -210.680%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count {
left: 77.315%;
  top: 61.875%;
  width: 16.574%;
  height: 3.750%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count > span {
width: 603.352%;
  height: 2666.667%;
  left: -466.480%;
  top: -1650%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-types {
bottom: 69.271%;
  left: 6.389%;
  width: 87.222%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-counts {
top: 68.594%;
  right: 2.870%;
  width: max-content;
  max-width: 65%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
top: 30.729%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.177%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1 {
left: 17.593%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2 {
left: 49.815%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
left: 81.204%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
top: 65.625%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.969%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1 {
left: 79.954%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
left: 91.204%;
}

/* === v63 reinstall: equipment-1 === */
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-flip,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-flip {
left: 75.278%;
  top: 2.083%;
  width: 21.389%;
  height: 4.844%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-flip > span {
width: 467.532%;
  height: 2064.516%;
  left: -351.948%;
  top: -43.011%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-count {
left: 22.222%;
  top: 43.438%;
  width: 13.704%;
  height: 3.542%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-count > span {
width: 729.730%;
  height: 2823.529%;
  left: -162.162%;
  top: -1226.471%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-stat,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-stat {
left: 26.019%;
  top: 51.667%;
  width: 25.556%;
  height: 2.760%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-stat > span {
width: 391.304%;
  height: 3622.642%;
  left: -101.812%;
  top: -1871.698%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-upgrade,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-upgrade {
left: 76.852%;
  top: 77.604%;
  width: 22.037%;
  height: 8.073%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-upgrade > span {
width: 453.782%;
  height: 1238.710%;
  left: -348.739%;
  top: -961.290%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-obtain {
left: 7.870%;
  top: 10.469%;
  width: 81.019%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-nodupe {
left: 7.870%;
  top: 25.313%;
  width: 84.630%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-more {
left: 7.870%;
  top: 38.021%;
  width: 79.444%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-statpair {
left: 8.148%;
  top: 56.823%;
  width: 81.481%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-cost {
left: 20.926%;
  top: 86.927%;
  width: 76.111%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-flip {
left: 86.898%;
  top: 6.927%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.542%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-count {
left: 28.843%;
  top: 41.510%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-stat {
left: 38.194%;
  top: 54.427%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.396%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-upgrade {
left: 88.009%;
  top: 85.677%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-nodupe {
width: 80%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-more {
width: 60%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-statpair {
width: 44%;
}

/* === v63 reinstall: equipment-2 === */
.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  text-align: center;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-return {
left: 50%;
  top: 13.698%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 90.833%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-tab {
left: 50%;
  top: 72.396%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-callout-item {
left: 50%;
  top: 81.823%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 91.667%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-inline-swap {
display: inline-block;
  vertical-align: -0.28em;
  margin: 0 4px;
  margin: 0 0.370cqw;
  width: 46px;
  width: 4.259cqw;
  height: 46px;
  height: 4.259cqw;
  background-image: var(--guide-swap);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-dialog {
left: 10.463%;
  top: 28.125%;
  width: 79.074%;
  height: 40.885%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-dialog > span {
width: 126.464%;
  height: 244.586%;
  left: -13.232%;
  top: -68.790%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-frame-btn,
.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-btn {
left: 63.704%;
  top: 77.969%;
  width: 12.037%;
  height: 3.125%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-window-btn > span {
width: 830.769%;
  height: 3200%;
  left: -529.231%;
  top: -2495%;
}

.game-guide-screen-equipment-2.game-guide-lang-zhs .game-guide-line-btn {
left: 66.093%;
  top: 76.406%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.563%;
}


/* === v63 conflict fixes: Food Production 4 === */
.game-guide-screen-food-production-4.game-guide-lang-zhs
.game-guide-callout-demolish {
  bottom: auto;
}
.game-guide-screen-food-production-4.game-guide-lang-zhs
.game-guide-callout-harvest {
  bottom: auto;
}

/* === v64 exact reinstall: gems-1 === */
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  text-align: center;
  padding: 14px 22px;
  padding: 1.296cqw 2.037cqw;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.45;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-forge {
left: 50%;
  top: 5.469%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 87.963%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-switch {
left: 50%;
  top: 21.198%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 80%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-tabs {
left: 1.111%;
  top: 36.354%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-level {
left: 3.981%;
  top: 68.698%;
  width: max-content;
  max-width: 88.796%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-callout-rates {
left: 21.019%;
  top: 87.396%;
  width: max-content;
  max-width: 62%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-inline-stone {
display: inline-block;
  vertical-align: -0.2em;
  margin: 0 2px;
  margin: 0 0.185cqw;
  width: 44px;
  width: 4.074cqw;
  height: 34px;
  height: 3.148cqw;
  background-image: var(--guide-stone);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-bar,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar {
left: 23.704%;
  top: 27.344%;
  width: 52.593%;
  height: 5.729%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-bar > span {
width: 190.141%;
  height: 1745.455%;
  left: -45.070%;
  top: -477.273%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-tab,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab {
left: 1.667%;
  top: 45%;
  width: 33.241%;
  height: 4.635%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-tab > span {
width: 300.836%;
  height: 2157.303%;
  left: -5.014%;
  top: -970.787%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-level,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level {
left: 36.574%;
  top: 83.177%;
  width: 15.370%;
  height: 3.073%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-level > span {
width: 650.602%;
  height: 3254.237%;
  left: -237.952%;
  top: -2706.780%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-frame-rates,
.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates {
left: 4.722%;
  top: 90.156%;
  width: 14.722%;
  height: 3.490%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-window-rates > span {
width: 679.245%;
  height: 2865.672%;
  left: -32.075%;
  top: -2583.582%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-bar {
left: 49.981%;
  top: 25.224%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.120%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-tab {
left: 18.500%;
  top: 40.380%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 4.620%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-level {
left: 44.148%;
  top: 77.615%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 5.563%;
}

.game-guide-screen-gems-1.game-guide-lang-zhs .game-guide-line-rates {
left: 19.352%;
  top: 91.474%;
  width: 1.667%;
  height: 5px;
  height: max(2px, 0.741cqw);
}

/* === v64 exact reinstall: gems-3 === */
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-panel,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel {
left: 2.315%;
  top: 33.906%;
  width: 95.741%;
  height: 16.094%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-panel > span {
width: 104.449%;
  height: 621.359%;
  left: -2.418%;
  top: -210.680%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count {
left: 77.315%;
  top: 61.875%;
  width: 16.574%;
  height: 3.750%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-window-count > span {
width: 603.352%;
  height: 2666.667%;
  left: -466.480%;
  top: -1650%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-types {
bottom: 69.271%;
  left: 6.389%;
  width: 87.222%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-callout-counts {
top: 68.594%;
  right: 2.870%;
  width: max-content;
  max-width: 65%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
top: 30.729%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.177%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-1 {
left: 17.593%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-2 {
left: 49.815%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-types-3 {
left: 81.204%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1,
.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
top: 65.625%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.969%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-1 {
left: 79.954%;
}

.game-guide-screen-gems-3.game-guide-lang-zhs .game-guide-line-counts-2 {
left: 91.204%;
}

/* === v64 exact reinstall: equipment-1 === */
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-flip,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-flip {
left: 75.278%;
  top: 2.083%;
  width: 21.389%;
  height: 4.844%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-flip > span {
width: 467.532%;
  height: 2064.516%;
  left: -351.948%;
  top: -43.011%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-count,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-count {
left: 22.222%;
  top: 43.438%;
  width: 13.704%;
  height: 3.542%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-count > span {
width: 729.730%;
  height: 2823.529%;
  left: -162.162%;
  top: -1226.471%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-stat,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-stat {
left: 26.019%;
  top: 51.667%;
  width: 25.556%;
  height: 2.760%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-stat > span {
width: 391.304%;
  height: 3622.642%;
  left: -101.812%;
  top: -1871.698%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-frame-upgrade,
.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-upgrade {
left: 76.852%;
  top: 77.604%;
  width: 22.037%;
  height: 8.073%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-window-upgrade > span {
width: 453.782%;
  height: 1238.710%;
  left: -348.739%;
  top: -961.290%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-obtain {
left: 7.870%;
  top: 10.469%;
  width: 81.019%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-nodupe {
left: 7.870%;
  top: 25.313%;
  width: 84.630%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-more {
left: 7.870%;
  top: 38.021%;
  width: 79.444%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-statpair {
left: 8.148%;
  top: 56.823%;
  width: 81.481%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-cost {
left: 20.926%;
  top: 86.927%;
  width: 76.111%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-flip {
left: 86.898%;
  top: 6.927%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.542%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-count {
left: 28.843%;
  top: 41.510%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.927%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-stat {
left: 38.194%;
  top: 54.427%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.396%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-line-upgrade {
left: 88.009%;
  top: 85.677%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 1.250%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout {
line-height: 1.5;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-nodupe {
width: 80%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-more {
width: 60%;
}

.game-guide-screen-equipment-1.game-guide-lang-zhs .game-guide-callout-statpair {
width: 44%;
}

/* === v64 exact reinstall: unlock-potential-1 === */
.game-guide-screen-unlock-potential-1.game-guide-lang-zhs {
background: #272c30;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-banner-title {
left: 1.296%;
  top: 0;
  width: 91.944%;
  height: 16.667%;
  border: 0;
  border-radius: 0;
  
  padding: 115px 130px 10px 197px;
  padding: 10.648cqw 12cqw 0.926cqw 18.204cqw;
  background-color: transparent;
  background-image:
    radial-gradient(ellipse 30% 10% at 53.5% 66.3%,
      rgba(255, 138, 52, 0.62), rgba(255, 138, 52, 0) 78%),
    var(--guide-banner);
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: screen, normal;
  color: #efe4dd;
  font-size: 63px;
  font-size: 5.8cqw;
  -webkit-text-stroke: 3px rgba(92, 58, 52, 0.95);
  -webkit-text-stroke: 0.25cqw rgba(92, 58, 52, 0.95);
  paint-order: stroke fill;
  text-shadow: 0 0 12px rgba(255, 150, 90, 0.45);
  text-shadow: 0 0 1.111cqw rgba(255, 150, 90, 0.45);
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text {
font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-cost {
left: 11.389%;
  top: 19.479%;
  width: 77.222%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-modes {
left: 4.259%;
  top: 26.719%;
  width: 91.574%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-count {
left: 9%;
  top: 39.479%;
  width: 82%;
  text-align: center;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-note {
left: 6.204%;
  top: 88.542%;
  width: 83.333%;
  font-size: 19px;
  font-size: 2.8cqw;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-note-2 {
display: block;
  padding-left: 4%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-inline-icon {
display: inline-block;
  vertical-align: -0.22em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-inline-orb {
width: 46px;
  width: 4.259cqw;
  height: 47px;
  height: 4.352cqw;
  background-image: var(--guide-orb);
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-inline-gold {
width: 62px;
  width: 5.741cqw;
  height: 39px;
  height: 3.611cqw;
  background-image: var(--guide-gold);
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-heading {
position: absolute;
  z-index: 5;
  box-sizing: border-box;
  left: 23.704%;
  top: 43.594%;
  width: 52.778%;
  min-height: 5.052%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 20px;
  padding: 1.204cqw 1.852cqw;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border: max(1px, 0.093cqw) solid rgba(255, 255, 255, 0.62);
  border-radius: 13px;
  border-radius: 1.204cqw;
  background: #272727;
  color: #f2f2f2;
  font-weight: 700;
  font-size: 25px;
  font-size: 3.5cqw;
  line-height: 1.25;
  text-wrap: balance;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-panel {
position: absolute;
  z-index: 2;
  box-sizing: border-box;
  left: 10.093%;
  top: 50.573%;
  width: 79.815%;
  height: 35.469%;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border: max(1px, 0.093cqw) solid rgba(255, 255, 255, 0.62);
  border-radius: 13px;
  border-radius: 1.204cqw;
  background: #272727;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-rule-h {
position: absolute;
  z-index: 5;
  left: 12.685%;
  top: 55.990%;
  width: 74.352%;
  height: 2px;
  height: max(1px, 0.185cqw);
  background: rgba(255, 255, 255, 0.45);
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-rule-v {
position: absolute;
  z-index: 5;
  left: 27.870%;
  top: 52.083%;
  width: 2px;
  width: max(1px, 0.185cqw);
  height: 33.333%;
  background: rgba(255, 255, 255, 0.45);
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th {
position: absolute;
  z-index: 5;
  top: 52.813%;
  height: 1.979%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #efefef;
  font-weight: 700;
  font-size: 21px;
  font-size: 2.778cqw;
  line-height: 1.2;
  white-space: nowrap;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th-min {
left: 18.333%; width: 9.259%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th-max {
left: 59.630%; width: 9.259%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th-rate {
left: 72.685%; width: 15.741%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr {
position: absolute;
  z-index: 5;
  left: 12.685%;
  width: 75.741%;
  height: 1.979%;
  display: grid;
  grid-template-columns:
    15.185cqw 5.185cqw 7.222cqw 3.241cqw 6.944cqw
    2.778cqw 5.741cqw 0.648cqw 7.315cqw 5.741cqw 15.741cqw;
  align-items: center;
  color: #efefef;
  font-weight: 700;
  font-size: 23px;
  font-size: 3.148cqw;
  line-height: 1.2;
  white-space: nowrap;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .name {
grid-column: 1; font-size: 2.4cqw;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .v1 {
grid-column: 3;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .v2 {
grid-column: 5;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .dots {
grid-column: 7; text-align: center; letter-spacing: 0.1em;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .vmax {
grid-column: 9; text-align: right;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .vrate {
grid-column: 11; text-align: center;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-1 {
top: 57.917%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-2 {
top: 62.750%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-3 {
top: 67.583%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-4 {
top: 72.417%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-5 {
top: 77.250%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr-6 {
top: 82.083%;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text {
line-height: 1.5;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-cost,
.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-text-modes {
text-align: center;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-banner-title {
letter-spacing: 0.08em;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-tr > .name {
font-size: 3.148cqw;
}

.game-guide-screen-unlock-potential-1.game-guide-lang-zhs .game-guide-th {
line-height: 1.15;
}

/* === v65 exact reinstall: food-production-5 replacement === */
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 10px 17px;
  padding: 0.926cqw 1.574cqw;
  font-size: 20px;
  font-size: 3cqw;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-material,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material {
left: 14.815%;
  top: 30.208%;
  width: 23.519%;
  height: 9.271%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material > span {
width: 425.197%;
  height: 1078.652%;
  left: -62.992%;
  top: -325.843%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-cook,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook {
left: 35.463%;
  top: 65.990%;
  width: 29.444%;
  height: 11.875%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook > span {
width: 339.623%;
  height: 842.105%;
  left: -120.440%;
  top: -555.702%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
left: 15.185%;
  top: 42.760%;
  width: 70.370%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
left: 11.944%;
  top: 80.521%;
  width: 76.852%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-material {
left: 25.787%;
  top: 39.479%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.281%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-cook {
left: 49.583%;
  top: 77.865%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.656%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-footer {
position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 94.479%;
  text-align: center;
  color: #8a8480;
  font-weight: 700;
  font-size: 19px;
  font-size: 2.7cqw;
  line-height: 1.3;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 2.7cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
width: max-content;
  max-width: 70.370%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
width: max-content;
  max-width: 76.852%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-dim {
background: rgba(3, 2, 8, 0.72);
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout {
min-height: 0;
  padding: 7px 12px;
  padding: 0.648cqw 1.111cqw;
  font-size: 20px;
  font-size: 3cqw;
  line-height: 1.5;
  line-break: strict;
  word-break: normal;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-material,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material {
left: 14.815%;
  top: 30.208%;
  width: 23.519%;
  height: 9.271%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-material > span {
width: 425.197%;
  height: 1078.652%;
  left: -62.992%;
  top: -325.843%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-frame-cook,
.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook {
left: 35.463%;
  top: 65.990%;
  width: 29.444%;
  height: 11.875%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-window-cook > span {
width: 339.623%;
  height: 842.105%;
  left: -120.440%;
  top: -555.702%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-material {
left: 15.185%;
  top: 42.760%;
  width: max-content;
  max-width: 72%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-callout-stamina {
left: 11.944%;
  top: 80.521%;
  width: max-content;
  max-width: 82%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-material {
left: 25.787%;
  top: 39.479%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 3.281%;
}

.game-guide-screen-food-production-5.game-guide-lang-zhs .game-guide-line-cook {
left: 49.583%;
  top: 77.865%;
  width: 5px;
  width: max(2px, 0.741cqw);
  height: 2.656%;
}