/* /gamen/ このスマホの画面サイズ */
.gm-h1 { font-size: 24px; margin: 16px 0 4px; }
.gm-sub { margin-bottom: 12px; }

.gm-result { border: 2px solid #0d6efd; border-radius: 12px; padding: 16px; margin: 0 0 16px; text-align: center; background: #f5f9ff; }
.gm-label { font-size: 13px; color: #555; margin: 0; }
.gm-name { font-size: 20px; font-weight: bold; margin: 2px 0 10px; }
.gm-size { font-size: 34px; font-weight: bold; color: #0d6efd; margin: 0; line-height: 1.2; }
.gm-cm { font-size: 16px; margin: 4px 0 8px; }
.gm-source { font-size: 12px; color: #666; margin: 0; }

.gm-candidates { border: 1px solid #f0ad4e; background: #fff8ec; border-radius: 8px; padding: 10px 12px; margin: 0 0 16px; font-size: 14px; }
.gm-candidates ul { margin: 6px 0; padding-left: 1.2em; }

.gm-spec { width: 100%; margin: 0 0 6px; font-size: 15px; }
.gm-spec th { width: 45%; font-weight: normal; color: #555; padding: 6px 4px; border-bottom: 1px solid #eee; }
.gm-spec td { padding: 6px 4px; border-bottom: 1px solid #eee; font-weight: bold; }
.gm-note { font-size: 12px; color: #666; margin: 0 0 16px; }

.gm-section-h { font-size: 19px; margin: 24px 0 10px; }
.gm-card-wrap { display: flex; justify-content: center; padding: 8px 0; overflow: hidden; }
.gm-card { border: 3px solid #e67e22; border-radius: 10px; background: rgba(230, 126, 34, 0.12); box-sizing: border-box; flex-shrink: 0; max-width: none; }
.gm-controls { display: flex; align-items: center; gap: 6px; margin: 8px 0; }
.gm-controls input[type=range] { flex: 1; min-width: 0; }
.gm-msg { font-size: 13px; margin: 6px 0 0; min-height: 1em; }
.gm-desc { line-height: 1.8; }