.cg-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border:1px solid #ded2b7;border-radius:20px;background:#fcf8ed;margin:18px 0}.cg-context>div{display:grid;gap:3px}.cg-context small{letter-spacing:.1em;text-transform:uppercase;font-size:10px;color:#786337}.cg-context strong{font:600 21px Georgia,serif;color:#203d2c}.cg-context button{flex-shrink:0;font-size:13px}.cg-trail{container-type:inline-size;position:relative;width:min(100%,510px);margin:24px auto;background:#eee3ce url('./assets/course/maps/canteiros-inerte-r159.webp') center top/100% auto repeat-y;border-radius:26px;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #bea5773d}.cg-trail--organic{background-image:url('./assets/course/maps/canteiros-organico-r159.webp')}.cg-trail:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff7e330 22%,#fff7e330 78%,transparent);pointer-events:none}.cg-roads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cg-roads path{fill:none;stroke-linecap:round}.cg-road-bank{stroke:#80644680;stroke-width:34}.cg-road-bed{stroke:#ad8d63;stroke-width:29}.cg-road-floor{stroke:#d9c09a;stroke-width:23}.cg-road-progress{stroke:#a78132;stroke-width:2.8;stroke-dasharray:3.5 8;filter:none}.cg-stop{position:absolute;transform:translate(-50%,-50%);width:51%;max-width:255px;text-align:center;z-index:1}.cg-stop-button{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;width:100%;display:flex;flex-direction:column;align-items:center;color:#213c2b;gap:0;min-height:0;cursor:pointer}.cg-object{display:block;width:27cqw;height:28cqw;max-width:138px;max-height:143px;margin:0 auto 5px;transform:rotate(-5deg);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 5px 5px #49321740)}.cg-stop:nth-of-type(even) .cg-object{transform:rotate(5deg)}.cg-object img{width:100%;height:100%;display:block;object-fit:cover;border:6px solid #fffdf5;border-bottom-width:18px;box-sizing:border-box;background:#ede5d1;pointer-events:none}.cg-stop.is-future .cg-object{filter:grayscale(1) saturate(0) opacity(.64) drop-shadow(0 4px 4px #49321728)}.cg-stop-button:hover .cg-object,.cg-stop-button:focus-visible .cg-object{transform:translateY(-4px) rotate(0) scale(1.04);filter:drop-shadow(0 4px 5px #a17d3b80) brightness(1.06)}.cg-stop-button:focus-visible{outline:0}.cg-stop-button:focus-visible strong{text-decoration:underline;text-underline-offset:4px}.cg-label{position:relative;display:grid;gap:4px;background:#fffcf0f2;border-radius:13px;padding:8px 11px;box-shadow:0 2px 6px #674a2720;width:100%;box-sizing:border-box}.cg-label strong{font:600 clamp(16px,4.4cqw,22px)/1.12 Georgia,serif;overflow-wrap:anywhere}.cg-label small{font-size:clamp(10px,2.7cqw,13px);color:#5b624e;line-height:1.25}.cg-number{position:absolute;left:-10px;top:-10px;display:grid;place-items:center;min-width:25px;height:25px;padding:2px;border-radius:50%;background:#193d2b;color:#fffdf2;font:700 14px Georgia,serif;border:1px solid #c4a75e}.cg-status{background:#f0d990;color:#39412c;display:block;border-radius:0 0 10px 10px;padding:3px 10px;font-size:clamp(11px,2.8cqw,14px);font-weight:700;max-width:100%;box-sizing:border-box}.cg-stop.is-future .cg-status{background:#e1dac9}.cg-detail{font-size:clamp(10px,2.6cqw,13px);background:#fffcf0e6;display:inline-block;padding:3px 7px;border-radius:8px;margin-top:4px}.cg-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.cg-pages button{font-size:12px;min-height:40px;padding:8px 12px}.cg-pages [aria-current=page]{background:#ecdba8;border-color:#ab8c46}.cg-map-copy{color:#5c634f;text-align:center;max-width:570px;margin:12px auto;font-size:14px}.cg-map-continue{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:20px;background:#faf5e6;border:1px solid #dac9a4;border-radius:20px}.cg-map-continue p{margin:4px 0;color:#5c634f}.cg-map-continue .cp-actions{flex-shrink:0}.cg-legacy-index{margin-top:20px}.cg-legacy-index>summary{cursor:pointer;padding:14px;color:#43533b}.cg-legacy-index .cp-phase-list{margin-top:12px}@media(max-width:480px){.cg-context{padding:12px;align-items:flex-start}.cg-context strong{font-size:18px}.cg-context button{font-size:11px;padding:8px;min-height:40px}.cg-map-continue{display:block;padding:16px}.cg-map-continue .cp-actions{margin-top:12px}.cg-label{padding:6px 9px}.cg-label strong{font-size:clamp(15px,4.5cqw,21px)}.cg-object img{border-width:4px;border-bottom-width:12px}}@media(prefers-reduced-motion:reduce){.cg-object{transition:none}.cg-stop-button:hover .cg-object,.cg-stop-button:focus-visible .cg-object{transform:none}}
.cp-screen:has(.cg-trail) .cp-heading>.cp-context{min-width:76px;max-width:120px;flex-shrink:0;overflow-wrap:normal}.cp-screen:has(.cg-trail) .cp-heading>div{min-width:0}
.cg-landmark{position:absolute;display:block;width:18%;height:auto;aspect-ratio:1/1;transform:translate(-50%,-50%) rotate(var(--landmark-turn));pointer-events:none;user-select:none;z-index:0;opacity:.9;filter:drop-shadow(0 3px 3px #51402532)}.cg-landmark img{display:block;width:100%;height:100%;object-fit:contain}.cg-landmark.is-future{filter:grayscale(1) opacity(.48) drop-shadow(0 2px 2px #51402520)}
