.road-section{position:relative;overflow:hidden;background:#230d19;color:#fff;border-top:7px solid var(--ink);border-bottom:7px solid var(--ink)}
.road-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,65,70,.22),transparent 28%),radial-gradient(circle at 86% 72%,rgba(223,255,0,.12),transparent 26%),linear-gradient(145deg,transparent 0 48%,rgba(255,255,255,.035) 48% 50%,transparent 50%);pointer-events:none}
.road-sky-noise{position:absolute;inset:0;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#fff 5px 6px);mix-blend-mode:overlay;pointer-events:none}
.road-heading,.road-status-strip,.road-lock-panel,.road-content{position:relative;z-index:1}
.road-heading h2{color:#fff}.road-heading p{color:#e9cfd8}.road-heading .eyebrow{color:var(--lime)}
.road-status-strip{display:grid;grid-template-columns:repeat(4,1fr);border:4px solid var(--ink);box-shadow:8px 8px 0 #000;margin-bottom:24px;background:#f9e9d0;color:var(--ink)}
.road-status-strip>div{padding:16px 18px;border-right:2px solid var(--ink)}.road-status-strip>div:last-child{border-right:0}.road-status-strip span{display:block;font-size:.68rem;font-weight:950;letter-spacing:.13em;color:#7d2e36}.road-status-strip strong{display:block;margin-top:5px;text-transform:uppercase}
.road-lock-panel{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;padding:35px;border:4px solid var(--ink);background:#a6212d;box-shadow:10px 10px 0 #000}
.road-lock-panel h3,.road-coordinate-panel h3,.road-last-island h3{font-size:clamp(2rem,4vw,4rem);line-height:.9;text-transform:uppercase;margin:.2em 0}.road-lock-panel p{max-width:720px;line-height:1.6}.road-lock-stone{display:grid;place-items:center;min-height:190px;border:5px solid #16070c;background:linear-gradient(135deg,#ff3f4b,#7b101d);box-shadow:inset 0 0 0 8px rgba(0,0,0,.25),8px 8px 0 #000;clip-path:polygon(13% 2%,88% 0,100% 12%,94% 87%,80% 100%,8% 94%,0 78%,5% 14%)}.road-lock-stone span{font-size:5rem;color:#22080c;text-shadow:2px 2px #ff6e70}
.road-content{display:grid;gap:24px}.road-stone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.road-stone-card{position:relative;min-height:410px;padding:22px;border:4px solid var(--ink);background:#f7ead2;color:var(--ink);box-shadow:7px 7px 0 #000;display:flex;flex-direction:column;overflow:hidden}.road-stone-card:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:#b82031}.road-stone-card.complete:before{background:var(--lime)}.road-stone-card h3{font-size:1.55rem;text-transform:uppercase;margin:8px 0}.road-stone-card p{line-height:1.5;color:#4c3b38}.road-stone-card .button{margin-top:auto}.road-stone-index{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:950;letter-spacing:.12em}.road-stone-icon{display:grid;place-items:center;width:90px;height:112px;margin:20px auto 12px;background:linear-gradient(140deg,#f14d56,#86101d);border:4px solid var(--ink);clip-path:polygon(14% 0,87% 4%,100% 17%,92% 88%,77% 100%,10% 93%,0 75%,5% 12%);font-size:2.7rem;color:#28080e;text-shadow:1px 1px #ff9b9e}.road-stone-card.complete .road-stone-icon{box-shadow:0 0 26px rgba(223,255,0,.8)}
.road-step-list{display:grid;gap:7px;margin:12px 0 20px}.road-step-list span{display:flex;align-items:center;gap:8px;padding:7px 9px;border:2px solid var(--ink);background:#fff;font-size:.75rem;font-weight:900;text-transform:uppercase}.road-step-list span:before{content:"×";display:grid;place-items:center;width:20px;height:20px;background:#ddd;border:2px solid var(--ink)}.road-step-list span.done:before{content:"✓";background:var(--lime)}
.road-coordinate-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding:30px;border:4px solid var(--ink);background:#f0b927;color:var(--ink);box-shadow:9px 9px 0 #000}.road-panel-copy p{line-height:1.55}.road-coordinate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.road-inline-status{font-weight:900;text-transform:uppercase}
.road-coordinate-board-wrap{position:relative;display:grid;place-items:center;min-height:420px;background:#26151a;border:4px solid var(--ink);overflow:hidden}.road-coordinate-board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(110px,180px));gap:10px}.road-coordinate-board.locked{filter:grayscale(1);opacity:.38}.road-coordinate-tile{position:relative;aspect-ratio:1;border:4px solid var(--ink);background:linear-gradient(145deg,#cb2938,#75101b);color:#fff;cursor:pointer;box-shadow:4px 4px 0 #000;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.road-coordinate-tile.selected{outline:5px solid var(--lime);outline-offset:2px}.road-coordinate-tile strong,.road-coordinate-tile small{position:relative;z-index:2;text-shadow:2px 2px #000}.road-coordinate-tile strong{font-size:.75rem}.road-coordinate-tile small{font-weight:900}.road-route-line{position:absolute;left:9%;right:9%;top:50%;height:8px;background:#2b0810;border:2px solid #ff8a90;transform:rotate(var(--turn));transform-origin:center;box-shadow:0 0 12px #ff6870}.road-rotate{position:absolute;right:7px;bottom:7px;z-index:4;width:32px;height:32px;border:2px solid var(--ink);background:var(--lime);font-weight:1000;cursor:pointer}.road-map-x{position:absolute;z-index:1;font-size:24rem;color:rgba(255,255,255,.05);line-height:1}.road-coordinate-board.solved .road-coordinate-tile{box-shadow:0 0 18px var(--lime)}
.road-last-island{display:grid;grid-template-columns:1.3fr .7fr;border:4px solid var(--ink);background:#061b2d;box-shadow:9px 9px 0 #000;overflow:hidden}.road-island-scene{position:relative;min-height:390px;background:linear-gradient(#05101f 0 55%,#0d4967 55%);overflow:hidden}.road-moon{position:absolute;width:105px;height:105px;border-radius:50%;right:12%;top:10%;background:#fff3c1;box-shadow:0 0 35px #fff3c1}.road-island-silhouette{position:absolute;left:19%;right:10%;bottom:16%;height:35%;background:#07130e;clip-path:polygon(0 100%,6% 75%,17% 68%,24% 36%,31% 55%,39% 20%,47% 57%,57% 43%,66% 68%,75% 49%,86% 74%,100% 85%,100% 100%)}.road-island-silhouette span{position:absolute;left:43%;bottom:37%;width:8px;height:72px;background:#07130e}.road-island-silhouette span:before{content:"";position:absolute;left:-28px;top:-12px;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:28px solid #07130e}.road-sea-lines{position:absolute;inset:55% 0 0;background:repeating-linear-gradient(0deg,transparent 0 16px,rgba(255,255,255,.18) 16px 19px)}.road-fog{position:absolute;z-index:3;left:-10%;width:120%;height:70px;background:rgba(235,245,255,.72);filter:blur(12px);transition:1.2s}.fog-a{top:48%}.fog-b{top:66%;transform:translateX(10%)}.road-last-island.revealed .fog-a{transform:translateX(-110%)}.road-last-island.revealed .fog-b{transform:translateX(115%)}.road-last-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.road-last-copy p{line-height:1.6;color:#d2e9f2}.road-last-copy .button{align-self:flex-start;margin-top:15px}
.road-dialog{width:min(94vw,860px)}.road-dialog form{padding:32px}.road-dialog h2{font-size:clamp(2.2rem,6vw,4.8rem)}.road-trial-header{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center}.road-trial-mini-stone{display:grid;place-items:center;width:78px;height:95px;border:4px solid var(--ink);background:#b82031;color:#25060c;font-size:2.4rem;clip-path:polygon(12% 0,90% 6%,100% 20%,89% 92%,68% 100%,7% 91%,0 68%,5% 13%)}.road-riddle-box{margin:18px 0;padding:18px;border:3px solid var(--ink);background:#fff0bf;font-weight:900;font-size:1.12rem;line-height:1.55}.road-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.road-search-scene{position:relative;height:320px;margin:18px 0;border:4px solid var(--ink);background:linear-gradient(#6fc8ed 0 55%,#d7a652 55%);overflow:hidden;image-rendering:pixelated}.road-search-scene.compass{background:linear-gradient(#bee99d 0 58%,#537d38 58%)}.road-search-scene.storm{background:linear-gradient(#293951 0 58%,#15546e 58%)}.road-search-scene.vault{background:linear-gradient(#6e4b32 0 58%,#2d211c 58%)}.road-search-scene:before{content:"";position:absolute;left:7%;right:7%;bottom:17%;height:33%;background:rgba(0,0,0,.27);clip-path:polygon(0 100%,8% 55%,18% 72%,28% 20%,39% 62%,49% 32%,61% 68%,73% 24%,84% 64%,100% 41%,100% 100%)}.road-hidden-hotspot{position:absolute;width:34px;height:34px;border:0;background:transparent;cursor:pointer;opacity:.36}.road-hidden-hotspot:after{content:"";position:absolute;inset:10px;background:#d82230;box-shadow:0 0 6px #ff777d}.road-hidden-hotspot:hover,.road-hidden-hotspot:focus{opacity:1;outline:3px dashed var(--lime)}.road-search-scene.harbor .road-hidden-hotspot{left:31%;bottom:19%}.road-search-scene.compass .road-hidden-hotspot{left:48%;top:38%}.road-search-scene.storm .road-hidden-hotspot{right:21%;bottom:27%}.road-search-scene.vault .road-hidden-hotspot{right:32%;top:55%}
.road-game-shell{margin-top:18px}.road-game-hud{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:3px solid var(--ink);background:var(--lime);font-weight:950;text-transform:uppercase}.road-runner-canvas{display:block;width:100%;max-width:760px;aspect-ratio:18/7;border:4px solid var(--ink);background:#87d7f7;image-rendering:pixelated;touch-action:manipulation}.road-game-help{font-size:.85rem;font-weight:900}.road-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.road-memory-grid.pairs-6{grid-template-columns:repeat(4,1fr)}.road-memory-card{min-height:82px;border:3px solid var(--ink);background:#b82031;color:transparent;cursor:pointer;font-weight:950;font-size:.72rem;padding:8px;transform-style:preserve-3d}.road-memory-card.flipped,.road-memory-card.matched{background:#fff0bf;color:var(--ink)}.road-memory-card.matched{background:var(--lime)}.road-final-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.road-final-progress span{padding:12px;border:3px solid var(--ink);background:#eee;font-weight:900;text-align:center}.road-final-progress span.done{background:var(--lime)}.road-reward-box{padding:22px;border:4px solid var(--ink);background:var(--lime);color:var(--ink);box-shadow:6px 6px 0 #000}.road-reward-box h3{font-size:2rem;text-transform:uppercase;margin:0 0 10px}
@media(max-width:1100px){.road-stone-grid{grid-template-columns:repeat(2,1fr)}.road-coordinate-panel,.road-last-island{grid-template-columns:1fr}.road-status-strip{grid-template-columns:repeat(2,1fr)}.road-status-strip>div:nth-child(2){border-right:0}.road-status-strip>div:nth-child(-n+2){border-bottom:2px solid var(--ink)}}
@media(max-width:700px){.road-lock-panel{grid-template-columns:1fr}.road-lock-stone{min-height:135px}.road-stone-grid,.road-status-strip{grid-template-columns:1fr}.road-status-strip>div{border-right:0;border-bottom:2px solid var(--ink)}.road-coordinate-panel{padding:18px}.road-coordinate-board{grid-template-columns:repeat(2,minmax(105px,1fr));padding:10px}.road-last-copy{padding:24px}.road-trial-header{grid-template-columns:1fr}.road-memory-grid,.road-memory-grid.pairs-6{grid-template-columns:repeat(3,1fr)}.road-final-progress{grid-template-columns:1fr}.road-dialog form{padding:25px 18px}}

.passport-panel.road-red{outline:7px solid #a71929;outline-offset:5px;box-shadow:12px 12px 0 #4b0912}.passport-panel.road-red .passport-cover{background:linear-gradient(145deg,#c72535,#66101a);color:#fff}.passport-panel.road-red .passport-cover:after{content:'FOUR ROADS COMPLETE';display:block;margin-top:18px;padding:7px;border:2px solid #fff;font-size:.68rem;letter-spacing:.12em}

.road-section [hidden]{display:none!important}