/* Training is deliberately icon-first. Names and effects are requested through i. */
.g2-scroll:has(> .g2-train-page) {padding:16px 8px 6px;overflow:hidden;}
.g2-train-page {position:relative;box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;gap:4px;container:training-pane / size;}
.g2-train-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex:1;min-height:0;min-width:0;}
.g2-train-card {position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(32px,1fr) 24px 24px 44px;align-items:center;gap:4px;padding:8px!important;min-width:0;min-height:0;text-align:center;overflow:hidden;}
.g2-train-card-title,#game-runtime .g2-train-card-title {position:absolute;top:6px;left:14px;right:32px;display:flex;align-items:center;height:24px;margin:0;padding:0;min-width:0;font:700 clamp(9px,1.9cqw,12px)/1.1 Georgia,serif;letter-spacing:-.02em;text-align:left;white-space:nowrap;color:#493e2a;}
.g2-train-icon {display:grid;place-items:center;align-self:stretch;min-height:0;padding-top:24px;color:#685237;}
.g2-train-icon>:is(.stone-icon,.g2-train-glyph) {width:64px;height:64px;max-height:100%;max-width:100%;}
.g2-train-glyph {display:inline-block;vertical-align:middle;flex-shrink:0;color:inherit;}
.g2-train-value {display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap;font:700 16px/1.1 Georgia,serif;color:#493e2a;}
.g2-train-value small {font:10px/1.1 system-ui,sans-serif;color:#826c4e;}
.g2-train-cost {display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font:11px/1.1 system-ui,sans-serif;color:#735b3c;}
.g2-train-cost>img {display:block;width:20px;height:20px;object-fit:contain;flex:0 0 20px;}
.g2-train-max {font-size:9px;font-weight:600;color:#81684a;letter-spacing:.04em;}
.g2-train-card>.g2-button,.g2-train-choice>.g2-button {box-sizing:border-box;display:flex;align-items:center;justify-content:center;align-self:end;gap:4px;min-height:44px!important;height:44px!important;width:100%!important;max-width:100%;padding:3px!important;margin:0;border:0;border-radius:0;background:var(--stone-code-skin) center/100% 100% no-repeat;box-shadow:none;font:700 10px/1.1 Georgia,serif;white-space:nowrap;letter-spacing:0;}
.g2-train-card>.g2-button:disabled,.g2-train-choice>.g2-button:disabled {color:#7b684c!important;}
.g2-train-card>.g2-button:focus:not(:focus-visible),.g2-train-choice>.g2-button:focus:not(:focus-visible) {outline:0;}
.g2-train-lock {display:block;width:10px;height:12px;flex:0 0 10px;}
/* The visible circle is the complete pointer target, including its clipped corners. */
.g2-train-info {position:absolute;right:6px;top:6px;z-index:2;box-sizing:border-box;width:24px!important;min-width:24px!important;max-width:24px;height:24px!important;min-height:24px!important;max-height:24px;display:grid;place-items:center;padding:0!important;border:1px solid #a38a61;border-radius:50%;clip-path:circle(50%);background:#e8dab6;color:#70583a;box-shadow:inset 0 1px #fff2ce;cursor:pointer;}
.g2-train-info>span {display:grid;place-items:center;width:100%;height:100%;font:700 italic 14px/1 Georgia,serif;pointer-events:none;}
.g2-train-info:focus-visible {outline:2px solid #967240;outline-offset:-3px;box-shadow:inset 0 0 0 2px #fff2ce;}
.g2-train-points {display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 16px;min-width:0;font:10px/1.1 system-ui,sans-serif;color:#796143;}
.g2-train-points strong {color:#503e26;}
/* Fractional halves fit the actual scene, including scaled desktop phone previews. */
.g2-train-pair {position:relative;box-sizing:border-box;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));padding:6px!important;gap:4px;min-height:0;min-width:0;overflow:hidden;}
.g2-train-choice {position:relative;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) 44px;gap:2px;min-width:0;min-height:0;padding:2px 1px 0;}
.g2-train-choice+.g2-train-choice {border-top:1px solid #a9916a66;}
.g2-train-choice.is-selected {background:#8c382017;box-shadow:inset 2px 0 #9a4734;}
.g2-train-choice.is-excluded .g2-train-choice-icon {color:#9b8a6c;}
.g2-train-choice-meta {display:grid;grid-template-columns:48% minmax(0,1fr);align-items:center;gap:1px;min-height:0;min-width:0;}
.g2-train-choice-icon {display:grid;place-items:center;min-height:0;min-width:0;height:100%;color:#685237;}
.g2-train-choice-icon>:is(.stone-icon,.g2-train-glyph) {width:42px;height:42px;max-height:100%;}
.g2-train-choice-numbers {display:flex;justify-content:center;align-items:center;align-self:end;gap:3px;min-width:0;min-height:13px;padding-bottom:1px;white-space:nowrap;}
.g2-train-choice .g2-train-value {font-size:11px;gap:2px;}
.g2-train-choice .g2-train-value small {font-size:8px;}
.g2-train-choice .g2-train-cost {font-size:9px;gap:2px;}
.g2-train-choice .g2-train-cost>.g2-train-glyph {width:11px;height:11px;}
.g2-train-choice .g2-train-max {display:none;}
.g2-train-choice .g2-train-info {top:2px;right:2px;}
@container training-pane (max-width:700px) {
  .g2-train-grid {gap:4px;}
  .g2-train-card {padding:6px!important;grid-template-rows:minmax(28px,1fr) 21px 21px 44px;gap:2px;}
  .g2-train-icon>:is(.stone-icon,.g2-train-glyph) {width:56px;height:56px;}
  .g2-train-value {font-size:14px;gap:3px;}
  .g2-train-card>.g2-button,.g2-train-choice>.g2-button {font-size:9px;}
  .g2-train-choice-icon>:is(.stone-icon,.g2-train-glyph) {width:38px;height:38px;}
  .g2-train-choice .g2-train-value {font-size:10px;gap:1px;}
  .g2-train-choice .g2-train-value small {font-size:7px;}
  .g2-train-choice .g2-train-cost {font-size:8px;gap:1px;}
  .g2-train-choice-numbers {gap:2px;}
}
@container training-pane (max-height:225px) {
  .g2-train-points {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  .g2-train-card {padding:6px!important;gap:1px;grid-template-rows:minmax(27px,1fr) 20px 20px 44px;}
}
@container training-pane (max-width:550px) {
  .g2-train-card-title,#game-runtime .g2-train-card-title {left:10px;right:30px;font-size:clamp(8.5px,1.8cqw,10px);}
}
@media(max-height:360px) and (orientation:landscape) {
  .g2-scroll:has(> .g2-train-page) {padding-top:13px;padding-bottom:4px;}
}