/* Player experience: the live build, wardrobe, manual and optional companion. */
.live-bike{display:block;width:100%;height:auto;max-height:330px;margin:12px auto 3px;filter:drop-shadow(0 14px 8px #0007)}
.build-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#50667e;margin-top:17px;border:1px solid #6c88a5}
.build-benefits>div{background:#142336;padding:13px;text-align:center}.build-benefits b{display:block;font:500 24px Oswald,sans-serif;color:#d0b881}.build-benefits span{font:8px Oswald,sans-serif;letter-spacing:.09em;color:#a7bbcd}
.character-panel{border:1px solid #617d99;background:linear-gradient(145deg,#23374c,#0b1725);padding:18px;margin-bottom:17px;overflow:hidden}
.character-model{position:relative;aspect-ratio:5/6;max-width:285px;width:100%;margin:0 auto;overflow:hidden;background:#0d1116;border:1px solid #536983;box-shadow:0 16px 26px #0006}
.character-body{position:absolute;inset:0;background-image:url('/img/forge/characters.jpg');background-size:200% 200%;background-repeat:no-repeat}
.character-clothes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.character-forged{outline:4px ridge #7992aa}
.character-name{text-align:center;font:500 18px Oswald,sans-serif;color:#d7e3ef;margin:11px 0 8px}.character-panel .btn{display:block;margin:13px auto 0}
.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.avatar-option{min-width:0;cursor:pointer;padding:5px;background:#102034;color:#d9e7f3;border:1px solid #6e8ba9;text-align:left}.avatar-option.selected{border:2px solid #d8b66e}.avatar-thumb{display:block;aspect-ratio:5/6;background:url('/img/forge/characters.jpg') no-repeat;background-size:200% 200%}.avatar-option b{display:block;font:500 13px Oswald,sans-serif;padding:9px}.avatar-option>span:last-child{display:block;font:12px Rajdhani,sans-serif;color:#a6bbcd;padding:0 9px 8px}
.gear-comparison{margin:13px 0;padding:12px;background:#0b1b2b;border:1px solid #587591}.gear-comparison .delta-up{color:#96c5aa}.gear-comparison .delta-down{color:#dfa591}.gear-comparison .stat-line{font-size:13px}
.location-explainer{margin:13px 0;padding:15px;background:#14263a;border:1px solid #6484a5}.location-explainer h4{font:500 12px Oswald,sans-serif;margin:0 0 10px;color:#d3e2ef;letter-spacing:.08em}.location-explainer ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55}.location-explainer li{margin:7px 0}
#guide-launch{position:fixed;right:16px;bottom:calc(var(--nav-h) + 13px);z-index:79;padding:10px 13px;background:linear-gradient(145deg,#375a7b,#172d42);border:1px solid #a0bdd8;color:#e2eff8;font:500 11px Oswald,sans-serif;letter-spacing:.07em;box-shadow:0 6px 22px #0009;cursor:pointer}
#road-companion{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + 64px);z-index:78;max-width:530px;margin:0 auto;display:grid;grid-template-columns:66px 1fr;gap:12px;padding:14px;background:linear-gradient(135deg,#29435dee,#0d2032f5);border:1px solid #9bb7d2;box-shadow:0 16px 35px #0009}
#road-companion img{width:66px;height:80px;object-fit:cover;border:1px solid #abbed0}#road-companion .coach-name{font:11px Oswald,sans-serif;letter-spacing:.08em;color:#d8bd8b}#road-companion .coach-text{font-size:13px;line-height:1.4;color:#d4e1ee;margin:7px 20px 8px 0}#road-companion .coach-close{position:absolute;right:8px;top:7px;border:0;background:none;color:#b4cade;cursor:pointer;font-size:18px}#road-companion .coach-progress{font:9px Oswald,sans-serif;color:#a4bed2;margin-top:10px;letter-spacing:.05em}#road-companion .btn-row{gap:7px}
body:has(.sheet-bg) #road-companion,body:has(.sheet-bg) #guide-launch{display:none}
body[data-companion='open'] .screen{padding-bottom:calc(var(--nav-h) + 270px)}
.guide-focus{outline:3px solid #d7b45f!important;outline-offset:5px;animation:guide-pulse 1.8s 2!important}@keyframes guide-pulse{50%{box-shadow:0 0 0 9px #b78b3325}}
.manual-head{display:flex;gap:14px;align-items:center;margin-bottom:17px}.manual-head img{width:55px;height:62px;object-fit:cover;border:1px solid #95aec4}.manual-head h3{margin:0}.manual-search{display:flex;gap:8px;margin-bottom:15px}.manual-search input{width:100%;padding:12px;font:15px Rajdhani,sans-serif;color:#dbe6ee;background:#091929;border:1px solid #617f9d}
.manual-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.manual-tabs button{font:9px Oswald,sans-serif;background:#14283d;color:#abc6db;border:1px solid #547494;padding:8px 10px;cursor:pointer}.manual-tabs button.on{color:#f4e2b6;border-color:#c3a36d}
.manual-section{padding:15px;background:#112337;border:1px solid #54718d;margin-bottom:12px}.manual-section h4{font:500 16px Oswald,sans-serif;color:#d4e4ef;margin:0 0 12px}.manual-section p,.manual-section li{font-size:14px;line-height:1.6;color:#b7cada}.manual-section ul{padding-left:20px;margin:10px 0}.manual-section .manual-actions{margin-top:12px}.manual-buildings{display:grid;grid-template-columns:1fr;gap:12px}.manual-building{padding:14px;border:1px solid #536e88;background:#0e2032}.manual-building h5{font:500 13px Oswald,sans-serif;color:#c9dceb;margin:0 0 8px}.manual-building p{margin:6px 0}.manual-empty{padding:30px;text-align:center;color:#afc5d8}
@media(min-width:1000px){#guide-launch{bottom:22px;right:24px}#road-companion{left:auto;right:24px;bottom:77px;margin:0;width:450px}body[data-companion='open'] .screen{padding-bottom:280px}.character-panel{padding:22px}.manual-buildings{grid-template-columns:1fr 1fr}}
@media(max-width:379px){#road-companion{grid-template-columns:49px 1fr;gap:9px;padding:11px}#road-companion img{width:49px;height:65px}#road-companion .coach-text{font-size:12px}#road-companion .coach-name{font-size:10px}#road-companion .btn{font-size:9px}.avatar-options{gap:9px}.manual-section{padding:12px}.character-model{max-width:240px}}
html[data-theme='light'] .character-panel{background:linear-gradient(145deg,#d0deec,#a6bed5)}html[data-theme='light'] .character-name{color:#213c55}html[data-theme='light'] .gear-comparison{background:#d8e7f3;color:#28445d}html[data-theme='light'] .location-explainer{background:#d5e6f3;color:#27445e}html[data-theme='light'] .location-explainer h4{color:#25475f}

.experience-close{position:sticky;top:0;float:right;z-index:4;border:1px solid #6987a3;background:#14273a;color:#d7e6f2;width:30px;height:30px;font-size:20px;line-height:24px;cursor:pointer}.manual-head{padding-right:32px}