#wild-trails-button {position:fixed;z-index:310;right:18px;bottom:244px;min-height:52px;display:flex;align-items:center;gap:10px;padding:7px 22px;background:#fff0c5;color:#264537;border:2px solid #b3974c;border-radius:28px;font-family:inherit;font-weight:800;font-size:24px;cursor:pointer;box-shadow:0 3px 12px #18372730;}
#wild-trails-button span:first-child {font-size:30px;}
#wild-trails-button[hidden],#wild-trails-menu[hidden],#wild-trails-hud[hidden],#trail-beat[hidden],#trail-book[hidden] {display:none;}
#wild-trails-menu {position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px;background:#142c248a;backdrop-filter:blur(7px);font-family:inherit;}
.trails-panel {position:relative;box-sizing:border-box;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:30px;background:#f6eed8;color:#263f32;border:2px solid #d4c298;border-radius:26px;box-shadow:0 18px 60px #10251860;}
#trails-close {position:absolute;right:16px;top:14px;width:48px;height:48px;border:1px solid #bac4ad;border-radius:50%;background:#e8e8d4;color:#284934;font-family:inherit;font-size:32px;cursor:pointer;}
.trails-panel h2 {font-size:36px;line-height:1.1;margin:4px 55px 24px 0;color:#1d4939;}
.trails-choices {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.trails-choices button {position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:12px;min-height:195px;background:#fffbec;border:2px solid #d4d6b8;border-radius:18px;color:#294532;font:inherit;cursor:pointer;transition:background .15s,transform .15s;}
.trails-choices button:hover {background:#e8f0ce;transform:translateY(-2px);border-color:#759568;}
.trails-picture {width:100%;height:138px;object-fit:contain;mix-blend-mode:multiply;}
.trails-copy {display:flex;align-items:center;gap:10px;}
.trails-symbol {font-size:32px;}.trails-copy strong {font-size:24px;line-height:1.2;}
.trails-choices button:focus-visible,#wild-trails-button:focus-visible,#trail-leave:focus-visible,#trails-close:focus-visible,#trail-book:focus-visible {outline:3px solid #d58424;outline-offset:3px;}
#trails-note {font-size:16px;line-height:1.4;color:#647052;margin:16px 0 0;}
#trails-note:empty {display:none;}
#wild-trails-hud {position:fixed;box-sizing:border-box;z-index:305;left:18px;top:82px;width:260px;padding:12px 16px;border:2px solid #c6bc8c;border-radius:20px;background:#faf3dcf2;color:#284333;box-shadow:0 5px 25px #142c2430;pointer-events:none;}
.trail-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;}
#trail-title {font-size:36px;line-height:1;}
#trail-leave,#trail-book {pointer-events:auto;min-width:48px;min-height:48px;border:0;border-radius:14px;background:#e3e7cf;color:#3a553b;padding:4px 10px;font-family:inherit;font-weight:800;font-size:30px;cursor:pointer;}
#trail-line {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.trail-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:24px;font-weight:800;margin-top:8px;}
.trail-bearing {display:flex;align-items:center;gap:6px;}#trail-arrow {display:inline-block;font-size:40px;color:#7e641e;line-height:1;}
#trail-distance {font-size:18px;}
#trail-progress {display:block;width:100%;height:12px;border:0;border-radius:8px;margin-top:12px;accent-color:#5f804e;}#trail-progress::-webkit-progress-bar {background:#daddc2;border-radius:8px;}#trail-progress::-webkit-progress-value {background:#608153;border-radius:8px;}
#trail-beat {position:fixed;left:50%;top:35%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:115px;min-height:115px;border-radius:50%;background:#fff4cbf5;border:5px solid #c6a24e;font-size:72px;font-weight:900;box-shadow:0 10px 40px #19342155;}
#wild-trails-hud[data-phase="finished"] {left:50%;top:auto;bottom:24%;transform:translateX(-50%);width:280px;text-align:center;}
#wild-trails-hud[data-phase="finished"] #trail-beat {position:static;transform:none;margin:4px auto 12px;width:100px;min-height:100px;font-size:62px;}
#wild-trails-hud[data-phase="finished"] .trail-bearing,#wild-trails-hud[data-phase="finished"] #trail-progress {display:none;}
#wild-trails-hud[data-phase="finished"] .trail-bottom {justify-content:center;margin:4px 0 14px;}
#trail-book {width:100%;background:#729544;color:#fff;font-size:38px;min-height:60px;}
body.wild-trails-active #field-guide,body.wild-trails-active #story-field-card {display:none!important;}
body.cine-on #wild-trails-button {display:none;}
@media(max-width:700px) {
 #wild-trails-button {top:auto;left:auto;right:20px;bottom:242px;transform:none;width:58px;height:58px;justify-content:center;padding:5px;border-radius:50%;}
 #wild-trails-button span:last-child {display:none;}
 #wild-trails-hud {top:82px;left:12px;width:180px;padding:10px 12px;}
 #trail-title {font-size:30px;}.trail-bottom {font-size:20px;}#trail-distance {font-size:15px;}
 .trails-panel {padding:22px 16px;border-radius:20px;}.trails-panel h2 {font-size:28px;margin-bottom:20px;}
 .trails-choices {gap:10px;}.trails-choices button {min-height:155px;padding:8px;}.trails-picture {height:106px;}.trails-copy {gap:5px;}.trails-copy strong {font-size:17px;}.trails-symbol {font-size:26px;}
 #trails-note {font-size:14px;}#trail-beat {top:40%;font-size:62px;min-width:100px;min-height:100px;}
}
@media(hover:none) and (pointer:coarse) {#wild-trails-button {bottom:374px;}}
@media(max-height:500px) {.trails-panel {padding:16px;}.trails-panel h2 {font-size:24px;margin:0 50px 10px 0;}.trails-choices {grid-template-columns:repeat(4,1fr);}.trails-picture {height:80px;}.trails-choices button {min-height:120px;}#wild-trails-hud {top:68px;}#wild-trails-button {top:72px;bottom:auto;right:14px;}}