/* A compact directory using the same surfaces and orange accent as the site. */
.cscom-unified .csl-nav {
  box-sizing:border-box;
  min-width:0;
  width:100%;
  color:var(--csui-muted,#aab3c4);
  font-family:'Manrope',sans-serif;
}
.cscom-unified .csl-directory {
  margin:0;
  border:1px solid var(--csui-line,#ffffff10);
  border-radius:18px;
  background:linear-gradient(145deg,#171c28,#111620);
  box-shadow:0 10px 30px #00000012;
  overflow:hidden;
}
.cscom-unified .csl-summary {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:66px;
  margin:0;
  padding:15px 13px;
  list-style:none;
  color:#e2e8f3;
  cursor:pointer;
  background:#ffffff02;
}
.cscom-unified .csl-summary::marker {content:''}
.cscom-unified .csl-summary::-webkit-details-marker {display:none}
.cscom-unified .csl-summary::before,.cscom-unified .csl-summary::after {display:none}
.cscom-unified .csl-summary-icon {
  display:grid;
  place-items:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border:1px solid #ff7b321a;
  border-radius:10px;
  background:#ff7b3210;
  color:#ffad76;
}
.cscom-unified .csl-summary-icon svg {display:block;width:17px;height:17px}
.cscom-unified .csl-summary-title {
  min-width:0;
  font:700 14px/1.35 'Exo 2',sans-serif;
  letter-spacing:.1px;
}
.cscom-unified .csl-summary-title>span {display:block;color:#8999b0;font:500 10px/1.5 'Manrope',sans-serif}
.cscom-unified .csl-summary-chevron {
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin-left:auto;
  color:#90a0b7;
  transition:transform .18s ease;
}
.cscom-unified .csl-directory[open]>.csl-summary {border-bottom:1px solid #ffffff09}
.cscom-unified .csl-directory[open]>.csl-summary>.csl-summary-chevron {transform:rotate(180deg)}
.cscom-unified .csl-content {padding:10px}
.cscom-unified .csl-links {display:grid;gap:4px;margin:0;padding:0;list-style:none}
.cscom-unified .csl-links>li {min-width:0;margin:0;padding:0;list-style:none}
.cscom-unified .csl-link {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:10px;
  border:1px solid transparent;
  border-radius:11px;
  color:#b1bed0;
  font:600 12px/1.5 'Manrope',sans-serif;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.cscom-unified .csl-link>span:not(.csl-game-mark) {min-width:0;overflow-wrap:break-word}
.cscom-unified .csl-link-icon {display:block;flex:0 0 18px;width:18px;height:18px;color:#8293ac;transition:color .18s ease}
.cscom-unified .csl-link-arrow {display:block;flex:0 0 13px;width:13px;height:13px;margin-left:auto;color:#62718a;transition:color .18s ease,transform .18s ease}
.cscom-unified .csl-link:hover {background:#ffffff05;border-color:#ffffff08;color:#f0f4fd;text-decoration:none}
.cscom-unified .csl-link:hover>.csl-link-icon {color:#ffb184}
.cscom-unified .csl-link:hover>.csl-link-arrow {color:#ffb184;transform:translateX(2px)}
.cscom-unified .csl-link.is-active {
  border-color:#ff7b3223;
  background:linear-gradient(100deg,#ff7b321b,#ff7b3208);
  color:#ffbb94;
  box-shadow:inset 2px 0 #ff7b32;
}
.cscom-unified .csl-link.is-active>.csl-link-icon,.cscom-unified .csl-link.is-active>.csl-link-arrow {color:#ffad76}
.cscom-unified .csl-games {margin-top:13px;padding-top:15px;border-top:1px solid #ffffff09}
.cscom-unified .csl-group-title {margin:0 10px 10px;color:#7e8ea5;font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:1px;text-transform:uppercase}
.cscom-unified .csl-game-link {gap:9px;min-height:42px;padding:8px 9px;font-size:11px;line-height:1.45}
.cscom-unified .csl-game-mark {
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:1px solid #ffffff0c;
  border-radius:8px;
  background:#ffffff04;
  color:#9baac0;
  font:700 11px/1 'Exo 2',sans-serif;
  font-variant-numeric:tabular-nums;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.cscom-unified .csl-game-link:hover>.csl-game-mark,.cscom-unified .csl-game-link.is-active>.csl-game-mark {border-color:#ff7b3226;background:#ff7b3210;color:#ffb184}
.cscom-unified .csl-nav :where(a,summary):focus-visible {outline:2px solid #ffad78;outline-offset:-3px}
@media(min-width:1440px) {
  .cscom-unified .csl-summary {cursor:default;pointer-events:none}
  .cscom-unified .csl-summary-chevron {display:none}
}
@media(max-width:1439px) {
  .cscom-unified .csl-content>nav:first-child>.csl-links>li:last-child {grid-column:1 / -1}
  .cscom-unified .csl-summary {min-height:59px;padding:12px 15px}
  .cscom-unified .csl-summary-title {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
  .cscom-unified .csl-summary-title>span {display:inline;color:inherit;font:inherit}
  .cscom-unified .csl-content {padding:12px}
  .cscom-unified .csl-links {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .cscom-unified .csl-link {border-color:#ffffff08;background:#ffffff02}
  .cscom-unified .csl-game-links {grid-template-columns:repeat(5,minmax(0,1fr))}
  .cscom-unified .csl-game-link {min-height:46px}
  .cscom-unified .csl-link-arrow {display:none}
  .cscom-unified .csl-games {margin-top:12px;padding-top:13px}
  .cscom-unified .csl-group-title {margin-inline:3px}
}
@media(max-width:650px) {
  .cscom-unified .csl-directory {border-radius:16px}
  .cscom-unified .csl-summary {padding:11px 12px;min-height:57px}
  .cscom-unified .csl-summary-title {font-size:13px}
  .cscom-unified .csl-links,.cscom-unified .csl-game-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .cscom-unified .csl-content {padding:10px}
  .cscom-unified .csl-link {min-height:44px;padding:9px}
  .cscom-unified .csl-game-link {gap:8px;font-size:11px}
  .cscom-unified .csl-game-mark {width:26px;height:26px;flex-basis:26px;font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .cscom-unified .csl-nav * {transition:none!important;animation:none!important}
}