/* Screenshot help follows the site's open, quiet composition. */
.guide-section {padding-top:60px;min-height:75vh;}
.guide-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px;}
.guide-heading h1 {font-size:clamp(32px,4vw,48px);}
.guide-heading .sub {margin-bottom:0;}
.guide-heading .eyebrow {margin-bottom:14px;}
.guide-in-game {flex-shrink:0;margin:0 0 6px;font-size:13px;line-height:1.9;color:var(--dim);}
.guide-search-wrap {display:grid;grid-template-columns:minmax(180px,560px) auto;align-items:center;gap:10px 24px;margin-bottom:24px;}
.guide-search-wrap label {grid-column:1 / -1;font-size:13px;color:var(--dim);}
#guide-search {display:block;width:100%;min-height:52px;padding:12px 16px;border:1px solid #45616d;border-radius:7px;background:#0c1d29;color:var(--text);font-size:16px;}
#guide-search::placeholder {color:#93a6b1;}
#guide-search:focus {border-color:var(--cyan);outline:2px solid #75e4d633;outline-offset:2px;}
#guide-count {font-size:13px;color:var(--dim);white-space:nowrap;}
.guide-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;}
.guide-filters button {min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--dim);font-size:14px;}
.guide-filters button:hover {color:var(--text);border-color:#75e4d666;}
.guide-filters button[aria-pressed="true"] {color:#b7f4e6;border-color:#67c8be;background:#16403e70;}
.guide-group {margin-top:36px;}
.guide-group h2 {font-size:18px;color:var(--cyan);margin:0 0 14px;letter-spacing:0;}
.guide-topic-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--line);}
.guide-topic {display:grid;grid-template-columns:1fr 24px;gap:7px 20px;align-items:center;padding:20px 0;min-height:99px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;}
.guide-topic strong {font-size:18px;font-weight:400;line-height:1.6;}
.guide-topic small {display:block;color:var(--dim);font-size:13px;line-height:1.6;margin-top:3px;}
.guide-topic .topic-arrow {grid-column:2;grid-row:1;color:var(--cyan);font-size:21px;}
.guide-topic:hover strong {color:var(--cyan);}
.guide-empty {padding:35px 0;color:var(--dim);}
.guide-breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;color:var(--dim);font-size:14px;}
.guide-breadcrumb a {min-height:44px;display:flex;align-items:center;text-decoration:none;}
.guide-article-heading h1 {max-width:850px;font-size:clamp(28px,3.4vw,42px);margin-bottom:10px;}
.guide-route {color:var(--cyan);font-size:14px;margin:0 0 22px;}
.guide-intro {max-width:850px;color:var(--dim);font-size:17px;margin:0 0 18px;line-height:1.9;}
.guide-unlock {font-size:13px;color:var(--gold);margin:0 0 32px;}
.guide-article-layout {display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:52px;align-items:start;}
.guide-figure {margin:0;text-align:center;}
.guide-screen {display:block;width:100%;max-height:640px;aspect-ratio:720 / 1280;margin:auto;border-radius:10px;overflow:hidden;background:#041522;}
.guide-screen[role="button"] {cursor:zoom-in;}
.guide-figure figcaption {font-size:12px;color:var(--dim);line-height:1.8;margin-top:12px;}
.guide-enlarge {width:100%;min-height:48px;padding:10px 16px;margin-top:16px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);}
.guide-enlarge:hover {border-color:var(--cyan);}
.guide-points {list-style:none;padding:0;margin:0;}
.guide-points li {padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line);}
.guide-points li:last-child {margin-bottom:0;}
.guide-point-title {display:flex;align-items:center;gap:14px;padding:0;background:none;border:0;text-align:left;color:var(--text);min-height:44px;}
.guide-point-title>span {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;border:1px solid #648593;color:var(--cyan);font:500 16px/1 "Chakra Petch",sans-serif;}
.guide-point-title h2 {font-size:21px;margin:0;line-height:1.6;letter-spacing:0;}
.guide-point-title:hover h2 {color:var(--cyan);}
.guide-points p {margin:12px 0 14px;color:var(--dim);font-size:16px;line-height:1.9;}
.guide-point-link {padding:0;min-height:44px;display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--cyan);font-size:13px;}
.guide-article-nav {display:flex;justify-content:space-between;gap:24px;margin-top:46px;padding-top:24px;border-top:1px solid var(--line);}
.guide-article-nav a {flex:1;color:var(--text);text-decoration:none;min-height:44px;line-height:1.8;font-size:15px;}
.guide-article-nav a:last-child {text-align:right;}
.guide-article-nav small {display:block;color:var(--dim);font-size:12px;margin-bottom:5px;}
.guide-modal {width:min(920px,calc(100% - 32px));max-height:90vh;max-height:90dvh;padding:24px;border:1px solid #527989;border-radius:12px;background:#0b1c29;color:var(--text);}
.guide-modal::backdrop {background:#020910e8;backdrop-filter:blur(4px);}
.guide-modal-top {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;}
.guide-modal-top p {font-size:18px;margin:0;}
.guide-modal-top button {flex-shrink:0;min-height:44px;padding:8px 14px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:5px;}
.guide-zoom-tabs {display:flex;gap:9px;margin-bottom:24px;}
.guide-zoom-tabs button {min-width:52px;min-height:44px;padding:8px 14px;background:none;border:1px solid var(--line);border-radius:5px;color:var(--dim);}
.guide-zoom-tabs button[aria-pressed="true"] {border-color:var(--gold);color:var(--gold);background:#e0c28410;}
.guide-modal-layout {display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;}
#guide-zoom-image svg {display:block;width:100%;max-height:56dvh;border-radius:8px;overflow:hidden;background:#041522;}
#guide-zoom-copy h2 {font-size:22px;line-height:1.55;color:var(--gold);margin:0 0 14px;}
#guide-zoom-copy p {font-size:16px;line-height:1.9;color:var(--dim);margin:0;}
body.guide-dialog-open {overflow:hidden;}
[hidden] {display:none!important;}
@media (max-width:780px) {
  .guide-section {padding-top:35px;}
  .guide-heading {display:block;margin-bottom:28px;}
  .guide-in-game {margin:16px 0 0;font-size:12px;}
  .guide-heading h1 {font-size:32px;}
  .guide-heading .sub {font-size:15px;}
  .guide-search-wrap {grid-template-columns:1fr;gap:7px;}
  #guide-count {margin-top:2px;}
  .guide-filters {gap:7px;margin-bottom:26px;}
  .guide-filters button {padding:8px 12px;font-size:13px;}
  .guide-topic-list {grid-template-columns:1fr;}
  .guide-topic {padding:17px 0;min-height:90px;}
  .guide-topic strong {font-size:17px;}
  .guide-article-layout {grid-template-columns:1fr;gap:32px;}
  .guide-figure {width:100%;max-width:320px;margin:auto;}
  .guide-screen {max-height:480px;}
  .guide-breadcrumb {margin-bottom:18px;font-size:13px;}
  .guide-intro {font-size:16px;}
  .guide-point-title h2 {font-size:20px;}
  .guide-article-nav {gap:18px;}.guide-article-nav a {font-size:14px;}
  .guide-modal {padding:18px;width:calc(100% - 24px);}
  .guide-modal-layout {grid-template-columns:1fr;gap:22px;}
  #guide-zoom-image svg {max-height:40dvh;}
  #guide-zoom-copy h2 {font-size:20px;}
  .guide-modal-top p {font-size:16px;}
}