#mount-dialog{position:fixed;inset:0;height:fit-content;width:min(960px,94vw);max-width:94vw;max-height:90dvh;margin:auto;padding:22px;box-sizing:border-box;border:5px ridge #c09a59;border-radius:18px;color:#392a17;background:radial-gradient(ellipse at top,#fff6dc,#e6c995);box-shadow:0 12px 45px #0008;overflow:auto}
#mount-dialog::backdrop{background:#051416b8;backdrop-filter:blur(3px)}
#mount-dialog>header{display:flex;align-items:center;justify-content:space-between;position:static;background:none;border:0;padding:0;gap:16px}
#mount-dialog h2{margin:0;font:36px Georgia,serif;color:#392a17}#mount-dialog p{color:#594124;margin:10px 0;line-height:1.4}#mount-dialog .mount-eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 4px}
#mount-dialog button{border:2px solid #98713c;border-radius:9px;background:linear-gradient(#fff0cc,#dcbb7e);color:#382815;box-shadow:inset 0 0 0 2px #fff4d5,0 3px 0 #6e4928;min-height:44px;padding:10px 18px;font-weight:700}
#mount-dialog button:hover:not(:disabled){background:#ffe1a1}#mount-dialog button:disabled{background:#e3d6bc;color:#67553c;box-shadow:none;cursor:default;opacity:1}#mount-dialog button:focus-visible,#mount-toggle:focus-visible{outline:3px solid #fff4cc;outline-offset:3px}#mount-dialog .mount-close{font-size:28px;padding:2px 14px;flex:none}
#mount-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mount-card{display:flex;flex-direction:column;text-align:center;padding:12px;border:2px solid #b99960;border-radius:12px;background:#fff6dfb8}.mount-card.is-selected{border-color:#76521e;box-shadow:0 0 0 2px #d9b25e}.mount-card canvas{width:100%;height:auto;aspect-ratio:9/7;object-fit:contain;max-height:210px}.mount-card h3{font:26px Georgia,serif;margin:6px 0;color:#392a17}.mount-card>p{font-size:14px}.mount-card .mount-owned{font-weight:700;margin-top:auto!important;padding-top:8px}.mount-card button{width:100%}#mount-dialog .mount-note{font-size:13px;margin-bottom:0}#mount-status:empty{display:none}
#mount-toggle{position:absolute;bottom:12px;left:12px;z-index:15;min-height:44px;max-width:210px;padding:8px 18px;border:2px solid #bfa36a;border-radius:9px;background:linear-gradient(#294746,#142e32);color:#f4e4bd;box-shadow:inset 0 0 0 2px #091e2280,0 3px 10px #0006;font-size:14px;font-weight:700}
#mount-toggle[hidden]{display:none}.at-start #mount-toggle{display:none}#mounts-button canvas{aspect-ratio:1;width:36px;height:36px}
@media(max-height:560px){#mount-dialog{padding:12px;max-height:96dvh}#mount-dialog h2{font-size:25px}.mount-card canvas{max-height:115px}.mount-card>p:not(.mount-owned){display:none}#mount-dialog p{margin:5px 0}.mount-card h3{font-size:21px}#mount-toggle{bottom:8px;left:8px}}
@media(max-width:620px){#mount-cards{gap:7px}.mount-card{padding:6px}.mount-card h3{font-size:20px}#mount-dialog button{padding:8px 5px;font-size:12px}#mount-dialog{padding:10px}.mount-card>p:not(.mount-owned){display:none}}