/* Rectangular speech bubbles, compact game imagery, and clear plan identity. */
.speech-note {
  border-radius:8px;
  font-family:var(--round);
  font-size:15px;
  font-weight:500;
  padding:10px 14px;
  box-shadow:none;
}
.speech-note::after {
  width:9px;
  height:9px;
  bottom:-5px;
  transform:rotate(45deg);
  left:70%;
}
.monthly-cut p.speech-note { font-size:15px; transform:none; top:-62px; }
.phone-caption.speech-note { font-size:14px; transform:none; }
.detail-gallery .speech-note { font-size:12px; white-space:normal; }
.detail-asset-image .speech-note { font-size:14px; }
.detail-gallery .speech-note::after,.detail-asset-image .speech-note::after { top:-5px; transform:rotate(225deg); }
.small-earn { display:grid; grid-template-columns:1fr 360px; gap:35px; padding-block:30px; }
.small-earn h3 { font-size:23px; font-family:var(--round); }
.small-earn p { font-size:13px; line-height:2; }
.mini-game-shots { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:290px; margin-left:auto; }
.mini-game-shots figure { text-align:center; }
.mini-game-shot,.game-shot-placeholder { width:130px; aspect-ratio:1206/2622; border-radius:9px; border:3px solid #fff; background:#fff8ec; object-fit:contain; }
.game-shot-placeholder { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; color:#57655c; }
.game-shot-placeholder img { width:65px; }
.game-shot-placeholder span { font-size:10px; }
.mini-game-shots figcaption { font-size:11px; margin-top:10px; line-height:1.7; }
.mini-game-shots small { font-size:9px; color:#f8dce7; }
.flow-badges { display:flex; gap:9px; padding:0; margin:0; list-style:none; }
.flow-badges li { background:#fff2dc; color:#6b2945; border-radius:999px; padding:10px 14px; font-size:12px; white-space:nowrap; }
.flow-badges li>span { font-family:'SC Lato',sans-serif; color:#a65776; margin-right:7px; font-size:11px; }
.plan-explain { display:grid; grid-template-columns:1fr 1fr; gap:16px; text-align:left; margin-bottom:26px; }
.plan-explain>div { border-radius:8px; padding:26px; }
.gold-explain { background:#fff5d9; color:#584720; }
.platinum-explain { background:#161616; color:#fff; }
.plan-explain>div>p:first-child { font-size:12px; margin-bottom:13px; font-weight:700; }
.plan-explain h3 { font-size:22px; margin-bottom:14px; letter-spacing:0; }
.plan-explain>div>p:last-child { font-size:13px; line-height:2; }
.plan-table thead th:nth-child(4),.plan-table tbody td:nth-child(4) { background:#161616; color:#fff; border-color:#414141; }
.plan-table thead th:nth-child(4) small { color:#ddd; }
.research-list small.platinum-label { background:#161616; color:#fff; border:1px solid #161616; padding:3px 8px; border-radius:3px; }
@media(max-width:800px) {
 .small-earn { grid-template-columns:1fr 270px; gap:25px; }
 .small-earn h3 { font-size:20px; }
 .plan-explain h3 { font-size:19px; }
 .point-bridge .flow-badges { margin-top:16px; }
}
@media(max-width:600px) {
 .monthly-cut p.speech-note { font-size:14px; top:-58px; }
 .phone-caption.speech-note { font-size:12px; top:-20px; }
 .small-earn { grid-template-columns:1fr; gap:23px; }
 .small-earn h3 { font-size:20px; }
 .small-earn p { font-size:12px; }
 .mini-game-shots { width:100%; margin:auto; gap:20px; }
 .flow-badges { gap:6px; }
 .flow-badges li { font-size:10px; padding:9px 8px; }
 .flow-badges li>span { font-size:10px; margin-right:4px; }
 .plan-explain { grid-template-columns:1fr; gap:12px; }
 .plan-explain>div { padding:22px; }
 .plan-explain h3 { font-size:20px; }
 .plan-explain>div>p:last-child { font-size:12px; }
}