.journey-map{width:1060px;border:1px solid #bba16c;background:#f5efdf;overflow:auto;border-radius:12px}.journey-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 30px 18px;border-bottom:1px solid #d9ccab;background:linear-gradient(120deg,#fffbef,#eee6d0)}.journey-heading h2{font-size:34px;margin:8px 0 10px}.journey-heading p{font-size:12px;margin:3px 0;color:#6f7867}#journey-greeting{font-weight:700;color:#315644}.journey-board{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:16px 28px;padding:20px 40px 32px;background:radial-gradient(ellipse at center,#e9edcf,#d7e0c3)}.journey-landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.map-station{position:relative;display:block;padding:0;text-align:left;background:#fffcf2;border:2px solid #b6be9d;border-radius:9px;overflow:visible;box-shadow:0 7px 19px #36574418;transition:transform .15s,border-color .15s}.map-station:hover{transform:translateY(-3px);background:#fffaf0;border-color:#9a793e}.map-station-1{grid-column:1;grid-row:2}.map-station-2{grid-column:3;grid-row:2}.map-station-3{grid-column:2;grid-row:1}.map-station img{display:block;width:100%;height:120px;object-fit:cover;border-radius:6px 6px 0 0;background:#c2ceb1}.map-number{position:absolute;top:-10px;left:-10px;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#234c3d;color:#faeac3;border:3px solid #f7edcc;font:24px Georgia;box-shadow:0 3px 7px #173e3540}.map-card-body{display:flex;flex-direction:column;padding:12px 14px;gap:3px}.map-card-body>small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#94723e}.map-card-body>strong{font:21px Georgia}.map-card-body>span{font-size:10px;font-weight:400;color:#75806c}.map-card-state{align-self:flex-start;margin-top:7px;padding:3px 8px;border:1px solid #d9d3b8;border-radius:20px;background:#f0eedf;font-size:9px;font-weight:700;color:#6d785f}.map-station.recommended{border:2px solid #a7803b;box-shadow:0 0 0 4px #d5b86f55,0 8px 25px #294b2528}.map-station.recommended .map-card-state{background:#234c3d;color:#fff3d3;border-color:#234c3d}.map-station.completed .map-card-state{background:#e1ecd6;color:#3b663e;border-color:#b7cfa4}.journey-sequence{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-block:1px solid #d4c8a9;font-size:11px;background:#f9f3e3}.journey-sequence b{color:#a57c39;margin-right:5px}.journey-sequence i{font-style:normal;color:#aa8b51}.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 30px}.journey-footer strong{font:19px Georgia}.journey-footer p{font-size:10px;color:#7b806c;margin:5px 0 0}.journey-footer .primary{font-size:12px;white-space:nowrap}.learning-mode .journey-board{margin-top:0}@media(max-width:800px){.journey-board{padding:20px 24px 28px;gap:15px}.map-card-body{padding:11px}.map-card-body>strong{font-size:18px}.map-station img{height:100px}.map-card-body>span{font-size:9px}.journey-heading h2{font-size:29px}.journey-sequence{font-size:9px;gap:8px}.journey-footer{padding:17px 23px;gap:15px}.journey-footer .primary{font-size:10px}}@media(max-width:580px){.journey-map{max-width:calc(100vw - 16px);max-height:92dvh}.journey-heading{padding:19px 18px 15px;gap:12px}.journey-heading h2{font-size:27px}.journey-heading p{font-size:11px}.journey-board{display:flex;flex-direction:column;padding:21px 22px;gap:20px}.journey-landscape{display:none}.map-station{display:grid;grid-template-columns:42% 1fr;min-height:126px}.map-station img{height:100%;min-height:126px;border-radius:6px 0 0 6px;object-position:center}.map-card-body{padding:13px 13px 12px}.map-card-body>strong{font-size:21px}.map-card-body>span{font-size:10px}.map-card-body>small{font-size:8px}.map-number{width:34px;height:34px;font-size:19px;top:-8px;left:-9px}.journey-sequence{display:none}.journey-footer{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.journey-footer .primary{font-size:12px;text-align:center;white-space:normal}.journey-footer strong{font-size:18px}.journey-footer p{font-size:10px}}