.mount-page{max-width:1216px;margin:auto;padding:0 32px 64px;color:var(--color-text)}
.mount-page h2{font:700 clamp(28px,3.2vw,38px)/1.2 var(--font-display);letter-spacing:-.025em}
.mount-page h3{font:600 23px/1.3 var(--font-display)}
.mount-page p{color:var(--color-text-muted);line-height:1.8}
.mount-hero-facts{display:flex;flex-wrap:wrap;gap:7px 16px;margin:18px 0;font-size:12px;color:var(--color-primary)}
.mount-hero-facts span+span::before{content:'·';margin-right:16px;color:var(--color-gold)}
.mount-text-link{font-size:13px;color:var(--color-primary);text-underline-offset:4px}
.mount-section{padding:58px 0;border-bottom:1px solid var(--feature-line,#d8c8a880)}
.mount-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}
.mount-section-heading h2{margin:12px 0 0}.mount-section-heading>p{max-width:370px;font-size:14px;margin:0}
.mount-browser{min-width:0;color:var(--color-text)}.mount-browser [hidden]{display:none!important}
.mount-viewer .game-eyebrow{display:block;color:var(--color-primary);font:600 10px/1.6 var(--font-body);text-transform:uppercase;letter-spacing:.12em}
.mount-browser-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:28px}
.mount-library{min-width:0;container:mount-options / inline-size}.mount-search{display:grid;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;color:var(--color-primary)}
.mount-search input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #d8c8a8;background:#fffdf8;border-radius:7px;padding:10px 14px;font:400 14px var(--font-body);color:var(--color-text)}
.mount-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mount-choices button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:166px;padding:12px 8px;border:1px solid #d8c8a8;border-radius:10px;background:#fffdf894;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}
.mount-choices button[aria-pressed=true]{border:2px solid var(--color-primary);padding:11px 7px;background:#e8f0f3;box-shadow:0 4px 14px #315b7312}
.mount-choices button:hover{background:#f3f7f7;border-color:var(--color-primary)}
.mount-choices img{display:block;width:92px;height:90px;max-width:100%;object-fit:contain;image-rendering:pixelated}
.mount-choices strong{font:600 14px/1.3 var(--font-body);color:var(--color-primary)}
.mount-choices small{font-size:10px;line-height:1.5;font-weight:400;color:var(--color-text-muted)}
.mount-filter-status,.mount-library>p{font-size:12px;color:var(--color-text-muted);margin:12px 0 0}
.mount-viewer{margin:0;padding:22px;border:1px solid #d8c8a8;border-radius:14px;background:linear-gradient(135deg,#fffdf8d9,#e8eff28c);min-width:0}
.mount-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mount-viewer-heading h3{font:600 30px/1.25 var(--font-display);margin:8px 0 0}.mount-viewer-count{font-size:11px;color:var(--color-text-muted);white-space:nowrap}
/* Platforms and contact anchors are copied from the installed game. */
.mount-stage{position:relative;width:min(100%,560px);aspect-ratio:10/7;margin:16px auto}
.mount-stage-scene{position:absolute;inset:auto 0 0;aspect-ratio:2/1;pointer-events:none}
.mount-stage-platform{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.mount-stage [data-mount-image]{position:absolute;z-index:2;left:50%;bottom:var(--mount-foot-bottom,41%);display:block;width:calc(var(--mount-width) * 2);height:auto;max-width:78%;max-height:90%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;transform:translate(calc(-50% + var(--mount-support-x,0px)),var(--mount-support-y,0px));pointer-events:none;user-select:none}
.mount-contact-shadow{position:absolute;z-index:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#19171161 0%,#19171138 30%,#19171100 72%);pointer-events:none}
.mount-stage p{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;text-align:center;margin:0 20px}
.mount-forms{display:flex;gap:8px;justify-content:center}.mount-forms button,.mount-rotation button{border:1px solid #d8c8a8;border-radius:6px;background:#fffdf8;color:var(--color-primary);font:500 12px var(--font-body);cursor:pointer;min-height:40px;padding:8px 14px}
.mount-forms button[aria-pressed=true]{background:#e3edf1;border-color:var(--color-primary)}
.mount-stage-scene .mount-rotation{position:absolute;z-index:4;top:0;left:50%;width:min(calc(100% + 104px),calc(100cqw + 32px));height:100%;transform:translateX(-50%);display:block;margin:0;padding:0;pointer-events:none}
.mount-stage-scene .mount-rotation button{position:absolute;top:66%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:8px;pointer-events:auto}
.mount-rotation button:first-of-type{left:0}.mount-rotation button:last-of-type{right:0}
.mount-rotation [data-mount-direction]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mount-viewer figcaption{border-top:1px solid #d8c8a880;padding-top:18px;font-size:13px;line-height:1.7;color:var(--color-text-muted)}
.mount-viewer figcaption>strong{display:block;color:var(--color-primary);font-size:11px;margin-bottom:3px}.mount-viewer figcaption>small{display:block;font-size:11px;margin-top:10px;line-height:1.6}
.mount-nav-icon{object-fit:contain;image-rendering:auto;display:inline-block;flex:none}
.mount-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.mount-steps li{position:relative;padding:0 26px 0 0;border-right:1px solid #d8c8a880}.mount-steps li:last-child{padding-right:0;border:0}.mount-steps li>svg,.mount-steps li>.mount-nav-icon{height:48px;width:48px;margin-bottom:12px}.mount-step-number{position:absolute;right:26px;top:7px;color:#b99a63;font:600 25px var(--font-display)}
.mount-steps h3{font-size:20px;line-height:1.4;margin:6px 0 10px}.mount-steps p,.mount-rules p{font-size:14px}.mount-steps small,.mount-rules small{display:block;font-size:12px;line-height:1.75;color:var(--color-text-muted);margin-top:12px}
.mount-page kbd{display:inline-block;background:#fffdf8;border:1px solid #d8c8a8;border-radius:4px;padding:1px 5px;font:11px var(--font-body)}
.mount-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #d8c8a880;padding-top:24px}.mount-rules article{padding:0;border:0;border-radius:0;background:none}.mount-rules h3{margin:14px 0 10px;font-size:22px}
.mount-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #d8c8a8;padding:36px 0 16px}.mount-next h2{margin-top:12px}.mount-next p{font-size:14px;max-width:500px}.mount-next>.botao{flex:none}
.mount-browser :is(button,input):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
@media(min-width:1001px){.mount-viewer{position:sticky;top:170px}}
@media(max-width:1000px){.mount-page{padding-inline:24px}.mount-browser-grid{gap:18px}.mount-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mount-steps li{padding-inline:18px}.mount-rules{gap:12px}.mount-rules article{padding:0}}
@media(max-width:700px){.mount-page{padding-inline:20px}.mount-section{padding:36px 0}.mount-section-heading{display:block;margin-bottom:24px}.mount-section-heading>p{margin-top:16px}.mount-browser-grid{display:flex;flex-direction:column}.mount-library,.mount-viewer{width:100%;box-sizing:border-box}.mount-viewer{padding:20px}.mount-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mount-choices button{padding:10px 5px;min-height:160px}.mount-choices button[aria-pressed=true]{padding:9px 4px}.mount-choices img{height:70px;width:80px}.mount-choices small{font-size:9px}.mount-steps,.mount-rules{grid-template-columns:1fr}.mount-steps li,.mount-steps li:first-child,.mount-steps li:last-child{padding:22px 0;border:0;border-top:1px solid #d8c8a8}.mount-steps li:first-child{border:0;padding-top:0}.mount-step-number{top:25px;right:4px}.mount-steps li:first-child .mount-step-number{top:7px}.mount-next{display:block}.mount-next>.botao{margin-top:18px}.mount-hero-facts{gap:7px 12px}.mount-hero-facts span+span::before{margin-right:12px}}
@media(max-width:420px){.mount-page{padding-inline:16px}.mount-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mount-viewer-heading h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.mount-choices button{transition:none}}


/* The introduction belongs below the three-step title, across the section. */
.mount-section-heading--steps{display:block}
.mount-section-heading--steps>p{max-width:none;margin:14px 0 0}

/* The illustrated covers and class previews are the same assets used by the game. */
.mount-browser .mount-choices button{padding:0 0 12px;gap:8px;min-height:0;overflow:hidden}
.mount-browser .mount-choices button[aria-pressed=true]{padding:0 0 11px}
.mount-browser .mount-choices img.mount-choice-cover{width:100%;height:auto;max-width:none;aspect-ratio:266/150;object-fit:contain;image-rendering:auto;border-radius:8px 8px 0 0}
.mount-browser .mount-choices :is(strong,small){padding-inline:8px}
.mount-rider{display:grid;gap:7px;margin:0 0 14px;color:var(--color-primary);font:600 11px var(--font-body)}

/* Open presentation shared by home and the full mount guide. */
.mount-browser--visual .mount-browser-grid{display:block}
.mount-browser--visual .mount-viewer{container-type:inline-size;position:static;width:100%;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mount-browser--visual .mount-viewer-heading{padding:0 8px}
.mount-browser--visual .mount-viewer-heading h3,.mount-preview-classes{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mount-browser--visual .mount-stage{width:min(calc(100% - 56px),400px);margin:0 auto 8px;aspect-ratio:20/13}
.mount-browser--visual .mount-stage [data-mount-image]{max-height:82%}
.mount-browser--visual .mount-viewer figcaption{padding:0;border:0;font:400 12px/1.6 var(--font-body);color:var(--color-text-muted)}
.mount-picker{min-width:0;padding:0;margin:0;border:0}
.mount-picker legend{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:28px;padding:0;margin-bottom:8px}
.mount-picker-title{display:flex;align-items:center;gap:9px;color:var(--color-primary);font-size:11px;font-weight:600}
.mount-browser--visual .mount-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:3px 2px 0;overflow:visible}
.mount-browser--visual .mount-choices button{position:relative;flex:0 0 calc((100% - 32px)/5);box-sizing:border-box;min-width:0;min-height:0;padding:0 0 9px;gap:7px}
.mount-browser--visual .mount-choices button[aria-pressed=true]{padding:0 0 8px}
.mount-browser--visual .mount-choices strong{font-size:11px;line-height:1.3;min-height:1.3em}
.mount-choice-check{position:absolute;z-index:1;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:#fffdf8;opacity:0;pointer-events:none}
.mount-choices button[aria-pressed=true] .mount-choice-check{opacity:1}
.mount-customize{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:16px}
.mount-browser--visual .mount-rider{flex:0 1 auto;display:block;min-width:0;min-inline-size:0;border:0;padding:0;margin:0;font-size:10px}
.mount-rider legend{padding:0;margin-bottom:7px}
.mount-rider-buttons{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.mount-rider-buttons::-webkit-scrollbar{display:none}
.mount-rider-buttons button{flex:0 0 auto;min-height:40px;max-width:100%;padding:7px 11px;border:1px solid #d8c8a8;border-radius:6px;background:#fffdf8;color:var(--color-primary);font:500 11px/1.4 var(--font-body);cursor:pointer}
.mount-rider-buttons button[aria-pressed=true]{background:#e3edf1;border-color:var(--color-primary);box-shadow:inset 0 -2px var(--color-primary)}
.mount-rider-buttons button:hover{background:var(--color-secondary-soft)}
.mount-browser--visual .mount-forms{flex:none;align-items:center;gap:6px;border-left:1px solid var(--color-gold-line,#d8c8a8);padding-left:12px}
.mount-browser--visual .mount-forms button{font-size:11px;min-height:40px;padding:8px 12px}
@container mount-options (max-width:540px){.mount-browser--visual .mount-choices button{flex-basis:calc((100% - 24px)/4)}}
@container mount-options (max-width:340px){.mount-browser--visual .mount-choices button{flex-basis:calc((100% - 16px)/3)}}
@media(max-width:600px){.mount-browser--visual .mount-viewer-heading{padding:0}}
@media(max-width:600px){.mount-customize{gap:8px}.mount-browser--visual .mount-forms{padding-left:8px;gap:4px}.mount-browser--visual .mount-forms button{font-size:10px;padding-inline:8px}}

/* The mount guide follows the same reading layout as the Fera guide. */
.mount-section--preview{padding:0}
.mount-browser--guide .mount-browser-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px;padding:44px 0}
.mount-guide-copy{min-width:0;max-width:440px}
.mount-guide-copy h2{font-size:34px;line-height:1.25;margin:12px 0 16px}
.mount-guide-copy>p{font-size:15px;line-height:1.8;max-width:40ch;color:var(--color-text-muted)}
.mount-guide-copy .mount-search{margin:24px 0 0;gap:8px}
.mount-search-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
.mount-search-status .mount-filter-status{margin:8px 0;font-size:11px}
.mount-search-status button{padding:6px 0;border:0;background:none;color:var(--color-primary);font:600 11px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mount-guide-selection{border-top:1px solid #d8c8a880;margin-top:18px;padding-top:18px}
.mount-guide-selection>span{font:600 10px var(--font-body);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase}
.mount-guide-selection h3{font:600 22px/1.3 var(--font-display);margin:7px 0}
.mount-guide-selection p{font-size:13px;line-height:1.75;margin:0;max-width:38ch}
.mount-browser--guide .mount-viewer{background:radial-gradient(ellipse at 50% 40%,#dbe9ed66,transparent 65%)}
.mount-browser--guide .mount-viewer-heading{padding:0 16px}
.mount-browser--guide .mount-stage{width:min(calc(100% - 56px),430px)}
.mount-browser--guide .mount-choices--few{justify-content:center}
.mount-empty-scene{display:grid;place-items:center;align-content:center;gap:12px;text-align:center;min-height:450px;padding:24px;color:var(--color-text-muted)}
.mount-empty-scene h3{font-size:24px;margin:0}.mount-empty-scene p{font-size:14px;max-width:28ch;margin:0}
@media(max-width:1000px){.mount-browser--guide .mount-browser-grid{gap:28px}}
@media(max-width:760px){.mount-page{padding-inline:20px}.mount-section{padding-block:36px}.mount-section--preview{padding:0}.mount-browser--guide .mount-browser-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}.mount-guide-copy{max-width:600px}.mount-guide-copy h2{font-size:28px}.mount-guide-copy>p{font-size:14px}.mount-browser--guide .mount-stage{width:min(calc(100% - 56px),346px)}.mount-guide-selection{margin-top:12px;padding-top:12px}.mount-guide-selection p{max-width:none}.mount-empty-scene{min-height:220px}}

/* Native game window shortcut; does not activate a mount directly. */
.mount-page .mount-shortcut,#home-montarias .home-discover-copy>.mount-shortcut{margin:18px 0 0;font:400 12px/1.6 var(--font-body);color:var(--color-text-muted)}
.mount-shortcut-keys{white-space:nowrap}
.mount-shortcut kbd{display:inline-block;background:#fffdf8;border:1px solid #d8c8a8;border-radius:4px;padding:1px 5px;font:11px var(--font-body)}