/* HOPLUDO GAME PAGE V3 — intentionally scoped to .game-detail */
.game-detail { padding-top: 16px; padding-bottom: 18px; }
.game-detail .breadcrumbs {
  margin-bottom: 13px; background: transparent; border: none;
  padding: 0; font-size: 13px; color: #bfb4e6; box-shadow: none;
}
.game-detail .hplgp-intro {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  min-height: 101px; margin-bottom: 18px; padding: 18px 23px;
  border: 1px solid rgba(170,139,250,.32); border-radius: 20px;
  background: linear-gradient(115deg,rgba(56,31,112,.88),rgba(25,18,65,.72));
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.game-detail .hplgp-intro-title { flex: 1; min-width: 0; }
.game-detail .hplgp-intro .game-overview {display:flex;align-items:center;gap:16px;margin:0;}
.game-detail .hplgp-intro .game-overview img {
  width: 78px; height: 78px; flex: 0 0 78px; object-fit: cover;
  border-radius: 16px; border: 1px solid #9d75f1;
}
.game-detail .hplgp-intro h1 { font-size:clamp(27px,2.5vw,38px);line-height:1.16;margin:5px 0 0;overflow-wrap:anywhere; }
.game-detail .hplgp-intro .game-page-tag {font-size:12px;}
.game-detail .hplgp-intro-sub {margin:6px 0 0;font-size:14px;color:#d3c7f1;line-height:1.5;}
.game-detail .hplgp-intro-quick {flex:0 0 auto;}
.game-detail .hplgp-online {display:inline-flex;align-items:center;gap:8px;border:1px solid #678e9e;border-radius:40px;background:#123d4a5c;padding:9px 13px;color:#a7f5d7;font-size:13px;font-weight:800;white-space:nowrap;}
.game-detail .game-layout {gap:19px;grid-template-columns:minmax(0,1.72fr) minmax(292px,.93fr);align-items:start;}
.game-detail .player {border-radius:20px;border:1px solid #9d6bf5;box-shadow:0 16px 39px #04021c82,0 0 0 1px #a367ed26;}
.game-detail .player-toolbar {min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 15px;background:#1c1547;}
.game-detail .player-toolbar .tool-actions {display:flex;gap:8px;align-items:center;}
.game-detail .player-toolbar .hplgp-focus-button {padding:6px 11px;min-width:auto;min-height:35px;font-size:12px;font-weight:800;border-radius:9px;background:#423078;border-color:#826ab3;white-space:nowrap;}
.game-detail .player-toolbar .hplgp-focus-button[aria-pressed="true"] {background:#9955d6;}
.game-detail .game-aside {padding:22px;border:1px solid #7d5ebc;border-radius:20px;gap:8px;box-shadow:none;min-height:0;background:linear-gradient(150deg,#26194f,#171239);}
.game-detail .hplgp-eyebrow {color:#e3bbff;font-weight:900;font-size:16px;}
.game-detail .game-aside .chips {margin:7px 0 7px;gap:7px;}
.game-detail .game-aside .chip {font-size:12px;padding:7px 10px;background:#3d286aa6;border-color:#7155a3;}
.game-detail .aside-description {font-size:15px;line-height:1.78;color:#e3def5;margin:2px 0 0;max-width:none;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.game-detail .hplgp-more {display:inline-flex;width:fit-content;align-items:center;color:#d3afff;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:13px;margin:0 0 9px;}
.game-detail .hplgp-more:hover {color:white;}
.game-detail .game-aside .btn-main {font-size:18px;min-height:59px;border-radius:14px;margin:7px 0 0;box-shadow:0 8px 25px #bc34db44;}
.game-detail .hplgp-cta-hint {font-size:12px;text-align:center;color:#aca7d0;margin-top:0;}
.game-detail .game-meta-actions {margin-top:8px;padding-top:12px;border-top:1px solid #7962a34d;gap:7px;}
.game-detail .game-meta-actions button {min-height:66px;border-radius:12px;gap:5px;font-size:11px;box-shadow:none;}
.game-detail .game-meta-actions button .icon {width:20px;height:20px;}
.game-detail .game-tabs {margin:22px 0 17px;gap:8px;padding:5px;border-radius:14px;background:#20174d;border-color:#5a438e;}
.game-detail .game-tabs a {min-height:46px;border-radius:10px;font-size:14px;color:#e5def8;}
.game-detail .game-tabs a:first-child {background:transparent;box-shadow:none;}
.game-detail .game-tabs a:hover,.game-detail .game-tabs a:focus-visible {background:#613ca8;box-shadow:none;color:#fff;}
.game-detail .detail-info {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.87fr);gap:17px;}
.game-detail .detail-card {min-height:0;padding:24px 26px;border-radius:18px;background:linear-gradient(145deg,#211747,#151137);border-color:#5f4d9b;box-shadow:none;}
.game-detail .detail-card h2 {font-size:21px;margin-bottom:16px;}
.game-detail .detail-card p {color:#e6dff7;font-size:16px;line-height:1.92;max-width:72ch;overflow:visible;max-height:none;white-space:pre-line;}
.game-detail .detail-card .hplgp-english {direction:ltr;text-align:left;font-family:Outfit,Arial,sans-serif;line-height:1.8;}
.game-detail .hplgp-language-note {border-radius:10px;border:1px solid #7164a2;background:#34275a;color:#eddbff;padding:10px 12px;font-size:13px;margin-bottom:13px;line-height:1.55;}
.game-detail .keycaps {display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;}
.game-detail .keycaps kbd {padding:7px 10px;font-family:inherit;font-weight:700;font-size:12px;}
.game-detail .game-bottom {margin-top:30px;}
.game-detail .game-bottom .grid-games {gap:14px;}
.game-detail.hplgp-focus .game-layout {grid-template-columns:minmax(0,1fr);}
.game-detail.hplgp-focus .game-aside {display:none;}
.game-detail.hplgp-focus .player {max-width:1200px;width:100%;margin-inline:auto;}
@media (max-width: 1000px) {
  .game-detail .game-layout {grid-template-columns:1fr;}
  .game-detail .player {order:0;}
  .game-detail .game-aside {order:1;}
  .game-detail .detail-info {grid-template-columns:1fr;}
  .game-detail .game-meta-actions {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width: 600px) {
  .game-detail {padding-top:9px;}
  .game-detail .breadcrumbs {font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
  .game-detail .hplgp-intro {padding:13px;min-height:0;gap:9px;margin-bottom:12px;border-radius:14px;}
  .game-detail .hplgp-intro .game-overview {gap:10px;}
  .game-detail .hplgp-intro .game-overview img {width:58px;height:58px;flex-basis:58px;border-radius:11px;}
  .game-detail .hplgp-intro h1 {font-size:clamp(19px,5.3vw,26px);}
  .game-detail .hplgp-intro-sub {font-size:11px;}
  .game-detail .hplgp-intro-quick {display:none;}
  .game-detail .player {border-radius:13px;}
  .game-detail .player-toolbar {padding:8px 9px;gap:6px;min-height:49px;}
  .game-detail .player-toolbar .tool-actions {gap:5px;}
  .game-detail .player-toolbar .hplgp-focus-button {font-size:11px;padding:6px 8px;}
  .game-detail .game-aside {padding:17px;}
  .game-detail .game-aside .btn-main {font-size:17px;min-height:53px;}
  .game-detail .game-meta-actions button {min-height:62px;}
  .game-detail .game-tabs {gap:3px;margin:15px 0;}
  .game-detail .game-tabs a {font-size:11px;padding:5px;gap:4px;min-height:42px;}
  .game-detail .detail-card {padding:19px 17px;}
  .game-detail .detail-card h2 {font-size:20px;}
  .game-detail .detail-card p {font-size:15px;line-height:1.8;}
}
@media (prefers-reduced-motion: reduce) {
  .game-detail .game-aside .btn-main, .game-detail .game-meta-actions button {transition:none;}
}