/* 矮屏横屏（原 @media (max-height: 430px) and (orientation: landscape)）。
   条件写在 <link media> 上，强制横屏时由 js/orientation.js 换成 all。 */

#dialog {
  min-height: 27%;
  padding: 14px 28px;
}

#textbox {
  font-size: 18px;
  line-height: 1.5;
}

#namebox {
  min-width: 92px;
  padding: 6px 18px;
  font-size: 15px;
}

#choices {
  bottom: 27%;
  gap: 6px;
}

/* 舞台只有约 693×390，选项按钮压到最小仍能点，
   这样整块选项区少占约 40px，人物立绘不会被盖住大半。 */
#choices > button,
.choice-button {
  min-height: 38px;
  padding: 7px 16px;
  font-size: 15px;
  line-height: 1.3;
}

.title-content {
  width: 66%;
  padding: 4% 0 12% 4%;
}

.title-subtitle {
  max-width: 92%;
}

.title-subtitle span {
  font-size: 17px;
  letter-spacing: 0.03em;
}

.title-subtitle span:nth-child(3) {
  font-size: 14px;
}

#game-title {
  font-size: 68px;
}

/* 小屏横屏（含强制横屏）舞台只有约 693×390，
   贴纸全开会互相压住，这里只留最出戏的两张。 */
.kv-status,
.kv-tag,
.kv-bubble,
.kv-slogan-unlock,
.kv-slogan-ending,
.kv-slogan-max,
.kv-cross-1,
.kv-heart-2,
.kv-star-2 {
  display: none;
}

.kv-shekong {
  right: 6%;
  bottom: 8%;
  font-size: 20px;
}

/* 固定 132px 装不下「♥ 好感度」+「158/158 MAX」两列，
   网格会溢出到面板外面，所以改成按内容撑开并限一个上限。 */
.kv-affection {
  top: 6%;
  right: 3%;
  width: auto;
  min-width: 150px;
  max-width: 44%;
  padding: 6px 10px;
  gap: 3px 8px;
  /* 小屏上封面粉色底会把半透明面板照亮，白字发灰，这里加不透明度。 */
  background: linear-gradient(150deg, rgba(48, 25, 62, 0.93), rgba(36, 17, 48, 0.95));
  font-size: 12px;
}

.kv-affection .kv-aff-head {
  letter-spacing: 0.04em;
}

.kv-affection .kv-aff-num {
  font-size: 0.82em;
  letter-spacing: 0;
}

.kv-affection::after {
  font-size: 0.76em;
  letter-spacing: 0.1em;
}

#start-button {
  bottom: 7%;
  min-width: 226px;
  min-height: 46px;
  padding: 8px 22px;
}

#start-button span {
  margin-right: 0.5em;
  font-size: 18px;
  letter-spacing: 0.12em;
}

#start-button small {
  font-size: 13px;
}

.history-button {
  top: 4%;
  left: 3%;
  min-width: 104px;
  min-height: 36px;
  padding: 6px 12px;
  font-size: 13px;
}

.copyright {
  bottom: 1.2%;
  font-size: 11px;
}

.ending-card {
  width: min(78%, 700px);
  padding-top: 14px;
  padding-bottom: 14px;
}

.ending-divider,
.ending-achievements {
  margin-top: 6px;
  margin-bottom: 6px;
}