@charset "UTF-8";
.gameplay-guide-page .handbook-hero { padding:30px 0; }
.gameplay-guide-page .handbook-hero h1 { font-size:clamp(31px,3.5vw,44px); }
.journey-tabs { display:flex; flex-wrap:wrap; gap:10px; padding:20px 0; border-block:1px solid var(--line); }
.journey-tabs a { display:flex; align-items:center; gap:30px; min-height:46px; padding:10px 18px; background:#122738; border:1px solid #86a8ba36; color:#afd0de; font-size:12px; }
.journey-tabs a:hover { background:#193548; border-color:#9ac8da; }
.journey-sections { padding-top:36px; }
.journey-group { display:grid; grid-template-columns:240px minmax(0,1fr); gap:40px; padding:34px 0; border-bottom:1px solid var(--line); }
.journey-heading>span { color:#568ba6; font:12px Consolas,monospace; }.journey-heading h3 { font-size:27px; font-weight:500; margin:14px 0 12px; color:#c4dfe9; }.journey-heading p { color:#7f9fb4; font-size:12px; line-height:2; margin:0; }
.journey-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.journey-card { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:123px; padding:23px; background:#0f1f2d; border:1px solid #91b2c42a; }
.journey-card h4 { font-size:18px; font-weight:500; color:#b9d6e6; margin:0 0 10px; }.journey-card p { margin:0; font-size:12px; line-height:1.9; color:#789aaf; }.journey-card>span { color:#7fb6ca; flex-shrink:0; }.journey-card:hover { background:#152e40; border-color:#89bacb76; }
.journey-activity { display:grid; grid-template-columns:1fr 1fr; gap:45px; padding:30px; background:#122738; border:1px solid #93b9cb33; margin:36px 0 24px; }
.journey-activity h2,.journey-service h2 { color:#bdd9e6; font-size:23px; font-weight:500; margin:10px 0; }.journey-activity p,.journey-service p { font-size:12px; color:#88a8bc; line-height:2; margin:0; }
.journey-activity nav { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.journey-activity nav a { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px; color:#b2d4e2; border:1px solid #85adbf42; background:#0e1d2b; font-size:12px; padding:12px 16px; }
.journey-service { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:26px 0; border-block:1px solid var(--line); }.journey-service>a { display:flex; gap:30px; min-height:46px; align-items:center; padding:10px 18px; border:1px solid #85adbf42; color:#a3c8d8; font-size:12px; flex-shrink:0; }.journey-next { display:flex; flex-wrap:wrap; gap:20px; padding:30px 0; }.journey-next a { color:#8ab3c7; font-size:12px; display:inline-flex; min-height:44px; align-items:center; }
.gameplay-guide-page .setup-reading .reference-content .ac-drops { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:1050px){.journey-group { grid-template-columns:190px minmax(0,1fr); gap:25px; }.journey-card { padding:20px; }}
@media(max-width:760px){
 .journey-tabs { gap:8px; }.journey-tabs a { padding:9px 12px; gap:18px; font-size:11px; }
 .journey-group { grid-template-columns:1fr; gap:20px; padding:28px 0; }.journey-heading { display:grid; grid-template-columns:28px 1fr; column-gap:8px; align-items:baseline; }.journey-heading h3 { font-size:24px; margin:0 0 8px; }.journey-heading p { grid-column:2; }
 .journey-cards { grid-template-columns:1fr; gap:10px; }.journey-card { min-height:94px; padding:20px; }.journey-card h4 { font-size:17px; margin-bottom:6px; }
 .journey-activity { grid-template-columns:1fr; gap:22px; padding:22px; margin:28px 0 20px; }.journey-activity nav a { padding:12px; font-size:11px; }
 .journey-service { align-items:flex-start; flex-direction:column; gap:18px; }.journey-service h2 { margin-top:0; }.journey-service>a { width:100%; justify-content:space-between; }
 .gameplay-guide-page .setup-reading .reference-content .ac-drops { grid-template-columns:1fr; }
}
@media print{.journey-tabs,.journey-next { display:none; }.journey-group,.journey-cards,.journey-activity { display:block; }.journey-card { break-inside:avoid; }}
