/* Frontier objects: cut timber, brass and folded paper, not UI tiles. */
.your-trail{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-block:1px solid #887346;color:#eadfc8}
.your-trail h2{font:22px Rye,Georgia,serif;margin:0 0 6px;color:#e2c58b}
.your-trail p{font-size:17px;margin:0;color:#c5b79e}
.your-trail a,.your-trail button{min-height:44px;display:inline-flex;align-items:center;font:20px EB,Georgia,serif;color:#f1e3bf;text-decoration:underline;text-underline-offset:5px}
.your-trail a{margin-left:auto}.your-trail button{background:none;border:0;cursor:pointer;padding:8px}
.your-trail [hidden]{display:none}.your-trail button:focus-visible,.your-trail:focus-visible{outline:2px solid #e8c778;outline-offset:5px}
@media(max-width:700px){.your-trail a{margin-left:0}.your-trail{gap:8px 20px}.your-trail>div{width:100%}}
.frontier-pan{color:#f1e3bf}
.frontier-pan::before{background:#20352f;border-block:1px solid #8a9a78;border-radius:38% 7% 32% 6% / 12% 30% 14% 25%;box-shadow:inset 0 0 0 3px #142620,0 4px 0 #0c1612}
.panning-invitation .line-link.frontier-pan{color:#f1e3bf}
@media(max-width:700px){header.shell{flex-wrap:wrap;height:auto;gap:4px;padding-block:14px}header nav{gap:18px;flex-wrap:wrap}header nav a{padding-block:6px}footer nav{flex-wrap:wrap}}

a,summary{-webkit-tap-highlight-color:#c8a05b55;touch-action:manipulation}
a:focus-visible,summary:focus-visible{outline:2px solid #e8c778;outline-offset:5px}
a:active{filter:brightness(.87)}
.wordmark,header nav a,footer nav a,.credits a,.disclosure a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
header nav a,footer nav a,.wordmark{position:relative;transition:color .2s,text-shadow .2s,translate .2s}
header nav a::after,footer nav a::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;background:#bc9857;transform:scaleX(.15);opacity:0;transition:transform .22s,opacity .22s}
header nav a:is(:hover,:focus-visible)::after,footer nav a:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}
.wordmark:is(:hover,:focus-visible){color:#e4be76;text-shadow:0 2px 16px #bc985744}
header nav a:active,footer nav a:active{translate:0 2px}
.routes{border-top:0;display:grid;gap:10px}
.routes a.frontier-control{grid-template-columns:98px minmax(0,1fr) 22px;gap:12px;padding:5px 16px 5px 4px;min-height:92px;border:0;isolation:isolate;transition:translate .2s,filter .2s}
.frontier-control{position:relative}
.frontier-control::before{content:'';position:absolute;inset:5px 0;z-index:-1;pointer-events:none;transition:background .25s,box-shadow .25s,transform .25s}
.frontier-trade::before{background:repeating-linear-gradient(0deg,transparent 0 17px,#d4ae6520 18px,transparent 19px),linear-gradient(100deg,#39291c,#211a12);border-block:1px solid #81613c;box-shadow:0 4px 0 #0e0b07;clip-path:polygon(1% 2%,99% 0,100% 93%,2% 100%,0 40%)}
.frontier-mine::before{inset:0;background:radial-gradient(ellipse at 12% 50%,#b5822d30,transparent 57%),linear-gradient(100deg,#30251a,#17130e);border:1px solid #a88046;border-left:4px solid #ac8148;box-shadow:inset 0 0 0 3px #16110c,inset 0 0 0 4px #735432,0 5px 0 #0b0906,0 8px 18px #0004}
.frontier-book::before{inset:6px 0;background:linear-gradient(105deg,#b49b6d18,#dfc79c0d);border-block:1px solid #98805977;border-right:3px double #9b815466;transform:rotate(-.6deg)}
.routes a.frontier-mine strong{color:#efcf88}
.routes a.frontier-control:is(:hover,:focus-visible){background:transparent;translate:0 -2px}
.frontier-mine:is(:hover,:focus-visible)::before{background:radial-gradient(ellipse at 10% 50%,#d4913950,transparent 75%),#21190e;box-shadow:inset 0 0 0 3px #16110c,inset 0 0 0 4px #a68249,0 6px 0 #0b0906,0 8px 24px #0006}
.frontier-control:active{translate:0 2px!important}
.object-art{display:block;width:100%;height:80px;overflow:visible;pointer-events:none;filter:drop-shadow(1px 4px 3px #0007)}
.object-art .trade-board{transform-origin:57px 25px;transition:transform .35s cubic-bezier(.2,.8,.25,1)}
.trade-coin{transform-origin:86px 67px;transition:transform .4s,filter .3s}
.book-page{transform-origin:40px 44px;transition:transform .35s,filter .3s}
.lamp-glow,.tunnel-light{transition:opacity .3s}
.lamp-glow{filter:blur(8px)}
.frontier-control:is(:hover,:focus-visible) .trade-board{transform:rotate(-5deg)}
.frontier-control:is(:hover,:focus-visible) .trade-coin{transform:translate(-7px,-5px) rotate(-25deg);filter:brightness(1.2)}
.frontier-control:is(:hover,:focus-visible) .book-page{transform:translate(3px,-3px) rotate(-7deg);filter:brightness(1.09)}
.frontier-control:is(:hover,:focus-visible) .lamp-glow{opacity:.95}
.frontier-control:is(:hover,:focus-visible) .tunnel-light{opacity:.42}
.frontier-control:is(:hover,:focus-visible) .arrow{transform:translate(3px,-3px);color:#f4d694}
.line-link.frontier-control{display:grid;grid-template-columns:66px 1fr 16px;align-items:center;max-width:315px;gap:10px;min-height:78px;padding:5px 13px 5px 3px;border:0;isolation:isolate;font-size:20px}
.line-link .object-art{height:65px}
.line-link.frontier-book::before{background:#e6d5b2;border-color:#927446;box-shadow:2px 4px 0 #99815b55}
.line-link.frontier-book:is(:hover,:focus-visible)::before{transform:rotate(.4deg) translateY(-2px)}
.line-link.frontier-trade{color:#eadfc8}
.mine-picture{transition:box-shadow .3s,filter .3s}
.mine-picture:is(:hover,:focus-visible){box-shadow:0 0 0 1px #b89350,0 0 32px #a8782524;filter:brightness(1.16)}
.mine-picture span{transition:background .25s,color .25s}
.mine-picture:is(:hover,:focus-visible) span{color:#ffe1a0;background:#30210ddd}
.map-destination{min-height:44px;min-width:44px;display:flex;align-items:center;position:relative;transition:background .2s,box-shadow .2s,translate .2s}
.map-destination::before{content:'';width:5px;height:5px;border:1px solid #6a4825;transform:rotate(45deg);margin-right:7px}
.map-destination.destination-active{background:#f2daa4;box-shadow:inset 3px 0 #915c25,2px 3px 0 #6b4f3833}
.map-destination.destination-active::before{background:#915c25}
.map-destination:active{translate:1px 2px}
.destination-trail{color:#75431d;opacity:.12;transition:opacity .3s}
.claim-map[data-destination="play"] [data-destination="play"],.claim-map[data-destination="explore"] [data-destination="explore"],.claim-map[data-destination="understand"] [data-destination="understand"]{opacity:1}
.guide-list>a{position:relative;transition:background .25s,padding .25s,box-shadow .25s}
.guide-list>a::after{content:'';position:absolute;right:0;top:0;width:18px;height:18px;background:linear-gradient(225deg,#aa8e5b88 49%,transparent 51%);opacity:0;transition:opacity .2s}
.guide-list>a:is(:hover,:focus-visible){background:#f3e4c044;padding-left:9px;box-shadow:inset 3px 0 #9a773c}
.guide-list>a:is(:hover,:focus-visible)::after{opacity:1}
.research a:focus-visible{outline-color:#775020}
.credits a,.disclosure a{padding:2px 4px;text-underline-offset:4px;transition:background .2s,color .2s}
.credits a:is(:hover,:focus-visible){background:#b8955220;color:#ead7ae}
.disclosure a:is(:hover,:focus-visible){background:#fff0c980;color:#3b2813}
.credits summary{min-height:44px;transition:color .2s,background .2s;max-width:220px}
.credits summary:is(:hover,:focus-visible){color:#ddc18d;background:#b895520c}
.wanted{transition:color .25s,border-color .25s,transform .25s}
.wanted:is(:hover,:focus-visible){transform:rotate(-1deg);border-color:#b89a65;color:#d7c4a1}
@media(max-width:1000px) and (min-width:701px){.routes a.frontier-control{grid-template-columns:76px minmax(0,1fr) 18px;gap:8px}.routes strong{font-size:24px}}
@media(max-width:700px){.routes{gap:12px}.routes a.frontier-control{grid-template-columns:91px minmax(0,1fr) 20px;min-height:94px;padding-right:12px;gap:10px}.routes strong{font-size:25px}.map-destinations{gap:2px;top:24px}.map-destination{font-size:10px;padding:5px 8px;min-height:44px}.map-inscription{left:auto;right:14px;bottom:15px;font-size:15px}.object-art .lamp-glow{opacity:.48}.credits a{padding-block:8px}}
@media(max-width:700px){.opening>.map-destinations{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;order:0;margin:0 0 6px;transform:none}.opening>.map-destinations .map-destination{width:auto;min-width:0;min-height:44px;padding:6px;font-size:11px;justify-content:center;text-align:center}.opening>.map-destinations .map-destination::before{display:none}}
@media(max-width:360px){.routes a.frontier-control{grid-template-columns:75px minmax(0,1fr) 16px;gap:8px}.routes strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){a,summary,.object-art *,.frontier-control::before,.destination-trail{transition:none!important}.frontier-control:is(:hover,:focus-visible),.wanted:is(:hover,:focus-visible){translate:none;transform:none}.frontier-control:is(:hover,:focus-visible) .trade-board,.frontier-control:is(:hover,:focus-visible) .trade-coin,.frontier-control:is(:hover,:focus-visible) .book-page{transform:none}}