/* Retrofus Ascension — the mounts (dragodindes): window « Monture », the slot of the bag, the button of the fight, the button of the bottom bar.
   Colours: parchment by default, navy when the theme « Nuit » is on (same variables, redefined below). */
#rv-mounts{--m-paper:#fbf3df;--m-paper2:#efe1ba;--m-card:#fffaf0;--m-ink:#2b2216;--m-dim:#6f5d3d;--m-line:#b79a5d;--m-accent:#e8780c;--m-ok:#3f8f3a;--m-bad:#c0432f;--m-blue:#3a74d8;--m-pink:#d8588c;--m-teal:#2f9a96;--m-head:#3a2a14;
  border:0;padding:0;margin:auto;background:transparent;color:var(--m-ink);width:min(1000px,calc(100vw - 20px));height:min(660px,calc(100dvh - 20px));max-width:none;max-height:none;overflow:visible;resize:none!important;font:600 13.5px/1.4 var(--font-ui,"Nunito Sans",system-ui,sans-serif)}
#rv-mounts::backdrop{background:#0b1020bd;backdrop-filter:blur(2px)}
html[data-theme="nuit"] #rv-mounts{--m-paper:#1b2333;--m-paper2:#141b29;--m-card:#243049;--m-ink:#e8edf6;--m-dim:#a9b6c9;--m-line:#3c4f6c;--m-head:#0f1522}
#rv-mounts .rvm{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;border-radius:16px;border:1px solid var(--m-line);background:linear-gradient(180deg,var(--m-paper),var(--m-paper2));box-shadow:0 22px 60px #000a;overflow:hidden}
#rv-mounts header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--m-head);color:#f6e7bd;border-bottom:1px solid #00000040}
#rv-mounts header h2{margin:0;font:400 21px/1.1 var(--font-display,"Bree Serif",Georgia,serif);color:inherit}
#rv-mounts header .rvm-kamas{margin-left:auto;font-weight:800;color:#ffd77a}
#rv-mounts header .rvm-x{width:32px;height:32px;border-radius:9px;border:1px solid #ffffff30;background:#ffffff14;color:#f6e7bd;font:700 15px/1 sans-serif;cursor:pointer}
#rv-mounts header .rvm-x:hover{background:#ffffff30}
#rv-mounts .rvm-body{display:grid;grid-template-columns:168px 1fr;min-height:0}
#rv-mounts nav{display:flex;flex-direction:column;gap:4px;padding:10px;border-right:1px solid var(--m-line);background:#00000010;overflow:auto}
#rv-mounts nav button{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--m-ink);font:700 13.5px var(--font-ui,sans-serif);cursor:pointer}
#rv-mounts nav button:hover{background:#ffffff40}
#rv-mounts nav button[aria-selected=true]{background:var(--m-card);border-color:var(--m-line);box-shadow:0 1px 3px #0003}
#rv-mounts nav button b{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:99px;background:var(--m-accent);color:#fff;font:800 11px/16px sans-serif;text-align:center}
#rv-mounts nav button b[hidden]{display:none}
#rv-mounts .rvm-main{display:flex;flex-direction:column;min-height:0;min-width:0}
#rv-mounts .rvm-note{margin:10px 14px 0;padding:8px 12px;border-radius:10px;background:#3f8f3a22;border:1px solid #3f8f3a66;color:var(--m-ink)}
#rv-mounts .rvm-note.is-bad{background:#c0432f22;border-color:#c0432f77}
#rv-mounts .rvm-note[hidden]{display:none}
#rv-mounts .rvm-pane{flex:1;min-height:0;overflow:auto;padding:14px}
#rv-mounts h3{margin:0 0 8px;font:400 18px/1.2 var(--font-display,"Bree Serif",Georgia,serif)}
#rv-mounts h4{margin:14px 0 6px;font:800 13px/1.2 var(--font-ui,sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--m-dim)}
#rv-mounts p{margin:6px 0}
#rv-mounts .dim{color:var(--m-dim)}
#rv-mounts button.rvm-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--m-line);background:linear-gradient(180deg,var(--m-card),var(--m-paper2));color:var(--m-ink);font:800 13px var(--font-ui,sans-serif);cursor:pointer}
#rv-mounts button.rvm-btn:hover:not(:disabled){border-color:var(--m-accent)}
#rv-mounts button.rvm-btn:disabled{opacity:.5;cursor:not-allowed}
#rv-mounts button.rvm-btn.is-main{background:linear-gradient(180deg,#f59a2a,#e8780c);border-color:#a9560a;color:#fff;text-shadow:0 1px 1px #0005}
#rv-mounts button.rvm-btn.is-bad{color:var(--m-bad)}
#rv-mounts .rvm-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* a mount sheet */
.rvm-sheet{display:grid;grid-template-columns:260px 1fr;gap:16px}
.rvm-portrait{position:relative;display:grid;place-items:end center;height:230px;border-radius:14px;border:1px solid var(--m-line);background:radial-gradient(circle at 50% 80%,#c8d9a455,#0000 70%),linear-gradient(180deg,#a9c47a30,#7a9a4a40);overflow:hidden}
.rvm-portrait img{height:78%;max-width:92%;object-fit:contain;transform-origin:50% 100%;margin-bottom:12px;filter:drop-shadow(0 6px 4px #0004)}
.rvm-portrait .rvm-badges{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:90%}
.rvm-chip{display:inline-block;padding:2px 8px;border-radius:99px;background:#00000030;color:#fff;font:800 11px/16px sans-serif;text-shadow:0 1px 1px #0006}
.rvm-chip.ok{background:#3f8f3a}.rvm-chip.warn{background:#d08a1a}.rvm-chip.bad{background:#c0432f}.rvm-chip.blue{background:#3a74d8}.rvm-chip.pink{background:#d8588c}
.rvm-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rvm-title input{font:400 22px/1.1 var(--font-display,"Bree Serif",Georgia,serif);background:transparent;border:0;border-bottom:1px dashed var(--m-line);color:inherit;min-width:0;width:230px;padding:2px 0}
.rvm-title input:focus{outline:none;border-bottom-color:var(--m-accent)}
.rvm-sub{color:var(--m-dim)}
.rvm-gauges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:10px}
.rvm-g{display:grid;gap:3px}
.rvm-g>span{display:flex;justify-content:space-between;font-size:12px}
.rvm-g>span em{font-style:normal;color:var(--m-dim)}
.rvm-bar{position:relative;height:10px;border-radius:99px;background:#0000002a;overflow:hidden;box-shadow:inset 0 1px 2px #0004}
.rvm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--c,var(--m-ok))}
.rvm-bar.bipolar{background:linear-gradient(90deg,#c0432f,#d6b04a 50%,#3a74d8)}
.rvm-bar.bipolar i{left:auto;width:3px;border-radius:0;background:#fff;box-shadow:0 0 0 1px #000a,0 0 4px #000a;transform:translateX(-1px)}
.rvm-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rvm-stat{padding:3px 9px;border-radius:8px;background:var(--m-card);border:1px solid var(--m-line);font-size:12.5px}
.rvm-stat b{color:var(--m-accent)}
.rvm-cap{padding:3px 9px;border-radius:8px;background:#e8780c22;border:1px solid #e8780c66;font-size:12.5px;cursor:help}
.rvm-tree{display:grid;gap:6px;margin-top:4px}
.rvm-tree div{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.rvm-tree small{width:130px;color:var(--m-dim)}
.rvm-dot{width:16px;height:16px;border-radius:50%;border:1px solid #0006;background:#bbb;cursor:help}
.rvm-dot.unknown{background:repeating-linear-gradient(45deg,#ccc,#ccc 3px,#eee 3px,#eee 6px);opacity:.6}
.rvm-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rvm-share input[type=range]{width:200px;accent-color:var(--m-accent)}

/* lists of mounts */
.rvm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.rvm-card{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:8px;border-radius:12px;border:1px solid var(--m-line);background:var(--m-card);cursor:pointer;text-align:left;color:inherit;font:inherit}
.rvm-card:hover{border-color:var(--m-accent)}
.rvm-card.is-sel{border-color:var(--m-accent);box-shadow:0 0 0 2px #e8780c55}
.rvm-card .art{display:grid;place-items:end center;height:58px;border-radius:8px;background:linear-gradient(180deg,#a9c47a30,#7a9a4a40)}
.rvm-card .art img{height:52px;max-width:60px;object-fit:contain;transform-origin:50% 100%}
.rvm-card b{display:block;font-size:14px}
.rvm-card small{display:block;color:var(--m-dim)}
.rvm-card .rvm-bar{height:6px;margin-top:3px}
.rvm-empty{padding:26px;border:1px dashed var(--m-line);border-radius:14px;text-align:center;color:var(--m-dim)}

/* pen */
.rvm-pen{display:grid;grid-template-columns:1fr 330px;gap:16px}
.rvm-obj{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;border:1px solid var(--m-line);background:var(--m-card)}
.rvm-obj img{width:36px;height:36px;object-fit:contain}
.rvm-obj b{display:block;font-size:13px}
.rvm-obj .rvm-bar{height:6px;margin-top:3px}
.rvm-log{max-height:150px;overflow:auto;padding:8px 10px;border-radius:10px;background:#00000014;font-size:12.5px}
.rvm-log p{margin:2px 0}

/* shop */
.rvm-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rvm-offer{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--m-line);background:var(--m-card)}
.rvm-offer img{width:44px;height:44px;object-fit:contain}
.rvm-offer b{display:block}
.rvm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.rvm-chips button{padding:4px 12px;border-radius:99px;border:1px solid var(--m-line);background:var(--m-card);color:inherit;font:700 12.5px var(--font-ui,sans-serif);cursor:pointer}
.rvm-chips button[aria-pressed=true]{background:var(--m-accent);border-color:#a9560a;color:#fff}

/* guide + quests */
.rvm-table{width:100%;border-collapse:collapse;font-size:13px}
.rvm-table th,.rvm-table td{padding:5px 8px;border-bottom:1px solid #0000001f;text-align:left}
.rvm-table th{color:var(--m-dim);font-weight:800}
.rvm-step{display:grid;grid-template-columns:30px 1fr;gap:10px;margin:8px 0}
.rvm-step>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--m-accent);color:#fff;font:800 14px sans-serif;font-style:normal}
.rvm-quest{padding:12px 14px;margin-bottom:10px;border-radius:12px;border:1px solid var(--m-line);background:var(--m-card)}
.rvm-quest.is-locked{opacity:.55}
.rvm-quest.is-claimed{border-color:#3f8f3a88}
.rvm-quest header{display:flex;align-items:center;gap:8px;padding:0;background:none;border:0;color:inherit}
.rvm-quest header b{font-size:15px}
.rvm-quest .goal{display:flex;align-items:center;gap:8px;margin:5px 0}
.rvm-quest .goal .rvm-bar{flex:1;max-width:220px}
.rvm-quest .goal em{font-style:normal;color:var(--m-dim)}

/* button of the fight */
#rv-tame{position:fixed;left:50%;bottom:calc(var(--hud-dock-height,150px) + 24px);transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border-radius:99px;border:2px solid #a9560a;background:linear-gradient(180deg,#f59a2a,#e8780c);color:#fff;font:800 14px var(--font-ui,sans-serif);text-shadow:0 1px 1px #0006;box-shadow:0 6px 18px #0007;cursor:pointer}
#rv-tame[hidden]{display:none}
#rv-tame img{height:30px;filter:drop-shadow(0 2px 2px #0006)}
#rv-tame small{display:block;font:600 11px sans-serif;opacity:.9}
#rv-tame:disabled{filter:grayscale(.8);opacity:.7;cursor:default}
#rv-mount-toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:90;max-width:min(520px,92vw);padding:10px 16px;border-radius:12px;background:#1b2333f2;border:1px solid #e8a23c;color:#fff;box-shadow:0 10px 30px #000a;font:700 14px var(--font-ui,sans-serif);text-align:center}
#rv-mount-toast[hidden]{display:none}
#rv-mount-toast.is-bad{border-color:#c0432f}

/* slot of the bag (the free place between the sixth Dofus and the Apparence) */
html[data-theme] body #player-dialog[data-view=inventory] .bag-layout .equipment-paper .equip-slot[data-slot=monture]{grid-area:monture!important;border-color:#8a9a4a!important;box-shadow:0 0 0 1px #8a9a4a55,inset 0 0 12px #8a9a4a22!important;position:relative}
html[data-theme] body #player-dialog[data-view=inventory] .bag-layout .equipment-paper .equip-slot[data-slot=monture] small{color:#c8d890!important}
.equip-slot[data-slot=monture] img.rv-ridden{position:absolute;left:50%;top:44%;height:62%;max-width:84%;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 2px 2px #0007)}
.equip-slot[data-slot=monture] img.slot-ghost{opacity:.35;filter:grayscale(1)}
.equip-slot[data-slot=monture] .rv-lv{position:absolute;right:3px;top:2px;padding:0 5px;border-radius:6px;background:#000a;color:#ffe9a8;font:800 10px/15px sans-serif}

@media (max-width:760px),(max-height:520px){
  #rv-mounts{width:100vw;height:100dvh;border-radius:0}
  #rv-mounts .rvm{border-radius:0}
  #rv-mounts .rvm-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  #rv-mounts nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--m-line)}
  #rv-mounts nav button{white-space:nowrap}
  .rvm-sheet,.rvm-pen{grid-template-columns:1fr}
}