/* LEGEND v0.8.7 - Road Controller UI */
.v087-road{display:grid;gap:14px;margin-top:12px;letter-spacing:normal!important}.v087-road *{box-sizing:border-box;letter-spacing:normal!important}.v087-road-hero{position:relative;overflow:hidden;border:1px solid rgba(255,211,105,.34);border-radius:24px;background:linear-gradient(180deg,rgba(18,34,26,.96),rgba(3,8,6,.88));box-shadow:0 18px 48px rgba(0,0,0,.30);padding:18px}.v087-road-hero h2{margin:0;color:#7dffad;font-size:clamp(2rem,6vw,4.2rem);line-height:.95}.v087-road-hero p{color:#d9efe1;max-width:78ch;line-height:1.5}.v087-road-scene{height:170px;position:relative;border:1px solid rgba(255,211,105,.14);border-radius:20px;overflow:hidden;margin-bottom:14px;background:linear-gradient(180deg,#14251c,#050806)}.v087-moon{position:absolute;right:13%;top:18px;width:48px;height:48px;border-radius:50%;background:#ffe8ad;box-shadow:0 0 34px rgba(255,211,105,.35)}.v087-hills{position:absolute;left:-5%;right:-5%;bottom:36px;height:90px;background:linear-gradient(180deg,#162b21,#07100c);clip-path:polygon(0 70%,12% 42%,25% 62%,38% 28%,52% 66%,70% 36%,86% 58%,100% 34%,100% 100%,0 100%)}.v087-path{position:absolute;left:40%;right:40%;bottom:-20px;height:130px;background:linear-gradient(90deg,transparent,rgba(255,211,105,.22),transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:v087RoadPulse 2.8s ease-in-out infinite alternate}.v087-marker{position:absolute;left:55%;bottom:46px;width:10px;height:52px;background:#2b2312}.v087-marker:after{content:'';position:absolute;top:-9px;left:-8px;width:26px;height:20px;border-radius:3px;background:#392d16;border:1px solid rgba(255,211,105,.22)}.v087-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}.v087-step{border:1px solid rgba(125,255,173,.14);border-radius:999px;background:rgba(0,0,0,.23);height:12px;overflow:hidden}.v087-step.done{background:linear-gradient(90deg,#ffd369,#7dffad);box-shadow:0 0 14px rgba(125,255,173,.2)}.v087-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v087-stat{border:1px solid rgba(125,255,173,.16);border-radius:14px;background:rgba(0,0,0,.22);padding:10px}.v087-stat span{display:block;color:#9bb9a7;text-transform:uppercase;font-size:.68rem}.v087-stat strong{display:block;color:#ffd369;margin-top:3px}.v087-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v087-card{border:1px solid rgba(125,255,173,.18);border-radius:18px;background:linear-gradient(180deg,rgba(12,25,19,.9),rgba(0,0,0,.22));color:#eaffef;text-align:left;padding:14px;cursor:pointer;transition:.16s}.v087-card:hover{transform:translateY(-2px);border-color:rgba(255,211,105,.55);box-shadow:0 16px 34px rgba(0,0,0,.24)}.v087-card strong{display:block;color:#ffd369;font-size:1.08rem}.v087-card span{display:block;color:#d9efe1;line-height:1.4;margin-top:5px}.v087-card em{display:inline-flex;margin-top:10px;color:#ffe7a6;border:1px solid rgba(255,211,105,.22);border-radius:999px;background:rgba(255,211,105,.07);padding:4px 8px;font-style:normal;font-size:.76rem}.v087-outcome{border:1px solid rgba(255,211,105,.28);border-radius:22px;background:linear-gradient(180deg,rgba(14,29,22,.94),rgba(0,0,0,.26));padding:16px}.v087-outcome h2{margin:0;color:#7dffad;font-size:clamp(1.8rem,5vw,3.4rem)}.v087-outcome p{color:#f1ead1;line-height:1.55}.v087-battle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.v087-enemy{width:min(190px,40vw);height:min(190px,40vw);display:grid;place-items:center;border:1px solid rgba(255,211,105,.28);border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(125,255,173,.16),transparent 42%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.36));box-shadow:inset 0 0 42px rgba(0,0,0,.36),0 18px 44px rgba(0,0,0,.25)}.v087-enemy svg{width:88%;height:88%;filter:drop-shadow(0 0 18px rgba(125,255,173,.20))}.v087-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}@keyframes v087RoadPulse{from{opacity:.55}to{opacity:.95}}@media(max-width:900px){.v087-status,.v087-options{grid-template-columns:1fr}.v087-battle{grid-template-columns:1fr}.v087-enemy{margin:auto}.v087-progress{grid-template-columns:repeat(5,1fr)}}@media(max-width:620px){.v087-road-hero,.v087-outcome{border-radius:18px;padding:12px}.v087-road-scene{height:135px}.v087-actions{display:grid}.v087-actions .btn{width:100%}}